{"version":3,"sources":["webpack:///./src/$_lazy_route_resource lazy namespace object","webpack:///./src/app/_guards/confirm-route-guard.component.ts","webpack:///./src/app/_services/ticketing.service.ts","webpack:///./src/app/_shared/landing-pages/landing-page-banner.component.ts","webpack:///./src/app/_shared/landing-pages/landing-page-footer.component.ts","webpack:///./src/app/_shared/landing-pages/landing-page.component.css","webpack:///./src/app/_shared/landing-pages/landing-page.component.html","webpack:///./src/app/_shared/landing-pages/unit-landing-page.component.css","webpack:///./src/app/_shared/landing-pages/unit-landing-page.component.html","webpack:///./src/app/_shared/lesson-guides/lesson-guide-footer.component.ts","webpack:///./src/app/_shared/lesson-guides/lesson-guide.component.css","webpack:///./src/app/_shared/tfolio-cite.component.ts","webpack:///./src/app/_shared/tfolio-copyright.component.ts","webpack:///./src/app/_shared/tfolio-directions.component.ts","webpack:///./src/app/_shared/tfolio-heading.component.ts","webpack:///./src/app/_shared/tfolio-nav-butt.component.ts","webpack:///./src/app/_shared/tfolio-page-title.component.ts","webpack:///./src/app/_shared/tfolio-pdf-button.component.ts","webpack:///./src/app/_shared/tfolio-print-button.component.ts","webpack:///./src/app/_shared/tfolio-scroll.component.ts","webpack:///./src/app/_shared/tfolio-textarea.ts","webpack:///./src/app/_shared/tfolio-whats-important-to-me-pdf-button.ts","webpack:///./src/app/about.component.html","webpack:///./src/app/about.component.ts","webpack:///./src/app/app.component.html","webpack:///./src/app/app.component.ts","webpack:///./src/app/app.module.ts","webpack:///./src/app/app.routing.ts","webpack:///./src/app/create-ticket.component.html","webpack:///./src/app/create-ticket.component.ts","webpack:///./src/app/feedback.component.css","webpack:///./src/app/feedback.component.html","webpack:///./src/app/feedback.component.ts","webpack:///./src/app/help.component.html","webpack:///./src/app/help.component.ts","webpack:///./src/app/home.component.css","webpack:///./src/app/home.component.html","webpack:///./src/app/home.component.ts","webpack:///./src/app/introduction/_landing.component.ts","webpack:///./src/app/introduction/lesson-1/_guide.component.css","webpack:///./src/app/introduction/lesson-1/_guide.component.html","webpack:///./src/app/introduction/lesson-1/_guide.component.ts","webpack:///./src/app/introduction/lesson-1/_landing.component.ts","webpack:///./src/app/introduction/lesson-1/whats-important-to-me-facilitator.component.css","webpack:///./src/app/introduction/lesson-1/whats-important-to-me-facilitator.component.html","webpack:///./src/app/introduction/lesson-1/whats-important-to-me-facilitator.component.ts","webpack:///./src/app/introduction/lesson-1/whats-important-to-me.component.css","webpack:///./src/app/introduction/lesson-1/whats-important-to-me.component.html","webpack:///./src/app/introduction/lesson-1/whats-important-to-me.component.ts","webpack:///./src/app/introduction/lesson-2/_guide.component.css","webpack:///./src/app/introduction/lesson-2/_guide.component.html","webpack:///./src/app/introduction/lesson-2/_guide.component.ts","webpack:///./src/app/introduction/lesson-2/_landing.component.ts","webpack:///./src/app/introduction/lesson-2/_self-reflection.component.css","webpack:///./src/app/introduction/lesson-2/_self-reflection.component.html","webpack:///./src/app/introduction/lesson-2/_self-reflection.component.ts","webpack:///./src/app/page-not-found.component.ts","webpack:///./src/app/unit-1/_landing.component.ts","webpack:///./src/app/unit-1/lesson-1/_guide.component.css","webpack:///./src/app/unit-1/lesson-1/_guide.component.html","webpack:///./src/app/unit-1/lesson-1/_guide.component.ts","webpack:///./src/app/unit-1/lesson-1/_landing.component.ts","webpack:///./src/app/unit-1/lesson-1/strengths-assessment.component.css","webpack:///./src/app/unit-1/lesson-1/strengths-assessment.component.html","webpack:///./src/app/unit-1/lesson-1/strengths-assessment.component.ts","webpack:///./src/app/unit-1/lesson-2/_guide.component.css","webpack:///./src/app/unit-1/lesson-2/_guide.component.html","webpack:///./src/app/unit-1/lesson-2/_guide.component.ts","webpack:///./src/app/unit-1/lesson-2/_landing.component.ts","webpack:///./src/app/unit-1/lesson-2/preferences-assessment.component.css","webpack:///./src/app/unit-1/lesson-2/preferences-assessment.component.html","webpack:///./src/app/unit-1/lesson-2/preferences-assessment.component.ts","webpack:///./src/app/unit-1/lesson-3/_guide.component.css","webpack:///./src/app/unit-1/lesson-3/_guide.component.html","webpack:///./src/app/unit-1/lesson-3/_guide.component.ts","webpack:///./src/app/unit-1/lesson-3/_landing.component.ts","webpack:///./src/app/unit-1/lesson-3/child-components/career-clusters.component.css","webpack:///./src/app/unit-1/lesson-3/child-components/career-clusters.component.html","webpack:///./src/app/unit-1/lesson-3/child-components/career-clusters.component.ts","webpack:///./src/app/unit-1/lesson-3/encuesta-de-interes.component.css","webpack:///./src/app/unit-1/lesson-3/encuesta-de-interes.component.html","webpack:///./src/app/unit-1/lesson-3/encuesta-de-interes.component.ts","webpack:///./src/app/unit-1/lesson-3/interests-survey.component.css","webpack:///./src/app/unit-1/lesson-3/interests-survey.component.html","webpack:///./src/app/unit-1/lesson-3/interests-survey.component.ts","webpack:///./src/app/unit-1/lesson-4/_guide.component.css","webpack:///./src/app/unit-1/lesson-4/_guide.component.html","webpack:///./src/app/unit-1/lesson-4/_guide.component.ts","webpack:///./src/app/unit-1/lesson-4/_landing.component.ts","webpack:///./src/app/unit-1/lesson-4/classroom-challenges.component.css","webpack:///./src/app/unit-1/lesson-4/classroom-challenges.component.html","webpack:///./src/app/unit-1/lesson-4/classroom-challenges.component.ts","webpack:///./src/app/unit-1/lesson-4/needs-assessment.component.css","webpack:///./src/app/unit-1/lesson-4/needs-assessment.component.html","webpack:///./src/app/unit-1/lesson-4/needs-assessment.component.ts","webpack:///./src/app/unit-1/lesson-5/_guide.component.css","webpack:///./src/app/unit-1/lesson-5/_guide.component.html","webpack:///./src/app/unit-1/lesson-5/_guide.component.ts","webpack:///./src/app/unit-1/lesson-5/_landing.component.ts","webpack:///./src/app/unit-1/lesson-5/child-components/graph-bar.component.css","webpack:///./src/app/unit-1/lesson-5/child-components/graph-bar.component.html","webpack:///./src/app/unit-1/lesson-5/child-components/graph-bar.component.ts","webpack:///./src/app/unit-1/lesson-5/child-components/graph-legend.component.ts","webpack:///./src/app/unit-1/lesson-5/child-components/radio-button-group.component.css","webpack:///./src/app/unit-1/lesson-5/child-components/radio-button-group.component.html","webpack:///./src/app/unit-1/lesson-5/child-components/radio-button-group.component.ts","webpack:///./src/app/unit-1/lesson-5/child-components/radio-button-subtotal.component.css","webpack:///./src/app/unit-1/lesson-5/child-components/radio-button-subtotal.component.html","webpack:///./src/app/unit-1/lesson-5/child-components/radio-button-subtotal.component.ts","webpack:///./src/app/unit-1/lesson-5/child-components/thermometer.component.css","webpack:///./src/app/unit-1/lesson-5/child-components/thermometer.component.html","webpack:///./src/app/unit-1/lesson-5/child-components/thermometer.component.ts","webpack:///./src/app/unit-1/lesson-5/self-determination-scale.component.css","webpack:///./src/app/unit-1/lesson-5/self-determination-scale.component.html","webpack:///./src/app/unit-1/lesson-5/self-determination-scale.component.ts","webpack:///./src/app/unit-1/lesson-6/_guide.component.css","webpack:///./src/app/unit-1/lesson-6/_guide.component.html","webpack:///./src/app/unit-1/lesson-6/_guide.component.ts","webpack:///./src/app/unit-1/lesson-6/_landing.component.ts","webpack:///./src/app/unit-1/lesson-6/work-maturity-skills.component.css","webpack:///./src/app/unit-1/lesson-6/work-maturity-skills.component.html","webpack:///./src/app/unit-1/lesson-6/work-maturity-skills.component.ts","webpack:///./src/app/unit-1/lesson-7/_guide.component.css","webpack:///./src/app/unit-1/lesson-7/_guide.component.html","webpack:///./src/app/unit-1/lesson-7/_guide.component.ts","webpack:///./src/app/unit-1/lesson-7/_landing.component.ts","webpack:///./src/app/unit-1/lesson-7/child-components/_list-names.component.css","webpack:///./src/app/unit-1/lesson-7/child-components/_list-names.component.html","webpack:///./src/app/unit-1/lesson-7/child-components/_list-names.component.ts","webpack:///./src/app/unit-1/lesson-7/child-components/_textarea-block.component.css","webpack:///./src/app/unit-1/lesson-7/child-components/_textarea-block.component.html","webpack:///./src/app/unit-1/lesson-7/child-components/_textarea-block.component.ts","webpack:///./src/app/unit-1/lesson-7/synthesize-reflect.component.css","webpack:///./src/app/unit-1/lesson-7/synthesize-reflect.component.html","webpack:///./src/app/unit-1/lesson-7/synthesize-reflect.component.ts","webpack:///./src/app/unit-1/lesson-8/_guide.component.css","webpack:///./src/app/unit-1/lesson-8/_guide.component.html","webpack:///./src/app/unit-1/lesson-8/_guide.component.ts","webpack:///./src/app/unit-1/lesson-8/_landing.component.ts","webpack:///./src/app/unit-1/lesson-8/child-components/question-textarea.component.css","webpack:///./src/app/unit-1/lesson-8/child-components/question-textarea.component.html","webpack:///./src/app/unit-1/lesson-8/child-components/question-textarea.component.ts","webpack:///./src/app/unit-1/lesson-8/researching-occupations.component.css","webpack:///./src/app/unit-1/lesson-8/researching-occupations.component.html","webpack:///./src/app/unit-1/lesson-8/researching-occupations.component.ts","webpack:///./src/app/unit-2/_landing.component.ts","webpack:///./src/app/unit-2/lesson-1/_guide.component.html","webpack:///./src/app/unit-2/lesson-1/_guide.component.ts","webpack:///./src/app/unit-2/lesson-1/_landing.component.ts","webpack:///./src/app/unit-2/lesson-1/smart-goals-worksheet.component.css","webpack:///./src/app/unit-2/lesson-1/smart-goals-worksheet.component.html","webpack:///./src/app/unit-2/lesson-1/smart-goals-worksheet.component.ts","webpack:///./src/app/unit-2/lesson-2/_guide.component.html","webpack:///./src/app/unit-2/lesson-2/_guide.component.ts","webpack:///./src/app/unit-2/lesson-2/_landing.component.ts","webpack:///./src/app/unit-2/lesson-2/postsecondary-goals-worksheet.component.css","webpack:///./src/app/unit-2/lesson-2/postsecondary-goals-worksheet.component.html","webpack:///./src/app/unit-2/lesson-2/postsecondary-goals-worksheet.component.ts","webpack:///./src/app/unit-2/lesson-3/_guide.component.html","webpack:///./src/app/unit-2/lesson-3/_guide.component.ts","webpack:///./src/app/unit-2/lesson-3/_landing.component.ts","webpack:///./src/app/unit-2/lesson-3/career-exploration-worksheet.component.css","webpack:///./src/app/unit-2/lesson-3/career-exploration-worksheet.component.html","webpack:///./src/app/unit-2/lesson-3/career-exploration-worksheet.component.ts","webpack:///./src/app/unit-2/lesson-4/_guide.component.html","webpack:///./src/app/unit-2/lesson-4/_guide.component.ts","webpack:///./src/app/unit-2/lesson-4/_landing.component.ts","webpack:///./src/app/unit-2/lesson-5/_guide.component.html","webpack:///./src/app/unit-2/lesson-5/_guide.component.ts","webpack:///./src/app/unit-2/lesson-5/_landing.component.ts","webpack:///./src/app/unit-2/lesson-5/course-of-study-worksheet.component.css","webpack:///./src/app/unit-2/lesson-5/course-of-study-worksheet.component.html","webpack:///./src/app/unit-2/lesson-5/course-of-study-worksheet.component.ts","webpack:///./src/app/unit-2/lesson-6/_guide.component.html","webpack:///./src/app/unit-2/lesson-6/_guide.component.ts","webpack:///./src/app/unit-2/lesson-6/_landing.component.ts","webpack:///./src/app/unit-2/lesson-6/agency-connections-worksheet.component.css","webpack:///./src/app/unit-2/lesson-6/agency-connections-worksheet.component.html","webpack:///./src/app/unit-2/lesson-6/agency-connections-worksheet.component.ts","webpack:///./src/app/unit-2/lesson-6/child-components/agency-info.component.css","webpack:///./src/app/unit-2/lesson-6/child-components/agency-info.component.html","webpack:///./src/app/unit-2/lesson-6/child-components/agency-info.component.ts","webpack:///./src/app/unit-2/lesson-7/_guide.component.html","webpack:///./src/app/unit-2/lesson-7/_guide.component.ts","webpack:///./src/app/unit-2/lesson-7/_landing.component.ts","webpack:///./src/app/unit-2/lesson-7/action-plan.component.css","webpack:///./src/app/unit-2/lesson-7/action-plan.component.html","webpack:///./src/app/unit-2/lesson-7/action-plan.component.ts","webpack:///./src/app/unit-3/_landing.component.ts","webpack:///./src/app/unit-3/lesson-1/_guide.component.html","webpack:///./src/app/unit-3/lesson-1/_guide.component.ts","webpack:///./src/app/unit-3/lesson-1/_landing.component.ts","webpack:///./src/app/unit-3/lesson-2/_guide.component.html","webpack:///./src/app/unit-3/lesson-2/_guide.component.ts","webpack:///./src/app/unit-3/lesson-2/_landing.component.ts","webpack:///./src/app/unit-3/lesson-2/scans-skills-assessment.component.css","webpack:///./src/app/unit-3/lesson-2/scans-skills-assessment.component.html","webpack:///./src/app/unit-3/lesson-2/scans-skills-assessment.component.ts","webpack:///./src/app/unit-3/lesson-3/_guide.component.html","webpack:///./src/app/unit-3/lesson-3/_guide.component.ts","webpack:///./src/app/unit-3/lesson-3/_landing.component.ts","webpack:///./src/app/unit-3/lesson-3/informational-interview-worksheet.component.css","webpack:///./src/app/unit-3/lesson-3/informational-interview-worksheet.component.html","webpack:///./src/app/unit-3/lesson-3/informational-interview-worksheet.component.ts","webpack:///./src/app/unit-3/lesson-4/_guide.component.html","webpack:///./src/app/unit-3/lesson-4/_guide.component.ts","webpack:///./src/app/unit-3/lesson-4/_landing.component.ts","webpack:///./src/app/unit-3/lesson-4/workbook-landing.component.css","webpack:///./src/app/unit-3/lesson-4/workbook-landing.component.html","webpack:///./src/app/unit-3/lesson-4/workbook-landing.component.ts","webpack:///./src/app/unit-3/lesson-4/workbook/_shared/workbook-cite.component.ts","webpack:///./src/app/unit-3/lesson-4/workbook/_shared/workbook-footer.component.ts","webpack:///./src/app/unit-3/lesson-4/workbook/cover-letter.component.html","webpack:///./src/app/unit-3/lesson-4/workbook/cover-letter.component.ts","webpack:///./src/app/unit-3/lesson-4/workbook/day-of.component.html","webpack:///./src/app/unit-3/lesson-4/workbook/day-of.component.ts","webpack:///./src/app/unit-3/lesson-4/workbook/email-script.component.html","webpack:///./src/app/unit-3/lesson-4/workbook/email-script.component.ts","webpack:///./src/app/unit-3/lesson-4/workbook/evaluation.component.html","webpack:///./src/app/unit-3/lesson-4/workbook/evaluation.component.ts","webpack:///./src/app/unit-3/lesson-4/workbook/host-feedback.component.html","webpack:///./src/app/unit-3/lesson-4/workbook/host-feedback.component.ts","webpack:///./src/app/unit-3/lesson-4/workbook/job-shadow-checklist.component.html","webpack:///./src/app/unit-3/lesson-4/workbook/job-shadow-checklist.component.ts","webpack:///./src/app/unit-3/lesson-4/workbook/job-shadow-workbook.component.css","webpack:///./src/app/unit-3/lesson-4/workbook/observation.component.html","webpack:///./src/app/unit-3/lesson-4/workbook/observation.component.ts","webpack:///./src/app/unit-3/lesson-4/workbook/phone-script.component.html","webpack:///./src/app/unit-3/lesson-4/workbook/phone-script.component.ts","webpack:///./src/app/unit-3/lesson-4/workbook/reflection.component.html","webpack:///./src/app/unit-3/lesson-4/workbook/reflection.component.ts","webpack:///./src/app/unit-3/lesson-4/workbook/student-questions.component.html","webpack:///./src/app/unit-3/lesson-4/workbook/student-questions.component.ts","webpack:///./src/app/unit-3/lesson-4/workbook/thank-you.component.html","webpack:///./src/app/unit-3/lesson-4/workbook/thank-you.component.ts","webpack:///./src/app/unit-3/lesson-5/_guide.component.html","webpack:///./src/app/unit-3/lesson-5/_guide.component.ts","webpack:///./src/app/unit-3/lesson-5/_landing.component.ts","webpack:///./src/app/unit-3/lesson-5/performance-review.component.html","webpack:///./src/app/unit-3/lesson-5/performance-review.component.ts","webpack:///./src/app/unit-3/lesson-6/_guide.component.html","webpack:///./src/app/unit-3/lesson-6/_guide.component.ts","webpack:///./src/app/unit-3/lesson-6/_landing.component.ts","webpack:///./src/app/unit-4/_landing.component.ts","webpack:///./src/app/unit-4/lesson-1/_guide.component.html","webpack:///./src/app/unit-4/lesson-1/_guide.component.ts","webpack:///./src/app/unit-4/lesson-1/_landing.component.ts","webpack:///./src/app/unit-4/lesson-1/child-components/tfolio-number-only-input.component.css","webpack:///./src/app/unit-4/lesson-1/child-components/tfolio-number-only-input.component.html","webpack:///./src/app/unit-4/lesson-1/child-components/tfolio-number-only-input.component.ts","webpack:///./src/app/unit-4/lesson-1/work-maturity-skills-list.component.css","webpack:///./src/app/unit-4/lesson-1/work-maturity-skills-list.component.html","webpack:///./src/app/unit-4/lesson-1/work-maturity-skills-list.component.ts","webpack:///./src/app/unit-4/lesson-2/_guide.component.html","webpack:///./src/app/unit-4/lesson-2/_guide.component.ts","webpack:///./src/app/unit-4/lesson-2/_landing.component.ts","webpack:///./src/app/unit-4/lesson-2/resume-keywords-worksheet.component.css","webpack:///./src/app/unit-4/lesson-2/resume-keywords-worksheet.component.html","webpack:///./src/app/unit-4/lesson-2/resume-keywords-worksheet.component.ts","webpack:///./src/app/unit-4/lesson-2/resume-template.component.css","webpack:///./src/app/unit-4/lesson-2/resume-template.component.html","webpack:///./src/app/unit-4/lesson-2/resume-template.component.ts","webpack:///./src/app/unit-4/lesson-3/_guide.component.html","webpack:///./src/app/unit-4/lesson-3/_guide.component.ts","webpack:///./src/app/unit-4/lesson-3/_landing.component.ts","webpack:///./src/app/unit-4/lesson-3/elevator-speech-feedback.component.css","webpack:///./src/app/unit-4/lesson-3/elevator-speech-feedback.component.html","webpack:///./src/app/unit-4/lesson-3/elevator-speech-feedback.component.ts","webpack:///./src/app/unit-4/lesson-3/elevator-speech-worksheet.component.css","webpack:///./src/app/unit-4/lesson-3/elevator-speech-worksheet.component.html","webpack:///./src/app/unit-4/lesson-3/elevator-speech-worksheet.component.ts","webpack:///./src/app/unit-4/lesson-4/_guide.component.html","webpack:///./src/app/unit-4/lesson-4/_guide.component.ts","webpack:///./src/app/unit-4/lesson-4/_landing.component.ts","webpack:///./src/app/unit-4/lesson-4/job-applications-tracker.component.css","webpack:///./src/app/unit-4/lesson-4/job-applications-tracker.component.html","webpack:///./src/app/unit-4/lesson-4/job-applications-tracker.component.ts","webpack:///./src/app/unit-4/lesson-4/practice-job-application.component.css","webpack:///./src/app/unit-4/lesson-4/practice-job-application.component.html","webpack:///./src/app/unit-4/lesson-4/practice-job-application.component.ts","webpack:///./src/app/unit-4/lesson-5/_guide.component.html","webpack:///./src/app/unit-4/lesson-5/_guide.component.ts","webpack:///./src/app/unit-4/lesson-5/_landing.component.ts","webpack:///./src/app/unit-4/lesson-5/job-interview-evaluation.component.css","webpack:///./src/app/unit-4/lesson-5/job-interview-evaluation.component.html","webpack:///./src/app/unit-4/lesson-5/job-interview-evaluation.component.ts","webpack:///./src/app/unit-4/lesson-5/job-interview-feedback.component.css","webpack:///./src/app/unit-4/lesson-5/job-interview-feedback.component.html","webpack:///./src/app/unit-4/lesson-5/job-interview-feedback.component.ts","webpack:///./src/app/unit-4/lesson-5/job-interview-questions.component.css","webpack:///./src/app/unit-4/lesson-5/job-interview-questions.component.html","webpack:///./src/app/unit-4/lesson-5/job-interview-questions.component.ts","webpack:///./src/app/unit-4/lesson-6/_guide.component.html","webpack:///./src/app/unit-4/lesson-6/_guide.component.ts","webpack:///./src/app/unit-4/lesson-6/_landing.component.ts","webpack:///./src/app/unit-4/lesson-6/thank-you-note-template.component.css","webpack:///./src/app/unit-4/lesson-6/thank-you-note-template.component.html","webpack:///./src/app/unit-4/lesson-6/thank-you-note-template.component.ts","webpack:///./src/app/unit-4/lesson-7/_guide.component.html","webpack:///./src/app/unit-4/lesson-7/_guide.component.ts","webpack:///./src/app/unit-4/lesson-7/_landing.component.ts","webpack:///./src/app/unit-4/lesson-7/activity-action-plan-template.component.css","webpack:///./src/app/unit-4/lesson-7/activity-action-plan-template.component.html","webpack:///./src/app/unit-4/lesson-7/activity-action-plan-template.component.ts","webpack:///./src/app/unit-5/_landing.component.ts","webpack:///./src/app/unit-5/lesson-1/_guide.component.html","webpack:///./src/app/unit-5/lesson-1/_guide.component.ts","webpack:///./src/app/unit-5/lesson-1/_landing.component.ts","webpack:///./src/app/unit-5/lesson-2/_guide.component.html","webpack:///./src/app/unit-5/lesson-2/_guide.component.ts","webpack:///./src/app/unit-5/lesson-2/_landing.component.ts","webpack:///./src/app/unit-5/lesson-2/self-advocacy-goals-worksheet.component.css","webpack:///./src/app/unit-5/lesson-2/self-advocacy-goals-worksheet.component.html","webpack:///./src/app/unit-5/lesson-2/self-advocacy-goals-worksheet.component.ts","webpack:///./src/app/unit-5/lesson-3/_guide.component.html","webpack:///./src/app/unit-5/lesson-3/_guide.component.ts","webpack:///./src/app/unit-5/lesson-3/_landing.component.ts","webpack:///./src/app/unit-5/lesson-3/a-to-z.component.css","webpack:///./src/app/unit-5/lesson-3/a-to-z.component.html","webpack:///./src/app/unit-5/lesson-3/a-to-z.component.ts","webpack:///./src/app/unit-5/lesson-3/child-components/three-radio-buttons.component.css","webpack:///./src/app/unit-5/lesson-3/child-components/three-radio-buttons.component.html","webpack:///./src/app/unit-5/lesson-3/child-components/three-radio-buttons.component.ts","webpack:///./src/app/unit-5/lesson-3/independent-living-assessment.component.css","webpack:///./src/app/unit-5/lesson-3/independent-living-assessment.component.html","webpack:///./src/app/unit-5/lesson-3/independent-living-assessment.component.ts","webpack:///./src/app/unit-5/lesson-3/independent-living-goals-worksheet.component.css","webpack:///./src/app/unit-5/lesson-3/independent-living-goals-worksheet.component.html","webpack:///./src/app/unit-5/lesson-3/independent-living-goals-worksheet.component.ts","webpack:///./src/app/unit-5/lesson-4/_guide.component.html","webpack:///./src/app/unit-5/lesson-4/_guide.component.ts","webpack:///./src/app/unit-5/lesson-4/_landing.component.ts","webpack:///./src/app/unit-5/lesson-5/_guide.component.html","webpack:///./src/app/unit-5/lesson-5/_guide.component.ts","webpack:///./src/app/unit-5/lesson-5/_landing.component.ts","webpack:///./src/app/unit-5/lesson-5/action-plan.component.css","webpack:///./src/app/unit-5/lesson-5/action-plan.component.html","webpack:///./src/app/unit-5/lesson-5/action-plan.component.ts","webpack:///./src/app/unit-5/lesson-6/_guide.component.html","webpack:///./src/app/unit-5/lesson-6/_guide.component.ts","webpack:///./src/app/unit-5/lesson-6/_landing.component.ts","webpack:///./src/app/unit-5/lesson-6/final-reflection-worksheet.component.css","webpack:///./src/app/unit-5/lesson-6/final-reflection-worksheet.component.html","webpack:///./src/app/unit-5/lesson-6/final-reflection-worksheet.component.ts","webpack:///./src/environments/environment.ts","webpack:///./src/main.ts"],"names":[],"mappings":";;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAE;AACF;AACA,4CAA4C,WAAW;AACvD;AACA;AACA,4E;;;;;;;;;;;;;;;;;;;;;;;;ACZsD;AAItD,IAAa,iBAAiB,GAA9B;IAKI;;;;;;;;;;MAUE;IACF;QAdA,mBAAc,GAAW,EAAE,CAAC;QAexB,IAAI,CAAC,cAAc,IAAI,qGAAqG,CAAC;QAC7H,IAAI,CAAC,cAAc,IAAI,4CAA4C,CAAC;QACpE,IAAI,CAAC,cAAc,IAAI,8GAA8G,CAAC;QACtI,IAAI,CAAC,cAAc,IAAI,kEAAkE,CAAC;QAC1F,IAAI,CAAC,cAAc,IAAI,2FAA2F,CAAC;QACnH,IAAI,CAAC,cAAc,IAAI,mDAAmD,CAAC;IAC/E,CAAC;IAED,aAAa,CAAC,SAAoB;QAC9B,OAAO,OAAO,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IACxC,CAAC;CACJ;AA5BY,iBAAiB;IAD7B,gEAAU,EAAE;;GACA,iBAAiB,CA4B7B;AA5B6B;;;;;;;;;;;;;;;;;;;;;;;;;;ACJc;AAC4B;AAIxE,IAAa,gBAAgB,GAA7B;IAKI,YAAoB,KAAW;QAAX,UAAK,GAAL,KAAK,CAAM;QAH/B,WAAM,GAAG,sBAAsB,CAAC;QAChC,cAAS,GAAW,6CAA6C,CAAC;IAEhC,CAAC;IAEnC,YAAY,CAAC,IAAI;QAEb,IAAI,OAAO,GAAG,IAAI,qDAAO,CAAC;YACtB,eAAe,EAAE,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;YAC7C,cAAc,EAAE,kBAAkB;SACrC,CAAC,CAAC;QACH,IAAI,OAAO,GAAG,IAAI,4DAAc,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC;QAEvD,IAAI,CAAC,KAAK;aACL,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,EAAE,OAAO,CAAC;aACnC,GAAG,CAAC,CAAC,GAAa,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC;aAClC,SAAS,EAAE,CAAC;IACrB,CAAC;CAEJ;AArBY,gBAAgB;IAD5B,gEAAU,EAAE;qCAMkB,kDAAI;GALtB,gBAAgB,CAqB5B;AArB4B;;;;;;;;;;;;;;;;;;;;;;;;;ACLqB;AAmDlD,IAAa,0BAA0B,GAAvC;CAEC;AADyB;IAArB,2DAAK,CAAC,aAAa,CAAC;;8DAAoB;AADhC,0BAA0B;IAjDtC,+DAAS,CAAC;QACP,QAAQ,EAAE,qBAAqB;QAC/B,QAAQ,EAAE;;;;;;;;CAQb;QACG,MAAM,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkCZ;SACI;KACJ,CAAC;GAEW,0BAA0B,CAEtC;AAFsC;;;;;;;;;;;;;;;;;;;;;;ACnDI;AAmB3C,IAAa,0BAA0B,GAAvC;CACC;AADY,0BAA0B;IAjBtC,+DAAS,CAAC;QACP,QAAQ,EAAE,qBAAqB;QAC/B,QAAQ,EAAE;;;;;;;;;;;;CAYb;QACG,MAAM,EAAE,CAAC,EAAE,CAAC;KACf,CAAC;GACW,0BAA0B,CACtC;AADsC;;;;;;;;;;;;ACnBvC,mCAAmC,kCAAkC,2CAA2C,0CAA0C,oBAAoB,yBAAyB,sBAAsB,0BAA0B,yBAAyB,KAAK,uBAAuB,2BAA2B,qBAAqB,oCAAoC,4BAA4B,8CAA8C,gCAAgC,8BAA8B,KAAK,sBAAsB,kCAAkC,uBAAuB,8BAA8B,KAAK,8BAA8B,8BAA8B,gCAAgC,sBAAsB,mCAAmC,yCAAyC,wCAAwC,8BAA8B,wBAAwB,0BAA0B,KAAK,sBAAsB,8BAA8B,2BAA2B,0BAA0B,wCAAwC,yBAAyB,uBAAuB,uBAAuB,wBAAwB,uBAAuB,wBAAwB,yBAAyB,qBAAqB,oBAAoB,4BAA4B,mBAAmB,gBAAgB,2BAA2B,qBAAqB,yBAAyB,yBAAyB,KAAK,4BAA4B,8BAA8B,2BAA2B,0BAA0B,yBAAyB,wCAAwC,kCAAkC,uBAAuB,8BAA8B,mBAAmB,KAAK,kBAAkB,qBAAqB,2BAA2B,yBAAyB,0BAA0B,yBAAyB,2BAA2B,yBAAyB,KAAK,mCAAmC,0BAA0B,6BAA6B,SAAS,KAAK,iBAAiB,uBAAuB,KAAK,S;;;;;;;;;;;ACA5jE,uDAAuD,cAAc,6FAA6F,gBAAgB,iBAAiB,qIAAqI,2EAA2E,kBAAkB,mBAAmB,wHAAwH,gBAAgB,oDAAoD,mCAAmC,wJAAwJ,4EAA4E,4DAA4D,OAAO,2EAA2E,4BAA4B,yBAAyB,8JAA8J,wGAAwG,sJAAsJ,sKAAsK,QAAQ,0fAA0f,cAAc,mCAAmC,kGAAkG,iBAAiB,0LAA0L,sHAAsH,wBAAwB,WAAW,uBAAuB,iLAAiL,2BAA2B,0NAA0N,yBAAyB,0DAA0D,4BAA4B,qBAAqB,wBAAwB,gEAAgE,6BAA6B,qBAAqB,yBAAyB,gJ;;;;;;;;;;;ACA71G,mCAAmC,kCAAkC,2CAA2C,0CAA0C,oBAAoB,yBAAyB,sBAAsB,0BAA0B,yBAAyB,KAAK,uBAAuB,qBAAqB,oCAAoC,4BAA4B,8CAA8C,gCAAgC,8BAA8B,KAAK,8BAA8B,8BAA8B,gCAAgC,sBAAsB,mCAAmC,yCAAyC,wCAAwC,8BAA8B,wBAAwB,0BAA0B,KAAK,2BAA2B,wCAAwC,mBAAmB,0BAA0B,yBAAyB,gCAAgC,uBAAuB,oBAAoB,uBAAuB,KAAK,sBAAsB,qBAAqB,mBAAmB,4BAA4B,wBAAwB,0BAA0B,KAAK,sBAAsB,kCAAkC,uBAAuB,8BAA8B,KAAK,uBAAuB,wBAAwB,uBAAuB,wBAAwB,yBAAyB,qBAAqB,oBAAoB,4BAA4B,mBAAmB,gBAAgB,2BAA2B,qBAAqB,yBAAyB,yBAAyB,KAAK,kBAAkB,oBAAoB,2BAA2B,yBAAyB,0BAA0B,yBAAyB,2BAA2B,yBAAyB,KAAK,iBAAiB,uBAAuB,KAAK,K;;;;;;;;;;;ACAz1D,uDAAuD,OAAO,6FAA6F,gBAAgB,iBAAiB,mBAAmB,yIAAyI,2EAA2E,kBAAkB,mBAAmB,oJAAoJ,gBAAgB,wEAAwE,uCAAuC,6KAA6K,kHAAkH,OAAO,yFAAyF,6BAA6B,6BAA6B,yQAAyQ,WAAW,gMAAgM,2IAA2I,6BAA6B,OAAO,2BAA2B,wGAAwG,+BAA+B,qBAAqB,+BAA+B,+BAA+B,6BAA6B,0DAA0D,gCAAgC,qBAAqB,4BAA4B,+DAA+D,iCAAiC,qBAAqB,6BAA6B,uJAAuJ,gVAAgV,cAAc,iKAAiK,gBAAgB,8BAA8B,cAAc,gEAAgE,iBAAiB,gN;;;;;;;;;;;;;;;;;;;;;ACA/jG;AAmC1C,IAAa,0BAA0B,GAAvC;IACI,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;IACD,QAAQ;QACJ,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC1B,CAAC;CACJ;AAPY,0BAA0B;IAjCtC,+DAAS,CAAC;QACP,QAAQ,EAAE,qBAAqB;QAC/B,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;CAsBb;QACG,MAAM,EAAE,CAAC;;;;;;CAMZ,CAAC;KACD,CAAC;GACW,0BAA0B,CAOtC;AAPsC;;;;;;;;;;;;ACnCvC,sBAAsB,2BAA2B,0BAA0B,qBAAqB,yBAAyB,2BAA2B,yBAAyB,8BAA8B,wBAAwB,KAAK,YAAY,2BAA2B,0BAA0B,yBAAyB,2BAA2B,KAAK,YAAY,wBAAwB,2BAA2B,KAAK,gBAAgB,qBAAqB,2BAA2B,gCAAgC,gCAAgC,qBAAqB,wBAAwB,KAAK,yBAAyB,gCAAgC,KAAK,mBAAmB,gCAAgC,sBAAsB,KAAK,iCAAiC,yBAAyB,4BAA4B,8BAA8B,iCAAiC,yBAAyB,oBAAoB,KAAK,mBAAmB,8BAA8B,wBAAwB,2BAA2B,KAAK,wBAAwB,4BAA4B,KAAK,gDAAgD,2BAA2B,4BAA4B,KAAK,2BAA2B,wBAAwB,KAAK,wCAAwC,yBAAyB,KAAK,iBAAiB,0BAA0B,wBAAwB,2BAA2B,KAAK,sCAAsC,yBAAyB,KAAK,wBAAwB,wBAAwB,2BAA2B,KAAK,mCAAmC,4BAA4B,KAAK,8BAA8B,4BAA4B,KAAK,sCAAsC,yBAAyB,KAAK,iBAAiB,uBAAuB,KAAK,S;;;;;;;;;;;;;;;;;;;;;ACAvvD;AAsB3C,IAAa,mBAAmB,GAAhC;CACC;AADY,mBAAmB;IApB/B,+DAAS,CAAC;QACP,QAAQ,EAAE,aAAa;QACvB,QAAQ,EAAE;;;;;;;;CAQb;QACG,MAAM,EAAE,CAAC;;;;;;;CAOZ,CAAC;KACD,CAAC;GACW,mBAAmB,CAC/B;AAD+B;;;;;;;;;;;;;;;;;;;;;;ACtBiC;AA8CjE,IAAa,eAAe,GAA5B;IACI,QAAQ;QACJ,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC1B,CAAC;IACD,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CACJ;AAPY,eAAe;IA3C3B,+DAAS,CAAC;QACP,QAAQ,EAAE,kBAAkB;QAC5B,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;CAuBb;QAGG,MAAM,EAAE,CAAC;;;;;;;;;;;;CAYZ,CAAC;KACD,CAAC;GAEW,eAAe,CAO3B;AAP2B;;;;;;;;;;;;;;;;;;;;;;;;;AC9CsB;AAkBlD,IAAa,yBAAyB,GAAtC;IAhBA;QAmBa,cAAS,GAAY,KAAK,CAAC;IACxC,CAAC;CAAA;AAHY;IAAR,2DAAK,EAAE;;6DAAoB;AACnB;IAAR,2DAAK,EAAE;;sDAAa;AACZ;IAAR,2DAAK,EAAE;;4DAA4B;AAH3B,yBAAyB;IAhBrC,+DAAS,CAAC;QACP,QAAQ,EAAE,mBAAmB;QAC7B,QAAQ,EAAE;;;;;;;;;;;CAWb;QACG,MAAM,EAAE,CAAC,EAAE,CAAC;KACf,CAAC;GACW,yBAAyB,CAIrC;AAJqC;;;;;;;;;;;;;;;;;;;;;;AClBK;AAgB3C,IAAa,sBAAsB,GAAnC;IACI,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CACJ;AAJY,sBAAsB;IAdlC,+DAAS,CAAC;QACP,QAAQ,EAAE,gBAAgB;QAC1B,QAAQ,EAAE;;;;;;;;;CASb;QACG,MAAM,EAAE,CAAC,EAAE,CAAC;KACf,CAAC;GACW,sBAAsB,CAIlC;AAJkC;;;;;;;;;;;;;;;;;;;;;;AChBO;AAqC1C,IAAa,gBAAgB,GAA7B;IACI,QAAQ;QACJ,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC1B,CAAC;IACD,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CACJ;AAPY,gBAAgB;IAlC5B,+DAAS,CAAC;QACP,QAAQ,EAAE,oBAAoB;QAC9B,QAAQ,EAAE;;;;;;;;;;EAUZ;QAGE,MAAM,EAAE,CAAC;;;;;;;;;;;;;;;CAeZ,CAAC;KACD,CAAC;GAGW,gBAAgB,CAO5B;AAP4B;;;;;;;;;;;;;;;;;;;;;;;;;ACrCqB;AAalD,IAAa,wBAAwB,GAArC;CAEC;AADY;IAAR,2DAAK,EAAE;;yDAAiB;AADhB,wBAAwB;IAXpC,+DAAS,CAAC;QACP,QAAQ,EAAE,mBAAmB;QAC7B,QAAQ,EAAE;;;;;;CAMb;QACG,MAAM,EAAE,CAAC,EAAE,CAAC;KACf,CAAC;GACW,wBAAwB,CAEpC;AAFoC;;;;;;;;;;;;;;;;;;;;;;;;;ACbY;AAcjD,IAAa,kBAAkB,GAA/B;IAII,WAAW,CAAC,QAAQ;QAElB,IAAI,OAAO,GAAG,QAAQ,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;QACpD,IAAI,GAAG,GAAG;YACR,SAAS,EAAE,EAAE,MAAM,EAAE,CAAC,oBAAoB,CAAC,EAAE;YAC7C,QAAQ,EAAE,QAAQ,GAAG,MAAM;YAC3B,KAAK,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE;YAChD,WAAW,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,EAAE;SACtC,CAAC;QAEF,QAAQ,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC;IAG3C,CAAC;CACJ;AAhBY;IAAR,2DAAK,EAAE;;oDAAkB;AAFjB,kBAAkB;IAR9B,+DAAS,CAAC;QACP,QAAQ,EAAE,mBAAmB;QAC7B,yFAAyF;QACzF,QAAQ,EAAE,EAAE;QACZ,MAAM,EAAE,CAAC,EAAE,CAAC;KACf,CAAC;GAGW,kBAAkB,CAkB9B;AAlB8B;;;;;;;;;;;;;;;;;;;;;;ACdkC;AAEjE,iBAAiB;AACjB,iCAAiC;AAUjC,IAAa,0BAA0B,GAAvC;IACI,OAAO;QACH,IAAI,QAAQ,GAAG,QAAQ,CAAC,KAAK,CAAC;QAC9B,IAAI,IAAI,GAAG,EAAE,CAAC;QACd,iCAAiC;QACjC,2BAA2B;QAC3B,KAAK;QACL,IAAI,UAAU,GAAG,CAAC,CAAC,+BAA+B,CAAC,CAAC;QACpD,IAAI,IAAI,GAAG,UAAU,CAAC,MAAM,CAAC;QAC7B,oCAAoC;QACpC,IAAI,IAAI,IAAI,CAAC,EAAE;YACX,UAAU,CAAC,IAAI,CAAC,UAAU,CAAC;gBACvB,QAAQ,CAAC,EAAE;oBACP,KAAK,CAAC;wBACF,IAAI,MAAM,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,GAAG,GAAG,CAAC;wBAClC,IAAI,IAAI,MAAM;wBACd,MAAM;oBACV,KAAK,CAAC;wBACF,IAAI,IAAI,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,GAAG,GAAG,CAAC;wBAChC,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;wBAC9B,IAAI,IAAI,IAAI,CAAC;wBACb,MAAM;oBACV,KAAK,CAAC;wBACF,IAAI,MAAM,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,GAAG,GAAG,CAAC;wBAClC,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;wBAClC,IAAI,IAAI,MAAM,CAAC;wBACf,MAAM;oBACV,KAAK,CAAC;wBACF,IAAI,IAAI,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,CAAC;wBAC1B,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;wBAC/B,IAAI,IAAI,IAAI,CAAC;wBACb,MAAM;oBACV,KAAK,CAAC;wBACF,IAAI,MAAM,GAAG,GAAG,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,CAAC;wBAClC,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;wBACnC,IAAI,IAAI,MAAM,CAAC;wBACf,MAAM;oBACV;wBACI,MAAM;iBACb;YAEL,CAAC,CACA,CAAC;SACL;aAAM;YACH,UAAU,CAAC,IAAI,CAAC,UAAU,CAAC;gBACvB,QAAQ,CAAC,EAAE;oBACP,KAAK,CAAC;wBACF,IAAI,MAAM,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,GAAG,GAAG,CAAC;wBAClC,IAAI,IAAI,MAAM;wBACd,MAAM;oBACV,KAAK,CAAC;wBACF,IAAI,IAAI,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,GAAG,GAAG,CAAC;wBAChC,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;wBAC9B,IAAI,IAAI,IAAI,CAAC;wBACb,MAAM;oBACV,KAAK,CAAC;wBACF,IAAI,MAAM,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,GAAG,GAAG,CAAC;wBAClC,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;wBAClC,IAAI,IAAI,MAAM,CAAC;wBACf,MAAM;oBACV,KAAK,CAAC;wBACF,IAAI,IAAI,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,CAAC;wBAC1B,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;wBAC/B,IAAI,IAAI,IAAI,CAAC;wBACb,MAAM;oBACV;wBACI,MAAM;iBACb;YAEL,CAAC,CACA,CAAC;SACL;QACD,QAAQ,CAAC,KAAK,GAAG,IAAI,CAAC;QACtB,2GAA2G;QAC3G,MAAM,CAAC,KAAK,EAAE,CAAC;QACf,QAAQ,CAAC,KAAK,GAAG,QAAQ,CAAC;IAC9B,CAAC;CAuCJ;AAnHY,0BAA0B;IAPtC,+DAAS,CAAC;QACP,QAAQ,EAAE,qBAAqB;QAC/B,QAAQ,EAAE,kEAAkE;QAC5E,MAAM,EAAE,CAAC,EAAE,CAAC;KACf,CAAC;GAGW,0BAA0B,CAmHtC;AAnHsC;;;;;;;;;;;;;;;;;;;;;;ACbI;AAU3C,IAAa,YAAY,GAAzB;IACI,QAAQ;QACJ,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC1B,CAAC;CACJ;AAJY,YAAY;IAPxB,+DAAS,CAAC;QACP,QAAQ,EAAE,eAAe;QACzB,QAAQ,EAAE,wFAAwF;QAClG,MAAM,EAAE,CAAC,EAAE,CAAC;KACf,CAAC;GAGW,YAAY,CAIxB;AAJwB;;;;;;;;;;;;;;;;;;;;;;;;;ACViC;AAyD1D,IAAa,uBAAuB,GAApC;IAvDA;QA4DI,gBAAW,GAAW,EAAE,CAAC;IAqD7B,CAAC;IA/CG,QAAQ;QACJ,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QAEvC,IAAI,CAAC,0BAA0B,GAAG;YAC9B,WAAW,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI;YAC1C,YAAY,EAAE,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,EAAE,GAAC,CAAC,CAAC,CAAC,GAAG,IAAI;SAC5C,CAAC;QACF,IAAI,CAAC,oBAAoB,GAAG;YACxB,WAAW,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI;SAC7C,CAAC;IACN,CAAC;IAED,KAAK,CAAC,KAAoB;QACtB,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,IAAI,IAAI,CAAC,SAAS,EAAE;YAC3C,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC;SAC7B;QACD,IAAI,KAAK,CAAC,OAAO,IAAI,EAAE,EAAE;YACrB,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC;SAC7B;IAEL,CAAC;IAED,MAAM,CAAC,KAAqB;QAExB,IAAI,IAAI,GAAG,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QAC/C,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;YACnB,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;QACnC,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;YACrB,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;QAErC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;QAErC,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC;IAC9B,CAAC;IAED,OAAO,CAAC,GAAG,EAAE,IAAI;QAEb,IAAI,GAAG,GAAG,MAAM,CAAC,YAAY,EAAE,CAAC;QAEhC,IAAI,KAAK,GAAG,GAAG,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;QAC5C,IAAI,IAAI,GAAG,GAAG,CAAC,SAAS,CAAC,SAAS,CAAC,GAAG,EAAE,GAAG,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;QAE9D,IAAI,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,SAAS;YACzD,OAAO,KAAK,CAAC;QAEjB,IAAI,CAAC,WAAW,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,CAAC;IAC3C,CAAC;CACJ;AAzDY;IAAR,2DAAK,EAAE;;qDAAc;AACb;IAAR,2DAAK,EAAE;;qDAAc;AACb;IAAR,2DAAK,EAAE;;2DAAoB;AAHnB,uBAAuB;IAvDnC,+DAAS,CAAC;QACP,QAAQ,EAAE,iBAAiB;QAC3B,QAAQ,EAAE;;;;;;;;;;;;;;;;;;CAkBb;QACG,MAAM,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCZ,CAAC;KACD,CAAC;GACW,uBAAuB,CA0DnC;AA1DmC;;;;;;;;;;;;;;;;;;;;;;;;;ACzDc;AAgBlD,IAAa,oCAAoC;AAHjD,gFAAgF;AAGhF;IAMI,WAAW,CAAC,QAAQ;QAEhB,qEAAqE;QACrE,qEAAqE;QACrE,qEAAqE;QAGrE,aAAa;QACb,CAAC,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;QAE1C,cAAc;QACd,CAAC,CAAC,mBAAmB,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;QAGrE,qEAAqE;QAGrE,mBAAmB;QACnB,CAAC,CAAC,mBAAmB,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;QAEzE,mBAAmB;QACnB,CAAC,CAAC,mBAAmB,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,GAAG,CAAC;YAChD,QAAQ,EAAE,MAAM;YAChB,OAAO,EAAE,OAAO;YAChB,UAAU,EAAC,UAAU;YACrB,MAAM,EAAC,OAAO;YACd,KAAK,EAAE,OAAO;YACd,WAAW,EAAE,MAAM;SACtB,CAAC;QAGF,qEAAqE;QAGrE,aAAa;QACb,CAAC,CAAC,mBAAmB,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;QAGpE,aAAa;QACb,CAAC,CAAC,mBAAmB,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC;YAC3C,QAAQ,EAAE,MAAM;YAChB,OAAO,EAAE,OAAO;YAChB,UAAU,EAAE,UAAU;YACtB,MAAM,EAAE,OAAO;YACf,KAAK,EAAE,OAAO;YACd,WAAW,EAAE,MAAM;SACtB,CAAC;QAGF,qEAAqE;QAGrE,kBAAkB;QAClB,CAAC,CAAC,mBAAmB,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;QAGzE,kBAAkB;QAClB,CAAC,CAAC,mBAAmB,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,GAAG,CAAC;YAChD,QAAQ,EAAE,MAAM;YAChB,OAAO,EAAE,OAAO;YAChB,UAAU,EAAE,UAAU;YACtB,MAAM,EAAE,OAAO;YACf,KAAK,EAAE,OAAO;YACd,WAAW,EAAE,MAAM;SACtB,CAAC;QAGF,qEAAqE;QAGrE,cAAc;QACd,CAAC,CAAC,mBAAmB,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;QAErE,cAAc;QACd,CAAC,CAAC,mBAAmB,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,GAAG,CAAC;YAC5C,QAAQ,EAAE,OAAO;YACjB,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,UAAU;YACtB,MAAM,EAAE,OAAO;YACf,KAAK,EAAE,OAAO;YACd,WAAW,EAAE,MAAM;SACtB,CAAC;QAGF,qEAAqE;QAGrE,kBAAkB;QAClB,CAAC,CAAC,mBAAmB,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,GAAG,CAAC;YAChD,WAAW,EAAE,MAAM;YACnB,OAAO,EAAE,OAAO;SACnB,CAAC,CAAC;QAGH,kBAAkB;QAClB,CAAC,CAAC,mBAAmB,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,GAAG,CAAC;YAChD,QAAQ,EAAE,MAAM;YAChB,OAAO,EAAE,OAAO;YAChB,UAAU,EAAE,UAAU;YACtB,MAAM,EAAE,OAAO;YACf,KAAK,EAAE,OAAO;YACd,WAAW,EAAE,MAAM;SACtB,CAAC;QAGF,qEAAqE;QAGrE,aAAa;QACb,CAAC,CAAC,mBAAmB,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;QAEpE,aAAa;QACb,CAAC,CAAC,mBAAmB,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC;YAC3C,QAAQ,EAAE,MAAM;YAChB,OAAO,EAAE,OAAO;YAChB,UAAU,EAAE,UAAU;YACtB,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,OAAO;YACd,WAAW,EAAE,MAAM;SACtB,CAAC;QAGF,qEAAqE;QAGrE,kBAAkB;QAClB,CAAC,CAAC,mBAAmB,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;QAEzE,kBAAkB;QAClB,CAAC,CAAC,mBAAmB,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,GAAG,CAAC;YAChD,QAAQ,EAAE,MAAM;YAChB,OAAO,EAAE,OAAO;YAChB,UAAU,EAAE,UAAU;YACtB,MAAM,EAAE,OAAO;YACf,KAAK,EAAE,OAAO;YACd,WAAW,EAAE,MAAM;SACtB,CAAC;QAGF,qEAAqE;QAGrE,cAAc;QACd,CAAC,CAAC,mBAAmB,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;QAErE,cAAc;QACd,CAAC,CAAC,mBAAmB,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,GAAG,CAAC;YAC5C,QAAQ,EAAE,OAAO;YACjB,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,UAAU;YACtB,MAAM,EAAE,OAAO;YACf,KAAK,EAAE,MAAM;YACb,WAAW,EAAE,MAAM;SACtB,CAAC;QAGF,qEAAqE;QAGrE,qEAAqE;QACrE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,aAAa,EAC/B;YACI,gCAAgC;YAChC,SAAS,EAAE,QAAQ;YACnB,MAAM,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE;YACrC,KAAK,EAAE,IAAI;SACd,CAAC;aACD,IAAI,CAAC,UAAU,KAAK;YACjB,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,EAAE,GAAG,GAAG,QAAQ,GAAG,GAAG,CAAC,CAAC;YAGtD,qEAAqE;YACrE,qEAAqE;YACrE,qEAAqE;YAGrE,aAAa;YACb,CAAC,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;YAE1C,cAAc;YACd,CAAC,CAAC,mBAAmB,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;YAGrE,qEAAqE;YAGrE,mBAAmB;YACnB,CAAC,CAAC,mBAAmB,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;YAEzE,mBAAmB;YACnB,CAAC,CAAC,mBAAmB,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,GAAG,CAAC;gBAChD,QAAQ,EAAE,MAAM;gBAChB,OAAO,EAAE,OAAO;gBAChB,UAAU,EAAE,UAAU;gBACtB,MAAM,EAAE,OAAO;gBACf,KAAK,EAAE,OAAO;gBACd,WAAW,EAAE,MAAM;aACtB,CAAC;YAGF,qEAAqE;YAGrE,aAAa;YACb,CAAC,CAAC,mBAAmB,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;YAEpE,aAAa;YACb,CAAC,CAAC,mBAAmB,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC;gBAC3C,QAAQ,EAAE,MAAM;gBAChB,OAAO,EAAE,OAAO;gBAChB,UAAU,EAAE,UAAU;gBACtB,MAAM,EAAE,OAAO;gBACf,KAAK,EAAE,OAAO;gBACd,WAAW,EAAE,MAAM;aACtB,CAAC;YAGF,qEAAqE;YAGrE,kBAAkB;YAClB,CAAC,CAAC,mBAAmB,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;YAEzE,kBAAkB;YAClB,CAAC,CAAC,mBAAmB,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,GAAG,CAAC;gBAChD,QAAQ,EAAE,MAAM;gBAChB,OAAO,EAAE,OAAO;gBAChB,UAAU,EAAE,UAAU;gBACtB,MAAM,EAAE,OAAO;gBACf,KAAK,EAAE,OAAO;gBACd,WAAW,EAAC,MAAM;aACrB,CAAC;YAGF,qEAAqE;YAGrE,cAAc;YACd,CAAC,CAAC,mBAAmB,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;YAErE,cAAc;YACd,CAAC,CAAC,mBAAmB,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,GAAG,CAAC;gBAC5C,QAAQ,EAAE,OAAO;gBACjB,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,UAAU;gBACtB,MAAM,EAAE,OAAO;gBACf,KAAK,EAAE,OAAO;gBACd,WAAW,EAAE,QAAQ;aACxB,CAAC;YAGF,qEAAqE;YAGrE,kBAAkB;YAClB,CAAC,CAAC,mBAAmB,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,GAAG,CAAC;gBAChD,WAAW,EAAE,MAAM;gBACnB,OAAO,EAAE,OAAO;aACnB,CAAC,CAAC;YAGH,kBAAkB;YAClB,CAAC,CAAC,mBAAmB,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,GAAG,CAAC;gBAChD,QAAQ,EAAE,MAAM;gBAChB,OAAO,EAAE,OAAO;gBAChB,UAAU,EAAE,UAAU;gBACtB,MAAM,EAAE,OAAO;gBACf,KAAK,EAAE,OAAO;gBACd,WAAW,EAAE,MAAM;aACtB,CAAC;YAGF,qEAAqE;YAGrE,OAAO;YACP,CAAC,CAAC,mBAAmB,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;YAEpE,aAAa;YACb,CAAC,CAAC,mBAAmB,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC;gBAC3C,QAAQ,EAAE,MAAM;gBAChB,OAAO,EAAE,OAAO;gBAChB,UAAU,EAAE,UAAU;gBACtB,MAAM,EAAE,MAAM;gBACd,KAAK,EAAE,OAAO;gBACd,WAAW,EAAE,MAAM;aACtB,CAAC;YAGF,qEAAqE;YAGrE,kBAAkB;YAClB,CAAC,CAAC,mBAAmB,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;YAEzE,kBAAkB;YAClB,CAAC,CAAC,mBAAmB,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,GAAG,CAAC;gBAChD,QAAQ,EAAE,MAAM;gBAChB,OAAO,EAAE,OAAO;gBAChB,UAAU,EAAE,UAAU;gBACtB,MAAM,EAAE,OAAO;gBACf,KAAK,EAAE,OAAO;gBACd,WAAW,EAAE,MAAM;aACtB,CAAC;YAGF,qEAAqE;YAGrE,QAAQ;YACR,CAAC,CAAC,mBAAmB,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;YAErE,cAAc;YACd,CAAC,CAAC,mBAAmB,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,GAAG,CAAC;gBAC5C,QAAQ,EAAE,OAAO;gBACjB,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,UAAU;gBACtB,MAAM,EAAE,OAAO;gBACf,KAAK,EAAE,MAAM;gBACb,WAAW,EAAE,MAAM;aACtB,CAAC;QACN,CAAC,CAAC,CAAC;IACX,CAAC;CACJ;AAtUY;IAAR,2DAAK,EAAE;;sEAAkB;AAHjB,oCAAoC;IAXhD,+DAAS,CAAC;QACP,QAAQ,EAAE,yCAAyC;QACnD,QAAQ,EAAE,EAAE;QACZ,qGAAqG;QACrG,MAAM,EAAE,CAAC,EAAE,CAAC;KACf,CAAC;IAGF,gFAAgF;GAGnE,oCAAoC,CAyUhD;AAzUgD;;;;;;;;;;;;AChBjD,uDAAuD,OAAO,6FAA6F,gBAAgB,iBAAiB,8IAA8I,2EAA2E,kBAAkB,mBAAmB,qJAAqJ,gBAAgB,wEAAwE,wCAAwC,0HAA0H,sEAAsE,wvDAAwvD,WAAW,iIAAiI,g8CAAg8C,4EAA4E,qJAAqJ,wDAAwD,mSAAmS,uIAAuI,kBAAkB,yBAAyB,qBAAqB,wMAAwM,yJAAyJ,i3F;;;;;;;;;;;;;;;;;;;;;;;;;ACA7wK;AACQ;AAQlD,IAAa,cAAc,GAA3B;IAKI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAH9C,UAAK,GAAW,eAAe,CAAC;QAChC,cAAS,GAAW,IAAI,CAAC,KAAK,GAAG,YAAY,CAAC;QAO9C,yBAAoB,GAAG;YACnB,WAAW,EAAE;gBACT,KAAK,EAAE,OAAO;gBACd,MAAM,EAAE;oBACJ;wBACI,KAAK,EAAE,EAAE;wBACT,QAAQ,EAAE,SAAS;qBACtB;iBACJ;aACJ;SACJ;QAdG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;CAcJ;AArBY,cAAc;IAN1B,+DAAS,CAAC;QACP,QAAQ,EAAE,OAAO;;;KAGpB,CAAC;qCAO2C,+DAAK;GALrC,cAAc,CAqB1B;AArB0B;;;;;;;;;;;;ACT3B,+oBAA+oB,OAAO,6yJAA6yJ,WAAW,ikEAAikE,iBAAiB,oBAAoB,gBAAgB,yBAAyB,qBAAqB,mN;;;;;;;;;;;;;;;;;;;;;;;;;;ACAvkP;AACsB;AACf;AAMlD,IAAa,YAAY,GAAzB;IAII,YAAmB,MAAc,EAAU,YAAmB;QAA3C,WAAM,GAAN,MAAM,CAAQ;QAAU,iBAAY,GAAZ,YAAY,CAAO;QAF9D,UAAK,GAAG,SAAS,CAAC;QAGd,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,EAAE,EAAE;YAEjC,IAAI,CAAC,CAAC,GAAG,YAAY,6DAAa,CAAC,EAAE;gBACjC,OAAO;aACV;YAED,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;YAEhB,MAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;YACnC,MAAO,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;QAEzC,CAAC,CAAC,CAAC;IACP,CAAC;IAEM,QAAQ;QACV,IAAI,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC;QAC3B,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACzC,CAAC;IAED,QAAQ,CAAC,IAAW;QAChB,OAAO,IAAI,CAAC,MAAM,CAAC,QAAQ,CACvB,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,EAC/B,IAAI,CAAC,CAAC;IACd,CAAC;CACJ;AA7BY,YAAY;IAJxB,+DAAS,CAAC;QACP,QAAQ,EAAE,UAAU;;KAEvB,CAAC;qCAK6B,sDAAM,EAAwB,+DAAK;GAJrD,YAAY,CA6BxB;AA7BwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACRgB;AAEwB;AACpB;AACE;AACJ;AAC1B;AAC0B;AAEI;AAEE;AACkB;AAES;AACS;AACd;AACI;AAC8B;AACxC;AACgB;AACC;AACZ;AACF;AACG;AAE4B;AACA;AAEA;AAER;AACQ;AACJ;AACmB;AACuB;AACtC;AACJ;AACqB;AAEnD;AACuB;AACJ;AAC4B;AACxB;AACJ;AACgC;AAC1B;AACJ;AACoB;AACK;AACS;AAC/B;AACJ;AACoB;AACa;AAC7B;AACJ;AACmC;AACU;AACM;AACvB;AACK;AACC;AAC/B;AACJ;AAC0B;AACpB;AACJ;AACwB;AACU;AACR;AACtB;AACJ;AACiC;AACM;AAEvD;AACkB;AACJ;AAC6B;AACzB;AACJ;AAC6C;AACvC;AACJ;AAC2C;AACxC;AACJ;AACI;AACJ;AACoC;AACjC;AACJ;AAC2C;AACV;AAC3B;AACJ;AACU;AAExB;AACkB;AACJ;AACI;AACJ;AACiC;AAC3B;AACJ;AACqD;AAClC;AAChB;AACJ;AAC+B;AACI;AACN;AACM;AACN;AACA;AACU;AACtB;AACc;AACH;AACF;AACA;AACH;AACnB;AACJ;AACwB;AACrB;AACJ;AAEf;AACkB;AACJ;AAC8C;AACV;AAChC;AACJ;AACqC;AACnB;AACZ;AACJ;AACqC;AACF;AAChC;AACJ;AACmC;AACA;AAC/B;AACJ;AACiC;AACD;AAED;AAC5B;AACJ;AAC+B;AACzB;AACJ;AAC4C;AAE5D;AACkB;AACJ;AACI;AACJ;AAC4C;AACtC;AACJ;AACD;AACuD;AACT;AACK;AAC/C;AACJ;AACI;AACJ;AACU;AACP;AACJ;AACuC;AAE1D;AACf;AACyB;AAC3B;AACQ;AAkMzD,IAAa,SAAS,GAAtB;CAA0B;AAAb,SAAS;IAhMrB,8DAAQ,CAAC;QACN,YAAY,EAAE;YACV,2DAAY;YAEZ,6DAAa;YACb,+EAAqB;YACrB,wFAAsB;YACtB,mFAAe;YACf,uFAAkB;YAClB,qHAAoC;YACpC,6EAAY;YACZ,6FAAwB;YACxB,8FAAyB;YACzB,kFAAmB;YACnB,iGAA0B;YAC1B,gFAAuB;YACvB,mFAAgB;YAChB,+GAA0B;YAC1B,+GAA0B;YAC1B,+GAA0B;YAE1B,uGAAsC;YACtC,+GAAqC;YACrC,2GAAmC;YACnC,+HAAuC;YACvC,sJAAkD;YAClD,+GAAqC;YACrC,2GAAmC;YACnC,gIAA8C;YAE9C,6EAAkB;YAClB,oGAAgC;YAChC,gGAA8B;YAC9B,6HAA4C;YAC5C,oGAAgC;YAChC,gGAA8B;YAC9B,iIAA8C;YAC9C,sGAAkC;YAClC,kGAAgC;YAChC,uHAA0C;YAC1C,4HAA4C;YAC5C,sIAAyC;YACzC,qGAAiC;YACjC,iGAA+B;YAC/B,sHAAyC;YACzC,mIAAkD;YAClD,qGAAiC;YACjC,iGAA+B;YAC/B,qIAAgD;YAChD,+IAA+C;YAC/C,qJAAkD;YAClD,8HAAuC;YACvC,mIAA0C;YAC1C,oIAA0C;YAC1C,oGAAgC;YAChC,gGAA8B;YAC9B,4HAA2C;YAC3C,sGAAkC;YAClC,kGAAgC;YAChC,2HAA4C;YAC5C,oIAAwC;YACxC,4HAAoC;YACpC,sGAAkC;YAClC,kGAAgC;YAChC,oIAAgD;YAChD,0IAA2C;YAE3C,kFAAuB;YACvB,oGAAgC;YAChC,gGAA8B;YAC9B,8HAA4C;YAC5C,oGAAgC;YAChC,gGAA8B;YAC9B,8IAAoD;YACpD,sGAAkC;YAClC,kGAAgC;YAChC,8IAAqD;YACrD,qGAAiC;YACjC,iGAA+B;YAC/B,qGAAiC;YACjC,iGAA+B;YAC/B,sIAAgD;YAChD,oGAAgC;YAChC,gGAA8B;YAC9B,4IAAmD;YACnD,kIAAyC;YACzC,sGAAkC;YAClC,kGAAgC;YAChC,6GAAqC;YAErC,oFAAyB;YACzB,sGAAkC;YAClC,kGAAgC;YAChC,sGAAkC;YAClC,kGAAgC;YAChC,oIAAgD;YAChD,wGAAoC;YACpC,oGAAkC;YAClC,0JAA4D;YAC5D,wGAAmC;YACnC,oGAAiC;YACjC,mIAAwC;YACxC,uIAA0C;YAC1C,wHAA2C;YAC3C,kIAA+C;YAC/C,wIAA6C;YAC7C,kIAA+C;YAC/C,kIAA+C;YAC/C,4IAAoD;YACpD,sHAAyC;YACzC,oIAAgD;YAChD,iIAA+C;YAC/C,+HAA8C;YAC9C,+HAA8C;YAC9C,4HAA4C;YAC5C,wGAAmC;YACnC,oGAAiC;YACjC,6HAA6C;YAC7C,uGAAkC;YAClC,mGAAgC;YAEhC,oFAAwB;YACxB,sGAAiC;YACjC,kGAA+B;YAC/B,iJAA0C;YAC1C,uIAAgD;YAChD,sGAAiC;YACjC,kGAA+B;YAC/B,wIAAiD;YACjD,qHAAwC;YACxC,wGAAmC;YACnC,oGAAiC;YACjC,0IAAmD;YACnD,wIAAkD;YAClD,uGAAkC;YAClC,mGAAgC;YAChC,uIAAiD;YACjD,uIAAiD;YACjD,uGAAkC;YAClC,mGAAgC;YAChC,qIAAgD;YAChD,mIAA+C;YAC/C,sGAAiC;YACjC,kGAA+B;YAC/B,mIAA8C;YAC9C,wGAAmC;YACnC,oGAAiC;YACjC,iJAAsD;YACtD,oIAA8C;YAE9C,+IAAoD;YACpD,oGAAgC;YAChC,2JAA2D;YAC3D,kJAAuD;YACvD,uJAAqD;YACrD,8GAAqC;YACrC,0IAAkD;YAClD,oFAAwB;YACxB,sGAAiC;YACjC,kGAA+B;YAC/B,sGAAiC;YACjC,kGAA+B;YAC/B,wGAAmC;YACnC,oGAAiC;YACjC,uGAAkC;YAClC,mGAAgC;YAChC,uGAAkC;YAClC,mGAAgC;YAChC,sGAAiC;YACjC,kGAA+B;YAG/B,gFAAqB;YACrB,iEAAc;YACd,+DAAa;YACb,uEAAiB;SAAK;QAC1B,OAAO,EAAE;YACL,uEAAa;YACb,0DAAW;YACX,wDAAU;YACV,4DAAY;YACZ,uDAAU;SACb;QACD,SAAS,EAAE;YACP,+DAAK;YACL,yFAAiB;SACpB;QACD,SAAS,EAAE;YACP,2DAAY;SACf;KACJ,CAAC;GAEW,SAAS,CAAI;AAAJ;;;;;;;;;;;;;AC3XtB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAuD;AAEN;AACkB;AAEwB;AACQ;AACJ;AACmB;AACuB;AACtC;AACJ;AACqB;AAEnD;AACuB;AACJ;AAC4B;AACxB;AACJ;AACgC;AAC1B;AACJ;AACoB;AACK;AACtB;AACJ;AACoB;AACa;AAC7B;AACJ;AACmC;AAChC;AACJ;AAC2B;AACrB;AACJ;AACwB;AACpB;AACJ;AACiC;AAEjD;AACkB;AACJ;AAC6B;AACzB;AACJ;AAC6C;AACvC;AACJ;AAC2C;AACxC;AACJ;AACI;AACJ;AACoC;AACjC;AACJ;AAC2C;AACrC;AACJ;AACU;AAExB;AACkB;AACJ;AACI;AACJ;AACiC;AAC3B;AACJ;AACqD;AAClD;AACJ;AACoB;AACS;AACM;AACN;AACA;AACU;AACtB;AACc;AACH;AACF;AACA;AACH;AACnB;AACJ;AACwB;AACrB;AACJ;AAEf;AACkB;AACJ;AACoC;AAChC;AACJ;AACqC;AACnB;AACZ;AACJ;AACqC;AACF;AAChC;AACJ;AACmC;AACA;AAC/B;AACJ;AAEgC;AAEC;AACF;AAC5B;AACJ;AAC+B;AACzB;AACJ;AAC4C;AAE5D;AAEkB;AACJ;AAEI;AACJ;AAEM;AACJ;AAEG;AACJ;AAEI;AACJ;AAEG;AACJ;AAG4C;AAC3C;AAC8C;AACS;AAC7C;AAC4B;AAEnE;AACR;AAEE;AACyB;AAE5E,MAAM,SAAS,GAAW;IACtB;QACI,IAAI,EAAE,EAAE;QACR,SAAS,EAAE,6DAAa;KAC3B;IACD;QACI,IAAI,EAAE,cAAc;QACpB,SAAS,EAAE,sGAAsC;KACpD;IACD;QACI,IAAI,EAAE,uBAAuB;QAC7B,SAAS,EAAE,8GAAqC;KACnD;IACD;QACI,IAAI,EAAE,6BAA6B;QACnC,SAAS,EAAE,0GAAmC;KACjD;IACD;QACI,IAAI,EAAE,6CAA6C;QACnD,SAAS,EAAE,8HAAuC;QAClD,aAAa,EAAE,CAAC,yFAAiB,CAAC;KACrC;IACD;QACI,IAAI,EAAE,yDAAyD;QAC/D,SAAS,EAAE,qJAAkD;KAChE;IACD;QACI,IAAI,EAAE,uBAAuB;QAC7B,SAAS,EAAE,8GAAqC;KACnD;IACD;QACI,IAAI,EAAE,6BAA6B;QACnC,SAAS,EAAE,0GAAmC;KACjD;IACD;QACI,IAAI,EAAE,uCAAuC;QAC7C,SAAS,EAAE,gIAA8C;QACzD,aAAa,EAAE,CAAC,yFAAiB,CAAC;KACrC;IACD;QACI,IAAI,EAAE,QAAQ;QACd,SAAS,EAAE,6EAAkB;KAChC;IACD;QACI,IAAI,EAAE,iBAAiB;QACvB,SAAS,EAAE,oGAAgC;KAC9C;IACD;QACI,IAAI,EAAE,uBAAuB;QAC7B,SAAS,EAAE,gGAA8B;KAC5C;IACD;QACI,IAAI,EAAE,sCAAsC;QAC5C,SAAS,EAAE,6HAA4C;QACvD,aAAa,EAAE,CAAC,yFAAiB,CAAC;KACrC;IACD;QACI,IAAI,EAAE,iBAAiB;QACvB,SAAS,EAAE,oGAAgC;KAC9C;IACD;QACI,IAAI,EAAE,uBAAuB;QAC7B,SAAS,EAAE,gGAA8B;KAC5C;IACD;QACI,IAAI,EAAE,wCAAwC;QAC9C,SAAS,EAAE,iIAA8C;QACzD,aAAa,EAAE,CAAC,yFAAiB,CAAC;KACrC;IACD;QACI,IAAI,EAAE,iBAAiB;QACvB,SAAS,EAAE,sGAAkC;KAChD;IACD;QACI,IAAI,EAAE,uBAAuB;QAC7B,SAAS,EAAE,kGAAgC;KAC9C;IACD;QACI,IAAI,EAAE,kCAAkC;QACxC,SAAS,EAAE,uHAA0C;QACrD,aAAa,EAAE,CAAC,yFAAiB,CAAC;KACrC;IACD;QACI,IAAI,EAAE,qCAAqC;QAC3C,SAAS,EAAE,4HAA4C;QACvD,aAAa,EAAE,CAAC,yFAAiB,CAAC;KACrC;IACD;QACI,IAAI,EAAE,iBAAiB;QACvB,SAAS,EAAE,qGAAiC;KAC/C;IACD;QACI,IAAI,EAAE,uBAAuB;QAC7B,SAAS,EAAE,iGAA+B;KAC7C;IACD;QACI,IAAI,EAAE,kCAAkC;QACxC,SAAS,EAAE,sHAAyC;QACpD,aAAa,EAAE,CAAC,yFAAiB,CAAC;KACrC;IACD;QACI,IAAI,EAAE,sCAAsC;QAC5C,SAAS,EAAE,mIAAkD;QAC7D,aAAa,EAAE,CAAC,yFAAiB,CAAC;KACrC;IACD;QACI,IAAI,EAAE,iBAAiB;QACvB,SAAS,EAAE,qGAAiC;KAC/C;IACD;QACI,IAAI,EAAE,uBAAuB;QAC7B,SAAS,EAAE,iGAA+B;KAC7C;IACD;QACI,IAAI,EAAE,0CAA0C;QAChD,SAAS,EAAE,qIAAgD;QAC3D,aAAa,EAAE,CAAC,yFAAiB,CAAC;KACrC;IACD;QACI,IAAI,EAAE,iBAAiB;QACvB,SAAS,EAAE,oGAAgC;KAC9C;IACD;QACI,IAAI,EAAE,uBAAuB;QAC7B,SAAS,EAAE,gGAA8B;KAC5C;IACD;QACI,IAAI,EAAE,sCAAsC;QAC5C,SAAS,EAAE,4HAA2C;QACtD,aAAa,EAAE,CAAC,yFAAiB,CAAC;KACrC;IACD;QACI,IAAI,EAAE,iBAAiB;QACvB,SAAS,EAAE,sGAAkC;KAChD;IACD;QACI,IAAI,EAAE,uBAAuB;QAC7B,SAAS,EAAE,kGAAgC;KAC9C;IACD;QACI,IAAI,EAAE,oCAAoC;QAC1C,SAAS,EAAE,2HAA4C;QACvD,aAAa,EAAE,CAAC,yFAAiB,CAAC;KACrC;IACD;QACI,IAAI,EAAE,iBAAiB;QACvB,SAAS,EAAE,sGAAkC;KAChD;IACD;QACI,IAAI,EAAE,uBAAuB;QAC7B,SAAS,EAAE,kGAAgC;KAC9C;IACD;QACI,IAAI,EAAE,wCAAwC;QAC9C,SAAS,EAAE,oIAAgD;QAC3D,aAAa,EAAE,CAAC,yFAAiB,CAAC;KACrC;IACD;QACI,IAAI,EAAE,QAAQ;QACd,SAAS,EAAE,kFAAuB;KACrC;IACD;QACI,IAAI,EAAE,iBAAiB;QACvB,SAAS,EAAE,oGAAgC;KAC9C;IACD;QACI,IAAI,EAAE,uBAAuB;QAC7B,SAAS,EAAE,gGAA8B;KAC5C;IACD;QACI,IAAI,EAAE,uCAAuC;QAC7C,SAAS,EAAE,8HAA4C;QACvD,aAAa,EAAE,CAAC,yFAAiB,CAAC;KACrC;IACD;QACI,IAAI,EAAE,iBAAiB;QACvB,SAAS,EAAE,oGAAgC;KAC9C;IACD;QACI,IAAI,EAAE,uBAAuB;QAC7B,SAAS,EAAE,gGAA8B;KAC5C;IACD;QACI,IAAI,EAAE,+CAA+C;QACrD,SAAS,EAAE,8IAAoD;QAC/D,aAAa,EAAE,CAAC,yFAAiB,CAAC;KACpC;IACF;QACI,IAAI,EAAE,iBAAiB;QACvB,SAAS,EAAE,sGAAkC;KAChD;IACD;QACI,IAAI,EAAE,uBAAuB;QAC7B,SAAS,EAAE,kGAAgC;KAC9C;IACD;QACI,IAAI,EAAE,8CAA8C;QACpD,SAAS,EAAE,8IAAqD;QAChE,aAAa,EAAE,CAAC,yFAAiB,CAAC;KACrC;IACD;QACI,IAAI,EAAE,iBAAiB;QACvB,SAAS,EAAE,qGAAiC;KAC/C;IACD;QACI,IAAI,EAAE,uBAAuB;QAC7B,SAAS,EAAE,iGAA+B;KAC7C;IACD;QACI,IAAI,EAAE,iBAAiB;QACvB,SAAS,EAAE,qGAAiC;KAC/C;IACD;QACI,IAAI,EAAE,uBAAuB;QAC7B,SAAS,EAAE,iGAA+B;KAC7C;IACD;QACI,IAAI,EAAE,2CAA2C;QACjD,SAAS,EAAE,sIAAgD;QAC3D,aAAa,EAAE,CAAC,yFAAiB,CAAC;KACrC;IACD;QACI,IAAI,EAAE,iBAAiB;QACvB,SAAS,EAAE,oGAAgC;KAC9C;IACD;QACI,IAAI,EAAE,uBAAuB;QAC7B,SAAS,EAAE,gGAA8B;KAC5C;IACD;QACI,IAAI,EAAE,8CAA8C;QACpD,SAAS,EAAE,4IAAmD;QAC9D,aAAa,EAAE,CAAC,yFAAiB,CAAC;KACrC;IACD;QACI,IAAI,EAAE,iBAAiB;QACvB,SAAS,EAAE,sGAAkC;KAChD;IACD;QACI,IAAI,EAAE,uBAAuB;QAC7B,SAAS,EAAE,kGAAgC;KAC9C;IACD;QACI,IAAI,EAAE,6BAA6B;QACnC,SAAS,EAAE,6GAAqC;QAChD,aAAa,EAAE,CAAC,yFAAiB,CAAC;KACrC;IACD;QACI,IAAI,EAAE,QAAQ;QACd,SAAS,EAAE,oFAAyB;KACvC;IACD;QACI,IAAI,EAAE,iBAAiB;QACvB,SAAS,EAAE,sGAAkC;KAChD;IACD;QACI,IAAI,EAAE,uBAAuB;QAC7B,SAAS,EAAE,kGAAgC;KAC9C;IACD;QACI,IAAI,EAAE,iBAAiB;QACvB,SAAS,EAAE,sGAAkC;KAChD;IACD;QACI,IAAI,EAAE,uBAAuB;QAC7B,SAAS,EAAE,kGAAgC;KAC9C;IACD;QACI,IAAI,EAAE,yCAAyC;QAC/C,SAAS,EAAE,oIAAgD;QAC3D,aAAa,EAAE,CAAC,yFAAiB,CAAC;KACrC;IACD;QACI,IAAI,EAAE,iBAAiB;QACvB,SAAS,EAAE,wGAAoC;KAClD;IACD;QACI,IAAI,EAAE,uBAAuB;QAC7B,SAAS,EAAE,oGAAkC;KAChD;IACD;QACI,IAAI,EAAE,mDAAmD;QACzD,SAAS,EAAE,0JAA4D;QACvE,aAAa,EAAE,CAAC,yFAAiB,CAAC;KACrC;IACD;QACI,IAAI,EAAE,iBAAiB;QACvB,SAAS,EAAE,uGAAmC;KACjD;IACD;QACI,IAAI,EAAE,uBAAuB;QAC7B,SAAS,EAAE,mGAAiC;KAC/C;IACD;QACI,IAAI,EAAE,qCAAqC;QAC3C,SAAS,EAAE,wHAA2C;KACzD;IACD;QACI,IAAI,EAAE,kDAAkD;QACxD,SAAS,EAAE,iIAA+C;QAC1D,aAAa,EAAE,CAAC,yFAAiB,CAAC;KACrC;IACD;QACI,IAAI,EAAE,+CAA+C;QACrD,SAAS,EAAE,uIAA6C;QACxD,aAAa,EAAE,CAAC,yFAAiB,CAAC;KACrC;IACD;QACI,IAAI,EAAE,kDAAkD;QACxD,SAAS,EAAE,iIAA+C;QAC1D,aAAa,EAAE,CAAC,yFAAiB,CAAC;KACrC;IACD;QACI,IAAI,EAAE,kDAAkD;QACxD,SAAS,EAAE,iIAA+C;QAC1D,aAAa,EAAE,CAAC,yFAAiB,CAAC;KACrC;IACD;QACI,IAAI,EAAE,uDAAuD;QAC7D,SAAS,EAAE,2IAAoD;QAC/D,aAAa,EAAE,CAAC,yFAAiB,CAAC;KACrC;IACD;QACI,IAAI,EAAE,4CAA4C;QAClD,SAAS,EAAE,qHAAyC;QACpD,aAAa,EAAE,CAAC,yFAAiB,CAAC;KACrC;IACD;QACI,IAAI,EAAE,mDAAmD;QACzD,SAAS,EAAE,mIAAgD;QAC3D,aAAa,EAAE,CAAC,yFAAiB,CAAC;KACrC;IACD;QACI,IAAI,EAAE,iDAAiD;QACvD,SAAS,EAAE,gIAA+C;QAC1D,aAAa,EAAE,CAAC,yFAAiB,CAAC;KACrC;IACD;QACI,IAAI,EAAE,gDAAgD;QACtD,SAAS,EAAE,8HAA8C;QACzD,aAAa,EAAE,CAAC,yFAAiB,CAAC;KACrC;IACD;QACI,IAAI,EAAE,gDAAgD;QACtD,SAAS,EAAE,8HAA8C;QACzD,aAAa,EAAE,CAAC,yFAAiB,CAAC;KACrC;IACD;QACI,IAAI,EAAE,+CAA+C;QACrD,SAAS,EAAE,2HAA4C;QACvD,aAAa,EAAE,CAAC,yFAAiB,CAAC;KACrC;IACD;QACI,IAAI,EAAE,iBAAiB;QACvB,SAAS,EAAE,uGAAmC;KACjD;IACD;QACI,IAAI,EAAE,uBAAuB;QAC7B,SAAS,EAAE,mGAAiC;KAC/C;IACD;QACI,IAAI,EAAE,oCAAoC;QAC1C,SAAS,EAAE,4HAA6C;QACxD,aAAa,EAAE,CAAC,yFAAiB,CAAC;KACrC;IAED;QACI,IAAI,EAAE,iBAAiB;QACvB,SAAS,EAAE,sGAAkC;KAChD;IACD;QACI,IAAI,EAAE,uBAAuB;QAC7B,SAAS,EAAE,kGAAgC;KAC9C;IACD;QACI,IAAI,EAAE,QAAQ;QACd,SAAS,EAAE,mFAAwB;KACtC;IACD;QACI,IAAI,EAAE,iBAAiB;QACvB,SAAS,EAAE,qGAAiC;KAC/C;IACD;QACI,IAAI,EAAE,uBAAuB;QAC7B,SAAS,EAAE,iGAA+B;KAC7C;IACD;QACI,IAAI,EAAE,2CAA2C;QACjD,SAAS,EAAE,sIAAgD;QAC3D,aAAa,EAAE,CAAC,yFAAiB,CAAC;KACrC;IACD;QACI,IAAI,EAAE,iBAAiB;QACvB,SAAS,EAAE,qGAAiC;KAC/C;IACD;QACI,IAAI,EAAE,uBAAuB;QAC7B,SAAS,EAAE,iGAA+B;KAC7C;IACD;QACI,IAAI,EAAE,2CAA2C;QACjD,SAAS,EAAE,uIAAiD;QAC5D,aAAa,EAAE,CAAC,yFAAiB,CAAC;KACrC;IACD;QACI,IAAI,EAAE,iCAAiC;QACvC,SAAS,EAAE,oHAAwC;QACnD,aAAa,EAAE,CAAC,yFAAiB,CAAC;KACrC;IACD;QACI,IAAI,EAAE,iBAAiB;QACvB,SAAS,EAAE,uGAAmC;KACjD;IACD;QACI,IAAI,EAAE,2CAA2C;QACjD,SAAS,EAAE,yIAAmD;QAC9D,aAAa,EAAE,CAAC,yFAAiB,CAAC;KACrC;IACD;QACI,IAAI,EAAE,0CAA0C;QAChD,SAAS,EAAE,uIAAkD;QAC7D,aAAa,EAAE,CAAC,yFAAiB,CAAC;KACrC;IACD;QACI,IAAI,EAAE,uBAAuB;QAC7B,SAAS,EAAE,mGAAiC;KAC/C;IACD;QACI,IAAI,EAAE,iBAAiB;QACvB,SAAS,EAAE,sGAAkC;KAChD;IACD;QACI,IAAI,EAAE,uBAAuB;QAC7B,SAAS,EAAE,mGAAgC;KAC9C;IACD;QACI,IAAI,EAAE,0CAA0C;QAChD,SAAS,EAAE,uIAAiD;QAC5D,aAAa,EAAE,CAAC,yFAAiB,CAAC;KACrC;IACD;QACI,IAAI,EAAE,0CAA0C;QAChD,SAAS,EAAE,uIAAiD;QAC5D,aAAa,EAAE,CAAC,yFAAiB,CAAC;KACrC;IACD;QACI,IAAI,EAAE,iBAAiB;QACvB,SAAS,EAAE,uGAAkC;KAChD;IACD;QACI,IAAI,EAAE,uBAAuB;QAC7B,SAAS,EAAE,mGAAgC;KAC9C;IACD;QACI,IAAI,EAAE,yCAAyC;QAC/C,SAAS,EAAE,qIAAgD;QAC3D,aAAa,EAAE,CAAC,yFAAiB,CAAC;KACrC;IACD;QACI,IAAI,EAAE,wCAAwC;QAC9C,SAAS,EAAE,mIAA+C;QAC1D,aAAa,EAAE,CAAC,yFAAiB,CAAC;KACrC;IACD;QACI,IAAI,EAAE,0CAA0C;QAChD,SAAS,EAAE,oIAA8C;QACzD,aAAa,EAAE,CAAC,yFAAiB,CAAC;KACrC;IACD;QACI,IAAI,EAAE,iBAAiB;QACvB,SAAS,EAAE,sGAAiC;KAC/C;IACD;QACI,IAAI,EAAE,uBAAuB;QAC7B,SAAS,EAAE,kGAA+B;KAC7C;IACD;QACI,IAAI,EAAE,yCAAyC;QAC/C,SAAS,EAAE,mIAA8C;QACzD,aAAa,EAAE,CAAC,yFAAiB,CAAC;KACrC;IACD;QACI,IAAI,EAAE,iBAAiB;QACvB,SAAS,EAAE,wGAAmC;KACjD;IACD;QACI,IAAI,EAAE,uBAAuB;QAC7B,SAAS,EAAE,oGAAiC;KAC/C;IACD;QACI,IAAI,EAAE,+CAA+C;QACrD,SAAS,EAAE,iJAAsD;QACjE,aAAa,EAAE,CAAC,yFAAiB,CAAC;KACrC;IACD;QACI,IAAI,EAAE,QAAQ;QACd,SAAS,EAAE,oFAAwB;KACtC;IACD;QACI,IAAI,EAAE,iBAAiB;QACvB,SAAS,EAAE,sGAAiC;KAC/C;IACD;QACI,IAAI,EAAE,uBAAuB;QAC7B,SAAS,EAAE,kGAA+B;KAC7C;IACD;QACI,IAAI,EAAE,2CAA2C;QACjD,SAAS,EAAE,sIAAgD;QAC3D,aAAa,EAAE,CAAC,yFAAiB,CAAC;KACrC;IACD;QACI,IAAI,EAAE,iBAAiB;QACvB,SAAS,EAAE,sGAAiC;KAC/C;IACD;QACI,IAAI,EAAE,uBAAuB;QAC7B,SAAS,EAAE,kGAA+B;KAC7C;IACD;QACI,IAAI,EAAE,2CAA2C;QACjD,SAAS,EAAE,uIAAiD;QAC5D,aAAa,EAAE,CAAC,yFAAiB,CAAC;KACrC;IACD;QACI,IAAI,EAAE,+CAA+C;QACrD,SAAS,EAAE,+IAAoD;QAC/D,aAAa,EAAE,CAAC,yFAAiB,CAAC;KACrC;IACD;QACI,IAAI,EAAE,iBAAiB;QACvB,SAAS,EAAE,wGAAmC;KAEjD;IACD;QACI,IAAI,EAAE,uBAAuB;QAC7B,SAAS,EAAE,oGAAiC;KAE/C;IACD;QACI,IAAI,EAAE,wBAAwB;QAC9B,SAAS,EAAE,oGAAgC;QAC3C,aAAa,EAAE,CAAC,yFAAiB,CAAC;KACrC;IACD;QACI,IAAI,EAAE,+CAA+C;QACrD,SAAS,EAAE,kJAAuD;QAClE,aAAa,EAAE,CAAC,yFAAiB,CAAC;KACrC;IACD;QACI,IAAI,EAAE,oDAAoD;QAC1D,SAAS,EAAE,2JAA2D;QACtE,aAAa,EAAE,CAAC,yFAAiB,CAAC;KACrC;IACD;QACI,IAAI,EAAE,iBAAiB;QACvB,SAAS,EAAE,uGAAkC;KAChD;IACD;QACI,IAAI,EAAE,uBAAuB;QAC7B,SAAS,EAAE,mGAAgC;KAC9C;IACD;QACI,IAAI,EAAE,iBAAiB;QACvB,SAAS,EAAE,uGAAkC;KAChD;IACD;QACI,IAAI,EAAE,uBAAuB;QAC7B,SAAS,EAAE,mGAAgC;KAC9C;IACD;QACI,IAAI,EAAE,6BAA6B;QACnC,SAAS,EAAE,8GAAqC;QAChD,aAAa,EAAE,CAAC,yFAAiB,CAAC;KACrC;IACD;QACI,IAAI,EAAE,iBAAiB;QACvB,SAAS,EAAE,sGAAiC;KAE/C;IACD;QACI,IAAI,EAAE,uBAAuB;QAC7B,SAAS,EAAE,kGAA+B;KAC7C;IACD;QACI,IAAI,EAAE,4CAA4C;QAClD,SAAS,EAAE,0IAAkD;QAC7D,aAAa,EAAE,CAAC,yFAAiB,CAAC;KACrC;IACD;QACI,IAAI,EAAE,eAAe;QACrB,SAAS,EAAE,uEAAiB;KAC/B;IACD;QACI,IAAI,EAAE,OAAO;QACb,SAAS,EAAE,iEAAc;KAC5B;IACD;QACI,IAAI,EAAE,MAAM;QACZ,SAAS,EAAE,+DAAa;KAC3B;IACD;QACI,IAAI,EAAE,UAAU;QAChB,SAAS,EAAE,uEAAiB;KAC/B;IACD;QACI,IAAI,EAAE,IAAI;QACV,SAAS,EAAE,+EAAqB;KACnC;CACJ,CAAC;AAEK,MAAM,mBAAmB,GAAU,EAAE,CAAC;AACtC,MAAM,UAAU,GAAwB,4DAAY,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;;;;;;;;;;;;AClwBlG,uDAAuD,OAAO,6FAA6F,gBAAgB,iBAAiB,wDAAwD,sEAAsE,4EAA4E,4JAA4J,wDAAwD,uWAAuW,oSAAoS,gBAAgB,8JAA8J,wDAAwD,0eAA0e,yVAAyV,qRAAqR,gMAAgM,s7BAAs7B,ugBAAugB,yGAAyG,oOAAoO,aAAa,6IAA6I,yOAAyO,cAAc,6IAA6I,8DAA8D,mFAAmF,+N;;;;;;;;;;;;;;;;;;;;;;;;;;ACAlnK;AACD;AACwB;AASjE,IAAa,qBAAqB,GAAlC;IA6BI,YAAoB,gBAAkC,EAAU,MAAc;QAA1D,qBAAgB,GAAhB,gBAAgB,CAAkB;QAAU,WAAM,GAAN,MAAM,CAAQ;QA3B9E,UAAK,GAAW,UAAU,CAAC;QAEpB,aAAQ,GAAU,EAAE,CAAC;QACrB,UAAK,GAAW,EAAE,CAAC;QACnB,UAAK,GAAW,EAAE,CAAC;QACnB,gBAAW,GAAW,EAAE,CAAC;QACzB,aAAQ,GAAW,EAAE,CAAC;QACtB,YAAO,GAAW,EAAE,CAAC;QACrB,WAAM,GAAW,EAAE,CAAC;QAEpB,YAAO,GAAa;YACvB,EAAE,MAAM,EAAE,aAAa,EAAE,OAAO,EAAE,WAAW,EAAE;YAC/C,EAAE,MAAM,EAAE,gBAAgB,EAAE,OAAO,EAAE,cAAc,EAAE;YACrD,EAAE,MAAM,EAAE,cAAc,EAAE,OAAO,EAAE,YAAY,EAAE;YACjD,EAAE,MAAM,EAAE,iBAAiB,EAAE,OAAO,EAAE,eAAe,EAAE;YACvD,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE;YACnC,EAAE,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,YAAY,EAAE;YAC/C,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE;SACxC,CAAC;QACK,aAAQ,GAAc;YACzB,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE;YACvC,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE;YACvC,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE;YACnC,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE;YACzC,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE;SACxC,CAAC;IAEgF,CAAC;IAEnF,YAAY;QAER,IAAI,IAAI,GAAW,EAAE,CAAC;QACtB,IAAI,IAAI,QAAQ,GAAG,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;QAC3C,IAAI,IAAI,SAAS,GAAG,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC;QACzC,IAAI,IAAI,SAAS,GAAG,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC;QACzC,IAAI,IAAI,YAAY,GAAG,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;QAC/C,IAAI,IAAI,UAAU,GAAG,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC;QAC3C,IAAI,IAAI,WAAW,GAAG,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QAC7C,IAAI,IAAI,OAAO,CAAC;QAEhB,IAAI,IAAI,GAAG;YACP,WAAW,EAAE,IAAI,GAAG,IAAI,CAAC,WAAW;YACpC,OAAO,EAAE,SAAS;YAClB,KAAK,EAAE,uBAAuB;YAC9B,QAAQ,EAAE,CAAC;YACX,MAAM,EAAE,CAAC;SACZ;QACD,IAAI,CAAC,gBAAgB,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;QACzC,MAAM,CAAC,KAAK,CAAC,8DAA8D,CAAC,CAAC;QAC7E,wBAAwB;QACxB,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAEjC,CAAC;IAED,MAAM;QACJ,wBAAwB;QACxB,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC;CACJ;AA5DY,qBAAqB;IAPjC,+DAAS,CAAC;QACP,QAAQ,EAAE,eAAe;;;QAGzB,SAAS,EAAE,CAAC,4EAAgB,CAAC;KAChC,CAAC;qCA+BwC,4EAAgB,EAAkB,sDAAM;GA7BrE,qBAAqB,CA4DjC;AA5DiC;AA8DlC;CAGC;AAED;CAGC;;;;;;;;;;;;ACjFD,mCAAmC,kCAAkC,2CAA2C,0CAA0C,oBAAoB,yBAAyB,sBAAsB,yBAAyB,KAAK,uBAAuB,2BAA2B,qBAAqB,oCAAoC,4BAA4B,8CAA8C,gCAAgC,8BAA8B,KAAK,8BAA8B,8BAA8B,gCAAgC,sBAAsB,mCAAmC,yCAAyC,wCAAwC,8BAA8B,wBAAwB,0BAA0B,KAAK,sBAAsB,8BAA8B,2BAA2B,0BAA0B,wCAAwC,yBAAyB,uBAAuB,kBAAkB,qBAAqB,2BAA2B,yBAAyB,0BAA0B,yBAAyB,2BAA2B,yBAAyB,KAAK,iBAAiB,uBAAuB,KAAK,K;;;;;;;;;;;ACAnuC,uDAAuD,OAAO,2FAA2F,gBAAgB,iBAAiB,iIAAiI,oJAAoJ,oDAAoD,6jBAA6jB,mR;;;;;;;;;;;;;;;;;;;;;;;;;ACA9gC;AACA;AAOlD,IAAa,iBAAiB,GAA9B;IAKI,YAAoB,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAHvC,UAAK,GAAW,UAAU,CAAC;QAC3B,cAAS,GAAW,IAAI,CAAC,KAAK,GAAG,YAAY,CAAC;QAG1C,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;CACJ;AARY,iBAAiB;IAL7B,+DAAS,CAAC;QACT,QAAQ,EAAE,UAAU;;;KAGrB,CAAC;qCAMoC,+DAAK;GAL9B,iBAAiB,CAQ7B;AAR6B;;;;;;;;;;;;ACR9B,uDAAuD,OAAO,2FAA2F,gBAAgB,6JAA6J,2EAA2E,kBAAkB,mBAAmB,oJAAoJ,gBAAgB,wEAAwE,uCAAuC,+MAA+M,qQAAqQ,kqBAAkqB,05BAA05B,ueAAue,iGAAiG,wNAAwN,aAAa,iIAAiI,6NAA6N,cAAc,iIAAiI,0DAA0D,+EAA+E,4LAA4L,sQAAsQ,ogBAAogB,yMAAyM,mBAAmB,aAAa,yBAAyB,6M;;;;;;;;;;;;;;;;;;;;;;;;;;;ACAlxK;AACT;AACwB;AACf;AAQlD,IAAa,aAAa,GAA1B;IA0CI,YAAoB,gBAAkC,EAAU,MAAc,EAAU,YAAmB;QAAvF,qBAAgB,GAAhB,gBAAgB,CAAkB;QAAU,WAAM,GAAN,MAAM,CAAQ;QAAU,iBAAY,GAAZ,YAAY,CAAO;QAxC3G,UAAK,GAAW,MAAM,CAAC;QACvB,cAAS,GAAW,gBAAgB,CAAC;QAE9B,aAAQ,GAAW,EAAE,CAAC;QACtB,UAAK,GAAW,EAAE,CAAC;QACnB,UAAK,GAAW,EAAE,CAAC;QACnB,gBAAW,GAAW,EAAE,CAAC;QACzB,aAAQ,GAAW,EAAE,CAAC;QACtB,YAAO,GAAW,EAAE,CAAC;QACrB,WAAM,GAAW,EAAE,CAAC;QAE3B,wBAAmB,GAAG;YAClB,WAAW,EAAE;gBACT,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE;oBACJ;wBACI,KAAK,EAAE,EAAE;wBACT,QAAQ,EAAE,SAAS;qBACtB;iBACJ;aACJ;SACJ;QAEM,YAAO,GAAa;YACvB,EAAE,MAAM,EAAE,aAAa,EAAE,OAAO,EAAE,WAAW,EAAE;YAC/C,EAAE,MAAM,EAAE,gBAAgB,EAAE,OAAO,EAAE,cAAc,EAAE;YACrD,EAAE,MAAM,EAAE,cAAc,EAAE,OAAO,EAAE,YAAY,EAAE;YACjD,EAAE,MAAM,EAAE,iBAAiB,EAAE,OAAO,EAAE,eAAe,EAAE;YACvD,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE;YACnC,EAAE,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,YAAY,EAAE;YAC/C,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE;SACxC,CAAC;QACK,aAAQ,GAAc;YACzB,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE;YACvC,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE;YACvC,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE;YACnC,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE;YACzC,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE;SACxC,CAAC;QAGE,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IAED,QAAQ;IACR,CAAC;IAED,YAAY;QAER,IAAI,IAAI,GAAW,EAAE,CAAC;QACtB,IAAI,IAAI,QAAQ,GAAG,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;QAC3C,IAAI,IAAI,SAAS,GAAG,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC;QACzC,IAAI,IAAI,SAAS,GAAG,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC;QACzC,IAAI,IAAI,YAAY,GAAG,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;QAC/C,IAAI,IAAI,UAAU,GAAG,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC;QAC3C,IAAI,IAAI,WAAW,GAAG,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QAC7C,IAAI,IAAI,OAAO,CAAC;QAEhB,IAAI,IAAI,GAAG;YACP,WAAW,EAAE,IAAI,GAAG,IAAI,CAAC,WAAW;YACpC,OAAO,EAAE,SAAS;YAClB,KAAK,EAAE,mBAAmB;YAC1B,QAAQ,EAAE,CAAC;YACX,MAAM,EAAE,CAAC;SACZ;QACD,IAAI,CAAC,gBAAgB,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;QACzC,MAAM,CAAC,KAAK,CAAC,8DAA8D,CAAC,CAAC;QAC7E,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAEjC,CAAC;IAED,MAAM;QACF,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACjC,CAAC;CAEJ;AA7EY,aAAa;IANzB,+DAAS,CAAC;QACP,QAAQ,EAAE,MAAM;;;QAGhB,SAAS,EAAE,CAAC,4EAAgB,CAAC;KAChC,CAAC;qCA2CwC,4EAAgB,EAAkB,sDAAM,EAAwB,+DAAK;GA1ClG,aAAa,CA6EzB;AA7EyB;AA+E1B;CAGC;AAED;CAGC;;;;;;;;;;;;AClGD,mCAAmC,kCAAkC,2CAA2C,0CAA0C,oBAAoB,yBAAyB,sBAAsB,0BAA0B,yBAAyB,KAAK,uBAAuB,2BAA2B,qBAAqB,kBAAkB,oCAAoC,qBAAqB,4BAA4B,8CAA8C,gCAAgC,8BAA8B,KAAK,8BAA8B,8BAA8B,gCAAgC,sBAAsB,mCAAmC,yCAAyC,wCAAwC,8BAA8B,wBAAwB,0BAA0B,KAAK,2BAA2B,wCAAwC,mBAAmB,0BAA0B,yBAAyB,gCAAgC,uBAAuB,oBAAoB,uBAAuB,KAAK,sBAAsB,qBAAqB,mBAAmB,4BAA4B,wBAAwB,0BAA0B,KAAK,+BAA+B,kCAAkC,8BAA8B,uBAAuB,wBAAwB,0BAA0B,KAAK,uBAAuB,wBAAwB,uBAAuB,wBAAwB,yBAAyB,qBAAqB,oBAAoB,4BAA4B,mBAAmB,gBAAgB,2BAA2B,qBAAqB,yBAAyB,yBAAyB,KAAK,yBAAyB,kCAAkC,2CAA2C,0CAA0C,oBAAoB,yBAAyB,sBAAsB,0BAA0B,yBAAyB,KAAK,uBAAuB,2BAA2B,qBAAqB,oCAAoC,4BAA4B,8CAA8C,gCAAgC,8BAA8B,KAAK,8BAA8B,8BAA8B,gCAAgC,sBAAsB,mCAAmC,yCAAyC,wCAAwC,8BAA8B,wBAAwB,0BAA0B,KAAK,sBAAsB,8BAA8B,2BAA2B,0BAA0B,sCAAsC,yBAAyB,uBAAuB,uBAAuB,wBAAwB,uBAAuB,wBAAwB,yBAAyB,qBAAqB,oBAAoB,4BAA4B,mBAAmB,gBAAgB,2BAA2B,qBAAqB,yBAAyB,yBAAyB,KAAK,4BAA4B,8BAA8B,2BAA2B,0BAA0B,yBAAyB,wCAAwC,kCAAkC,uBAAuB,8BAA8B,mBAAmB,KAAK,eAAe,2BAA2B,oBAAoB,4BAA4B,qBAAqB,mBAAmB,gDAAgD,8BAA8B,KAAK,qBAAqB,oBAAoB,qBAAqB,KAAK,qBAAqB,qBAAqB,KAAK,gBAAgB,4BAA4B,oBAAoB,0BAA0B,yCAAyC,qCAAqC,0BAA0B,KAAK,sBAAsB,qBAAqB,8BAA8B,0BAA0B,uBAAuB,wBAAwB,yCAAyC,qCAAqC,KAAK,2BAA2B,sBAAsB,KAAK,oBAAoB,2BAA2B,oBAAoB,qBAAqB,oBAAoB,mBAAmB,4BAA4B,gDAAgD,8BAA8B,KAAK,gBAAgB,uBAAuB,oBAAoB,qBAAqB,KAAK,kBAAkB,2BAA2B,qBAAqB,gBAAgB,iBAAiB,kCAAkC,yBAAyB,oBAAoB,kBAAkB,6BAA6B,4BAA4B,KAAK,mCAAmC,kBAAkB,qBAAqB,KAAK,eAAe,qBAAqB,wBAAwB,0BAA0B,2BAA2B,iBAAiB,kBAAkB,iDAAiD,iDAAiD,6CAA6C,2BAA2B,KAAK,qBAAqB,qBAAqB,KAAK,mCAAmC,eAAe,wBAAwB,SAAS,KAAK,+EAA+E,qBAAqB,4BAA4B,SAAS,KAAK,mCAAmC,0BAA0B,6BAA6B,SAAS,eAAe,wBAAwB,SAAS,KAAK,K;;;;;;;;;;;ACAl/K,uDAAuD,OAAO,6FAA6F,gBAAgB,iBAAiB,mBAAmB,uDAAuD,oFAAoF,kHAAkH,QAAQ,yFAAyF,u4CAAu4C,kMAAkM,yBAAyB,qBAAqB,m9CAAm9C,q+IAAq+I,iBAAiB,uHAAuH,eAAe,iXAAiX,iBAAiB,+GAA+G,eAAe,iH;;;;;;;;;;;;;;;;;;;;;;;;;ACAzsR;AACQ;AASlD,IAAa,aAAa,GAA1B;IAII,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAH9C,UAAK,GAAG,qBAAqB,CAAC;QAC9B,WAAM,GAAG,kBAAkB,CAAC;QAM5B,iBAAY,GAAG;YACX,OAAO,EAAE,gMAAgM;YACzM,UAAU,EAAE;gBACR,gBAAgB;gBAChB,+CAA+C;gBAC/C,wDAAwD;gBACxD,gBAAgB;aACnB;YACD,KAAK,EAAE;gBACH;oBACI,UAAU,EAAE,cAAc;oBAC1B,QAAQ,EAAE,+BAA+B;oBACzC,KAAK,EAAE,eAAe;oBACtB,aAAa;wBACT,IAAI,UAAU,GAAG;4BACb,iBAAiB,EAAE,OAAO;4BAC1B,kBAAkB,EAAE,6EAA6E;yBACpG,CAAC;wBACF,OAAO,UAAU,CAAC;oBACtB,CAAC;iBACJ;gBACD;oBACI,UAAU,EAAE,QAAQ;oBACpB,QAAQ,EAAE,oCAAoC;oBAC9C,KAAK,EAAE,SAAS;oBAChB,aAAa;wBACT,IAAI,UAAU,GAAG;4BACb,iBAAiB,EAAE,OAAO;4BAC1B,kBAAkB,EAAE,+DAA+D;yBACtF,CAAC;wBACF,OAAO,UAAU,CAAC;oBACtB,CAAC;iBACJ;gBACD;oBACI,UAAU,EAAE,QAAQ;oBACpB,QAAQ,EAAE,wDAAwD;oBAClE,KAAK,EAAE,SAAS;oBAChB,aAAa;wBACT,IAAI,UAAU,GAAG;4BACb,iBAAiB,EAAE,OAAO;4BAC1B,kBAAkB,EAAE,4DAA4D;yBACnF,CAAC;wBACF,OAAO,UAAU,CAAC;oBACtB,CAAC;iBACJ;gBACD;oBACI,UAAU,EAAE,QAAQ;oBACpB,QAAQ,EAAE,yCAAyC;oBACnD,KAAK,EAAE,SAAS;oBAChB,aAAa;wBACT,IAAI,UAAU,GAAG;4BACb,iBAAiB,EAAE,OAAO;4BAC1B,kBAAkB,EAAE,sEAAsE;yBAC7F,CAAC;wBACF,OAAO,UAAU,CAAC;oBACtB,CAAC;iBACJ;gBACD;oBACI,UAAU,EAAE,QAAQ;oBACpB,QAAQ,EAAE,sCAAsC;oBAChD,KAAK,EAAE,SAAS;oBAChB,aAAa;wBACT,IAAI,UAAU,GAAG;4BACb,iBAAiB,EAAE,OAAO;4BAC1B,kBAAkB,EAAE,EAAE;yBACzB,CAAC;wBACF,OAAO,UAAU,CAAC;oBACtB,CAAC;iBACJ;aAEJ;SAGJ;QA5EG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CAAC;IACjD,CAAC;CA4EJ;AAlFY,aAAa;IAPzB,+DAAS,CAAC;QACP,QAAQ,EAAE,MAAM;;;QAGhB,SAAS,EAAE,CAAC,+DAAK,CAAC;KACrB,CAAC;qCAM2C,+DAAK;GAJrC,aAAa,CAkFzB;AAlFyB;;;;;;;;;;;;;;;;;;;;;;;;;;ACVgB;AACQ;AAQlD,IAAa,sCAAsC,GAAnD;IAII,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAH9C,UAAK,GAAG,+BAA+B,CAAC;QACxC,cAAS,GAAG,IAAI,CAAC,KAAK,GAAG,2BAA2B,CAAC;QAMrD,wBAAmB,GAAG;YAClB,WAAW,EAAE;gBACT,KAAK,EAAE,cAAc;gBACrB,MAAM,EAAE;oBACJ;wBACI,KAAK,EAAE,EAAE;wBACT,QAAQ,EAAE,SAAS;qBACtB;iBACJ;aACJ;YACD,cAAc,EAAE;gBACZ;oBACI,IAAI,EAAE,wBAAwB;iBACjC;gBACD;oBACI,IAAI,EAAE,iBAAiB;iBAC1B;aAEJ;YACD,OAAO,EAAE,4ZAA4Z;YACra,OAAO,EAAE;gBACL;oBACI,KAAK,EAAE,wBAAwB;oBAC/B,QAAQ,EAAE,yCAAyC;oBACnD,KAAK,EAAE,aAAa;oBACpB,KAAK,EAAE,mDAAmD;oBAC1D,OAAO,EAAE,oHAAoH;iBAChI;gBACD;oBACI,KAAK,EAAE,wBAAwB;oBAC/B,QAAQ,EAAE,8BAA8B;oBACxC,KAAK,EAAE,aAAa;oBACpB,KAAK,EAAE,sDAAsD;oBAC7D,OAAO,EAAE,iJAAiJ;iBAC7J;aACJ;YACD,KAAK,EAAE,uEAAuE;YAC9E,OAAO,EAAE,4DAA4D;YAErE,SAAS,EAAE,OAAO;YAClB,SAAS,EAAE,kEAAkE;YAC7E,OAAO,EAAE,IAAI;YACb,MAAM,EAAE,UAAU;YAClB,UAAU,EAAE,yBAAyB;YACrC,OAAO,EAAE,eAAe;YACxB,WAAW,EAAE,oDAAoD;SAEpE;QAlDG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;CAkDJ;AAxDY,sCAAsC;IANlD,+DAAS,CAAC;QACP,QAAQ,EAAE,+BAA+B;;;KAG5C,CAAC;qCAM2C,+DAAK;GAJrC,sCAAsC,CAwDlD;AAxDkD;;;;;;;;;;;;ACTnD,sBAAsB,2BAA2B,0BAA0B,qBAAqB,yBAAyB,2BAA2B,yBAAyB,8BAA8B,wBAAwB,KAAK,YAAY,2BAA2B,0BAA0B,yBAAyB,2BAA2B,KAAK,YAAY,wBAAwB,2BAA2B,KAAK,mBAAmB,yBAAyB,KAAK,0BAA0B,yBAAyB,8BAA8B,cAAc,+BAA+B,KAAK,gBAAgB,qBAAqB,2BAA2B,gCAAgC,gCAAgC,qBAAqB,wBAAwB,KAAK,yBAAyB,gCAAgC,KAAK,mBAAmB,gCAAgC,sBAAsB,KAAK,2BAA2B,yBAAyB,8BAA8B,iCAAiC,yBAAyB,qBAAqB,oBAAoB,oBAAoB,KAAK,mBAAmB,8BAA8B,wBAAwB,2BAA2B,oBAAoB,KAAK,wBAAwB,4BAA4B,KAAK,0CAA0C,2BAA2B,4BAA4B,KAAK,2BAA2B,wBAAwB,KAAK,kCAAkC,yBAAyB,KAAK,2BAA2B,0BAA0B,qBAAqB,qBAAqB,KAAK,gCAAgC,yBAAyB,KAAK,iBAAiB,uBAAuB,KAAK,C;;;;;;;;;;;ACAzsD,6PAA6P,0ZAA0Z,0uBAA0uB,8CAA8C,OAAO,uIAAuI,UAAU,ueAAue,69BAA69B,+oWAA+oW,mJAAmJ,+Q;;;;;;;;;;;;;;;;;;;;;;;;;ACAnwc;AACQ;AAQlD,IAAa,mCAAmC,GAAhD;IASI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAP9C,cAAS,GAAW,iDAAiD,CAAC;QACtE,UAAK,GAAW,cAAc,CAAC;QAC/B,aAAQ,GAAW,wCAAwC,CAAC;QAMxD,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IALD,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CAIJ;AAZY,mCAAmC;IAL/C,+DAAS,CAAC;QACP,QAAQ,EAAE,gCAAgC;;;KAG7C,CAAC;qCAU2C,+DAAK;GATrC,mCAAmC,CAY/C;AAZ+C;;;;;;;;;;;;;;;;;;;;;;;;;;ACTN;AACQ;AAQlD,IAAa,qCAAqC,GAAlD;IASI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAR9C,UAAK,GAAG,wCAAwC,CAAC;QACjD,cAAS,GAAG,iEAAiE,CAAC;QAC9E,iBAAY,GAAG,yCAAyC,CAAC;QAUzD,oBAAe,GAAG;YACd,WAAW,EAAE;gBACT,KAAK,EAAE,UAAU;gBACjB,MAAM,EAAE;oBACJ;wBACI,KAAK,EAAE,EAAE;wBACT,QAAQ,EAAE,SAAS;qBACtB;oBACD;wBACI,KAAK,EAAE,eAAe;wBACtB,QAAQ,EAAE,cAAc;qBAC3B;iBACJ;aACJ;YACD,OAAO,EAAE,iRAAiR;YAC1R,UAAU,EAAE;gBACR,sEAAsE;gBACtE,wDAAwD;gBACxD,gDAAgD;gBAChD,kCAAkC;gBAClC,iFAAiF;aACpF;YACD,OAAO,EAAE;gBACL;oBACI,KAAK,EAAE,8BAA8B;oBACrC,QAAQ,EAAE,cAAc;oBACxB,KAAK,EAAE,aAAa;iBACvB;gBACD;oBACI,KAAK,EAAE,8CAA8C;oBACrD,QAAQ,EAAE,wBAAwB;oBAClC,KAAK,EAAE,aAAa;iBACvB;gBACD;oBACI,KAAK,EAAE,0DAA0D;oBACjE,QAAQ,EAAE,sCAAsC;oBAChD,KAAK,EAAE,aAAa;iBACvB;gBACD;oBACI,KAAK,EAAE,+EAA+E;oBACtF,QAAQ,EAAE,iCAAiC;oBAC3C,KAAK,EAAE,aAAa;oBACpB,MAAM,EAAE,IAAI;iBACf;gBACD;oBACI,KAAK,EAAE,oFAAoF;oBAC3F,QAAQ,EAAE,yBAAyB;oBACnC,KAAK,EAAE,mBAAmB;oBAC1B,MAAM,EAAE,IAAI;iBACf;aACJ;YACD,KAAK,EAAE,mDAAmD;YAC1D,MAAM,EAAE,oHAAoH;YAC5H,OAAO,EAAE,oBAAoB;YAC7B,SAAS,EAAE,yCAAyC;YACpD,MAAM,EAAE,UAAU;YAClB,UAAU,EAAE,uBAAuB;YACnC,OAAO,EAAE,cAAc;YACvB,WAAW,EAAE,8BAA8B;SAE9C;QA/DG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IAND,eAAe,CAAC,GAAW;QACvB,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAC/B,CAAC;CAmEJ;AA1EY,qCAAqC;IANjD,+DAAS,CAAC;QACP,QAAQ,EAAE,iCAAiC;;;KAG9C,CAAC;qCAW2C,+DAAK;GATrC,qCAAqC,CA0EjD;AA1EiD;;;;;;;;;;;;ACTlD,6BAA6B,2BAA2B,yBAAyB,KAAK,8BAA8B,yBAAyB,KAAK,qDAAqD,kBAAkB,gEAAgE,6BAA6B,SAAS,+BAA+B,8BAA8B,SAAS,+BAA+B,+BAA+B,8BAA8B,+BAA+B,6BAA6B,2BAA2B,0BAA0B,8BAA8B,gFAAgF,SAAS,qBAAqB,+BAA+B,yBAAyB,0BAA0B,wBAAwB,uBAAuB,SAAS,0BAA0B,+BAA+B,wBAAwB,uBAAuB,yBAAyB,+BAA+B,4BAA4B,8BAA8B,SAAS,0BAA0B,+BAA+B,wBAAwB,sBAAsB,yBAAyB,0BAA0B,6CAA6C,6CAA6C,+CAA+C,+CAA+C,SAAS,0BAA0B,+BAA+B,wBAAwB,sBAAsB,yBAAyB,0BAA0B,yBAAyB,yBAAyB,4BAA4B,SAAS,0BAA0B,+BAA+B,wBAAwB,qBAAqB,yBAAyB,4BAA4B,6BAA6B,SAAS,8BAA8B,+BAA+B,wBAAwB,uBAAuB,yBAAyB,0BAA0B,8CAA8C,8CAA8C,+CAA+C,+CAA+C,SAAS,8BAA8B,+BAA+B,wBAAwB,uBAAuB,yBAAyB,yBAAyB,yBAAyB,8CAA8C,8CAA8C,+CAA+C,+CAA+C,yBAAyB,4BAA4B,SAAS,8BAA8B,+BAA+B,wBAAwB,uBAAuB,yBAAyB,8CAA8C,8CAA8C,+CAA+C,+CAA+C,4BAA4B,SAAS,yBAAyB,+BAA+B,yBAAyB,uBAAuB,0BAA0B,yBAAyB,8CAA8C,8CAA8C,+CAA+C,+CAA+C,SAAS,yBAAyB,+BAA+B,wBAAwB,uBAAuB,yBAAyB,yBAAyB,yBAAyB,yBAAyB,4BAA4B,SAAS,6BAA6B,+BAA+B,0BAA0B,uBAAuB,0BAA0B,uBAAuB,yBAAyB,6CAA6C,6CAA6C,+CAA+C,+CAA+C,4BAA4B,SAAS,kCAAkC,+BAA+B,wBAAwB,uBAAuB,yBAAyB,0BAA0B,+CAA+C,+CAA+C,+CAA+C,+CAA+C,SAAS,8BAA8B,+BAA+B,wBAAwB,uBAAuB,yBAAyB,yBAAyB,yBAAyB,6CAA6C,6CAA6C,+CAA+C,+CAA+C,yBAAyB,4BAA4B,SAAS,kCAAkC,+BAA+B,wBAAwB,uBAAuB,0BAA0B,uBAAuB,2BAA2B,6CAA6C,6CAA6C,+CAA+C,+CAA+C,4BAA4B,SAAS,8BAA8B,+BAA+B,wBAAwB,wBAAwB,yBAAyB,0BAA0B,8CAA8C,8CAA8C,+CAA+C,+CAA+C,SAAS,0BAA0B,+BAA+B,wBAAwB,uBAAuB,yBAAyB,0BAA0B,yBAAyB,yBAAyB,4BAA4B,+BAA+B,+BAA+B,SAAS,0BAA0B,+BAA+B,wBAAwB,wBAAwB,yBAAyB,4BAA4B,+BAA+B,SAAS,8BAA8B,+BAA+B,uBAAuB,uBAAuB,yBAAyB,0BAA0B,8CAA8C,8CAA8C,+CAA+C,+CAA+C,SAAS,8BAA8B,+BAA+B,wBAAwB,uBAAuB,yBAAyB,yBAAyB,yBAAyB,yBAAyB,8CAA8C,8CAA8C,+CAA+C,+CAA+C,4BAA4B,SAAS,8BAA8B,+BAA+B,uBAAuB,uBAAuB,yBAAyB,8CAA8C,8CAA8C,+CAA+C,+CAA+C,4BAA4B,+BAA+B,SAAS,yBAAyB,+BAA+B,sBAAsB,uBAAuB,yBAAyB,0BAA0B,SAAS,yBAAyB,+BAA+B,uBAAuB,uBAAuB,yBAAyB,yBAAyB,yBAAyB,yBAAyB,4BAA4B,SAAS,yBAAyB,+BAA+B,uBAAuB,uBAAuB,yBAAyB,4CAA4C,4CAA4C,+CAA+C,+CAA+C,4BAA4B,SAAS,8BAA8B,+BAA+B,wBAAwB,sBAAsB,yBAAyB,0BAA0B,6CAA6C,6CAA6C,+CAA+C,+CAA+C,SAAS,8BAA8B,+BAA+B,wBAAwB,uBAAuB,yBAAyB,yBAAyB,yBAAyB,6CAA6C,6CAA6C,+CAA+C,+CAA+C,yBAAyB,4BAA4B,SAAS,8BAA8B,+BAA+B,wBAAwB,sBAAsB,yBAAyB,6CAA6C,6CAA6C,+CAA+C,+CAA+C,4BAA4B,SAAS,KAAK,8CAA8C,sBAAsB,0BAA0B,yBAAyB,8BAA8B,SAAS,2BAA2B,SAAS,0BAA0B,iCAAiC,SAAS,0IAA0I,0BAA0B,SAAS,0IAA0I,SAAS,0IAA0I,6BAA6B,SAAS,mBAAmB,8BAA8B,6BAA6B,SAAS,KAAK,iBAAiB,uBAAuB,KAAK,sBAAsB,8BAA8B,yBAAyB,SAAS,2BAA2B,8CAA8C,8CAA8C,+BAA+B,0BAA0B,uBAAuB,wBAAwB,SAAS,qBAAqB,uBAAuB,uBAAuB,uBAAuB,aAAa,mBAAmB,yBAAyB,6BAA6B,SAAS,+BAA+B,qCAAqC,SAAS,+BAA+B,6BAA6B,4BAA4B,gCAAgC,+BAA+B,SAAS,qBAAqB,+BAA+B,SAAS,KAAK,K;;;;;;;;;;;ACAzkV,0XAA0X,0RAA0R,OAAO,sHAAsH,2ZAA2Z,OAAO,4PAA4P,gMAAgM,OAAO,45BAA45B,KAAK,KAAK,KAAK,0CAA0C,KAAK,KAAK,KAAK,yWAAyW,KAAK,uBAAuB,KAAK,8WAA8W,KAAK,iCAAiC,KAAK,kCAAkC,KAAK,sWAAsW,KAAK,+BAA+B,KAAK,gBAAgB,KAAK,8VAA8V,MAAM,meAAme,KAAK,mBAAmB,KAAK,oBAAoB,KAAK,0UAA0U,KAAK,aAAa,KAAK,g2CAAg2C,sM;;;;;;;;;;;;;;;;;;;;;;;;;ACA51M;AACQ;AAOlD,IAAa,kDAAkD,GAA/D;IAKI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAH9C,UAAK,GAAW,sCAAsC,CAAC;QACvD,cAAS,GAAW,IAAI,CAAC,KAAK,GAAG,qCAAqC,CAAC;QAGnE,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IAED,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CACJ;AAZY,kDAAkD;IAL9D,+DAAS,CAAC;QACP,QAAQ,EAAE,mCAAmC;;;KAGhD,CAAC;qCAM2C,+DAAK;GALrC,kDAAkD,CAY9D;AAZ8D;;;;;;;;;;;;ACR/D,4BAA4B,oBAAoB,yBAAyB,KAAK,mBAAmB,2BAA2B,yBAAyB,0BAA0B,KAAK,kCAAkC,yBAAyB,KAAK,qDAAqD,+BAA+B,8BAA8B,SAAS,kBAAkB,gEAAgE,6BAA6B,SAAS,6BAA6B,8BAA8B,SAAS,uCAAuC,iCAAiC,SAAS,+BAA+B,+BAA+B,8BAA8B,+BAA+B,2BAA2B,0BAA0B,8BAA8B,gFAAgF,mCAAmC,6BAA6B,WAAW,yBAAyB,+BAA+B,yBAAyB,0BAA0B,wBAAwB,uBAAuB,SAAS,0BAA0B,+BAA+B,wBAAwB,uBAAuB,yBAAyB,+BAA+B,4BAA4B,SAAS,0BAA0B,+BAA+B,wBAAwB,sBAAsB,yBAAyB,0BAA0B,6CAA6C,6CAA6C,+CAA+C,+CAA+C,SAAS,0BAA0B,+BAA+B,wBAAwB,sBAAsB,wBAAwB,0BAA0B,yBAAyB,sCAAsC,4BAA4B,SAAS,0BAA0B,+BAA+B,wBAAwB,qBAAqB,yBAAyB,4BAA4B,SAAS,8BAA8B,+BAA+B,wBAAwB,uBAAuB,yBAAyB,0BAA0B,8CAA8C,8CAA8C,+CAA+C,+CAA+C,SAAS,8BAA8B,+BAA+B,wBAAwB,uBAAuB,yBAAyB,yBAAyB,yBAAyB,8CAA8C,8CAA8C,+CAA+C,+CAA+C,sCAAsC,4BAA4B,SAAS,8BAA8B,+BAA+B,wBAAwB,uBAAuB,yBAAyB,8CAA8C,8CAA8C,+CAA+C,+CAA+C,4BAA4B,SAAS,yBAAyB,+BAA+B,yBAAyB,uBAAuB,0BAA0B,yBAAyB,8CAA8C,8CAA8C,+CAA+C,+CAA+C,SAAS,yBAAyB,+BAA+B,wBAAwB,uBAAuB,yBAAyB,yBAAyB,yBAAyB,sCAAsC,4BAA4B,SAAS,yBAAyB,+BAA+B,wBAAwB,uBAAuB,0BAA0B,uBAAuB,2BAA2B,6CAA6C,6CAA6C,+CAA+C,+CAA+C,4BAA4B,SAAS,8BAA8B,+BAA+B,wBAAwB,uBAAuB,yBAAyB,0BAA0B,+CAA+C,+CAA+C,+CAA+C,+CAA+C,SAAS,8BAA8B,+BAA+B,wBAAwB,uBAAuB,yBAAyB,yBAAyB,yBAAyB,6CAA6C,6CAA6C,+CAA+C,+CAA+C,sCAAsC,4BAA4B,SAAS,kCAAkC,+BAA+B,wBAAwB,uBAAuB,0BAA0B,uBAAuB,2BAA2B,6CAA6C,6CAA6C,+CAA+C,+CAA+C,4BAA4B,SAAS,0BAA0B,+BAA+B,wBAAwB,wBAAwB,yBAAyB,0BAA0B,8CAA8C,8CAA8C,+CAA+C,+CAA+C,SAAS,0BAA0B,+BAA+B,wBAAwB,uBAAuB,wBAAwB,0BAA0B,yBAAyB,sCAAsC,4BAA4B,SAAS,0BAA0B,+BAA+B,wBAAwB,wBAAwB,yBAAyB,4BAA4B,+BAA+B,SAAS,8BAA8B,+BAA+B,uBAAuB,uBAAuB,yBAAyB,0BAA0B,8CAA8C,8CAA8C,+CAA+C,+CAA+C,SAAS,8BAA8B,+BAA+B,wBAAwB,uBAAuB,yBAAyB,yBAAyB,yBAAyB,sCAAsC,8CAA8C,8CAA8C,+CAA+C,+CAA+C,4BAA4B,SAAS,8BAA8B,+BAA+B,uBAAuB,uBAAuB,yBAAyB,8CAA8C,8CAA8C,+CAA+C,+CAA+C,4BAA4B,+BAA+B,SAAS,yBAAyB,+BAA+B,sBAAsB,uBAAuB,yBAAyB,0BAA0B,SAAS,yBAAyB,+BAA+B,uBAAuB,uBAAuB,yBAAyB,yBAAyB,yBAAyB,sCAAsC,4BAA4B,SAAS,yBAAyB,+BAA+B,uBAAuB,uBAAuB,yBAAyB,4CAA4C,4CAA4C,+CAA+C,+CAA+C,4BAA4B,SAAS,8BAA8B,+BAA+B,wBAAwB,sBAAsB,yBAAyB,0BAA0B,6CAA6C,6CAA6C,+CAA+C,+CAA+C,SAAS,8BAA8B,+BAA+B,wBAAwB,uBAAuB,yBAAyB,yBAAyB,yBAAyB,6CAA6C,6CAA6C,+CAA+C,+CAA+C,sCAAsC,4BAA4B,SAAS,8BAA8B,+BAA+B,wBAAwB,sBAAsB,yBAAyB,6CAA6C,6CAA6C,+CAA+C,+CAA+C,4BAA4B,SAAS,4BAA4B,6BAA6B,SAAS,KAAK,sBAAsB,wBAAwB,8BAA8B,SAAS,+BAA+B,6CAA6C,6CAA6C,8BAA8B,+BAA+B,SAAS,sCAAsC,wBAAwB,SAAS,mBAAmB,yBAAyB,6BAA6B,SAAS,sBAAsB,yBAAyB,aAAa,uBAAuB,qCAAqC,SAAS,qBAAqB,8BAA8B,SAAS,0BAA0B,0BAA0B,yBAAyB,6BAA6B,4BAA4B,SAAS,KAAK,8CAA8C,2BAA2B,SAAS,0BAA0B,iCAAiC,SAAS,0IAA0I,yBAAyB,SAAS,0IAA0I,SAAS,0IAA0I,SAAS,KAAK,8CAA8C,2BAA2B,SAAS,0BAA0B,iCAAiC,SAAS,0IAA0I,0BAA0B,SAAS,0IAA0I,SAAS,0IAA0I,wBAAwB,SAAS,KAAK,iBAAiB,uBAAuB,KAAK,K;;;;;;;;;;;ACArwW,6VAA6V,0RAA0R,OAAO,sHAAsH,4pBAA4pB,+KAA+K,OAAO,2zIAA2zI,qL;;;;;;;;;;;;;;;;;;;;;;;;;ACAv1L;AACQ;AAOlD,IAAa,uCAAuC,GAApD;IAKI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAH9C,UAAK,GAAW,wBAAwB,CAAC;QACzC,cAAS,GAAW,IAAI,CAAC,KAAK,GAAG,qCAAqC,CAAC;QAGnE,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IAED,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;IACD,QAAQ;QACJ,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC1B,CAAC;IAED,OAAO,CAAC,KAAK;QACT,IAAI,KAAK,CAAC,OAAO,IAAI,EAAE,EAAE;YACrB,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,OAAO,KAAK,CAAC;SAChB;IAEL,CAAC;CACJ;AAvBY,uCAAuC;IALnD,+DAAS,CAAC;QACP,QAAQ,EAAE,uBAAuB;;;KAGpC,CAAC;qCAM2C,+DAAK;GALrC,uCAAuC,CAuBnD;AAvBmD;;;;;;;;;;;;ACRpD,sBAAsB,2BAA2B,0BAA0B,qBAAqB,yBAAyB,2BAA2B,yBAAyB,8BAA8B,wBAAwB,KAAK,YAAY,2BAA2B,0BAA0B,yBAAyB,2BAA2B,KAAK,YAAY,wBAAwB,2BAA2B,KAAK,gBAAgB,qBAAqB,2BAA2B,gCAAgC,gCAAgC,qBAAqB,wBAAwB,KAAK,yBAAyB,gCAAgC,KAAK,mBAAmB,gCAAgC,sBAAsB,KAAK,2BAA2B,yBAAyB,8BAA8B,iCAAiC,yBAAyB,qBAAqB,oBAAoB,oBAAoB,KAAK,mBAAmB,8BAA8B,wBAAwB,2BAA2B,oBAAoB,KAAK,wBAAwB,4BAA4B,KAAK,0CAA0C,2BAA2B,4BAA4B,KAAK,2BAA2B,wBAAwB,KAAK,kCAAkC,yBAAyB,KAAK,2BAA2B,0BAA0B,qBAAqB,qBAAqB,KAAK,gCAAgC,yBAAyB,KAAK,iBAAiB,uBAAuB,KAAK,C;;;;;;;;;;;ACArhD,6PAA6P,0ZAA0Z,0uBAA0uB,8CAA8C,OAAO,uIAAuI,UAAU,ggBAAggB,4YAA4Y,uHAAuH,kVAAkV,0uCAA0uC,gmKAAgmK,orCAAorC,+aAA+a,4DAA4D,mnFAAmnF,isDAAisD,mJAAmJ,+Q;;;;;;;;;;;;;;;;;;;;;;;;;ACAlye;AACQ;AAOlD,IAAa,mCAAmC,GAAhD;IASI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAP9C,cAAS,GAAW,iDAAiD,CAAC;QACtE,UAAK,GAAW,cAAc,CAAC;QAC/B,aAAQ,GAAW,8BAA8B,CAAC;QAM9C,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IALD,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CAIJ;AAZY,mCAAmC;IAL/C,+DAAS,CAAC;QACP,QAAQ,EAAE,+BAA+B;;;KAG5C,CAAC;qCAU2C,+DAAK;GATrC,mCAAmC,CAY/C;AAZ+C;;;;;;;;;;;;;;;;;;;;;;;;;;ACPN;AACQ;AAQlD,IAAa,qCAAqC,GAAlD;IAaI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAZ9C,UAAK,GAAG,8BAA8B,CAAC;QACvC,cAAS,GAAW,uDAAuD,CAAC;QAC5E,iBAAY,GAAG,yCAAyC,CAAC;QAczD,oBAAe,GAAG;YACd,WAAW,EAAE;gBACT,KAAK,EAAE,UAAU;gBACjB,MAAM,EAAE;oBACJ;wBACI,KAAK,EAAE,EAAE;wBACT,QAAQ,EAAE,SAAS;qBACtB;oBACD;wBACI,KAAK,EAAE,eAAe;wBACtB,QAAQ,EAAE,cAAc;qBAC3B;iBACJ;aACJ;YACD,OAAO,EAAE,6RAA6R;YACtS,UAAU,EAAE;gBACR,gDAAgD;gBAChD,+EAA+E;gBAC/E,uEAAuE;gBACvE,sEAAsE;gBACtE,yDAAyD;aAC5D;YACD,OAAO,EAAE;gBACL;oBACI,KAAK,EAAE,8BAA8B;oBACrC,QAAQ,EAAE,cAAc;oBACxB,KAAK,EAAE,aAAa;iBACvB;gBACD;oBACI,KAAK,EAAE,wCAAwC;oBAC/C,QAAQ,EAAE,4CAA4C;oBACtD,KAAK,EAAE,aAAa;iBACvB;gBACD;oBACI,KAAK,EAAE,kFAAkF;oBACzF,QAAQ,EAAE,yBAAyB;oBACnC,KAAK,EAAE,mBAAmB;oBAC1B,MAAM,EAAE,IAAI;iBACf;aACJ;YACD,KAAK,EAAE,sDAAsD;YAC7D,MAAM,EAAE,iJAAiJ;YACzJ,OAAO,EAAE,IAAI;YACb,SAAS,EAAE,gEAAgE;YAC3E,MAAM,EAAE,SAAS;YACjB,UAAU,EAAE,yBAAyB;YACrC,OAAO,EAAE,aAAa;YACtB,WAAW,EAAE,oDAAoD;SAEpE;QApDG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IAVD,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;IAED,eAAe,CAAC,GAAW;QACvB,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAC/B,CAAC;CAwDJ;AAnEY,qCAAqC;IANjD,+DAAS,CAAC;QACP,QAAQ,EAAE,iCAAiC;;;KAG9C,CAAC;qCAe2C,+DAAK;GAbrC,qCAAqC,CAmEjD;AAnEiD;;;;;;;;;;;;ACVlD,sBAAsB,0BAA0B,KAAK,mBAAmB,2BAA2B,KAAK,mBAAmB,gCAAgC,KAAK,eAAe,0BAA0B,2BAA2B,gCAAgC,0BAA0B,MAAM,eAAe,kCAAkC,MAAM,YAAY,gCAAgC,MAAM,YAAY,2BAA2B,gCAAgC,0BAA0B,sBAAsB,KAAK,sBAAsB,0BAA0B,0BAA0B,2BAA2B,0BAA0B,wBAAwB,2BAA2B,KAAK,iBAAiB,+BAA+B,wBAAwB,KAAK,oEAAoE,0BAA0B,KAAK,yDAAyD,mCAAmC,2BAA2B,KAAK,iBAAiB,2BAA2B,KAAK,0BAA0B,qBAAqB,MAAM,4BAA4B,yBAAyB,4BAA4B,KAAK,qBAAqB,2BAA2B,mBAAmB,KAAK,kBAAkB,uBAAuB,aAAa,sDAAsD,sBAAsB,KAAK,wGAAwG,8BAA8B,2BAA2B,SAAS,sBAAsB,0BAA0B,SAAS,KAAK,iDAAiD,6CAA6C,+BAA+B,SAAS,6DAA6D,0BAA0B,+BAA+B,SAAS,uBAAuB,yBAAyB,UAAU,iBAAiB,mCAAmC,SAAS,gDAAgD,qCAAqC,SAAS,SAAS,oDAAoD,6CAA6C,+BAA+B,SAAS,kCAAkC,2BAA2B,SAAS,sBAAsB,0BAA0B,SAAS,KAAK,iBAAiB,uBAAuB,KAAK,K;;;;;;;;;;;ACA53E,uPAAuP,0RAA0R,OAAO,sHAAsH,0YAA0Y,OAAO,+WAA+W,OAAO,m/BAAm/B,SAAS,mEAAmE,SAAS,0PAA0P,qBAAqB,+jBAA+jB,qBAAqB,oGAAoG,SAAS,mDAAmD,QAAQ,mBAAmB,qBAAqB,+IAA+I,SAAS,mDAAmD,QAAQ,mBAAmB,qBAAqB,gNAAgN,uSAAuS,WAAW,eAAe,sIAAsI,gYAAgY,WAAW,eAAe,sIAAsI,qNAAqN,mJAAmJ,0QAA0Q,qC;;;;;;;;;;;;;;;;;;;;;;;;;ACA5/K;AACN;AAOlD,IAAa,8CAA8C,GAA3D;IAcI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAZ9C,UAAK,GAAW,4CAA4C,CAAC;QAC7D,cAAS,GAAW,IAAI,CAAC,KAAK,GAAG,qCAAqC,CAAC;QACvE,YAAO,GAAW,sBAAsB,CAAC;QACzC,YAAO,GAAW,+CAA+C;QACjE,WAAM,GAAW,CAAC,CAAC;QACnB,YAAO,GAAG;YACN,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,eAAe,EAAE,QAAQ,EAAE,yDAAyD,EAAE,QAAQ,EAAE,8EAA8E,EAAC;YACrM,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,uBAAuB,EAAE,QAAQ,EAAE,2EAA2E,EAAE,QAAQ,EAAE,uFAAuF,EAAE;YACzO,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,qCAAqC,EAAE,QAAQ,EAAE,8EAA8E,EAAE,QAAQ,EAAE,4DAA4D,EAAE;SAElO,CAAC;QAGE,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IAED,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CACJ;AArBY,8CAA8C;IAL1D,+DAAS,CAAC;QACP,QAAQ,EAAE,iBAAiB;;;KAG9B,CAAC;qCAe2C,+DAAK;GAdrC,8CAA8C,CAqB1D;AArB0D;;;;;;;;;;;;;;;;;;;;;;ACRhB;AAY3C,IAAa,qBAAqB,GAAlC;IAVA;QAWI,UAAK,GAAG,gBAAgB,CAAC;IAC7B,CAAC;CAAA;AAFY,qBAAqB;IAVjC,+DAAS,CAAC;QACP,QAAQ,EAAE,gBAAgB;QAC1B,QAAQ,EAAE;;;;;CAKb;KACA,CAAC;GAEW,qBAAqB,CAEjC;AAFiC;;;;;;;;;;;;;;;;;;;;;;;;;;ACZQ;AACQ;AAOlD,IAAa,kBAAkB,GAA/B;IAKI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAH9C,UAAK,GAAW,oCAAoC,CAAC;QACrD,cAAS,GAAW,+CAA+C,CAAC;QAWpE,wBAAmB,GAAG;YAClB,WAAW,EAAE;gBACT,KAAK,EAAE,QAAQ;gBACf,MAAM,EAAE;oBACJ;wBACI,KAAK,EAAE,EAAE;wBACT,QAAQ,EAAE,SAAS;qBACtB;iBACJ;aACJ;YACD,cAAc,EAAE;gBACZ;oBACI,IAAI,EAAE,sBAAsB;iBAC/B;gBACD;oBACI,IAAI,EAAE,wBAAwB;iBACjC;gBACD;oBACI,IAAI,EAAE,iCAAiC;iBAC1C;gBACD;oBACI,IAAI,EAAE,yCAAyC;iBAClD;gBACD;oBACI,IAAI,EAAE,kBAAkB;iBAC3B;gBACD;oBACI,IAAI,EAAE,gCAAgC;iBACzC;gBACD;oBACI,IAAI,EAAE,mBAAmB;iBAC5B;gBACD;oBACI,IAAI,EAAE,2DAA2D;iBACpE;gBACD;oBACI,IAAI,EAAE,2BAA2B;iBACpC;aACJ;YACD,OAAO,EAAE,iQAAiQ;YAC1Q,OAAO,EAAE;gBACL;oBACI,KAAK,EAAE,kBAAkB;oBACzB,QAAQ,EAAE,qBAAqB;oBAC/B,KAAK,EAAE,aAAa;oBACpB,KAAK,EAAE,gCAAgC;oBACvC,OAAO,EAAE,iGAAiG;iBAC7G;gBACD;oBACI,KAAK,EAAE,kBAAkB;oBACzB,QAAQ,EAAE,uBAAuB;oBACjC,KAAK,EAAE,aAAa;oBACpB,KAAK,EAAE,2CAA2C;oBAClD,OAAO,EAAE,qOAAqO;iBACjP;gBACD;oBACI,KAAK,EAAE,kBAAkB;oBACzB,QAAQ,EAAE,qBAAqB;oBAC/B,KAAK,EAAE,aAAa;oBACpB,KAAK,EAAE,2CAA2C;oBAClD,OAAO,EAAE,gGAAgG;iBAC5G;gBACD;oBACI,KAAK,EAAE,kBAAkB;oBACzB,QAAQ,EAAE,iBAAiB;oBAC3B,KAAK,EAAE,aAAa;oBACpB,KAAK,EAAE,mDAAmD;oBAC1D,OAAO,EAAE,wHAAwH;iBACpI;gBACD;oBACI,KAAK,EAAE,kBAAkB;oBACzB,QAAQ,EAAE,8BAA8B;oBACxC,KAAK,EAAE,aAAa;oBACpB,KAAK,EAAE,gDAAgD;oBACvD,OAAO,EAAE,4KAA4K;iBACxL;gBACD;oBACI,KAAK,EAAE,kBAAkB;oBACzB,QAAQ,EAAE,gCAAgC;oBAC1C,KAAK,EAAE,aAAa;oBACpB,KAAK,EAAE,4CAA4C;oBACnD,OAAO,EAAE,2LAA2L;iBACvM;gBACD;oBACI,KAAK,EAAE,kBAAkB;oBACzB,QAAQ,EAAE,kCAAkC;oBAC5C,KAAK,EAAE,aAAa;oBACpB,KAAK,EAAE,wDAAwD;oBAC/D,OAAO,EAAE,kUAAkU;iBAC9U;gBACD;oBACI,KAAK,EAAE,kBAAkB;oBACzB,QAAQ,EAAE,mCAAmC;oBAC7C,KAAK,EAAE,aAAa;oBACpB,KAAK,EAAE,qCAAqC;oBAC5C,OAAO,EAAE,yGAAyG;iBACrH;aACJ;YACD,KAAK,EAAE,yDAAyD;YAChE,OAAO,EAAE,kIAAkI;YAC3I,OAAO,EAAE,aAAa;YACtB,SAAS,EAAE,OAAO;YAClB,SAAS,EAAE,yEAAyE;YACpF,MAAM,EAAE,QAAQ;YAChB,UAAU,EAAE,yBAAyB;YACrC,OAAO,EAAE,eAAe;YACxB,WAAW,EAAE,uCAAuC;SACvD;QAnHG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IAGD,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CA8GJ;AA1HY,kBAAkB;IAL9B,+DAAS,CAAC;QACP,QAAQ,EAAE,sBAAsB;;;KAGnC,CAAC;qCAM2C,+DAAK;GALrC,kBAAkB,CA0H9B;AA1H8B;;;;;;;;;;;;ACR/B,sBAAsB,2BAA2B,0BAA0B,qBAAqB,yBAAyB,2BAA2B,yBAAyB,8BAA8B,wBAAwB,KAAK,YAAY,2BAA2B,0BAA0B,yBAAyB,2BAA2B,KAAK,YAAY,wBAAwB,2BAA2B,KAAK,gBAAgB,qBAAqB,2BAA2B,gCAAgC,gCAAgC,qBAAqB,wBAAwB,KAAK,yBAAyB,gCAAgC,KAAK,mBAAmB,gCAAgC,sBAAsB,KAAK,2BAA2B,yBAAyB,8BAA8B,iCAAiC,yBAAyB,qBAAqB,oBAAoB,oBAAoB,KAAK,mBAAmB,8BAA8B,wBAAwB,2BAA2B,oBAAoB,KAAK,wBAAwB,4BAA4B,KAAK,0CAA0C,2BAA2B,4BAA4B,KAAK,2BAA2B,wBAAwB,KAAK,kCAAkC,yBAAyB,KAAK,2BAA2B,0BAA0B,qBAAqB,qBAAqB,KAAK,gCAAgC,yBAAyB,KAAK,iBAAiB,uBAAuB,KAAK,C;;;;;;;;;;;ACArhD,6PAA6P,wYAAwY,gtBAAgtB,8CAA8C,OAAO,uIAAuI,UAAU,kgBAAkgB,upBAAupB,0kFAA0kF,uDAAuD,wEAAwE,4gBAA4gB,u3BAAu3B,q7CAAq7C,8IAA8I,u2BAAu2B,iBAAiB,6ZAA6Z,++CAA++C,spBAAspB,wrCAAwrC,mJAAmJ,gR;;;;;;;;;;;;;;;;;;;;;;;;;ACA9/Z;AACQ;AAUlD,IAAa,8BAA8B,GAA3C;IAWI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAT9C,cAAS,GAAW,2CAA2C,CAAC;QAChE,UAAK,GAAW,cAAc,CAAC;QAC/B,aAAQ,GAAW,qBAAqB,CAAC;QAQrC,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IAND,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CAKH;AAdW,8BAA8B;IAN1C,+DAAS,CAAC;QACP,QAAQ,EAAE,2BAA2B;;;KAGxC,CAAC;qCAa2C,+DAAK;GAXrC,8BAA8B,CAczC;AAdyC;;;;;;;;;;;;;;;;;;;;;;;;;;ACXD;AACQ;AAQlD,IAAa,gCAAgC,GAA7C;IASI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAR9C,UAAK,GAAG,qBAAqB,CAAC;QAC9B,cAAS,GAAW,wCAAwC,CAAC;QAC7D,iBAAY,GAAG,sCAAsC,CAAC;QAUtD,oBAAe,GAAG;YACd,WAAW,EAAE;gBACT,KAAK,EAAE,UAAU;gBACjB,MAAM,EAAE;oBACJ;wBACI,KAAK,EAAE,EAAE;wBACT,QAAQ,EAAE,SAAS;qBACtB;oBACD;wBACI,KAAK,EAAE,SAAS;wBAChB,QAAQ,EAAE,QAAQ;qBACrB;iBACJ;aACJ;YACD,OAAO,EAAE,uRAAuR;YAChS,UAAU,EAAE;gBACR,sDAAsD;gBACtD,sGAAsG;gBACtG,wEAAwE;gBACxE,iCAAiC;aACpC;YACD,OAAO,EAAE;gBACL;oBACI,KAAK,EAAE,wBAAwB;oBAC/B,QAAQ,EAAE,cAAc;oBACxB,KAAK,EAAE,aAAa;iBACvB;gBACD;oBACI,KAAK,EAAE,uCAAuC;oBAC9C,QAAQ,EAAE,sBAAsB;oBAChC,KAAK,EAAE,aAAa;iBACvB;gBACD;oBACI,KAAK,EAAE,8EAA8E;oBACrF,QAAQ,EAAE,yBAAyB;oBACnC,KAAK,EAAE,mBAAmB;oBAC1B,MAAM,EAAE,IAAI;iBACf;aACJ;YACD,KAAK,EAAE,gCAAgC;YACvC,MAAM,EAAE,EAAE;YACV,OAAO,EAAE,KAAK;YACd,SAAS,EAAE,4EAA4E;YACvF,MAAM,EAAE,QAAQ;YAChB,UAAU,EAAE,yBAAyB;YACrC,OAAO,EAAE,aAAa;YACtB,WAAW,EAAE,uCAAuC;SAGvD;QApDG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IAND,eAAe,CAAC,GAAW;QACvB,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAC/B,CAAC;CAwDJ;AA/DY,gCAAgC;IAN5C,+DAAS,CAAC;QACP,QAAQ,EAAE,6BAA6B;;;KAG1C,CAAC;qCAW2C,+DAAK;GATrC,gCAAgC,CA+D5C;AA/D4C;;;;;;;;;;;;ACT7C,+BAA+B,wBAAwB,2BAA2B,KAAK,eAAe,0BAA0B,KAAK,4BAA4B,yBAAyB,KAAK,6BAA6B,yBAAyB,0BAA0B,KAAK,8BAA8B,sBAAsB,4BAA4B,KAAK,0BAA0B,4BAA4B,KAAK,4BAA4B,6BAA6B,KAAK,iBAAiB,uBAAuB,KAAK,iBAAiB,+BAA+B,yBAAyB,oBAAoB,wBAAwB,yBAAyB,0BAA0B,KAAK,0CAA0C,0BAA0B,0BAA0B,KAAK,sBAAsB,mCAAmC,yBAAyB,SAAS,KAAK,K;;;;;;;;;;;ACA/3B,uPAAuP,wQAAwQ,OAAO,sHAAsH,qYAAqY,OAAO,4WAA4W,OAAO,4hTAA4hT,8qWAA8qW,4+TAA4+T,w/EAAw/E,mJAAmJ,qR;;;;;;;;;;;;;;;;;;;;;;;;;ACAnplC;AACS;AAUlD,IAAa,4CAA4C,GAAzD;IAKI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAH9C,UAAK,GAAW,sBAAsB,CAAC;QACvC,cAAS,GAAW,IAAI,CAAC,KAAK,GAAG,+BAA+B,CAAC;QAG7D,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IAED,6BAA6B,CAAC,KAAU;QACpC,CAAC,CAAC,yCAAyC,CAAC,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IACxE,CAAC;IAED,yBAAyB,CAAC,KAAU;QAChC,CAAC,CAAC,qCAAqC,CAAC,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IACpE,CAAC;IAED,+BAA+B,CAAC,KAAU;QACtC,CAAC,CAAC,2CAA2C,CAAC,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IAC1E,CAAC;CACJ;AApBY,4CAA4C;IANxD,+DAAS,CAAC;QACP,QAAQ,EAAE,sBAAsB;;;KAGnC,CAAC;qCAO2C,+DAAK;GALrC,4CAA4C,CAoBxD;AApBwD;;;;;;;;;;;;ACXzD,sBAAsB,2BAA2B,0BAA0B,qBAAqB,yBAAyB,2BAA2B,yBAAyB,8BAA8B,wBAAwB,KAAK,YAAY,2BAA2B,0BAA0B,yBAAyB,2BAA2B,KAAK,YAAY,wBAAwB,2BAA2B,KAAK,gBAAgB,qBAAqB,2BAA2B,gCAAgC,gCAAgC,qBAAqB,wBAAwB,KAAK,yBAAyB,gCAAgC,KAAK,mBAAmB,gCAAgC,sBAAsB,KAAK,2BAA2B,yBAAyB,8BAA8B,iCAAiC,yBAAyB,qBAAqB,oBAAoB,oBAAoB,KAAK,mBAAmB,8BAA8B,wBAAwB,2BAA2B,oBAAoB,KAAK,wBAAwB,4BAA4B,KAAK,0CAA0C,2BAA2B,4BAA4B,KAAK,2BAA2B,wBAAwB,KAAK,kCAAkC,yBAAyB,KAAK,2BAA2B,0BAA0B,qBAAqB,qBAAqB,KAAK,gCAAgC,yBAAyB,KAAK,iBAAiB,uBAAuB,KAAK,C;;;;;;;;;;;ACArhD,6PAA6P,wYAAwY,4sBAA4sB,8CAA8C,OAAO,uIAAuI,UAAU,ufAAuf,+pBAA+pB,o+LAAo+L,g4CAAg4C,mJAAmJ,yQ;;;;;;;;;;;;;;;;;;;;;;;;;ACA1nU;AACQ;AAOlD,IAAa,8BAA8B,GAA3C;IAUI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAR9C,cAAS,GAAW,2CAA2C,CAAC;QAChE,UAAK,GAAW,cAAc,CAAC;QAC/B,aAAQ,GAAW,uBAAuB,CAAC;QAC3C,gBAAW,GAAW,sEAAsE,CAAC;QAMzF,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IALD,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CAIJ;AAbY,8BAA8B;IAL1C,+DAAS,CAAC;QACP,QAAQ,EAAE,2BAA2B;;;KAGxC,CAAC;qCAW2C,+DAAK;GAVrC,8BAA8B,CAa1C;AAb0C;;;;;;;;;;;;;;;;;;;;;;;;;;ACRD;AACQ;AAQlD,IAAa,gCAAgC,GAA7C;IAWI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAV9C,UAAK,GAAG,uBAAuB,CAAC;QAChC,cAAS,GAAW,0CAA0C,CAAC;QAC/D,SAAI,GAAG,yDAAyD,CAAC;QACjE,UAAK,GAAG,6CAA6C,CAAC;QACtD,iBAAY,GAAG,sCAAsC,CAAC;QAUtD,oBAAe,GAAG;YACd,WAAW,EAAE;gBACT,KAAK,EAAE,UAAU;gBACjB,MAAM,EAAE;oBACJ;wBACI,KAAK,EAAE,EAAE;wBACT,QAAQ,EAAE,SAAS;qBACtB;oBACD;wBACI,KAAK,EAAE,SAAS;wBAChB,QAAQ,EAAE,QAAQ;qBACrB;iBACJ;aACJ;YACD,OAAO,EAAE,iSAAiS;YAC1S,UAAU,EAAE;gBACR,+EAA+E;gBAC/E,uDAAuD;gBACvD,oEAAoE;gBACpE,0EAA0E;gBAC1E,oCAAoC;aACvC;YACD,OAAO,EAAE;gBACL;oBACI,KAAK,EAAE,wBAAwB;oBAC/B,QAAQ,EAAE,cAAc;oBACxB,KAAK,EAAE,aAAa;iBACvB;gBACD;oBACI,KAAK,EAAE,yCAAyC;oBAChD,QAAQ,EAAE,wBAAwB;oBAClC,KAAK,EAAE,aAAa;iBACvB;gBACD;oBACI,KAAK,EAAE,+DAA+D;oBACtE,QAAQ,EAAE,yBAAyB;oBACnC,KAAK,EAAE,mBAAmB;oBAC1B,MAAM,EAAE,IAAI;iBACf;aACJ;YACD,KAAK,EAAE,2CAA2C;YAClD,MAAM,EAAE,qOAAqO;YAC7O,OAAO,EAAE,eAAe;YACxB,SAAS,EAAE,oEAAoE;YAC/E,MAAM,EAAE,SAAS;YACjB,UAAU,EAAE,yBAAyB;YACrC,OAAO,EAAE,aAAa;YACtB,WAAW,EAAE,oDAAoD;SACpE;QAnDG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IAND,eAAe,CAAC,GAAW;QACvB,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAC/B,CAAC;CAuDJ;AAhEY,gCAAgC;IAN5C,+DAAS,CAAC;QACP,QAAQ,EAAE,6BAA6B;;;KAG1C,CAAC;qCAa2C,+DAAK;GAXrC,gCAAgC,CAgE5C;AAhE4C;;;;;;;;;;;;ACT7C,+BAA+B,yBAAyB,4BAA4B,KAAK,gCAAgC,2BAA2B,KAAK,eAAe,0BAA0B,KAAK,iBAAiB,uBAAuB,KAAK,iBAAiB,+BAA+B,yBAAyB,oBAAoB,wBAAwB,yBAAyB,yBAAyB,KAAK,sBAAsB,iBAAiB,yBAAyB,SAAS,KAAK,C;;;;;;;;;;;ACA9e,uPAAuP,wQAAwQ,OAAO,sHAAsH,wXAAwX,OAAO,gXAAgX,OAAO,4uJAA4uJ,4nFAA4nF,0yKAA0yK,+yJAA+yJ,09KAA09K,0MAA0M,mJAAmJ,mR;;;;;;;;;;;;;;;;;;;;;;;;;ACAhkxB;AACQ;AAOlD,IAAa,8CAA8C,GAA3D;IAKI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAH9C,UAAK,GAAW,wBAAwB,CAAC;QACzC,cAAS,GAAW,IAAI,CAAC,KAAK,GAAG,+BAA+B,CAAC;QAG7D,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;CACJ;AARY,8CAA8C;IAL1D,+DAAS,CAAC;QACP,QAAQ,EAAE,wBAAwB;;;KAGrC,CAAC;qCAM2C,+DAAK;GALrC,8CAA8C,CAQ1D;AAR0D;;;;;;;;;;;;ACR3D,sBAAsB,2BAA2B,0BAA0B,qBAAqB,yBAAyB,2BAA2B,yBAAyB,8BAA8B,wBAAwB,KAAK,YAAY,2BAA2B,0BAA0B,yBAAyB,2BAA2B,KAAK,YAAY,wBAAwB,2BAA2B,KAAK,gBAAgB,qBAAqB,2BAA2B,gCAAgC,gCAAgC,qBAAqB,wBAAwB,KAAK,yBAAyB,gCAAgC,KAAK,mBAAmB,gCAAgC,sBAAsB,KAAK,2BAA2B,yBAAyB,8BAA8B,iCAAiC,yBAAyB,qBAAqB,oBAAoB,oBAAoB,KAAK,mBAAmB,8BAA8B,wBAAwB,2BAA2B,oBAAoB,KAAK,wBAAwB,4BAA4B,KAAK,0CAA0C,2BAA2B,4BAA4B,KAAK,2BAA2B,wBAAwB,KAAK,kCAAkC,yBAAyB,KAAK,2BAA2B,0BAA0B,qBAAqB,qBAAqB,KAAK,gCAAgC,yBAAyB,KAAK,iBAAiB,uBAAuB,KAAK,K;;;;;;;;;;;ACArhD,6PAA6P,wYAAwY,4sBAA4sB,8CAA8C,OAAO,uIAAuI,UAAU,mfAAmf,qqBAAqqB,qtKAAqtK,oqDAAoqD,8hEAA8hE,ivDAAivD,mJAAmJ,yQ;;;;;;;;;;;;;;;;;;;;;;;;;ACAh6a;AACQ;AAOlD,IAAa,gCAAgC,GAA7C;IASI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAP9C,cAAS,GAAW,2CAA2C,CAAC;QAChE,UAAK,GAAW,cAAc,CAAC;QAC/B,aAAQ,GAAW,qBAAqB,CAAC;QAMrC,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IALD,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CAIJ;AAZY,gCAAgC;IAL5C,+DAAS,CAAC;QACP,QAAQ,EAAE,6BAA6B;;;KAG1C,CAAC;qCAU2C,+DAAK;GATrC,gCAAgC,CAY5C;AAZ4C;;;;;;;;;;;;;;;;;;;;;;;;;;ACRH;AACQ;AAQlD,IAAa,kCAAkC,GAA/C;IASI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAR9C,UAAK,GAAG,qBAAqB,CAAC;QAC9B,cAAS,GAAG,wCAAwC,CAAC;QACrD,iBAAY,GAAG,sCAAsC,CAAC;QAUtD,oBAAe,GAAG;YACd,WAAW,EAAE;gBACT,KAAK,EAAE,UAAU;gBACjB,MAAM,EAAE;oBACJ;wBACI,KAAK,EAAE,EAAE;wBACT,QAAQ,EAAE,SAAS;qBACtB;oBACD;wBACI,KAAK,EAAE,SAAS;wBAChB,QAAQ,EAAE,QAAQ;qBACrB;iBACJ;aACJ;YACD,OAAO,EAAE,8RAA8R;YACvS,UAAU,EAAE;gBACR,4EAA4E;gBAC5E,gEAAgE;gBAChE,wEAAwE;gBACxE,4CAA4C;aAC/C;YACD,OAAO,EAAE;gBACL;oBACI,KAAK,EAAE,wBAAwB;oBAC/B,QAAQ,EAAE,cAAc;oBACxB,KAAK,EAAE,aAAa;iBACvB;gBACD;oBACI,KAAK,EAAE,mCAAmC;oBAC1C,QAAQ,EAAE,iCAAiC;oBAC3C,KAAK,EAAE,aAAa;iBACvB;gBACD;oBACI,KAAK,EAAE,6DAA6D;oBACpE,QAAQ,EAAE,yBAAyB;oBACnC,KAAK,EAAE,mBAAmB;oBAC1B,MAAM,EAAE,IAAI;iBACf;aACJ;YACD,KAAK,EAAE,2CAA2C;YAClD,MAAM,EAAE,gGAAgG;YACxG,OAAO,EAAE,IAAI;YACb,MAAM,EAAE,QAAQ;YAChB,SAAS,EAAE,4DAA4D;YACvE,UAAU,EAAE,yBAAyB;YACrC,OAAO,EAAE,aAAa;YACtB,WAAW,EAAE,uCAAuC;SAEvD;QAnDG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IAND,eAAe,CAAC,GAAW;QACvB,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAC/B,CAAC;CAuDJ;AA9DY,kCAAkC;IAN9C,+DAAS,CAAC;QACP,QAAQ,EAAE,+BAA+B;;;KAG5C,CAAC;qCAW2C,+DAAK;GATrC,kCAAkC,CA8D9C;AA9D8C;;;;;;;;;;;;ACT/C,6BAA6B,gCAAgC,4BAA4B,sBAAsB,sBAAsB,KAAK,cAAc,2CAA2C,0BAA0B,gCAAgC,KAAK,qBAAqB,iCAAiC,KAAK,Y;;;;;;;;;;;ACA7T,6CAA6C,KAAK,0IAA0I,KAAK,oCAAoC,KAAK,2FAA2F,8BAA8B,0L;;;;;;;;;;;;;;;;;;;;;;;;ACAjT;AAOlD,IAAa,yCAAyC,GAAtD;IAWI;QAJA,cAAS,GAAwB,IAAI,GAAG,EAAE,CAAC;QAC3C,eAAU,GAAwB,IAAI,GAAG,EAAE,CAAC;QAKxC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,4DAA4D,CAAC,CAAC;QACvF,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,iDAAiD,CAAC,CAAC;QAC5E,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,oEAAoE,CAAC,CAAC;QAC/F,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,2DAA2D,CAAC,CAAC;QACtF,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,0CAA0C,CAAC,CAAC;QACrE,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,2BAA2B,CAAC,CAAC;QACtD,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,wDAAwD,CAAC,CAAC;QACnF,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,kCAAkC,CAAC,CAAC;QAC7D,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,2CAA2C,CAAC,CAAC;QACtE,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,mCAAmC,CAAC,CAAC;QAC9D,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,gDAAgD,CAAC,CAAC;QAC3E,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,iEAAiE,CAAC,CAAC;QAC5F,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,kCAAkC,CAAC,CAAC;QAC7D,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,8BAA8B,CAAC,CAAC;QACzD,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,4EAA4E,CAAC,CAAC;QACvG,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,+DAA+D,CAAC,CAAC;QAE1F,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,EAAE,0CAA0C,CAAC,CAAC;QACtE,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,EAAE,+BAA+B,CAAC,CAAC;QAC3D,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,EAAE,kDAAkD,CAAC,CAAC;QAC9E,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,EAAE,yCAAyC,CAAC,CAAC;QACrE,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,EAAE,wBAAwB,CAAC,CAAC;QACpD,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;QACrC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,EAAE,sCAAsC,CAAC,CAAC;QAClE,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC;QAC5C,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,EAAE,yBAAyB,CAAC,CAAC;QACrD,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC;QAC5C,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,EAAE,wBAAwB,CAAC,CAAC;QACpD,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,EAAE,8CAA8C,CAAC,CAAC;QAC1E,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,EAAE,eAAe,CAAC,CAAC;QAC3C,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;QACvC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,EAAE,kDAAkD,CAAC,CAAC;QAC9E,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,EAAE,4CAA4C,CAAC,CAAC;IAE5E,CAAC;CAEJ;AA/CY;IAAR,2DAAK,EAAE;;wEAAgB;AACf;IAAR,2DAAK,EAAE;;sEAAa;AACZ;IAAR,2DAAK,EAAE;;6EAAoB;AACnB;IAAR,2DAAK,EAAE;;kFAA0B;AALzB,yCAAyC;IALrD,+DAAS,CAAC;QACP,QAAQ,EAAE,iBAAiB;;;KAG9B,CAAC;;GACW,yCAAyC,CAiDrD;AAjDqD;;;;;;;;;;;;ACPtD,sBAAsB,4BAA4B,2BAA2B,6BAA6B,KAAK,YAAY,2BAA2B,6BAA6B,KAAK,YAAY,yBAAyB,4BAA4B,KAAK,gBAAgB,qBAAqB,2BAA2B,gCAAgC,gCAAgC,KAAK,eAAe,0BAA0B,0BAA0B,4BAA4B,KAAK,YAAY,2BAA2B,4BAA4B,KAAK,mBAAmB,oBAAoB,KAAK,oBAAoB,yBAAyB,4BAA4B,0BAA0B,KAAK,mBAAmB,gCAAgC,KAAK,cAAc,oBAAoB,qBAAqB,gCAAgC,4BAA4B,2BAA2B,0BAA0B,qBAAqB,KAAK,qBAAqB,2BAA2B,KAAK,sBAAsB,yBAAyB,wBAAwB,2BAA2B,KAAK,eAAe,0BAA0B,wBAAwB,2BAA2B,4BAA4B,KAAK,mBAAmB,2BAA2B,KAAK,gCAAgC,sBAAsB,gCAAgC,4BAA4B,KAAK,cAAc,oCAAoC,0BAA0B,KAAK,qBAAqB,yBAAyB,KAAK,6GAA6G,gFAAgF,2BAA2B,SAAS,0BAA0B,8BAA8B,SAAS,yBAAyB,6BAA6B,SAAS,KAAK,iBAAiB,uBAAuB,KAAK,S;;;;;;;;;;;ACAv5D,6JAA6J,uaAAua,0FAA0F,OAAO,ymCAAymC,4MAA4M,yNAAyN,gLAAgL,qLAAqL,yMAAyM,uMAAuM,2YAA2Y,oLAAoL,qLAAqL,mLAAmL,yKAAyK,oXAAoX,0KAA0K,kLAAkL,oLAAoL,sKAAsK,wUAAwU,0BAA0B,+dAA+d,wMAAwM,oOAAoO,sLAAsL,mNAAmN,2LAA2L,oOAAoO,sYAAsY,sKAAsK,+LAA+L,0LAA0L,qMAAqM,4WAA4W,0KAA0K,qKAAqK,6KAA6K,qLAAqL,gDAAgD,8CAA8C,oTAAoT,0BAA0B,+dAA+d,6NAA6N,wLAAwL,+KAA+K,4LAA4L,2MAA2M,4LAA4L,kXAAkX,qLAAqL,wMAAwM,4LAA4L,2NAA2N,uWAAuW,qLAAqL,qKAAqK,+KAA+K,oLAAoL,mVAAmV,0BAA0B,+dAA+d,kOAAkO,4MAA4M,uLAAuL,+MAA+M,qMAAqM,gMAAgM,0ZAA0Z,yKAAyK,gLAAgL,uKAAuK,uKAAuK,iWAAiW,mNAAmN,sKAAsK,2KAA2K,0KAA0K,qKAAqK,qUAAqU,0BAA0B,+dAA+d,4MAA4M,mNAAmN,+KAA+K,yMAAyM,4MAA4M,0LAA0L,gYAAgY,uKAAuK,uLAAuL,wKAAwK,qLAAqL,oWAAoW,qKAAqK,wKAAwK,0KAA0K,sKAAsK,sUAAsU,0BAA0B,+dAA+d,oLAAoL,+LAA+L,oMAAoM,wNAAwN,yNAAyN,0MAA0M,4YAA4Y,wKAAwK,uKAAuK,iLAAiL,sKAAsK,0WAA0W,2KAA2K,0KAA0K,uKAAuK,+LAA+L,kUAAkU,0BAA0B,+dAA+d,6LAA6L,gNAAgN,yNAAyN,qLAAqL,0NAA0N,8MAA8M,gYAAgY,+KAA+K,0KAA0K,yLAAyL,8KAA8K,mXAAmX,uKAAuK,qKAAqK,uKAAuK,0KAA0K,mUAAmU,0BAA0B,+dAA+d,qLAAqL,yMAAyM,gNAAgN,uMAAuM,8MAA8M,kMAAkM,0aAA0a,uLAAuL,0LAA0L,sLAAsL,uKAAuK,4WAA4W,gLAAgL,sKAAsK,0KAA0K,8KAA8K,mUAAmU,0BAA0B,+dAA+d,uMAAuM,iNAAiN,8NAA8N,4LAA4L,wMAAwM,oNAAoN,iXAAiX,uKAAuK,wKAAwK,yLAAyL,4KAA4K,4WAA4W,yLAAyL,qKAAqK,6KAA6K,sKAAsK,gVAAgV,0BAA0B,geAAge,2NAA2N,oOAAoO,4MAA4M,2MAA2M,4OAA4O,8MAA8M,oYAAoY,qMAAqM,wKAAwK,mLAAmL,2LAA2L,8VAA8V,qKAAqK,mLAAmL,+LAA+L,6KAA6K,oUAAoU,0BAA0B,geAAge,yLAAyL,iOAAiO,wMAAwM,wNAAwN,uLAAuL,0NAA0N,+YAA+Y,+KAA+K,4LAA4L,0KAA0K,+LAA+L,wWAAwW,0KAA0K,uKAAuK,kMAAkM,2KAA2K,4UAA4U,0BAA0B,geAAge,qMAAqM,qNAAqN,8LAA8L,gMAAgM,8LAA8L,2LAA2L,wYAAwY,yKAAyK,0KAA0K,wMAAwM,uKAAuK,+VAA+V,qKAAqK,mLAAmL,gLAAgL,oKAAoK,+UAA+U,0BAA0B,geAAge,8MAA8M,iLAAiL,0NAA0N,iNAAiN,kNAAkN,iOAAiO,2YAA2Y,uKAAuK,yKAAyK,iLAAiL,6LAA6L,gWAAgW,mMAAmM,sKAAsK,6LAA6L,qKAAqK,oUAAoU,0BAA0B,geAAge,6LAA6L,6KAA6K,uLAAuL,mNAAmN,yPAAyP,oMAAoM,8YAA8Y,2KAA2K,yKAAyK,uKAAuK,wKAAwK,gWAAgW,qKAAqK,0KAA0K,oLAAoL,uKAAuK,0VAA0V,0BAA0B,geAAge,oLAAoL,6LAA6L,0LAA0L,2NAA2N,2LAA2L,yNAAyN,4ZAA4Z,yKAAyK,0KAA0K,wKAAwK,uKAAuK,sXAAsX,0KAA0K,uKAAuK,uMAAuM,gMAAgM,sWAAsW,0BAA0B,geAAge,sKAAsK,iMAAiM,4LAA4L,kMAAkM,6MAA6M,gLAAgL,8XAA8X,yKAAyK,uKAAuK,yKAAyK,yKAAyK,wWAAwW,0KAA0K,6LAA6L,6KAA6K,uKAAuK,oUAAoU,0BAA0B,8G;;;;;;;;;;;;;;;;;;;;;;;;ACA/gmE;AAO3C,IAAa,4CAA4C,GAAzD;IAMI;QAJA,UAAK,GAAW,2CAA2C,CAAC;QAE5D,cAAS,GAAwB,IAAI,GAAG,EAAE,CAAC;QAIvC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;QAC5B,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;QAC5B,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;QAC5B,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;QAC5B,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;QAC5B,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;QAC5B,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;QAC5B,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;QAC5B,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;QAC5B,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;QAC5B,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;QAC5B,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;QAC5B,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;QAC5B,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;QAC5B,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;QAC5B,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;IAChC,CAAC;IAED,QAAQ,CAAC,KAAU;QAEf,IAAI,QAAQ,GAAW,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QAEvD,IAAI,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACzC,IAAI,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QAC/C,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAC,CAAC;IACrD,CAAC;IAED,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CACJ;AAtCY,4CAA4C;IALxD,+DAAS,CAAC;QACP,QAAQ,EAAE,qBAAqB;;;KAGlC,CAAC;;GACW,4CAA4C,CAsCxD;AAtCwD;;;;;;;;;;;;ACPzD,yBAAyB,yBAAyB,0BAA0B,4BAA4B,KAAK,QAAQ,2BAA2B,4BAA4B,KAAK,SAAS,yBAAyB,4BAA4B,KAAK,eAAe,2BAA2B,KAAK,eAAe,gCAAgC,KAAK,iBAAiB,2BAA2B,KAAK,WAAW,sBAAsB,4BAA4B,KAAK,kBAAkB,0BAA0B,0BAA0B,wBAAwB,2BAA2B,4BAA4B,KAAK,sBAAsB,0BAA0B,0BAA0B,wBAAwB,2BAA2B,KAAK,UAAU,oBAAoB,qBAAqB,gCAAgC,4BAA4B,2BAA2B,0BAA0B,0BAA0B,2BAA2B,wBAAwB,2BAA2B,KAAK,iCAAiC,0BAA0B,4BAA4B,gCAAgC,2BAA2B,6CAA6C,KAAK,yBAAyB,wBAAwB,KAAK,8BAA8B,yBAAyB,KAAK,yCAAyC,wBAAwB,0BAA0B,4BAA4B,KAAK,0BAA0B,0BAA0B,yBAAyB,4BAA4B,KAAK,yGAAyG,gFAAgF,2BAA2B,SAAS,0BAA0B,8BAA8B,SAAS,yBAAyB,6BAA6B,SAAS,KAAK,kBAAkB,4BAA4B,0BAA0B,SAAS,yCAAyC,qCAAqC,6BAA6B,iCAAiC,oCAAoC,gCAAgC,iDAAiD,SAAS,sCAAsC,4BAA4B,SAAS,KAAK,aAAa,uBAAuB,KAAK,S;;;;;;;;;;;ACA70E,uPAAuP,wQAAwQ,OAAO,sHAAsH,mXAAmX,OAAO,0WAA0W,OAAO,oxBAAoxB,oBAAoB,olBAAolB,qPAAqP,mQAAmQ,iOAAiO,wOAAwO,oPAAoP,gPAAgP,ocAAoc,4NAA4N,4NAA4N,iOAAiO,uNAAuN,8aAA8a,oNAAoN,6NAA6N,8NAA8N,yNAAyN,0XAA0X,0BAA0B,6kBAA6kB,+PAA+P,0QAA0Q,kOAAkO,2PAA2P,yOAAyO,oRAAoR,8bAA8b,uNAAuN,8OAA8O,uOAAuO,iPAAiP,6aAA6a,oNAAoN,wNAAwN,kOAAkO,mOAAmO,kcAAkc,0BAA0B,6kBAA6kB,4QAA4Q,2OAA2O,+NAA+N,0OAA0O,sPAAsP,mPAAmP,mbAAmb,wOAAwO,kPAAkP,4OAA4O,8PAA8P,6aAA6a,qNAAqN,gOAAgO,uOAAuO,2NAA2N,yXAAyX,0BAA0B,6kBAA6kB,0QAA0Q,2PAA2P,yOAAyO,kPAAkP,4OAA4O,qPAAqP,qdAAqd,yNAAyN,qOAAqO,uNAAuN,uNAAuN,kaAAka,qOAAqO,wNAAwN,sOAAsO,0NAA0N,oNAAoN,uNAAuN,wXAAwX,0BAA0B,6kBAA6kB,2PAA2P,qRAAqR,sPAAsP,wPAAwP,wOAAwO,4bAA4b,wNAAwN,8NAA8N,uNAAuN,wOAAwO,oaAAoa,6NAA6N,8NAA8N,oNAAoN,uNAAuN,yXAAyX,0BAA0B,6kBAA6kB,kOAAkO,wOAAwO,yPAAyP,8PAA8P,yQAAyQ,icAAic,2NAA2N,uNAAuN,8NAA8N,uNAAuN,8aAA8a,0NAA0N,oNAAoN,yNAAyN,4OAA4O,2XAA2X,0BAA0B,6kBAA6kB,wOAAwO,+PAA+P,mQAAmQ,kOAAkO,kQAAkQ,+PAA+P,+bAA+b,iOAAiO,2NAA2N,8NAA8N,8NAA8N,qaAAqa,0NAA0N,6NAA6N,uNAAuN,oNAAoN,+XAA+X,0BAA0B,6kBAA6kB,oOAAoO,6OAA6O,8PAA8P,0PAA0P,0PAA0P,2OAA2O,wdAAwd,wOAAwO,8OAA8O,yOAAyO,uNAAuN,oaAAoa,mOAAmO,yNAAyN,oNAAoN,mOAAmO,4XAA4X,0BAA0B,6kBAA6kB,sPAAsP,uPAAuP,2QAA2Q,yOAAyO,gPAAgP,+PAA+P,ibAAib,uNAAuN,8NAA8N,sOAAsO,wNAAwN,oaAAoa,qOAAqO,iOAAiO,+NAA+N,yNAAyN,4XAA4X,0BAA0B,8kBAA8kB,mQAAmQ,sQAAsQ,oPAAoP,6OAA6O,+PAA+P,+OAA+O,kcAAkc,gPAAgP,sNAAsN,iOAAiO,wOAAwO,qaAAqa,6NAA6N,qOAAqO,4OAA4O,uNAAuN,gYAAgY,0BAA0B,8kBAA8kB,oOAAoO,uQAAuQ,wPAAwP,mRAAmR,gOAAgO,8PAA8P,4cAA4c,0OAA0O,8OAA8O,0NAA0N,yOAAyO,2aAA2a,oNAAoN,uNAAuN,0PAA0P,8NAA8N,8XAA8X,0BAA0B,8kBAA8kB,6PAA6P,4PAA4P,2OAA2O,6OAA6O,8OAA8O,yOAAyO,4bAA4b,2NAA2N,0NAA0N,gOAAgO,wNAAwN,iaAAia,6NAA6N,qOAAqO,mOAAmO,+NAA+N,oYAAoY,0BAA0B,8kBAA8kB,sPAAsP,oOAAoO,yPAAyP,iQAAiQ,iPAAiP,yQAAyQ,+cAA+c,yNAAyN,yNAAyN,iOAAiO,oOAAoO,kaAAka,8NAA8N,yNAAyN,kOAAkO,uNAAuN,6XAA6X,0BAA0B,8kBAA8kB,wOAAwO,6NAA6N,gPAAgP,6PAA6P,gRAAgR,qPAAqP,0cAA0c,4NAA4N,2NAA2N,wNAAwN,8NAA8N,iaAAia,6NAA6N,oNAAoN,6OAA6O,yNAAyN,qYAAqY,0BAA0B,8kBAA8kB,mOAAmO,8OAA8O,qOAAqO,sQAAsQ,uOAAuO,gQAAgQ,0cAA0c,+NAA+N,2NAA2N,yNAAyN,0NAA0N,4aAA4a,oNAAoN,uNAAuN,iPAAiP,gPAAgP,oYAAoY,0BAA0B,8kBAA8kB,sNAAsN,iPAAiP,0OAA0O,2OAA2O,0PAA0P,8NAA8N,4bAA4b,yNAAyN,0NAA0N,2NAA2N,yNAAyN,8ZAA8Z,oNAAoN,kOAAkO,kOAAkO,yNAAyN,gYAAgY,0BAA0B,ymBAAymB,+DAA+D,qEAAqE,6bAA6b,aAAa,+aAA+a,yvBAAyvB,iBAAiB,kKAAkK,4YAA4Y,+JAA+J,+S;;;;;;;;;;;;;;;;;;;;;;;;;ACAzrqF;AACQ;AAOlD,IAAa,0CAA0C,GAAvD;IA+BI,YAAoB,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QA7BvC,UAAK,GAAW,iCAAiC,CAAC;QAClD,cAAS,GAAW,IAAI,CAAC,KAAK,GAAG,+BAA+B,CAAC;QAEjE,cAAS,GAAwB,IAAI,GAAG,EAAE,CAAC;QAC3C,iBAAY,GAAyB,IAAI,GAAG,EAAE,CAAC;QAC/C,kBAAa,GAAwB,IAAI,GAAG,EAAE,CAAC;QAE/C,wBAAmB,GAAY,KAAK,CAAC;QACrC,qBAAgB,GAAW,EAAE,CAAC;QAE9B,aAAQ,GAAG;YACP,EAAE,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,aAAa,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,4PAA4P,EAAE;YAChU,EAAE,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,cAAc,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,4FAA4F,EAAE;YACjK,EAAE,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,mLAAmL,EAAE;YAChP,EAAE,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,0IAA0I,EAAE;YAC3M,EAAE,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,6GAA6G,EAAE;YAC/K,EAAE,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,kHAAkH,EAAE;YAClL,EAAE,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,YAAY,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,kMAAkM,EAAE;YACpQ,EAAE,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,gKAAgK,EAAE;YAC/N,EAAE,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,aAAa,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,yJAAyJ,EAAE;YAC7N,EAAE,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,qNAAqN,EAAE;YACnR,EAAE,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,aAAa,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,0NAA0N,EAAE;YAC9R,EAAE,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,4JAA4J,EAAE;YACxN,EAAE,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,eAAe,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,0PAA0P,EAAE;YAChU,EAAE,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,6FAA6F,EAAE;YAC9J,EAAE,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,2OAA2O,EAAE;YAC3S,EAAE,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,gBAAgB,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,qRAAqR,EAAE;SAC/V,CAAC;QAIE,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAE3C,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;QAC5B,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;QAC5B,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;QAC5B,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;QAC5B,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;QAC5B,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;QAC5B,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;QAC5B,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;QAC5B,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;QAC5B,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;QAC5B,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;QAC5B,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;QAC5B,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;QAC5B,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;QAC5B,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;QAC5B,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;QAE5B,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QACnC,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QACnC,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QACnC,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QACnC,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QACnC,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QACnC,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QACnC,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QACnC,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QACnC,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QACnC,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QACnC,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QACnC,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QACnC,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QACnC,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QACnC,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QAEnC,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,EAAE,yDAAyD,CAAC,CAAC;QACxF,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,EAAE,8CAA8C,CAAC,CAAC;QAC7E,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,EAAE,iEAAiE,CAAC,CAAC;QAChG,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,EAAE,wDAAwD,CAAC,CAAC;QACvF,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,EAAE,uCAAuC,CAAC,CAAC;QACtE,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,EAAE,wBAAwB,CAAC,CAAC;QACvD,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,EAAE,qDAAqD,CAAC,CAAC;QACpF,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,EAAE,+BAA+B,CAAC,CAAC;QAC9D,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,EAAE,wCAAwC,CAAC,CAAC;QACvE,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,EAAE,oBAAoB,CAAC,CAAC;QACnD,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,EAAE,4BAA4B,CAAC,CAAC;QAC3D,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,EAAE,kDAAkD,CAAC,CAAC;QACjF,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,EAAE,mBAAmB,CAAC,CAAC;QAClD,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,EAAE,eAAe,CAAC,CAAC;QAC9C,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,EAAE,sDAAsD,CAAC,CAAC;QACrF,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,EAAE,gDAAgD,CAAC,CAAC;IAEnF,CAAC;IAED,iBAAiB;QACb,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC;QAChC,IAAI,CAAC,cAAc,EAAE,CAAC;IAC1B,CAAC;IAED,QAAQ,CAAC,KAAU;QAEf,IAAI,QAAQ,GAAW,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QAEvD,IAAI,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACzC,IAAI,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QAC/C,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAC,CAAC;QAEjD,IAAI,IAAI,CAAC,mBAAmB,EAAE;YAC1B,IAAI,CAAC,cAAc,EAAE,CAAC;SACzB;IACL,CAAC;IAED,cAAc;QAEV,IAAI,CAAC,gBAAgB,GAAG,EAAE,CAAC;QAC3B,IAAI,MAAM,GAAG,iBAAiB,CAAC;QAC/B,KAAK,IAAI,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,EAAE;YACtC,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;SACrC;QAED,IAAI,eAAe,GAAG,CAAC,CAAC;QAExB,IAAI,eAAe,GAAwB,IAAI,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC,CAAC,IAAI,CACjF,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YAEL,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;YACpB,IAAI,CAAC,IAAI,CAAC,EAAE;gBACR,OAAO,CAAC,CAAC;aACZ;YAED,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE;gBACb,OAAO,CAAC,CAAC,CAAC;aACb;iBAAM,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE;gBACpB,OAAO,CAAC,CAAC;aACZ;iBACI;gBACD,OAAO,CAAC,CAAC;aACZ;QACL,CAAC,CAAC,CACL,CAAC;QACF,IAAI,oBAAoB,GAA4B,CAAC,GAAG,eAAe,CAAC,OAAO,EAAE,CAAC,CAAC;QAEnF,KAAK,IAAI,CAAC,GAAW,CAAC,EAAE,CAAC,GAAG,eAAe,EAAE,CAAC,EAAE,EAAE;YAE9C,IAAI,QAAQ,GAAG,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAC1C,IAAI,IAAI,GAAG,MAAM,GAAG,QAAQ,CAAC;YAC7B,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,OAAO,IAAI,yCAAyC,CAAC;YACzF,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;YACtC,IAAI,CAAC,gBAAgB,IAAI,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,QAAQ,CAAC,GAAG,MAAM,CAAC;SAC9E;IACL,CAAC;CACJ;AAjJY,0CAA0C;IALtD,+DAAS,CAAC;QACP,QAAQ,EAAE,kBAAkB;;;KAG/B,CAAC;qCAgCoC,+DAAK;GA/B9B,0CAA0C,CAiJtD;AAjJsD;;;;;;;;;;;;ACRvD,sBAAsB,2BAA2B,0BAA0B,qBAAqB,yBAAyB,2BAA2B,yBAAyB,8BAA8B,wBAAwB,KAAK,YAAY,2BAA2B,0BAA0B,yBAAyB,2BAA2B,KAAK,YAAY,wBAAwB,2BAA2B,KAAK,gBAAgB,qBAAqB,2BAA2B,gCAAgC,gCAAgC,qBAAqB,wBAAwB,KAAK,yBAAyB,gCAAgC,KAAK,mBAAmB,gCAAgC,sBAAsB,KAAK,2BAA2B,yBAAyB,8BAA8B,iCAAiC,yBAAyB,qBAAqB,oBAAoB,oBAAoB,KAAK,iBAAiB,wBAAwB,2BAA2B,KAAK,mBAAmB,8BAA8B,wBAAwB,2BAA2B,oBAAoB,KAAK,wBAAwB,4BAA4B,KAAK,0CAA0C,2BAA2B,4BAA4B,KAAK,2BAA2B,wBAAwB,KAAK,kCAAkC,yBAAyB,KAAK,2BAA2B,0BAA0B,qBAAqB,qBAAqB,KAAK,gCAAgC,yBAAyB,KAAK,iBAAiB,uBAAuB,KAAK,C;;;;;;;;;;;ACA9lD,6PAA6P,wYAAwY,4sBAA4sB,8CAA8C,OAAO,uIAAuI,UAAU,kEAAkE,ybAAyb,mBAAmB,65BAA65B,suHAAsuH,+kCAA+kC,6gFAA6gF,y8CAAy8C,mJAAmJ,yQ;;;;;;;;;;;;;;;;;;;;;;;;;ACAtzX;AACQ;AAOlD,IAAa,+BAA+B,GAA5C;IASI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAP9C,cAAS,GAAW,2CAA2C,CAAC;QAChE,UAAK,GAAW,cAAc,CAAC;QAC/B,aAAQ,GAAW,iBAAiB,CAAC;QAMjC,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IALD,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CAIJ;AAZY,+BAA+B;IAL3C,+DAAS,CAAC;QACP,QAAQ,EAAE,4BAA4B;;;KAGzC,CAAC;qCAU2C,+DAAK;GATrC,+BAA+B,CAY3C;AAZ2C;;;;;;;;;;;;;;;;;;;;;;;;;;ACRF;AACQ;AAQlD,IAAa,iCAAiC,GAA9C;IASI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAR9C,UAAK,GAAG,iBAAiB,CAAC;QAC1B,cAAS,GAAG,oCAAoC,CAAC;QACjD,iBAAY,GAAG,sCAAsC,CAAC;QAUtD,oBAAe,GAAG;YACd,WAAW,EAAE;gBACT,KAAK,EAAE,UAAU;gBACjB,MAAM,EAAE;oBACJ;wBACI,KAAK,EAAE,EAAE;wBACT,QAAQ,EAAE,SAAS;qBACtB;oBACD;wBACI,KAAK,EAAE,SAAS;wBAChB,QAAQ,EAAE,QAAQ;qBACrB;iBACJ;aACJ;YACD,OAAO,EAAE,mSAAmS;YAC5S,UAAU,EAAE;gBACR,+FAA+F;gBAC/F,4FAA4F;gBAC5F,sGAAsG;gBACtG,4CAA4C;aAC/C;YACD,OAAO,EAAE;gBACL;oBACI,KAAK,EAAE,wBAAwB;oBAC/B,QAAQ,EAAE,cAAc;oBACxB,KAAK,EAAE,aAAa;iBACvB;gBACD;oBACI,KAAK,EAAE,uCAAuC;oBAC9C,QAAQ,EAAE,wCAAwC;oBAClD,KAAK,EAAE,aAAa;iBACvB;gBACD;oBACI,KAAK,EAAE,mCAAmC;oBAC1C,QAAQ,EAAE,kBAAkB;oBAC5B,KAAK,EAAE,aAAa;iBACvB;gBACD;oBACI,KAAK,EAAE,yDAAyD;oBAChE,QAAQ,EAAE,yBAAyB;oBACnC,KAAK,EAAE,mBAAmB;oBAC1B,MAAM,EAAE,IAAI;iBACf;aACJ;YACD,KAAK,EAAE,mDAAmD;YAC1D,MAAM,EAAE,wHAAwH;YAChI,OAAO,EAAE,KAAK;YACd,MAAM,EAAE,QAAQ;YAChB,SAAS,EAAE,qEAAqE;YAChF,UAAU,EAAE,yBAAyB;YACrC,OAAO,EAAE,aAAa;YACtB,WAAW,EAAE,uCAAuC;SAEvD;QAxDG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IAND,eAAe,CAAC,GAAW;QACvB,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAC/B,CAAC;CA4DJ;AAnEY,iCAAiC;IAN7C,+DAAS,CAAC;QACP,QAAQ,EAAE,8BAA8B;;;KAG3C,CAAC;qCAW2C,+DAAK;GATrC,iCAAiC,CAmE7C;AAnE6C;;;;;;;;;;;;ACT9C,sBAAsB,0BAA0B,KAAK,eAAe,yBAAyB,KAAK,mBAAmB,2BAA2B,KAAK,sBAAsB,mBAAmB,KAAK,8BAA8B,oBAAoB,KAAK,6CAA6C,gCAAgC,KAAK,yBAAyB,qBAAqB,KAAK,qBAAqB,qBAAqB,qBAAqB,sCAAsC,KAAK,8BAA8B,qBAAqB,qBAAqB,2BAA2B,KAAK,mDAAmD,gFAAgF,2BAA2B,SAAS,yBAAyB,wBAAwB,yBAAyB,yBAAyB,SAAS,kCAAkC,wBAAwB,yBAAyB,yBAAyB,SAAS,KAAK,iBAAiB,uBAAuB,KAAK,C;;;;;;;;;;;ACA3gC,uPAAuP,wQAAwQ,OAAO,sHAAsH,uXAAuX,OAAO,8WAA8W,OAAO,k9uCAAk9uC,mJAAmJ,6Q;;;;;;;;;;;;;;;;;;;;;;;;;ACA16xC;AACQ;AAOlD,IAAa,kDAAkD,GAA/D;IAKI,YAAoB,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAHvC,UAAK,GAAW,wCAAwC,CAAC;QACzD,cAAS,GAAW,IAAI,CAAC,KAAK,GAAG,+BAA+B,CAAC;QAG7D,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;CACJ;AARY,kDAAkD;IAL9D,+DAAS,CAAC;QACP,QAAQ,EAAE,sBAAsB;;;KAGnC,CAAC;qCAMoC,+DAAK;GAL9B,kDAAkD,CAQ9D;AAR8D;;;;;;;;;;;;ACR/D,gCAAgC,0BAA0B,0BAA0B,KAAK,eAAe,0BAA0B,4BAA4B,yBAAyB,KAAK,oCAAoC,yBAAyB,wBAAwB,KAAK,qCAAqC,uBAAuB,0BAA0B,KAAK,iBAAiB,uBAAuB,KAAK,4BAA4B,gCAAgC,qBAAqB,yBAAyB,wBAAwB,2BAA2B,0BAA0B,0BAA0B,KAAK,2BAA2B,gCAAgC,KAAK,0BAA0B,2BAA2B,KAAK,4BAA4B,2BAA2B,0BAA0B,0BAA0B,KAAK,2BAA2B,sBAAsB,KAAK,oBAAoB,kBAAkB,KAAK,iBAAiB,yBAAyB,mBAAmB,yBAAyB,KAAK,gCAAgC,qBAAqB,KAAK,0BAA0B,0BAA0B,KAAK,yBAAyB,+BAA+B,yBAAyB,oBAAoB,wBAAwB,yBAAyB,0BAA0B,KAAK,sBAAsB,2BAA2B,KAAK,8CAA8C,gFAAgF,2BAA2B,SAAS,gBAAgB,4BAA4B,oCAAoC,SAAS,2BAA2B,0BAA0B,SAAS,+BAA+B,2BAA2B,+BAA+B,+BAA+B,SAAS,qCAAqC,8BAA8B,SAAS,yBAAyB,uBAAuB,SAAS,SAAS,yDAAyD,mCAAmC,2BAA2B,KAAK,sBAAsB,6DAA6D,0BAA0B,iBAAiB,gCAAgC,yBAAyB,SAAS,yBAAyB,yBAAyB,SAAS,KAAK,K;;;;;;;;;;;ACA5zE,uPAAuP,wQAAwQ,OAAO,sHAAsH,mXAAmX,OAAO,0WAA0W,OAAO,wqCAAwqC,wiBAAwiB,yoBAAyoB,2OAA2O,mDAAmD,uKAAuK,gBAAgB,mBAAmB,0HAA0H,owCAAowC,87DAA87D,m8DAAm8D,m8DAAm8D,m8DAAm8D,k8DAAk8D,k8DAAk8D,o8DAAo8D,6mEAA6mE,mdAAmd,gBAAgB,6cAA6c,gBAAgB,6cAA6c,gBAAgB,k6CAAk6C,mJAAmJ,qR;;;;;;;;;;;;;;;;;;;;;;;;;ACA1owB;AACQ;AAQlD,IAAa,yCAAyC,GAAtD;IAKI,YAAoB,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAHvC,UAAK,GAAW,kBAAkB,CAAC;QACnC,cAAS,GAAW,IAAI,CAAC,KAAK,GAAG,+BAA+B,CAAC;QAI7D,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAE/C,CAAC;CAEJ;AAXY,yCAAyC;IALrD,+DAAS,CAAC;QACP,QAAQ,EAAE,kBAAkB;;;KAG/B,CAAC;qCAMoC,+DAAK;GAL9B,yCAAyC,CAWrD;AAXqD;;;;;;;;;;;;ACTtD,sBAAsB,2BAA2B,0BAA0B,qBAAqB,yBAAyB,2BAA2B,yBAAyB,8BAA8B,wBAAwB,KAAK,YAAY,2BAA2B,0BAA0B,yBAAyB,2BAA2B,KAAK,YAAY,wBAAwB,2BAA2B,KAAK,gBAAgB,qBAAqB,2BAA2B,gCAAgC,gCAAgC,qBAAqB,wBAAwB,KAAK,yBAAyB,gCAAgC,KAAK,mBAAmB,gCAAgC,sBAAsB,KAAK,2BAA2B,yBAAyB,8BAA8B,iCAAiC,yBAAyB,qBAAqB,oBAAoB,oBAAoB,KAAK,mBAAmB,8BAA8B,wBAAwB,2BAA2B,oBAAoB,KAAK,wBAAwB,4BAA4B,KAAK,0CAA0C,2BAA2B,4BAA4B,KAAK,2BAA2B,wBAAwB,KAAK,kCAAkC,yBAAyB,KAAK,2BAA2B,0BAA0B,qBAAqB,qBAAqB,KAAK,gCAAgC,yBAAyB,KAAK,iBAAiB,uBAAuB,KAAK,C;;;;;;;;;;;ACArhD,6PAA6P,wYAAwY,4sBAA4sB,8CAA8C,OAAO,uIAAuI,UAAU,kEAAkE,iTAAiT,mBAAmB,6sBAA6sB,45IAA45I,mjBAAmjB,2qCAA2qC,ulCAAulC,YAAY,wBAAwB,6tEAA6tE,4gHAA4gH,mJAAmJ,6Q;;;;;;;;;;;;;;;;;;;;;;;;;ACAjrf;AACQ;AAOlD,IAAa,+BAA+B,GAA5C;IASI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAP9C,cAAS,GAAW,2CAA2C,CAAC;QAChE,UAAK,GAAW,cAAc,CAAC;QAC/B,aAAQ,GAAW,8BAA8B,CAAC;QAM9C,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IALD,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CAIJ;AAZY,+BAA+B;IAL3C,+DAAS,CAAC;QACP,QAAQ,EAAE,4BAA4B;;;KAGzC,CAAC;qCAU2C,+DAAK;GATrC,+BAA+B,CAY3C;AAZ2C;;;;;;;;;;;;;;;;;;;;;;;;;;ACRF;AACQ;AAQlD,IAAa,iCAAiC,GAA9C;IASI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAR9C,UAAK,GAAG,8BAA8B,CAAC;QACvC,cAAS,GAAG,iDAAiD,CAAC;QAC9D,iBAAY,GAAG,sCAAsC,CAAC;QAUtD,oBAAe,GAAG;YACd,WAAW,EAAE;gBACT,KAAK,EAAE,UAAU;gBACjB,MAAM,EAAE;oBACJ;wBACI,KAAK,EAAE,EAAE;wBACT,QAAQ,EAAE,SAAS;qBACtB;oBACD;wBACI,KAAK,EAAE,SAAS;wBAChB,QAAQ,EAAE,QAAQ;qBACrB;iBACJ;aACJ;YACD,OAAO,EAAE,2LAA2L;YACpM,UAAU,EAAE;gBACR,8FAA8F;gBAC9F,sGAAsG;gBACtG,wDAAwD;gBACxD,iEAAiE;aACpE;YACD,OAAO,EAAE;gBACL;oBACI,KAAK,EAAE,wBAAwB;oBAC/B,QAAQ,EAAE,cAAc;oBACxB,KAAK,EAAE,aAAa;iBACvB;gBACD;oBACI,KAAK,EAAE,2CAA2C;oBAClD,QAAQ,EAAE,8BAA8B;oBACxC,KAAK,EAAE,aAAa;iBACvB;gBACD;oBACI,KAAK,EAAE,sEAAsE;oBAC7E,QAAQ,EAAE,yBAAyB;oBACnC,KAAK,EAAE,mBAAmB;oBAC1B,MAAM,EAAE,IAAI;iBACf;aACJ;YACD,KAAK,EAAE,gDAAgD;YACvD,MAAM,EAAE,4KAA4K;YACpL,OAAO,EAAE,sBAAsB;YAC/B,SAAS,EAAE,yCAAyC;YACpD,MAAM,EAAE,UAAU;YAClB,UAAU,EAAE,uBAAuB;YACnC,OAAO,EAAE,cAAc;YACvB,WAAW,EAAE,8BAA8B;SAC9C;QAlDG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IAND,eAAe,CAAC,GAAW;QACvB,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAC/B,CAAC;CAsDJ;AA7DY,iCAAiC;IAN7C,+DAAS,CAAC;QACP,QAAQ,EAAE,8BAA8B;;;KAG3C,CAAC;qCAW2C,+DAAK;GATrC,iCAAiC,CA6D7C;AA7D6C;;;;;;;;;;;;ACT9C,+BAA+B,yBAAyB,0BAA0B,2BAA2B,KAAK,YAAY,0BAA0B,KAAK,C;;;;;;;;;;;ACA7J,+HAA+H,kBAAkB,KAAK,OAAO,OAAO,OAAO,+1D;;;;;;;;;;;;;;;;;;;;;;;;ACAzH;AAOlD,IAAa,uCAAuC,GAApD;CAIC;AAHY;IAAR,2DAAK,EAAE;;oEAAa;AACZ;IAAR,2DAAK,EAAE;;sEAAe;AACd;IAAR,2DAAK,EAAE;;sEAAe;AAHd,uCAAuC;IALnD,+DAAS,CAAC;QACP,QAAQ,EAAE,oCAAoC;;;KAGjD,CAAC;GACW,uCAAuC,CAInD;AAJmD;;;;;;;;;;;;;;;;;;;;;;ACPT;AAiD3C,IAAa,0CAA0C,GAAvD;CACC;AADY,0CAA0C;IA/CtD,+DAAS,CAAC;QACP,QAAQ,EAAE,uCAAuC;QACjD,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsCb;QACG,MAAM,EAAE,CAAC;;;;CAIZ,CAAC;KACD,CAAC;GACW,0CAA0C,CACtD;AADsD;;;;;;;;;;;;ACjDvD,yBAAyB,yBAAyB,uBAAuB,0BAA0B,KAAK,uBAAuB,qCAAqC,oCAAoC,sCAAsC,KAAK,qBAAqB,0BAA0B,0BAA0B,KAAK,oBAAoB,yBAAyB,KAAK,gCAAgC,2BAA2B,KAAK,C;;;;;;;;;;;ACAnb,gHAAgH,aAAa,kFAAkF,WAAW,6RAA6R,YAAY,eAAe,wEAAwE,YAAY,kBAAkB,YAAY,oNAAoN,YAAY,8FAA8F,YAAY,yBAAyB,YAAY,oNAAoN,YAAY,0FAA0F,YAAY,sBAAsB,YAAY,oNAAoN,YAAY,gGAAgG,YAAY,0BAA0B,YAAY,oNAAoN,YAAY,gBAAgB,yEAAyE,YAAY,mBAAmB,YAAY,8N;;;;;;;;;;;;;;;;;;;;;;;;ACA1+D;AAOvE,IAAa,+CAA+C,GAA5D;IASI;QACI,IAAI,CAAC,SAAS,GAAG,IAAI,0DAAY,EAAU,CAAC;IAChD,CAAC;IAED,MAAM,CAAC,KAAS;QACZ,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC5C,CAAC;CACJ;AAd0B;IAAtB,2DAAK,CAAC,cAAc,CAAC;;oFAAqB;AAClC;IAAR,2DAAK,EAAE;;kFAAmB;AAClB;IAAR,2DAAK,EAAE;;mFAAoB;AACnB;IAAR,2DAAK,EAAE;;4EAAa;AAEX;IAAT,4DAAM,EAAE;8BAAY,0DAAY;kFAAS;AAPjC,+CAA+C;IAL3D,+DAAS,CAAC;QACP,QAAQ,EAAE,6CAA6C;;;KAG1D,CAAC;;GACW,+CAA+C,CAgB3D;AAhB2D;;;;;;;;;;;;ACP5D,+BAA+B,oBAAoB,KAAK,uBAAuB,qCAAqC,oCAAoC,sCAAsC,KAAK,yBAAyB,4BAA4B,0BAA0B,KAAK,C;;;;;;;;;;;ACAvR,+DAA+D,+DAA+D,yEAAyE,YAAY,aAAa,+GAA+G,mBAAmB,mCAAmC,QAAQ,yHAAyH,WAAW,oFAAoF,UAAU,kG;;;;;;;;;;;;;;;;;;;;;;;;ACA7jB;AAOlD,IAAa,kDAAkD,GAA/D;IALA;QAQa,oBAAe,GAAY,KAAK,CAAC;IAC9C,CAAC;CAAA;AAHY;IAAR,2DAAK,EAAE;;kFAAgB;AACf;IAAR,2DAAK,EAAE;;oFAAkB;AACjB;IAAR,2DAAK,EAAE;;2FAAkC;AAHjC,kDAAkD;IAL9D,+DAAS,CAAC;QACP,QAAQ,EAAE,gDAAgD;;;KAG7D,CAAC;GACW,kDAAkD,CAI9D;AAJ8D;;;;;;;;;;;;ACP/D,2BAA2B,gCAAgC,KAAK,0BAA0B,2BAA2B,oBAAoB,sBAAsB,KAAK,oBAAoB,2BAA2B,oBAAoB,sBAAsB,gCAAgC,KAAK,uBAAuB,2BAA2B,qBAAqB,mBAAmB,oBAAoB,KAAK,K;;;;;;;;;;;ACArZ,qEAAqE,8KAA8K,gCAAgC,kE;;;;;;;;;;;;;;;;;;;;;;;;ACAjO;AAOlD,IAAa,0CAA0C,GAAvD;IALA;QAMa,qBAAgB,GAAW,EAAE,CAAC;IAE3C,CAAC;CAAA;AAFY;IAAR,2DAAK,EAAE;;oFAA+B;AAD9B,0CAA0C;IALtD,+DAAS,CAAC;QACP,QAAQ,EAAE,gCAAgC;;;KAG7C,CAAC;GACW,0CAA0C,CAGtD;AAHsD;;;;;;;;;;;;ACPvD,yBAAyB,yBAAyB,sBAAsB,yBAAyB,SAAS,kBAAkB,yBAAyB,KAAK,YAAY,0BAA0B,wBAAwB,2BAA2B,KAAK,YAAY,0BAA0B,KAAK,0CAA0C,qCAAqC,oCAAoC,KAAK,mBAAmB,gCAAgC,KAAK,qBAAqB,oBAAoB,KAAK,uBAAuB,qCAAqC,oCAAoC,sCAAsC,KAAK,mBAAmB,2BAA2B,KAAK,oBAAoB,yBAAyB,4BAA4B,KAAK,mBAAmB,0BAA0B,6BAA6B,wBAAwB,KAAK,2BAA2B,4BAA4B,KAAK,qBAAqB,0BAA0B,KAAK,8BAA8B,yBAAyB,KAAK,qBAAqB,qBAAqB,yBAAyB,2BAA2B,KAAK,oBAAoB,yBAAyB,KAAK,gCAAgC,2BAA2B,KAAK,yBAAyB,4BAA4B,0BAA0B,KAAK,+BAA+B,mBAAmB,KAAK,kCAAkC,0BAA0B,2BAA2B,KAAK,4BAA4B,mBAAmB,KAAK,sBAAsB,4BAA4B,yBAAyB,KAAK,iBAAiB,+BAA+B,KAAK,iBAAiB,uBAAuB,KAAK,iBAAiB,+BAA+B,yBAAyB,oBAAoB,wBAAwB,yBAAyB,yBAAyB,KAAK,sBAAsB,gBAAgB,yBAAyB,SAAS,KAAK,C;;;;;;;;;;;ACA37D,uPAAuP,wQAAwQ,OAAO,sHAAsH,2XAA2X,OAAO,2aAA2a,OAAO,wMAAwM,oBAAoB,2jCAA2jC,8aAA8a,oBAAoB,ilDAAilD,04IAA04I,0jCAA0jC,8FAA8F,8BAA8B,k/BAAk/B,8FAA8F,iCAAiC,ghCAAghC,8FAA8F,+BAA+B,4MAA4M,0hCAA0hC,8FAA8F,6BAA6B,o7BAAo7B,8FAA8F,gCAAgC,y9BAAy9B,8FAA8F,8BAA8B,4MAA4M,8pCAA8pC,8FAA8F,wCAAwC,wjCAAwjC,8FAA8F,2CAA2C,8lCAA8lC,8FAA8F,yCAAyC,4MAA4M,8oCAA8oC,8FAA8F,sCAAsC,0iCAA0iC,8FAA8F,yCAAyC,glCAAglC,8FAA8F,uCAAuC,4MAA4M,stCAAstC,yMAAyM,kBAAkB,k/DAAk/D,uMAAuM,uBAAuB,kgEAAkgE,sMAAsM,sBAAsB,gSAAgS,sBAAsB,oNAAoN,uLAAuL,iiEAAiiE,kNAAkN,iCAAiC,6hEAA6hE,gNAAgN,+BAA+B,gSAAgS,yBAAyB,oNAAoN,iLAAiL,kBAAkB,4KAA4K,4BAA4B,yKAAyK,6BAA6B,qJAAqJ,0sBAA0sB,mJAAmJ,qR;;;;;;;;;;;;;;;;;;;;;;;;;ACA5iqC;AACQ;AAOlD,IAAa,gDAAgD,GAA7D;IAmCI,YAAoB,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAjCvC,UAAK,GAAW,8BAA8B,CAAC;QAC/C,cAAS,GAAU,IAAI,CAAC,KAAK,GAAG,+BAA+B,CAAC;QAEhE,gBAAW,GAAW,CAAC,CAAC;QACxB,gBAAW,GAAW,CAAC,CAAC;QACxB,gBAAW,GAAW,CAAC,CAAC;QACxB,gBAAW,GAAW,CAAC,CAAC;QACxB,gBAAW,GAAW,CAAC,CAAC;QACxB,gBAAW,GAAW,CAAC,CAAC;QAExB,eAAU,GAAW,CAAC,CAAC;QACvB,eAAU,GAAW,CAAC,CAAC;QACvB,eAAU,GAAW,CAAC,CAAC;QACvB,eAAU,GAAW,CAAC,CAAC;QACvB,eAAU,GAAW,CAAC,CAAC;QACvB,eAAU,GAAW,CAAC,CAAC;QAEvB,0BAAqB,GAAW,CAAC,CAAC;QAClC,0BAAqB,GAAW,CAAC,CAAC;QAClC,0BAAqB,GAAW,CAAC,CAAC;QAClC,0BAAqB,GAAW,CAAC,CAAC;QAClC,0BAAqB,GAAW,CAAC,CAAC;QAClC,0BAAqB,GAAW,CAAC,CAAC;QAElC,wBAAmB,GAAW,CAAC,CAAC;QAChC,wBAAmB,GAAW,CAAC,CAAC;QAChC,wBAAmB,GAAW,CAAC,CAAC;QAChC,wBAAmB,GAAW,CAAC,CAAC;QAChC,wBAAmB,GAAW,CAAC,CAAC;QAChC,wBAAmB,GAAW,CAAC,CAAC;QAEhC,0BAAqB,GAAW,GAAG,CAAC;QAIhC,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAE/C,CAAC;IAED,IAAW,uBAAuB;QAC9B,OAAO,CAAC,IAAI,CAAC,WAAW,GAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,GAAC,CAAC,CAAC,CAAC;IACvD,CAAC;IAED,IAAW,0BAA0B;QACjC,OAAO,CAAC,IAAI,CAAC,WAAW,GAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,GAAC,CAAC,CAAC,CAAC;IACvD,CAAC;IAED,IAAW,wBAAwB;QAC/B,OAAO,CAAC,IAAI,CAAC,WAAW,GAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,GAAC,CAAC,CAAC,CAAC;IACvD,CAAC;IAED,IAAW,cAAc;QACrB,OAAO,IAAI,CAAC,uBAAuB,GAAG,IAAI,CAAC,0BAA0B,GAAG,IAAI,CAAC,wBAAwB,CAAC;IAC1G,CAAC;IAED,IAAW,sBAAsB;QAC7B,OAAO,CAAC,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC;IACzD,CAAC;IAED,IAAW,yBAAyB;QAChC,OAAO,CAAC,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC;IACzD,CAAC;IAED,IAAW,uBAAuB;QAC9B,OAAO,CAAC,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC;IACzD,CAAC;IAED,IAAW,aAAa;QACpB,OAAO,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC,yBAAyB,GAAG,IAAI,CAAC,uBAAuB,CAAC;IACvG,CAAC;IAED,IAAW,+BAA+B;QACtC,OAAO,CAAC,IAAI,CAAC,mBAAmB,GAAG,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,mBAAmB,GAAG,CAAC,CAAC,CAAC;IAC3E,CAAC;IAED,IAAW,kCAAkC;QACzC,OAAO,CAAC,IAAI,CAAC,mBAAmB,GAAG,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,mBAAmB,GAAG,CAAC,CAAC,CAAC;IAC3E,CAAC;IAED,IAAW,gCAAgC;QACvC,OAAO,CAAC,IAAI,CAAC,mBAAmB,GAAG,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,mBAAmB,GAAG,CAAC,CAAC,CAAC;IAC3E,CAAC;IAED,IAAW,sBAAsB;QAC7B,OAAO,IAAI,CAAC,+BAA+B,GAAG,IAAI,CAAC,kCAAkC,GAAG,IAAI,CAAC,gCAAgC,CAAC;IAClI,CAAC;IAED,IAAW,iCAAiC;QACxC,OAAO,CAAC,IAAI,CAAC,qBAAqB,GAAG,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,qBAAqB,GAAG,CAAC,CAAC,CAAC;IAC/E,CAAC;IAED,IAAW,oCAAoC;QAC3C,OAAO,CAAC,IAAI,CAAC,qBAAqB,GAAG,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,qBAAqB,GAAG,CAAC,CAAC,CAAC;IAC/E,CAAC;IAED,IAAW,kCAAkC;QACzC,OAAO,CAAC,IAAI,CAAC,qBAAqB,GAAG,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,qBAAqB,GAAG,CAAC,CAAC,CAAC;IAC/E,CAAC;IAED,IAAW,wBAAwB;QAC/B,OAAO,IAAI,CAAC,iCAAiC,GAAG,IAAI,CAAC,oCAAoC,GAAG,IAAI,CAAC,kCAAkC,CAAC;IACxI,CAAC;IAED,IAAW,aAAa;QACpB,OAAO,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,aAAa,CAAC;IACpD,CAAC;IAED,IAAW,gBAAgB;QACvB,OAAO,IAAI,CAAC,wBAAwB,GAAG,IAAI,CAAC,sBAAsB,CAAC;IACvE,CAAC;IAED,IAAW,sBAAsB;QAC7B,OAAO,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,gBAAgB,CAAC;IACtD,CAAC;IAED,IAAW,qBAAqB;QAE5B,uDAAuD;QACvD,IAAI,WAAW,GAAG,GAAG,CAAC;QACtB,IAAI,WAAW,GAAG,GAAG,CAAC;QACtB,IAAI,yBAAyB,GAAG,CAAC,WAAW,GAAG,WAAW,CAAC,GAAG,GAAG,CAAC;QAElE,OAAO,CAAC,CAAC,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC,qBAAqB,CAAC,GAAG,yBAAyB,CAAC,GAAI,GAAG,CAAC;IAC3G,CAAC;IAED,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CACJ;AAlIY,gDAAgD;IAL5D,+DAAS,CAAC;QACP,QAAQ,EAAE,0BAA0B;;;KAGvC,CAAC;qCAoCoC,+DAAK;GAnC9B,gDAAgD,CAkI5D;AAlI4D;;;;;;;;;;;;ACR7D,sBAAsB,2BAA2B,0BAA0B,qBAAqB,yBAAyB,2BAA2B,yBAAyB,8BAA8B,wBAAwB,KAAK,YAAY,2BAA2B,0BAA0B,yBAAyB,2BAA2B,KAAK,YAAY,wBAAwB,2BAA2B,KAAK,mBAAmB,yBAAyB,KAAK,0BAA0B,yBAAyB,8BAA8B,cAAc,+BAA+B,KAAK,gBAAgB,qBAAqB,2BAA2B,gCAAgC,gCAAgC,qBAAqB,wBAAwB,KAAK,yBAAyB,gCAAgC,KAAK,mBAAmB,gCAAgC,sBAAsB,KAAK,2BAA2B,yBAAyB,8BAA8B,iCAAiC,yBAAyB,qBAAqB,oBAAoB,oBAAoB,KAAK,mBAAmB,8BAA8B,wBAAwB,2BAA2B,oBAAoB,KAAK,wBAAwB,4BAA4B,KAAK,0CAA0C,2BAA2B,4BAA4B,KAAK,2BAA2B,wBAAwB,KAAK,kCAAkC,yBAAyB,KAAK,2BAA2B,0BAA0B,qBAAqB,qBAAqB,KAAK,gCAAgC,yBAAyB,KAAK,iBAAiB,uBAAuB,KAAK,C;;;;;;;;;;;ACAzsD,6PAA6P,wYAAwY,4sBAA4sB,8CAA8C,OAAO,uIAAuI,UAAU,kEAAkE,8bAA8b,qqBAAqqB,wpHAAwpH,YAAY,+EAA+E,oiBAAoiB,YAAY,+EAA+E,knCAAknC,mBAAmB,imCAAimC,85BAA85B,mJAAmJ,yQ;;;;;;;;;;;;;;;;;;;;;;;;;ACA3xU;AACQ;AAOlD,IAAa,8BAA8B,GAA3C;IASI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAP9C,cAAS,GAAW,2CAA2C,CAAC;QAChE,UAAK,GAAW,cAAc,CAAC;QAC/B,aAAQ,GAAW,gCAAgC,CAAC;QAMhD,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IALD,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CAIJ;AAZY,8BAA8B;IAL1C,+DAAS,CAAC;QACP,QAAQ,EAAE,2BAA2B;;;KAGxC,CAAC;qCAU2C,+DAAK;GATrC,8BAA8B,CAY1C;AAZ0C;;;;;;;;;;;;;;;;;;;;;;;;;;ACRD;AACQ;AAQlD,IAAa,gCAAgC,GAA7C;IASI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAR9C,UAAK,GAAG,gCAAgC,CAAC;QACzC,cAAS,GAAG,mDAAmD,CAAC;QAChE,iBAAY,GAAG,sCAAsC,CAAC;QAUtD,oBAAe,GAAG;YACd,WAAW,EAAE;gBACT,KAAK,EAAE,UAAU;gBACjB,MAAM,EAAE;oBACJ;wBACI,KAAK,EAAE,EAAE;wBACT,QAAQ,EAAE,SAAS;qBACtB;oBACD;wBACI,KAAK,EAAE,SAAS;wBAChB,QAAQ,EAAE,QAAQ;qBACrB;iBACJ;aACJ;YACD,OAAO,EAAE,mSAAmS;YAC5S,UAAU,EAAE;gBACR,gFAAgF;gBAChF,6DAA6D;gBAC7D,8EAA8E;aACjF;YACD,OAAO,EAAE;gBACL;oBACI,KAAK,EAAE,wBAAwB;oBAC/B,QAAQ,EAAE,cAAc;oBACxB,KAAK,EAAE,aAAa;iBACvB;gBACD;oBACI,KAAK,EAAE,uCAAuC;oBAC9C,QAAQ,EAAE,mBAAmB;oBAC7B,KAAK,EAAE,aAAa;iBACvB;gBACD;oBACI,KAAK,EAAE,wEAAwE;oBAC/E,QAAQ,EAAE,yBAAyB;oBACnC,KAAK,EAAE,mBAAmB;oBAC1B,MAAM,EAAE,IAAI;iBACf;aACJ;YACD,KAAK,EAAE,6CAA6C;YACpD,MAAM,EAAE,2LAA2L;YACnM,OAAO,EAAE,mBAAmB;YAC5B,SAAS,EAAE,EAAE;YACb,MAAM,EAAE,UAAU;YAClB,UAAU,EAAE,uBAAuB;YACnC,OAAO,EAAE,cAAc;YACvB,WAAW,EAAE,8BAA8B;SAC9C;QAjDG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IAND,eAAe,CAAC,GAAW;QACvB,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAC/B,CAAC;CAqDJ;AA5DY,gCAAgC;IAN5C,+DAAS,CAAC;QACP,QAAQ,EAAE,6BAA6B;;;KAG1C,CAAC;qCAW2C,+DAAK;GATrC,gCAAgC,CA4D5C;AA5D4C;;;;;;;;;;;;ACT7C,0BAA0B,2BAA2B,0BAA0B,wBAAwB,4BAA4B,KAAK,mBAAmB,gCAAgC,sBAAsB,KAAK,iCAAiC,gCAAgC,sBAAsB,4BAA4B,KAAK,cAAc,0BAA0B,6BAA6B,KAAK,wBAAwB,2BAA2B,4BAA4B,6BAA6B,aAAa,sBAAsB,0BAA0B,2BAA2B,0BAA0B,wBAAwB,2BAA2B,KAAK,eAAe,sBAAsB,4BAA4B,0BAA0B,KAAK,kBAAkB,2BAA2B,MAAM,iBAAiB,+BAA+B,yBAAyB,oBAAoB,wBAAwB,yBAAyB,yBAAyB,KAAK,mBAAmB,wBAAwB,mBAAmB,uBAAuB,KAAK,0CAA0C,uBAAuB,KAAK,sDAAsD,sBAAsB,KAAK,mGAAmG,8BAA8B,2BAA2B,+BAA+B,UAAU,sBAAsB,0BAA0B,SAAS,KAAK,+EAA+E,8BAA8B,sCAAsC,8BAA8B,+BAA+B,SAAS,0BAA0B,uBAAuB,6BAA6B,8BAA8B,SAAS,0BAA0B,qCAAqC,SAAS,KAAK,eAAe,kCAAkC,4BAA4B,MAAM,wBAAwB,0BAA0B,KAAK,kBAAkB,qBAAqB,MAAM,wBAAwB,6BAA6B,2BAA2B,0BAA0B,wBAAwB,2BAA2B,SAAS,oBAAoB,yBAAyB,MAAM,sBAAsB,0BAA0B,2BAA2B,KAAK,mBAAmB,uBAAuB,qBAAqB,MAAM,sBAAsB,gCAAgC,0BAA0B,UAAU,qBAAqB,wBAAwB,SAAS,KAAK,sBAAsB,0BAA0B,2BAA2B,MAAM,iBAAiB,uBAAuB,KAAK,K;;;;;;;;;;;ACAprF,uPAAuP,wQAAwQ,OAAO,sHAAsH,uXAAuX,OAAO,8WAA8W,OAAO,8hEAA8hE,WAAW,mKAAmK,WAAW,mKAAmK,WAAW,mKAAmK,aAAa,6UAA6U,mBAAmB,siGAAsiG,WAAW,mKAAmK,WAAW,mKAAmK,WAAW,mKAAmK,aAAa,6UAA6U,mBAAmB,siGAAsiG,aAAa,mKAAmK,WAAW,mKAAmK,WAAW,mKAAmK,aAAa,6UAA6U,mBAAmB,siGAAsiG,YAAY,mKAAmK,WAAW,mKAAmK,WAAW,mKAAmK,aAAa,6UAA6U,mBAAmB,siGAAsiG,YAAY,mKAAmK,WAAW,mKAAmK,WAAW,mKAAmK,aAAa,6UAA6U,mBAAmB,siGAAsiG,WAAW,mKAAmK,WAAW,mKAAmK,WAAW,mKAAmK,aAAa,6UAA6U,mBAAmB,siGAAsiG,aAAa,mKAAmK,WAAW,mKAAmK,WAAW,mKAAmK,aAAa,6UAA6U,mBAAmB,siGAAsiG,aAAa,mKAAmK,WAAW,mKAAmK,WAAW,mKAAmK,aAAa,6UAA6U,mBAAmB,ozGAAozG,WAAW,gSAAgS,mBAAmB,4KAA4K,WAAW,mIAAmI,kTAAkT,WAAW,mIAAmI,kTAAkT,aAAa,mIAAmI,ghCAAghC,WAAW,mIAAmI,gUAAgU,WAAW,mIAAmI,gUAAgU,aAAa,mIAAmI,moBAAmoB,WAAW,gSAAgS,mBAAmB,4KAA4K,WAAW,mIAAmI,kTAAkT,WAAW,mIAAmI,kTAAkT,aAAa,mIAAmI,ghCAAghC,WAAW,mIAAmI,gUAAgU,WAAW,mIAAmI,gUAAgU,aAAa,mIAAmI,soBAAsoB,aAAa,gSAAgS,mBAAmB,4KAA4K,WAAW,mIAAmI,kTAAkT,WAAW,mIAAmI,kTAAkT,aAAa,mIAAmI,ghCAAghC,WAAW,mIAAmI,gUAAgU,WAAW,mIAAmI,gUAAgU,aAAa,mIAAmI,uoBAAuoB,YAAY,gSAAgS,mBAAmB,4KAA4K,WAAW,mIAAmI,kTAAkT,WAAW,mIAAmI,kTAAkT,aAAa,mIAAmI,ghCAAghC,WAAW,mIAAmI,gUAAgU,WAAW,mIAAmI,gUAAgU,aAAa,mIAAmI,soBAAsoB,YAAY,gSAAgS,mBAAmB,4KAA4K,WAAW,mIAAmI,kTAAkT,WAAW,mIAAmI,kTAAkT,aAAa,mIAAmI,ghCAAghC,WAAW,mIAAmI,gUAAgU,WAAW,mIAAmI,gUAAgU,aAAa,mIAAmI,soBAAsoB,WAAW,gSAAgS,mBAAmB,4KAA4K,WAAW,mIAAmI,kTAAkT,WAAW,mIAAmI,kTAAkT,aAAa,mIAAmI,ghCAAghC,WAAW,mIAAmI,gUAAgU,WAAW,mIAAmI,gUAAgU,aAAa,mIAAmI,woBAAwoB,aAAa,gSAAgS,mBAAmB,4KAA4K,WAAW,mIAAmI,kTAAkT,WAAW,mIAAmI,kTAAkT,aAAa,mIAAmI,ghCAAghC,WAAW,mIAAmI,gUAAgU,WAAW,mIAAmI,gUAAgU,aAAa,mIAAmI,uoBAAuoB,aAAa,gSAAgS,mBAAmB,4KAA4K,WAAW,mIAAmI,kTAAkT,WAAW,mIAAmI,kTAAkT,aAAa,mIAAmI,ghCAAghC,WAAW,mIAAmI,gUAAgU,WAAW,mIAAmI,gUAAgU,aAAa,mIAAmI,wpBAAwpB,mBAAmB,weAAwe,mJAAmJ,iR;;;;;;;;;;;;;;;;;;;;;;;;;ACA1+pE;AACQ;AAOlD,IAAa,2CAA2C,GAAxD;IAwJI,YAAoB,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAtJvC,UAAK,GAAW,6BAA6B,CAAC;QAC9C,cAAS,GAAW,IAAI,CAAC,KAAK,GAAG,+BAA+B,CAAC;QAEjE,cAAS,GAAG,mBAAmB,CAAC;QAChC,cAAS,GAAG,qBAAqB,CAAC;QAClC,gBAAW,GAAG,0BAA0B,CAAC;QAEzC,cAAS,GAAG,sBAAsB,CAAC;QACnC,cAAS,GAAG,kBAAkB,CAAC;QAC/B,gBAAW,GAAG,uCAAuC,CAAC;QACtD,eAAU,GAAG,eAAe,CAAC;QAC7B,eAAU,GAAG,0BAA0B,CAAC;QACxC,cAAS,GAAG,0BAA0B,CAAC;QACvC,gBAAW,GAAG,4CAA4C,CAAC;QAC3D,gBAAW,GAAG,iBAAiB,CAAC;QAEhC,eAAU,GAAG;YACT,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,qDAAqD,EAAE;YAC7E,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,mEAAmE,EAAE;YAC3F,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,sBAAsB,EAAE;YAC9C,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,kCAAkC,EAAE;YAC1D,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,uCAAuC,EAAE;YAC/D,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,mBAAmB,EAAE;YAC3C,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,8CAA8C,EAAE;YACtE,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,8CAA8C,EAAE;YACtE,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,gDAAgD,EAAE;YACxE,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,mCAAmC,EAAE;YAC3D,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,qBAAqB,EAAE;YAC7C,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,aAAa,EAAE;YACrC,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,mCAAmC,EAAE;YAC3D,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,+CAA+C,EAAE;YACvE,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,0BAA0B,EAAE;YAClD,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,qBAAqB,EAAE;SAChD,CAAC;QAEF,eAAU,GAAG;YACT,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,0CAA0C,EAAE;YAClE,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,yCAAyC,EAAE;YACjE,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,uDAAuD,EAAE;YAC/E,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,oDAAoD,EAAE;YAC5E,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,yCAAyC,EAAE;YACjE,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,mBAAmB,EAAE;YAC3C,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,4BAA4B,EAAE;YACpD,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,oCAAoC,EAAE;SAE/D,CAAC;QAEF,eAAU,GAAG;YACT,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,8DAA8D,EAAE;YACtF,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,qDAAqD,EAAE;YAC7E,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,4DAA4D,EAAE;YACpF,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,iDAAiD,EAAE;YACzE,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,2BAA2B,EAAE;YACnD,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,6BAA6B,EAAE;YACrD,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,mDAAmD,EAAE;YAC3E,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,mCAAmC,EAAE;YAC3D,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,gCAAgC,EAAE;YACxD,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,gDAAgD,EAAE;YACxE,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,6CAA6C,EAAE;YACrE,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,aAAa,EAAE;YACrC,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,2DAA2D,EAAE;YACnF,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,qBAAqB,EAAE;YAC7C,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,0CAA0C,EAAE;YAClE,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,wBAAwB,EAAE;YAChD,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,yCAAyC,EAAE;YACjE,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,0BAA0B,EAAE;YAClD,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,sBAAsB,EAAE;YAC9C,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,0BAA0B,EAAE;YAClD,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,uCAAuC,EAAE;SAElE,CAAC;QAEF,eAAU,GAAG;YACT,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,+CAA+C,EAAE;YACvE,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,sDAAsD,EAAE;YAC9E,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,4BAA4B,EAAE;YACpD,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,gCAAgC,EAAE;YACxD,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,uDAAuD,EAAE;YAC/E,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,wCAAwC,EAAE;YAChE,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,mCAAmC,EAAE;YAC3D,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,gCAAgC,EAAE;SAE3D,CAAC;QAGD,eAAU,GAAG;YACV,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,6DAA6D,EAAE;YACrF,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,6DAA6D,EAAE;YACrF,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,0DAA0D,EAAE;YAClF,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,wDAAwD,EAAE;YAChF,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,2BAA2B,EAAE;YACnD,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,oBAAoB,EAAE;YAC5C,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE;YACnC,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,kCAAkC,EAAE;SAE7D,CAAC;QAED,eAAU,GAAG;YACT,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,kDAAkD,EAAE;YAC1E,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,0DAA0D,EAAE;YAClF,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,yDAAyD,EAAE;YACjF,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,kDAAkD,EAAE;YAC1E,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,gDAAgD,EAAE;YACxE,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,qDAAqD,EAAE;YAC7E,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,iCAAiC,EAAE;YACzD,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,iCAAiC,EAAE;YACzD,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,qBAAqB,EAAE;YAC7C,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,gCAAgC,EAAE;YACxD,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,8DAA8D,EAAE;YACtF,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,8BAA8B,EAAE;SAEzD,CAAC;QAEF,eAAU,GAAG;YACT,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,4CAA4C,EAAE;YACpE,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,wDAAwD,EAAE;YAChF,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,4CAA4C,EAAE;YACpE,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,mCAAmC,EAAE;YAC3D,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,0CAA0C,EAAE;YAClE,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,qDAAqD,EAAE;SAEhF,CAAC;QAEF,eAAU,GAAG;YACT,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,wBAAwB,EAAE;YAChD,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,4BAA4B,EAAE;YACpD,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,sBAAsB,EAAE;YAC9C,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,wDAAwD,EAAE;YAChF,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,+CAA+C,EAAE;YACvE,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,4CAA4C,EAAE;YACpE,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,0BAA0B,EAAE;YAClD,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,qEAAqE,EAAE;YAC7F,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,4BAA4B,EAAE;YACpD,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,qBAAqB,EAAE;SAEhD,CAAC;QAEH,WAAM,GAAG;YACL,EAAE,EAAE,EAAE,IAAI,EAAE;YACZ,EAAE,EAAE,EAAE,IAAI,EAAE;YACZ,EAAE,EAAE,EAAE,IAAI,EAAE;SACf,CAAC;QAEF,kBAAa,GAAG;YACZ,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,2NAA2N,EAAC;YAClP,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,6LAA6L,EAAE;YACrN,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,mJAAmJ,EAAE;SAE9K;QAIG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAE/C,CAAC;IACD,QAAQ;QACJ,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC1B,CAAC;IACD,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CACJ;AAnKY,2CAA2C;IALvD,+DAAS,CAAC;QACP,QAAQ,EAAE,0CAA0C;;;KAGvD,CAAC;qCAyJoC,+DAAK;GAxJ9B,2CAA2C,CAmKvD;AAnKuD;;;;;;;;;;;;ACRxD,sBAAsB,2BAA2B,0BAA0B,qBAAqB,yBAAyB,2BAA2B,yBAAyB,8BAA8B,wBAAwB,KAAK,YAAY,2BAA2B,0BAA0B,yBAAyB,2BAA2B,KAAK,YAAY,wBAAwB,2BAA2B,KAAK,gBAAgB,qBAAqB,2BAA2B,gCAAgC,gCAAgC,qBAAqB,wBAAwB,KAAK,yBAAyB,gCAAgC,KAAK,mBAAmB,gCAAgC,sBAAsB,KAAK,2BAA2B,yBAAyB,8BAA8B,iCAAiC,yBAAyB,qBAAqB,oBAAoB,oBAAoB,KAAK,mBAAmB,8BAA8B,wBAAwB,2BAA2B,oBAAoB,KAAK,wBAAwB,4BAA4B,KAAK,0CAA0C,2BAA2B,4BAA4B,KAAK,2BAA2B,wBAAwB,KAAK,kCAAkC,yBAAyB,KAAK,2BAA2B,0BAA0B,qBAAqB,qBAAqB,KAAK,gCAAgC,yBAAyB,KAAK,iBAAiB,uBAAuB,KAAK,K;;;;;;;;;;;ACArhD,6PAA6P,wYAAwY,4sBAA4sB,8CAA8C,OAAO,uIAAuI,UAAU,kEAAkE,6VAA6V,mBAAmB,6tBAA6tB,w3KAAw3K,mLAAmL,2NAA2N,4OAA4O,2nBAA2nB,ugCAAugC,0sBAA0sB,mJAAmJ,yQ;;;;;;;;;;;;;;;;;;;;;;;;;ACA7kW;AACQ;AAOlD,IAAa,gCAAgC,GAA7C;IASI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAP9C,cAAS,GAAW,2CAA2C,CAAC;QAChE,UAAK,GAAW,cAAc,CAAC;QAC/B,aAAQ,GAAW,kCAAkC,CAAC;QAMlD,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IALD,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CAIJ;AAZY,gCAAgC;IAL5C,+DAAS,CAAC;QACP,QAAQ,EAAE,6BAA6B;;;KAG1C,CAAC;qCAU2C,+DAAK;GATrC,gCAAgC,CAY5C;AAZ4C;;;;;;;;;;;;;;;;;;;;;;;;;;ACRH;AACQ;AAQlD,IAAa,kCAAkC,GAA/C;IASI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAR9C,UAAK,GAAG,kCAAkC,CAAC;QAC3C,cAAS,GAAG,qDAAqD,CAAC;QAClE,iBAAY,GAAG,sCAAsC,CAAC;QAUtD,oBAAe,GAAG;YACd,WAAW,EAAE;gBACT,KAAK,EAAE,UAAU;gBACjB,MAAM,EAAE;oBACJ;wBACI,KAAK,EAAE,EAAE;wBACT,QAAQ,EAAE,SAAS;qBACtB;oBACD;wBACI,KAAK,EAAE,SAAS;wBAChB,QAAQ,EAAE,QAAQ;qBACrB;iBACJ;aACJ;YACD,OAAO,EAAE,0NAA0N;YACnO,UAAU,EAAE;gBACR,gGAAgG;gBAChG,+DAA+D;gBAC/D,+EAA+E;aAClF;YACD,OAAO,EAAE;gBACL;oBACI,KAAK,EAAE,wBAAwB;oBAC/B,QAAQ,EAAE,cAAc;oBACxB,KAAK,EAAE,aAAa;iBACvB;gBACD;oBACI,KAAK,EAAE,qCAAqC;oBAC5C,QAAQ,EAAE,2DAA2D;oBACrE,KAAK,EAAE,aAAa;iBACvB;gBACD;oBACI,KAAK,EAAE,0EAA0E;oBACjF,QAAQ,EAAE,yBAAyB;oBACnC,KAAK,EAAE,mBAAmB;oBAC1B,MAAM,EAAE,IAAI;iBACf;aACJ;YACD,KAAK,EAAE,wDAAwD;YAC/D,MAAM,EAAE,iUAAiU;YACzU,OAAO,EAAE,kBAAkB;YAC3B,SAAS,EAAE,kEAAkE;YAC7E,MAAM,EAAE,QAAQ;YAChB,UAAU,EAAE,yBAAyB;YACrC,OAAO,EAAE,aAAa;YACtB,WAAW,EAAE,uCAAuC;SACvD;QAjDG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IAND,eAAe,CAAC,GAAW;QACvB,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAC/B,CAAC;CAqDJ;AA5DY,kCAAkC;IAN9C,+DAAS,CAAC;QACP,QAAQ,EAAE,+BAA+B;;;KAG5C,CAAC;qCAW2C,+DAAK;GATrC,kCAAkC,CA4D9C;AA5D8C;;;;;;;;;;;;ACT/C,yBAAyB,0BAA0B,yBAAyB,0BAA0B,KAAK,qBAAqB,wBAAwB,2BAA2B,KAAK,C;;;;;;;;;;;ACAxL,gDAAgD,yBAAyB,03C;;;;;;;;;;;;;;;;;;;;;ACA9B;AAO3C,IAAa,oCAAoC,GAAjD;IAII,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CACJ;AAPY,oCAAoC;IALhD,+DAAS,CAAC;QACP,QAAQ,EAAE,kCAAkC;;;KAG/C,CAAC;GACW,oCAAoC,CAOhD;AAPgD;;;;;;;;;;;;ACPjD,sBAAsB,0BAA0B,KAAK,aAAa,+BAA+B,KAAK,sBAAsB,2BAA2B,KAAK,QAAQ,yBAAyB,0BAA0B,+BAA+B,qBAAqB,KAAK,kBAAkB,0BAA0B,KAAK,WAAW,0BAA0B,4BAA4B,0BAA0B,2BAA2B,KAAK,cAAc,oBAAoB,0BAA0B,qBAAqB,4BAA4B,sCAAsC,KAAK,eAAe,2BAA2B,KAAK,oBAAoB,yBAAyB,KAAK,6BAA6B,qBAAqB,KAAK,sBAAsB,2BAA2B,0BAA0B,0BAA0B,KAAK,gCAAgC,0BAA0B,yBAAyB,KAAK,aAAa,uBAAuB,KAAK,mBAAmB,4BAA4B,KAAK,WAAW,0BAA0B,4BAA4B,0BAA0B,KAAK,wBAAwB,gCAAgC,qBAAqB,2BAA2B,KAAK,wBAAwB,2BAA2B,0BAA0B,0BAA0B,KAAK,uBAAuB,sBAAsB,KAAK,aAAa,qBAAqB,0BAA0B,wBAAwB,8BAA8B,KAAK,aAAa,uBAAuB,KAAK,cAAc,oBAAoB,0BAA0B,qBAAqB,KAAK,6BAA6B,qBAAqB,KAAK,4BAA4B,2BAA2B,0BAA0B,0BAA0B,KAAK,8FAA8F,qBAAqB,KAAK,QAAQ,0BAA0B,KAAK,0CAA0C,wCAAwC,0BAA0B,SAAS,wBAAwB,0BAA0B,SAAS,+BAA+B,oCAAoC,SAAS,0CAA0C,yBAAyB,SAAS,2JAA2J,wCAAwC,yCAAyC,SAAS,wCAAwC,2CAA2C,SAAS,wCAAwC,0CAA0C,SAAS,yBAAyB,0BAA0B,SAAS,qBAAqB,4BAA4B,4BAA4B,SAAS,wCAAwC,0BAA0B,SAAS,oCAAoC,yBAAyB,SAAS,iCAAiC,yBAAyB,SAAS,KAAK,0CAA0C,wCAAwC,2BAA2B,+BAA+B,+BAA+B,SAAS,oCAAoC,oCAAoC,SAAS,yGAAyG,yBAAyB,SAAS,yBAAyB,0BAA0B,SAAS,yBAAyB,2BAA2B,SAAS,2BAA2B,+BAA+B,aAAa,8BAA8B,4BAA4B,SAAS,8BAA8B,4BAA4B,+BAA+B,SAAS,uBAAuB,wBAAwB,SAAS,2BAA2B,oCAAoC,wBAAwB,SAAS,gFAAgF,8BAA8B,0BAA0B,SAAS,gBAAgB,4BAA4B,SAAS,2CAA2C,gCAAgC,SAAS,+BAA+B,0BAA0B,SAAS,qDAAqD,oCAAoC,SAAS,4BAA4B,8BAA8B,SAAS,oCAAoC,oCAAoC,SAAS,kGAAkG,yBAAyB,SAAS,qBAAqB,6BAA6B,4BAA4B,SAAS,gBAAgB,+BAA+B,SAAS,+BAA+B,yBAAyB,SAAS,iCAAiC,4BAA4B,qCAAqC,SAAS,oCAAoC,6BAA6B,SAAS,KAAK,kBAAkB,4BAA4B,gCAAgC,SAAS,gCAAgC,0BAA0B,SAAS,wCAAwC,0BAA0B,SAAS,iDAAiD,+BAA+B,SAAS,wCAAwC,0BAA0B,SAAS,iBAAiB,oCAAoC,SAAS,oBAAoB,0BAA0B,SAAS,4BAA4B,oCAAoC,SAAS,yBAAyB,0BAA0B,SAAS,KAAK,K;;;;;;;;;;;ACAtoL,qGAAqG,iBAAiB,oBAAoB,kBAAkB,mBAAmB,iBAAiB,MAAM,2FAA2F,2KAA2K,eAAe,iNAAiN,iBAAiB,4BAA4B,iBAAiB,4BAA4B,mBAAmB,4BAA4B,kBAAkB,4BAA4B,kBAAkB,8PAA8P,eAAe,6NAA6N,WAAW,+SAA+S,eAAe,gPAAgP,iBAAiB,sBAAsB,iBAAiB,4BAA4B,mBAAmB,4BAA4B,kBAAkB,sBAAsB,kBAAkB,mSAAmS,eAAe,mSAAmS,WAAW,k9G;;;;;;;;;;;;;;;;;;;;;;;;ACA5nF;AASzD,IAAa,wCAAwC,GAArD;IALA;QAkBI,UAAK,GAAW,OAAO,CAAC;IA6B5B,CAAC;IA3BG,QAAQ;QACJ,+DAA+D;QAC/D,iDAAiD;QACjD,yBAAyB;QACzB,iCAAiC;IACrC,CAAC;IAED,QAAQ,CAAC,MAAM;QAEX,IAAI,cAAc,GAAG,CAAC,CAAC,GAAG,GAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;QAE7C,cAAc,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QACvB,cAAc,CAAC,WAAW,CAAC,mBAAmB,CAAC,CAAC;QAChD,cAAc,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;QAGzC;;;UAGE;IAGN,CAAC;IAED,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CACJ;AAxCY;IAAR,2DAAK,EAAE;;sEAAc;AACb;IAAR,2DAAK,EAAE;;+EAAuB;AACtB;IAAR,2DAAK,EAAE;;iFAAyB;AACxB;IAAR,2DAAK,EAAE;;iFAAyB;AACxB;IAAR,2DAAK,EAAE;;mFAA2B;AAC1B;IAAR,2DAAK,EAAE;;kFAA0B;AACzB;IAAR,2DAAK,EAAE;;kFAA0B;AACzB;IAAR,2DAAK,EAAE;;+EAAuB;AACtB;IAAR,2DAAK,EAAE;;2EAAmB;AAClB;IAAR,2DAAK,EAAE;;8EAAsB;AAXrB,wCAAwC;IALpD,+DAAS,CAAC;QACP,QAAQ,EAAE,sCAAsC;;;KAGnD,CAAC;GACW,wCAAwC,CA0CpD;AA1CoD;;;;;;;;;;;;ACTrD,4DAA4D,sBAAsB,KAAK,sBAAsB,2BAA2B,KAAK,QAAQ,2BAA2B,yBAAyB,KAAK,qBAAqB,qBAAqB,KAAK,kBAAkB,0BAA0B,KAAK,WAAW,0BAA0B,4BAA4B,0BAA0B,2BAA2B,KAAK,cAAc,oBAAoB,0BAA0B,qBAAqB,KAAK,iBAAiB,yBAAyB,4BAA4B,KAAK,eAAe,gCAAgC,KAAK,eAAe,2BAA2B,KAAK,oBAAoB,yBAAyB,KAAK,6BAA6B,qBAAqB,KAAK,sBAAsB,2BAA2B,0BAA0B,0BAA0B,KAAK,gCAAgC,0BAA0B,yBAAyB,KAAK,aAAa,uBAAuB,KAAK,iDAAiD,8BAA8B,2BAA2B,+BAA+B,UAAU,sBAAsB,0BAA0B,SAAS,KAAK,gDAAgD,8BAA8B,sCAAsC,8BAA8B,+BAA+B,SAAS,qBAAqB,uBAAuB,6BAA6B,8BAA8B,SAAS,0BAA0B,qCAAqC,SAAS,KAAK,kBAAkB,wCAAwC,0BAA0B,SAAS,oCAAoC,yBAAyB,SAAS,iDAAiD,wCAAwC,yCAAyC,SAAS,qDAAqD,4CAA4C,6CAA6C,aAAa,qDAAqD,4CAA4C,6CAA6C,aAAa,wCAAwC,2CAA2C,SAAS,wCAAwC,0CAA0C,SAAS,KAAK,0CAA0C,wCAAwC,0BAA0B,SAAS,oCAAoC,yBAAyB,SAAS,aAAa,0CAA0C,wCAAwC,2BAA2B,+BAA+B,+BAA+B,SAAS,4CAA4C,oCAAoC,SAAS,iDAAiD,6BAA6B,SAAS,wCAAwC,yBAAyB,SAAS,wCAAwC,yBAAyB,SAAS,qBAAqB,yBAAyB,UAAU,KAAK,aAAa,uBAAuB,KAAK,K;;;;;;;;;;;ACA/oG,uPAAuP,wQAAwQ,OAAO,sHAAsH,qXAAqX,OAAO,4WAA4W,OAAO,yZAAyZ,qBAAqB,iBAAiB,uIAAuI,qBAAqB,iBAAiB,0GAA0G,8DAA8D,WAAW,sEAAsE,oBAAoB,wEAAwE,sBAAsB,wEAAwE,sBAAsB,0EAA0E,wBAAwB,yEAAyE,uBAAuB,yEAAyE,uBAAuB,sEAAsE,oBAAoB,kEAAkE,gBAAgB,qEAAqE,mBAAmB,6SAA6S,mJAAmJ,+Q;;;;;;;;;;;;;;;;;;;;;;;;;ACA51G;AACQ;AAOlD,IAAa,4CAA4C,GAAzD;IAuEI,YAAoB,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QArEvC,UAAK,GAAW,2DAA2D,CAAC;QAC5E,cAAS,GAAW,IAAI,CAAC,KAAK,GAAG,+BAA+B,CAAC;QAEjE,uBAAkB,GAAG;YACjB,EAAE,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,wHAAwH,EAAE;YAC/I,EAAE,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,sGAAsG,EAAE;YAC7H,EAAE,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,oRAAoR,EAAE;YAC3S,EAAE,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,+HAA+H,EAAE;YACtJ,EAAE,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,sFAAsF,EAAE;YAC7G,EAAE,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,8HAA8H,EAAE;YACrJ,EAAE,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,iEAAiE,EAAE;YACxF,EAAE,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,2FAA2F,EAAE;SACrH;QAED,gBAAW,GAAG;YACV,EAAE,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,kKAAkK,EAAE;YACzL,EAAE,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,sIAAsI,EAAE;SAEhK;QAED,gBAAW,GAAG;YACV;gBACI,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,aAAa,EAAE,+BAA+B;gBAC3E,eAAe,EAAE,+BAA+B;gBAChD,eAAe,EAAE,4BAA4B;gBAC7C,iBAAiB,EAAE,0CAA0C;gBAC7D,gBAAgB,EAAE,iCAAiC;gBACnD,gBAAgB,EAAE,2BAA2B;gBAC7C,aAAa,EAAE,0FAA0F;gBACzG,SAAS,EAAE,8HAA8H;gBACzI,YAAY,EAAE,OAAO;aACxB;YACD;gBACI,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,aAAa,EAAE,kCAAkC;gBAC1E,eAAe,EAAE,mCAAmC;gBACpD,eAAe,EAAE,qBAAqB;gBACtC,iBAAiB,EAAE,oBAAoB;gBACvC,gBAAgB,EAAE,iCAAiC;gBACnD,gBAAgB,EAAE,EAAE;gBACpB,aAAa,EAAE,8FAA8F;gBAC7G,SAAS,EAAE,iMAAiM;gBAC5M,YAAY,EAAE,OAAO;aACxB;YACD;gBACI,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,aAAa,EAAE,aAAa,EAAE,2BAA2B;gBACzE,eAAe,EAAE,uDAAuD;gBACxE,eAAe,EAAE,kBAAkB;gBACnC,iBAAiB,EAAE,0CAA0C;gBAC7D,gBAAgB,EAAE,kBAAkB;gBACpC,gBAAgB,EAAE,EAAE;gBACpB,aAAa,EAAE,kIAAkI;gBACjJ,SAAS,EAAE,sIAAsI;gBACjJ,YAAY,EAAE,OAAO;aACxB;YAED;gBACI,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,aAAa,EAAE,+BAA+B;gBAC3E,eAAe,EAAE,wBAAwB;gBACzC,eAAe,EAAE,4BAA4B;gBAC7C,iBAAiB,EAAE,2CAA2C;gBAC9D,gBAAgB,EAAE,uBAAuB;gBACzC,gBAAgB,EAAE,EAAE;gBACpB,aAAa,EAAE,2HAA2H;gBAC1I,SAAS,EAAE,qJAAqJ;gBAChK,YAAY,EAAE,OAAO;aACxB;SAEJ;QAIG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAE/C,CAAC;IAED,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CACJ;AAhFY,4CAA4C;IALxD,+DAAS,CAAC;QACP,QAAQ,EAAE,0CAA0C;;;KAGvD,CAAC;qCAwEoC,+DAAK;GAvE9B,4CAA4C,CAgFxD;AAhFwD;;;;;;;;;;;;ACRzD,sBAAsB,2BAA2B,0BAA0B,qBAAqB,yBAAyB,2BAA2B,yBAAyB,8BAA8B,wBAAwB,KAAK,YAAY,2BAA2B,0BAA0B,yBAAyB,2BAA2B,KAAK,YAAY,wBAAwB,2BAA2B,KAAK,gBAAgB,qBAAqB,2BAA2B,gCAAgC,gCAAgC,qBAAqB,wBAAwB,KAAK,yBAAyB,gCAAgC,KAAK,mBAAmB,gCAAgC,sBAAsB,KAAK,2BAA2B,yBAAyB,8BAA8B,iCAAiC,yBAAyB,qBAAqB,oBAAoB,oBAAoB,KAAK,mBAAmB,8BAA8B,wBAAwB,2BAA2B,oBAAoB,KAAK,wBAAwB,4BAA4B,KAAK,0CAA0C,2BAA2B,4BAA4B,KAAK,2BAA2B,wBAAwB,KAAK,kCAAkC,yBAAyB,KAAK,2BAA2B,0BAA0B,qBAAqB,qBAAqB,KAAK,gCAAgC,yBAAyB,KAAK,iBAAiB,uBAAuB,KAAK,C;;;;;;;;;;;ACArhD,6PAA6P,wYAAwY,4sBAA4sB,8CAA8C,OAAO,uIAAuI,UAAU,kEAAkE,6bAA6b,mrBAAmrB,w1BAAw1B,+7BAA+7B,MAAM,MAAM,04JAA04J,kBAAkB,oBAAoB,iEAAiE,eAAe,2KAA2K,oBAAoB,ujDAAujD,wsFAAwsF,mJAAmJ,yQ;;;;;;;;;;;;;;;;;;;;;;;;;ACAnhc;AACQ;AAOlD,IAAa,gCAAgC,GAA7C;IASI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAP9C,cAAS,GAAW,2CAA2C,CAAC;QAChE,UAAK,GAAW,cAAc,CAAC;QAC/B,aAAQ,GAAW,mCAAmC,CAAC;QAMnD,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IALD,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CAIJ;AAZY,gCAAgC;IAL5C,+DAAS,CAAC;QACP,QAAQ,EAAE,6BAA6B;;;KAG1C,CAAC;qCAU2C,+DAAK;GATrC,gCAAgC,CAY5C;AAZ4C;;;;;;;;;;;;;;;;;;;;;;;;;;ACRH;AACQ;AAQlD,IAAa,kCAAkC,GAA/C;IASI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAR9C,UAAK,GAAG,mCAAmC,CAAC;QAC5C,cAAS,GAAW,sDAAsD,CAAC;QAC3E,iBAAY,GAAG,sCAAsC,CAAC;QAUtD,oBAAe,GAAG;YACd,WAAW,EAAE;gBACT,KAAK,EAAE,UAAU;gBACjB,MAAM,EAAE;oBACJ;wBACI,KAAK,EAAE,EAAE;wBACT,QAAQ,EAAE,SAAS;qBACtB;oBACD;wBACI,KAAK,EAAE,SAAS;wBAChB,QAAQ,EAAE,QAAQ;qBACrB;iBACJ;aACJ;YACD,OAAO,EAAE,sSAAsS;YAC/S,UAAU,EAAE;gBACR,yCAAyC;gBACzC,wDAAwD;gBACxD,oDAAoD;gBACpD,+FAA+F;aAClG;YACD,OAAO,EAAE;gBACL;oBACI,KAAK,EAAE,wBAAwB;oBAC/B,QAAQ,EAAE,cAAc;oBACxB,KAAK,EAAE,aAAa;iBACvB;gBACD;oBACI,KAAK,EAAE,yCAAyC;oBAChD,QAAQ,EAAE,2BAA2B;oBACrC,KAAK,EAAE,aAAa;iBACvB;gBACD;oBACI,KAAK,EAAE,2EAA2E;oBAClF,QAAQ,EAAE,yBAAyB;oBACnC,KAAK,EAAE,mBAAmB;oBAC1B,MAAM,EAAE,IAAI;iBACf;aACJ;YACD,KAAK,EAAE,qCAAqC;YAC5C,MAAM,EAAE,yGAAyG;YACjH,OAAO,EAAE,gBAAgB;YACzB,SAAS,EAAE,yEAAyE;YACpF,MAAM,EAAE,QAAQ;YAChB,UAAU,EAAE,yBAAyB;YACrC,OAAO,EAAE,aAAa;YACtB,WAAW,EAAE,uCAAuC;SAGvD;QApDG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IAND,eAAe,CAAC,GAAW;QACvB,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAC/B,CAAC;CAwDJ;AA/DY,kCAAkC;IAN9C,+DAAS,CAAC;QACP,QAAQ,EAAE,+BAA+B;;;KAG5C,CAAC;qCAW2C,+DAAK;GATrC,kCAAkC,CA+D9C;AA/D8C;;;;;;;;;;;;ACT/C,kCAAkC,0BAA0B,SAAS,kBAAkB,qBAAqB,KAAK,iBAAiB,+BAA+B,yBAAyB,oBAAoB,wBAAwB,yBAAyB,yBAAyB,KAAK,sBAAsB,4BAA4B,qCAAqC,SAAS,qBAAqB,wBAAwB,SAAS,KAAK,C;;;;;;;;;;;ACAxb,0FAA0F,YAAY,6BAA6B,UAAU,yFAAyF,YAAY,oB;;;;;;;;;;;;;;;;;;;;;;;;ACAhM;AAOlD,IAAa,2CAA2C,GAAxD;IAKI;IACA,CAAC;IAED,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CACJ;AATY;IAAR,2DAAK,EAAE;;6EAAkB;AACjB;IAAR,2DAAK,EAAE;;+EAAoB;AAHnB,2CAA2C;IALvD,+DAAS,CAAC;QACP,QAAQ,EAAE,yCAAyC;;;KAGtD,CAAC;;GACW,2CAA2C,CAWvD;AAXuD;;;;;;;;;;;;ACPxD,0BAA0B,2BAA2B,0BAA0B,wBAAwB,4BAA4B,KAAK,kBAAkB,0BAA0B,6BAA6B,KAAK,qBAAqB,uBAAuB,KAAK,K;;;;;;;;;;;ACAvQ,uPAAuP,wQAAwQ,OAAO,sHAAsH,0XAA0X,OAAO,qXAAqX,OAAO,6rCAA6rC,mBAAmB,kBAAkB,aAAa,6QAA6Q,mBAAmB,kBAAkB,aAAa,iRAAiR,mJAAmJ,qR;;;;;;;;;;;;;;;;;;;;;;;;;ACAjyG;AACQ;AAOlD,IAAa,gDAAgD,GAA7D;IA2BI,YAAoB,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAzBvC,UAAK,GAAW,2BAA2B,CAAC;QAC5C,cAAS,GAAW,IAAI,CAAC,KAAK,GAAG,+BAA+B,CAAC;QAGjE,kBAAa,GAAG;YACZ,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,iDAAiD,EAAE;YACzE,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,uDAAuD,EAAE;YAC/E,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,qIAAqI,EAAE;YAC7J,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,uFAAuF,EAAE;YAC/G,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,4CAA4C,EAAE;YACpE,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,sFAAsF,EAAE;YAC9G,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,8DAA8D,EAAE;YACtF,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,8CAA8C,EAAE;SACzE;QAED,wBAAmB,GAAG;YAElB,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,sGAAsG,EAAE;YAC9H,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,8FAA8F,EAAE;YACtH,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,qGAAqG,EAAE;YAC7H,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,gHAAgH,EAAE;YACxI,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,wDAAwD,EAAE;SAEnF;QAIG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAE/C,CAAC;IAED,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CACJ;AApCY,gDAAgD;IAL5D,+DAAS,CAAC;QACP,QAAQ,EAAE,8CAA8C;;;KAG3D,CAAC;qCA4BoC,+DAAK;GA3B9B,gDAAgD,CAoC5D;AApC4D;;;;;;;;;;;;;;;;;;;;;;;;;;ACRnB;AACQ;AAOlD,IAAa,uBAAuB,GAApC;IAQI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAN9C,UAAK,GAAW,wDAAwD,CAAC;QACzE,cAAS,GAAW,mEAAmE,CAAC;QASxF,wBAAmB,GAAG;YAClB,WAAW,EAAE;gBACT,KAAK,EAAE,QAAQ;gBACf,MAAM,EAAE;oBACJ;wBACI,KAAK,EAAE,EAAE;wBACT,QAAQ,EAAE,SAAS;qBACtB;iBACJ;aACJ;YACD,cAAc,EAAE;gBACZ;oBACI,IAAI,EAAE,uBAAuB;iBAChC;gBACD;oBACI,IAAI,EAAE,+BAA+B;iBACxC;gBACD;oBACI,IAAI,EAAE,8BAA8B;iBACvC;gBACD;oBACI,IAAI,EAAE,mCAAmC;iBAC5C;gBACD;oBACI,IAAI,EAAE,2BAA2B;iBACpC;gBACD;oBACI,IAAI,EAAE,8BAA8B;iBACvC;gBACD;oBACI,IAAI,EAAE,0CAA0C;iBACnD;aACJ;YACD,OAAO,EAAE,gSAAgS;YACzS,OAAO,EAAE;gBACL;oBACI,KAAK,EAAE,kBAAkB;oBACzB,QAAQ,EAAE,4BAA4B;oBACtC,KAAK,EAAE,aAAa;oBACpB,KAAK,EAAE,2EAA2E;oBAClF,OAAO,EAAE,4GAA4G;iBACxH;gBACD;oBACI,KAAK,EAAE,kBAAkB;oBACzB,QAAQ,EAAE,0CAA0C;oBACpD,KAAK,EAAE,aAAa;oBACpB,KAAK,EAAE,sFAAsF;oBAC7F,OAAO,EAAE,mIAAmI;iBAC/I;gBACD;oBACI,KAAK,EAAE,kBAAkB;oBACzB,QAAQ,EAAE,wCAAwC;oBAClD,KAAK,EAAE,aAAa;oBACpB,KAAK,EAAE,qFAAqF;oBAC5F,OAAO,EAAE,qKAAqK;iBACjL;gBACD;oBACI,KAAK,EAAE,kBAAkB;oBACzB,QAAQ,EAAE,qDAAqD;oBAC/D,KAAK,EAAE,aAAa;oBACpB,KAAK,EAAE,0FAA0F;oBACjG,OAAO,EAAE,qGAAqG;iBACjH;gBACD;oBACI,KAAK,EAAE,kBAAkB;oBACzB,QAAQ,EAAE,2BAA2B;oBACrC,KAAK,EAAE,aAAa;oBACpB,KAAK,EAAE,0EAA0E;oBACjF,OAAO,EAAE,uHAAuH;iBACnI;gBACD;oBACI,KAAK,EAAE,kBAAkB;oBACzB,QAAQ,EAAE,oCAAoC;oBAC9C,KAAK,EAAE,aAAa;oBACpB,KAAK,EAAE,oFAAoF;oBAC3F,OAAO,EAAE,gFAAgF;iBAC5F;gBACD;oBACI,KAAK,EAAE,kBAAkB;oBACzB,QAAQ,EAAE,oDAAoD;oBAC9D,KAAK,EAAE,aAAa;oBACpB,KAAK,EAAE,qEAAqE;oBAC5E,OAAO,EAAE,8GAA8G;iBAC1H;aACJ;YACD,KAAK,EAAE,sDAAsD;YAC7D,OAAO,EAAE,gQAAgQ;YACzQ,OAAO,EAAE,aAAa;YACtB,SAAS,EAAE,OAAO;YAClB,SAAS,EAAE,oEAAoE;YAC/E,MAAM,EAAE,QAAQ;YAChB,UAAU,EAAE,yBAAyB;YACrC,OAAO,EAAE,eAAe;YACxB,WAAW,EAAE,uCAAuC;SACvD;QAjGG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IALD,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CAoGJ;AA3GY,uBAAuB;IALnC,+DAAS,CAAC;QACP,QAAQ,EAAE,uBAAuB;;;KAGpC,CAAC;qCAS2C,+DAAK;GARrC,uBAAuB,CA2GnC;AA3GmC;;;;;;;;;;;;ACRpC,6PAA6P,wYAAwY,gtBAAgtB,8CAA8C,OAAO,uIAAuI,UAAU,m+BAAm+B,wpDAAwpD,oKAAoK,44FAA44F,0uCAA0uC,mJAAmJ,yQ;;;;;;;;;;;;;;;;;;;;;;;;;ACAzhR;AACQ;AAOlD,IAAa,8BAA8B,GAA3C;IAMI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAJ9C,cAAS,GAAW,2CAA2C,CAAC;QAChE,UAAK,GAAW,cAAc,CAAC;QAC/B,aAAQ,GAAW,4BAA4B,CAAC;QAG5C,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;CACJ;AATY,8BAA8B;IAL1C,+DAAS,CAAC;QACP,QAAQ,EAAE,2BAA2B;;;KAGxC,CAAC;qCAO2C,+DAAK;GANrC,8BAA8B,CAS1C;AAT0C;;;;;;;;;;;;;;;;;;;;;;;;;;ACRD;AACQ;AAQlD,IAAa,gCAAgC,GAA7C;IAQI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAP9C,UAAK,GAAG,4BAA4B,CAAC;QACrC,cAAS,GAAW,+CAA+C,CAAC;QACpE,iBAAY,GAAG,0DAA0D,CAAC;QAS1E,oBAAe,GAAG;YACd,WAAW,EAAE;gBACT,KAAK,EAAE,UAAU;gBACjB,MAAM,EAAE;oBACJ;wBACI,KAAK,EAAE,EAAE;wBACT,QAAQ,EAAE,SAAS;qBACtB;oBACD;wBACI,KAAK,EAAE,SAAS;wBAChB,QAAQ,EAAE,QAAQ;qBACrB;iBACJ;aACJ;YACD,OAAO,EAAE,4LAA4L;YACrM,UAAU,EAAE;gBACR,gBAAgB;gBAChB,+CAA+C;gBAC/C,wDAAwD;gBACxD,gBAAgB;aACnB;YACD,OAAO,EAAE;gBACL;oBACI,KAAK,EAAE,wBAAwB;oBAC/B,QAAQ,EAAE,cAAc;oBACxB,KAAK,EAAE,aAAa;oBACpB,MAAM,EAAE,KAAK;iBAChB;gBACD;oBACI,KAAK,EAAE,wCAAwC;oBAC/C,QAAQ,EAAE,uBAAuB;oBACjC,KAAK,EAAE,aAAa;oBACpB,MAAM,EAAE,KAAK;iBAEhB;gBACD;oBACI,KAAK,EAAE,oEAAoE;oBAC3E,QAAQ,EAAE,yBAAyB;oBACnC,KAAK,EAAE,mBAAmB;oBAC1B,MAAM,EAAE,IAAI;iBACf;aACJ;YACD,KAAK,EAAE,2EAA2E;YAClF,MAAM,EAAE,4GAA4G;YACpH,OAAO,EAAE,uBAAuB;YAChC,SAAS,EAAE,kEAAkE;YAC7E,MAAM,EAAE,QAAQ;YAChB,UAAU,EAAE,yBAAyB;YACrC,OAAO,EAAE,aAAa;YACtB,WAAW,EAAE,uCAAuC;SAIvD;QAxDG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IALD,eAAe,CAAC,GAAW;QACvB,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAC/B,CAAC;CA2DJ;AAlEY,gCAAgC;IAN5C,+DAAS,CAAC;QACP,QAAQ,EAAE,6BAA6B;;;KAG1C,CAAC;qCAU2C,+DAAK;GARrC,gCAAgC,CAkE5C;AAlE4C;;;;;;;;;;;;ACT7C,4BAA4B,oBAAoB,+BAA+B,KAAK,eAAe,+BAA+B,oBAAoB,KAAK,aAAa,yBAAyB,oBAAoB,wBAAwB,+BAA+B,yBAAyB,KAAK,kBAAkB,kBAAkB,wBAAwB,yBAAyB,SAAS,iBAAiB,yBAAyB,SAAS,KAAK,aAAa,uBAAuB,KAAK,qCAAqC,yBAAyB,KAAK,C;;;;;;;;;;;ACA5iB,uPAAuP,wQAAwQ,OAAO,sHAAsH,wXAAwX,OAAO,y4BAAy4B,qZAAqZ,OAAO,uFAAuF,oBAAoB,ogBAAogB,oBAAoB,6WAA6W,WAAW,eAAe,gBAAgB,+HAA+H,yHAAyH,0JAA0J,iBAAiB,2lIAA2lI,2gBAA2gB,wcAAwc,kaAAka,kaAAka,qhBAAqhB,mJAAmJ,kR;;;;;;;;;;;;;;;;;;;;;;;;;;ACA7sU;AACD;AACS;AAOlD,IAAa,4CAA4C,GAAzD;IAKI,YAA2B,YAAmB,EAAU,MAAc;QAA3C,iBAAY,GAAZ,YAAY,CAAO;QAAU,WAAM,GAAN,MAAM,CAAQ;QAHtE,UAAK,GAAW,uBAAuB,CAAC;QACxC,cAAS,GAAW,IAAI,CAAC,KAAK,GAAG,+BAA+B,CAAC;QAI7D,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAG/C,CAAC;CAEJ;AAZY,4CAA4C;IALxD,+DAAS,CAAC;QACP,QAAQ,EAAE,uBAAuB;;;KAGpC,CAAC;qCAM2C,+DAAK,EAAkB,sDAAM;GAL7D,4CAA4C,CAYxD;AAZwD;;;;;;;;;;;;ACTzD,6PAA6P,wYAAwY,4sBAA4sB,8CAA8C,OAAO,uIAAuI,UAAU,ygCAAygC,wzCAAwzC,mNAAmN,q0FAAq0F,ohDAAohD,mJAAmJ,yQ;;;;;;;;;;;;;;;;;;;;;;;;;ACA7+Q;AACQ;AAOlD,IAAa,8BAA8B,GAA3C;IAMI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAJ9C,cAAS,GAAW,2CAA2C,CAAC;QAChE,UAAK,GAAW,cAAc,CAAC;QAC/B,aAAQ,GAAW,0CAA0C,CAAC;QAG1D,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;CACJ;AATY,8BAA8B;IAL1C,+DAAS,CAAC;QACP,QAAQ,EAAE,2BAA2B;;;KAGxC,CAAC;qCAO2C,+DAAK;GANrC,8BAA8B,CAS1C;AAT0C;;;;;;;;;;;;;;;;;;;;;;;;;;ACRD;AACQ;AAQlD,IAAa,gCAAgC,GAA7C;IAQI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAP9C,UAAK,GAAG,0CAA0C,CAAC;QACnD,cAAS,GAAW,6DAA6D,CAAC;QAClF,iBAAY,GAAG,0DAA0D,CAAC;QAQ1E,oBAAe,GAAG;YACd,WAAW,EAAE;gBACT,KAAK,EAAE,UAAU;gBACjB,MAAM,EAAE;oBACJ;wBACI,KAAK,EAAE,EAAE;wBACT,QAAQ,EAAE,SAAS;qBACtB;oBACD;wBACI,KAAK,EAAE,SAAS;wBAChB,QAAQ,EAAE,QAAQ;qBACrB;iBACJ;aACJ;YACD,OAAO,EAAE,kNAAkN;YAC3N,UAAU,EAAE;gBACR,8CAA8C;gBAC9C,6CAA6C;aAChD;YACD,OAAO,EAAE;gBACL;oBACI,KAAK,EAAE,wBAAwB;oBAC/B,QAAQ,EAAE,cAAc;oBACxB,KAAK,EAAE,aAAa;oBACpB,MAAM,EAAE,KAAK;iBAChB;gBACD;oBACI,KAAK,EAAE,gDAAgD;oBACvD,QAAQ,EAAE,+BAA+B;oBACzC,KAAK,EAAE,aAAa;oBACpB,MAAM,EAAE,KAAK;iBAChB;gBACD;oBACI,KAAK,EAAE,kFAAkF;oBACzF,QAAQ,EAAE,yBAAyB;oBACnC,KAAK,EAAE,mBAAmB;oBAC1B,MAAM,EAAE,IAAI;iBACf;aACJ;YACD,KAAK,EAAE,sFAAsF;YAC7F,MAAM,EAAE,mIAAmI;YAC3I,OAAO,EAAE,qBAAqB;YAC9B,MAAM,EAAE,UAAU;YAClB,SAAS,EAAE,yCAAyC;YACpD,UAAU,EAAE,uBAAuB;YACnC,OAAO,EAAE,cAAc;YACvB,WAAW,EAAE,8BAA8B;SAE9C;QAlDG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IALD,eAAe,CAAC,GAAW;QACvB,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAC/B,CAAC;CAqDJ;AA5DY,gCAAgC;IAN5C,+DAAS,CAAC;QACP,QAAQ,EAAE,6BAA6B;;;KAG1C,CAAC;qCAU2C,+DAAK;GARrC,gCAAgC,CA4D5C;AA5D4C;;;;;;;;;;;;ACT7C,4BAA4B,qBAAqB,qBAAqB,KAAK,iBAAiB,yBAAyB,KAAK,wBAAwB,2BAA2B,KAAK,6BAA6B,wBAAwB,KAAK,aAAa,yBAAyB,oBAAoB,wBAAwB,+BAA+B,yBAAyB,yBAAyB,KAAK,kBAAkB,kBAAkB,yBAAyB,yBAAyB,SAAS,4BAA4B,8BAA8B,SAAS,iBAAiB,yBAAyB,SAAS,KAAK,aAAa,uBAAuB,KAAK,C;;;;;;;;;;;ACAvpB,uPAAuP,wQAAwQ,OAAO,sHAAsH,gYAAgY,OAAO,k5BAAk5B,qZAAqZ,OAAO,spBAAspB,iBAAiB,gHAAgH,2LAA2L,iBAAiB,gHAAgH,2LAA2L,iBAAiB,gHAAgH,ihBAAihB,k5BAAk5B,iBAAiB,gHAAgH,2LAA2L,iBAAiB,gHAAgH,2LAA2L,iBAAiB,gHAAgH,0fAA0f,qaAAqa,uBAAuB,yyBAAyyB,mJAAmJ,2R;;;;;;;;;;;;;;;;;;;;;;;;;ACApqP;AACQ;AAOlD,IAAa,oDAAoD,GAAjE;IAKI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAH9C,UAAK,GAAW,+BAA+B,CAAC;QAChD,cAAS,GAAW,IAAI,CAAC,KAAK,GAAG,+BAA+B,CAAC;QAG7D,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;CAEJ;AATY,oDAAoD;IALhE,+DAAS,CAAC;QACP,QAAQ,EAAE,+BAA+B;;;KAG5C,CAAC;qCAM2C,+DAAK;GALrC,oDAAoD,CAShE;AATgE;;;;;;;;;;;;ACRjE,6PAA6P,wYAAwY,4sBAA4sB,8CAA8C,OAAO,0HAA0H,4CAA4C,UAAU,ypCAAypC,+xDAA+xD,6EAA6E,0/KAA0/K,mJAAmJ,yQ;;;;;;;;;;;;;;;;;;;;;;;;;ACA9pU;AACQ;AAOlD,IAAa,gCAAgC,GAA7C;IAMI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAJ9C,cAAS,GAAW,2CAA2C,CAAC;QAChE,UAAK,GAAW,cAAc,CAAC;QAC/B,aAAQ,GAAW,wCAAwC,CAAC;QAGxD,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;CACJ;AATY,gCAAgC;IAL5C,+DAAS,CAAC;QACP,QAAQ,EAAE,6BAA6B;;;KAG1C,CAAC;qCAO2C,+DAAK;GANrC,gCAAgC,CAS5C;AAT4C;;;;;;;;;;;;;;;;;;;;;;;;;;ACRH;AACQ;AAQlD,IAAa,kCAAkC,GAA/C;IAQI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAP9C,UAAK,GAAG,wCAAwC,CAAC;QACjD,cAAS,GAAW,2DAA2D,CAAC;QAChF,iBAAY,GAAG,0DAA0D,CAAC;QAQ1E,oBAAe,GAAG;YACd,WAAW,EAAE;gBACT,KAAK,EAAE,UAAU;gBACjB,MAAM,EAAE;oBACJ;wBACI,KAAK,EAAE,EAAE;wBACT,QAAQ,EAAE,SAAS;qBACtB;oBACD;wBACI,KAAK,EAAE,SAAS;wBAChB,QAAQ,EAAE,QAAQ;qBACrB;iBACJ;aACJ;YACD,OAAO,EAAE,mUAAmU;YAC5U,UAAU,EAAE;gBACR,iDAAiD;gBACjD,kDAAkD;gBAClD,kDAAkD;aACrD;YACD,OAAO,EAAE;gBACL;oBACI,KAAK,EAAE,wBAAwB;oBAC/B,QAAQ,EAAE,cAAc;oBACxB,KAAK,EAAE,aAAa;oBACpB,MAAM,EAAE,KAAK;iBAChB;gBACD;oBACI,KAAK,EAAE,+CAA+C;oBACtD,QAAQ,EAAE,8BAA8B;oBACxC,KAAK,EAAE,aAAa;oBACpB,MAAM,EAAE,KAAK;iBAChB;gBACD;oBACI,KAAK,EAAE,sFAAsF;oBAC7F,QAAQ,EAAE,6CAA6C;oBACvD,KAAK,EAAE,aAAa;oBACpB,MAAM,EAAE,IAAI;iBACf;aACJ;YACD,KAAK,EAAE,qFAAqF;YAC5F,MAAM,EAAE,qKAAqK;YAC7K,OAAO,EAAE,uHAAuH;YAChI,SAAS,EAAE,yGAAyG;YACpH,MAAM,EAAE,EAAE;YACV,UAAU,EAAE,EAAE;YACd,OAAO,EAAE,wBAAwB;YACjC,WAAW,EAAE,iDAAiD;SACjE;QAlDG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IALD,eAAe,CAAC,GAAW;QACvB,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAC/B,CAAC;CAqDJ;AA5DY,kCAAkC;IAN9C,+DAAS,CAAC;QACP,QAAQ,EAAE,+BAA+B;;;KAG5C,CAAC;qCAU2C,+DAAK;GARrC,kCAAkC,CA4D9C;AA5D8C;;;;;;;;;;;;ACT/C,4BAA4B,oBAAoB,oBAAoB,KAAK,eAAe,+BAA+B,oBAAoB,KAAK,aAAa,uBAAuB,KAAK,uBAAuB,kBAAkB,0BAA0B,KAAK,oBAAoB,kBAAkB,KAAK,qBAAqB,kBAAkB,KAAK,aAAa,yBAAyB,oBAAoB,wBAAwB,+BAA+B,yBAAyB,0BAA0B,KAAK,kBAAkB,gBAAgB,yBAAyB,SAAS,KAAK,K;;;;;;;;;;;ACA1kB,uPAAuP,wQAAwQ,OAAO,sHAAsH,+XAA+X,OAAO,u3BAAu3B,OAAO,opBAAopB,oBAAoB,6CAA6C,qMAAqM,ufAAuf,2WAA2W,iZAAiZ,gWAAgW,oVAAoV,YAAY,yDAAyD,wKAAwK,4hBAA4hB,2BAA2B,wKAAwK,+hBAA+hB,4VAA4V,gWAAgW,81BAA81B,aAAa,6VAA6V,YAAY,yDAAyD,0JAA0J,iBAAiB,oBAAoB,kKAAkK,mBAAmB,oFAAoF,sMAAsM,iBAAiB,oBAAoB,kKAAkK,mBAAmB,oFAAoF,4UAA4U,8MAA8M,6YAA6Y,mJAAmJ,yR;;;;;;;;;;;;;;;;;;;;;;;;;ACAjkU;AACQ;AAOlD,IAAa,qDAAqD,GAAlE;IAKI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAH9C,UAAK,GAAW,8BAA8B,CAAC;QAC/C,cAAS,GAAW,IAAI,CAAC,KAAK,GAAG,+BAA+B,CAAC;QAG7D,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;CAEJ;AATY,qDAAqD;IALjE,+DAAS,CAAC;QACP,QAAQ,EAAE,8BAA8B;;;KAG3C,CAAC;qCAM2C,+DAAK;GALrC,qDAAqD,CASjE;AATiE;;;;;;;;;;;;ACRlE,6PAA6P,wYAAwY,4sBAA4sB,8CAA8C,OAAO,0HAA0H,4CAA4C,UAAU,+SAA+S,2WAA2W,yyDAAyyD,uNAAuN,w0FAAw0F,mJAAmJ,yQ;;;;;;;;;;;;;;;;;;;;;;;;;ACAjoO;AACQ;AAOlD,IAAa,+BAA+B,GAA5C;IAMI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAJ9C,cAAS,GAAW,2CAA2C,CAAC;QAChE,UAAK,GAAW,cAAc,CAAC;QAC/B,aAAQ,GAAW,qDAAqD,CAAC;QAGrE,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;CACJ;AATY,+BAA+B;IAL3C,+DAAS,CAAC;QACP,QAAQ,EAAE,4BAA4B;;;KAGzC,CAAC;qCAO2C,+DAAK;GANrC,+BAA+B,CAS3C;AAT2C;;;;;;;;;;;;;;;;;;;;;;;;;;ACRF;AACQ;AAQlD,IAAa,iCAAiC,GAA9C;IAQI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAP9C,UAAK,GAAG,qDAAqD,CAAC;QAC9D,cAAS,GAAG,wEAAwE,CAAC;QACrF,iBAAY,GAAG,0DAA0D,CAAC;QAQ1E,oBAAe,GAAG;YACd,WAAW,EAAE;gBACT,KAAK,EAAE,UAAU;gBACjB,MAAM,EAAE;oBACJ;wBACI,KAAK,EAAE,EAAE;wBACT,QAAQ,EAAE,SAAS;qBACtB;oBACD;wBACI,KAAK,EAAE,SAAS;wBAChB,QAAQ,EAAE,QAAQ;qBACrB;iBACJ;aACJ;YACD,OAAO,EAAE,2IAA2I;YACpJ,UAAU,EAAE;gBACR,gDAAgD;gBAChD,iDAAiD;gBACjD,+CAA+C;gBAC/C,8GAA8G;gBAC9G,6BAA6B;aAChC;YACD,OAAO,EAAE;gBACL;oBACI,KAAK,EAAE,wBAAwB;oBAC/B,QAAQ,EAAE,cAAc;oBACxB,KAAK,EAAE,aAAa;oBACpB,MAAM,EAAE,KAAK;iBAChB;gBACD;oBACI,KAAK,EAAE,6FAA6F;oBACpG,QAAQ,EAAE,yBAAyB;oBACnC,KAAK,EAAE,mBAAmB;oBAC1B,MAAM,EAAE,IAAI;iBACf;aACJ;YACD,KAAK,EAAE,0FAA0F;YACjG,MAAM,EAAE,qGAAqG;YAC7G,OAAO,EAAE,kBAAkB;YAC3B,SAAS,EAAE,iEAAiE;YAC5E,MAAM,EAAE,SAAS;YACjB,UAAU,EAAE,yBAAyB;YACrC,OAAO,EAAE,aAAa;YACtB,WAAW,EAAE,oDAAoD;SACpE;QA9CG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IALD,eAAe,CAAC,GAAW;QACvB,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAC/B,CAAC;CAiDJ;AAxDY,iCAAiC;IAN7C,+DAAS,CAAC;QACP,QAAQ,EAAE,8BAA8B;;;KAG3C,CAAC;qCAU2C,+DAAK;GARrC,iCAAiC,CAwD7C;AAxD6C;;;;;;;;;;;;ACT9C,6PAA6P,wYAAwY,4sBAA4sB,8CAA8C,OAAO,0HAA0H,4CAA4C,UAAU,u+BAAu+B,y0FAAy0F,oMAAoM,ksBAAksB,8uGAA8uG,mJAAmJ,yQ;;;;;;;;;;;;;;;;;;;;;;;;;ACAnkT;AACQ;AAOlD,IAAa,+BAA+B,GAA5C;IAMI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAJ9C,cAAS,GAAW,2CAA2C,CAAC;QAChE,UAAK,GAAW,cAAc,CAAC;QAC/B,aAAQ,GAAW,wCAAwC,CAAC;QAGxD,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;CACJ;AATY,+BAA+B;IAL3C,+DAAS,CAAC;QACP,QAAQ,EAAE,4BAA4B;;;KAGzC,CAAC;qCAO2C,+DAAK;GANrC,+BAA+B,CAS3C;AAT2C;;;;;;;;;;;;;;;;;;;;;;;;;;ACRF;AACQ;AAQlD,IAAa,iCAAiC,GAA9C;IAQI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAP9C,UAAK,GAAG,2BAA2B,CAAC;QACpC,cAAS,GAAW,8CAA8C,CAAC;QACnE,iBAAY,GAAG,0DAA0D,CAAC;QAQ1E,oBAAe,GAAG;YACd,WAAW,EAAE;gBACT,KAAK,EAAE,UAAU;gBACjB,MAAM,EAAE;oBACJ;wBACI,KAAK,EAAE,EAAE;wBACT,QAAQ,EAAE,SAAS;qBACtB;oBACD;wBACI,KAAK,EAAE,SAAS;wBAChB,QAAQ,EAAE,QAAQ;qBACrB;iBACJ;aACJ;YACD,OAAO,EAAE,gLAAgL;YACzL,UAAU,EAAE;gBACR,2DAA2D;gBAC3D,8GAA8G;aACjH;YACD,OAAO,EAAE;gBACL;oBACI,KAAK,EAAE,wBAAwB;oBAC/B,QAAQ,EAAE,cAAc;oBACxB,KAAK,EAAE,aAAa;oBACpB,MAAM,EAAE,KAAK;iBAChB;gBACD;oBACI,KAAK,EAAE,4CAA4C;oBACnD,QAAQ,EAAE,2BAA2B;oBACrC,KAAK,EAAE,aAAa;oBACpB,MAAM,EAAE,KAAK;iBAChB;gBACD;oBACI,KAAK,EAAE,mFAAmF;oBAC1F,QAAQ,EAAE,0CAA0C;oBACpD,KAAK,EAAE,aAAa;oBACpB,MAAM,EAAE,IAAI;iBACf;gBACD;oBACI,KAAK,EAAE,gFAAgF;oBACvF,QAAQ,EAAE,yBAAyB;oBACnC,KAAK,EAAE,mBAAmB;oBAC1B,MAAM,EAAE,IAAI;iBACf;aAEJ;YACD,KAAK,EAAE,0EAA0E;YACjF,MAAM,EAAE,uHAAuH;YAC/H,OAAO,EAAE,uBAAuB;YAChC,SAAS,EAAC,yCAAyC;YACnD,MAAM,EAAE,UAAU;YAClB,UAAU,EAAE,uBAAuB;YACnC,OAAO,EAAE,cAAc;YACvB,WAAW,EAAE,8BAA8B;SAE9C;QAzDG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IALD,eAAe,CAAC,GAAW;QACvB,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAC/B,CAAC;CA4DJ;AAnEY,iCAAiC;IAN7C,+DAAS,CAAC;QACP,QAAQ,EAAE,8BAA8B;;;KAG3C,CAAC;qCAU2C,+DAAK;GARrC,iCAAiC,CAmE7C;AAnE6C;;;;;;;;;;;;ACT9C,4BAA4B,qBAAqB,KAAK,iCAAiC,0BAA0B,yBAAyB,KAAK,kDAAkD,0BAA0B,OAAO,8BAA8B,+BAA+B,mBAAmB,KAAK,0CAA0C,+BAA+B,KAAK,YAAY,iCAAiC,gCAAgC,KAAK,2BAA2B,qBAAqB,KAAK,iCAAiC,sBAAsB,KAAK,gBAAgB,yBAAyB,yBAAyB,oBAAoB,KAAK,6BAA6B,2BAA2B,KAAK,2BAA2B,oBAAoB,KAAK,sEAAsE,+BAA+B,KAAK,mDAAmD,kCAAkC,yBAAyB,SAAS,2HAA2H,8BAA8B,SAAS,8BAA8B,mCAAmC,SAAS,iCAAiC,2BAA2B,SAAS,KAAK,sBAAsB,sBAAsB,yBAAyB,yBAAyB,SAAS,kCAAkC,mCAAmC,SAAS,iCAAiC,0BAA0B,SAAS,sEAAsE,yBAAyB,SAAS,KAAK,iBAAiB,uBAAuB,KAAK,K;;;;;;;;;;;ACA9rD,uPAAuP,wQAAwQ,OAAO,sHAAsH,4XAA4X,OAAO,o3BAAo3B,OAAO,upBAAupB,sVAAsV,iUAAiU,eAAe,oIAAoI,8EAA8E,kBAAkB,oHAAoH,uEAAuE,4FAA4F,wGAAwG,0OAA0O,2OAA2O,0OAA0O,yOAAyO,kOAAkO,iGAAiG,ksBAAksB,iGAAiG,+rBAA+rB,iGAAiG,ksBAAksB,iGAAiG,ysBAAysB,iGAAiG,+rBAA+rB,iGAAiG,6sBAA6sB,iGAAiG,ktBAAktB,iGAAiG,osBAAosB,iGAAiG,+0BAA+0B,mBAAmB,gPAAgP,8GAA8G,WAAW,eAAe,yDAAyD,+RAA+R,mJAAmJ,sR;;;;;;;;;;;;;;;;;;;;;;;;;ACAt9Z;AACQ;AAOlD,IAAa,gDAAgD,GAA7D;IAKI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAH9C,UAAK,GAAW,2BAA2B,CAAC;QAC5C,cAAS,GAAW,IAAI,CAAC,KAAK,GAAG,+BAA+B,CAAC;QAG7D,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IACD,kBAAkB,CAAC,MAAM;QACrB,IAAI,MAAM,CAAC,UAAU,CAAC,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;YACjD,MAAM,CAAC,UAAU,CAAC,SAAS,GAAG,oBAAoB,CAAC;IAC3D,CAAC;CAEJ;AAbY,gDAAgD;IAL5D,+DAAS,CAAC;QACP,QAAQ,EAAE,sBAAsB;;;KAGnC,CAAC;qCAM2C,+DAAK;GALrC,gDAAgD,CAa5D;AAb4D;;;;;;;;;;;;ACR7D,6PAA6P,wYAAwY,4sBAA4sB,8CAA8C,OAAO,uIAAuI,UAAU,giCAAgiC,41CAA41C,iLAAiL,yyEAAyyE,yjCAAyjC,mJAAmJ,6Q;;;;;;;;;;;;;;;;;;;;;;;;;ACA/gP;AACQ;AAOlD,IAAa,8BAA8B,GAA3C;IAMI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAJ9C,cAAS,GAAW,2CAA2C,CAAC;QAChE,UAAK,GAAW,cAAc,CAAC;QAC/B,aAAQ,GAAW,oCAAoC,CAAC;QAGpD,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;CACJ;AATY,8BAA8B;IAL1C,+DAAS,CAAC;QACP,QAAQ,EAAE,2BAA2B;;;KAGxC,CAAC;qCAO2C,+DAAK;GANrC,8BAA8B,CAS1C;AAT0C;;;;;;;;;;;;;;;;;;;;;;;;;;ACRD;AACQ;AAQlD,IAAa,gCAAgC,GAA7C;IASI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAP9C,UAAK,GAAG,oCAAoC,CAAC;QAC7C,cAAS,GAAG,uDAAuD,CAAC;QACpE,iBAAY,GAAG,0DAA0D,CAAC;QAQ1E,oBAAe,GAAG;YACd,WAAW,EAAE;gBACT,KAAK,EAAE,UAAU;gBACjB,MAAM,EAAE;oBACJ;wBACI,KAAK,EAAE,EAAE;wBACT,QAAQ,EAAE,SAAS;qBACtB;oBACD;wBACI,KAAK,EAAE,SAAS;wBAChB,QAAQ,EAAE,QAAQ;qBACrB;iBACJ;aACJ;YACD,OAAO,EAAE,6NAA6N;YACtO,UAAU,EAAE;gBACR,+FAA+F;gBAC/F,4CAA4C;gBAC5C,0EAA0E;aAC7E;YACD,OAAO,EAAE;gBACL;oBACI,KAAK,EAAE,wBAAwB;oBAC/B,QAAQ,EAAE,cAAc;oBACxB,KAAK,EAAE,aAAa;oBACpB,MAAM,EAAE,KAAK;iBAChB;gBACD;oBACI,KAAK,EAAE,+CAA+C;oBACtD,QAAQ,EAAE,8BAA8B;oBACxC,KAAK,EAAE,aAAa;oBACpB,MAAM,EAAE,KAAK;iBAChB;gBACD;oBACI,KAAK,EAAE,sFAAsF;oBAC7F,QAAQ,EAAE,6CAA6C;oBACvD,KAAK,EAAE,aAAa;oBACpB,MAAM,EAAE,IAAI;iBACf;gBACD;oBACI,KAAK,EAAE,4EAA4E;oBACnF,QAAQ,EAAE,yBAAyB;oBACnC,KAAK,EAAE,mBAAmB;oBAC1B,MAAM,EAAE,IAAI;iBACf;aAEJ;YACD,KAAK,EAAE,oFAAoF;YAC3F,MAAM,EAAE,gFAAgF;YACxF,OAAO,EAAE,qBAAqB;YAC9B,MAAM,EAAE,UAAU;YAClB,SAAS,EAAE,EAAE;YACb,UAAU,EAAE,uBAAuB;YACnC,OAAO,EAAE,cAAc;YACvB,WAAW,EAAE,8BAA8B;SAC9C;QAzDG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IALD,eAAe,CAAC,GAAW;QACvB,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAC/B,CAAC;CA4DJ;AApEY,gCAAgC;IAN5C,+DAAS,CAAC;QACP,QAAQ,EAAE,6BAA6B;;;KAG1C,CAAC;qCAW2C,+DAAK;GATrC,gCAAgC,CAoE5C;AApE4C;;;;;;;;;;;;ACT7C,4BAA4B,qBAAqB,gCAAgC,KAAK,mBAAmB,gCAAgC,qBAAqB,KAAK,YAAY,yBAAyB,4BAA4B,KAAK,sBAAsB,kBAAkB,yBAAyB,yBAAyB,SAAS,KAAK,iBAAiB,uBAAuB,KAAK,S;;;;;;;;;;;ACA9X,uPAAuP,wQAAwQ,OAAO,sHAAsH,+XAA+X,OAAO,u3BAAu3B,OAAO,4gBAA4gB,8MAA8M,kBAAkB,uqEAAuqE,wPAAwP,kBAAkB,6nBAA6nB,2CAA2C,MAAM,iIAAiI,u5BAAu5B,mJAAmJ,yR;;;;;;;;;;;;;;;;;;;;;;;;;ACA50N;AACQ;AAOlD,IAAa,mDAAmD,GAAhE;IAKI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAH9C,UAAK,GAAW,8BAA8B,CAAC;QAC/C,cAAS,GAAW,IAAI,CAAC,KAAK,GAAG,+BAA+B,CAAC;QAG7D,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;CAEJ;AATY,mDAAmD;IAL/D,+DAAS,CAAC;QACP,QAAQ,EAAE,8BAA8B;;;KAG3C,CAAC;qCAM2C,+DAAK;GALrC,mDAAmD,CAS/D;AAT+D;;;;;;;;;;;;ACRhE,yBAAyB,uCAAuC,KAAK,YAAY,qCAAqC,oCAAoC,KAAK,kBAAkB,qBAAqB,gCAAgC,KAAK,mBAAmB,sCAAsC,qBAAqB,mBAAmB,KAAK,YAAY,yBAAyB,4BAA4B,KAAK,oCAAoC,4BAA4B,0BAA0B,KAAK,oCAAoC,sBAAsB,KAAK,gBAAgB,yBAAyB,yBAAyB,oBAAoB,KAAK,mDAAmD,gFAAgF,2BAA2B,SAAS,wCAAwC,yBAAyB,SAAS,wCAAwC,2BAA2B,SAAS,uBAAuB,yBAAyB,4BAA4B,yBAAyB,SAAS,mCAAmC,wCAAwC,SAAS,8BAA8B,2CAA2C,SAAS,iBAAiB,sBAAsB,kBAAkB,yBAAyB,yBAAyB,SAAS,KAAK,K;;;;;;;;;;;ACA11C,4HAA4H,yBAAyB,YAAY,uMAAuM,aAAa,obAAob,wpCAAwpC,aAAa,4oCAA4oC,aAAa,4oCAA4oC,aAAa,8pC;;;;;;;;;;;;;;;;;;;;;;;;ACA9sI;AAOlD,IAAa,yCAAyC,GAAtD;CAIC;AAFyB;IAArB,2DAAK,CAAC,aAAa,CAAC;;6EAAoB;AAFhC,yCAAyC;IALrD,+DAAS,CAAC;QACP,QAAQ,EAAE,sCAAsC;;;KAGnD,CAAC;GACW,yCAAyC,CAIrD;AAJqD;;;;;;;;;;;;ACPtD,6PAA6P,wYAAwY,4sBAA4sB,8CAA8C,OAAO,0HAA0H,4CAA4C,UAAU,slCAAslC,6tDAA6tD,kMAAkM,qUAAqU,4oDAA4oD,kbAAkb,ojCAAojC,ikCAAikC,mJAAmJ,yQ;;;;;;;;;;;;;;;;;;;;;;;;;ACA5oS;AACQ;AAOlD,IAAa,gCAAgC,GAA7C;IAMI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAJ9C,cAAS,GAAW,2CAA2C,CAAC;QAChE,UAAK,GAAW,cAAc,CAAC;QAC/B,aAAQ,GAAW,oDAAoD,CAAC;QAGpE,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;CACJ;AATY,gCAAgC;IAL5C,+DAAS,CAAC;QACP,QAAQ,EAAE,6BAA6B;;;KAG1C,CAAC;qCAO2C,+DAAK;GANrC,gCAAgC,CAS5C;AAT4C;;;;;;;;;;;;;;;;;;;;;;;;;;ACRH;AACQ;AAQlD,IAAa,kCAAkC,GAA/C;IAQI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAP9C,UAAK,GAAG,oDAAoD,CAAC;QAC7D,cAAS,GAAW,uEAAuE,CAAC;QAC5F,iBAAY,GAAG,0DAA0D,CAAC;QAQ1E,oBAAe,GAAG;YACd,WAAW,EAAE;gBACT,KAAK,EAAE,UAAU;gBACjB,MAAM,EAAE;oBACJ;wBACI,KAAK,EAAE,EAAE;wBACT,QAAQ,EAAE,SAAS;qBACtB;oBACD;wBACI,KAAK,EAAE,SAAS;wBAChB,QAAQ,EAAE,QAAQ;qBACrB;iBACJ;aACJ;YACD,OAAO,EAAE,wPAAwP;YACjQ,UAAU,EAAE;gBACR,yCAAyC;gBACzC,0EAA0E;gBAC1E,+DAA+D;aAClE;YACD,OAAO,EAAE;gBACL;oBACI,KAAK,EAAE,wBAAwB;oBAC/B,QAAQ,EAAE,cAAc;oBACxB,KAAK,EAAE,aAAa;oBACpB,MAAM,EAAE,KAAK;iBAChB;gBACD;oBACI,KAAK,EAAE,8BAA8B;oBACrC,QAAQ,EAAE,aAAa;oBACvB,KAAK,EAAE,aAAa;oBACpB,MAAM,EAAE,KAAK;iBAChB;gBACD;oBACI,KAAK,EAAE,qEAAqE;oBAC5E,QAAQ,EAAE,4BAA4B;oBACtC,KAAK,EAAE,aAAa;oBACpB,MAAM,EAAE,IAAI;iBACf;gBACD;oBACI,KAAK,EAAE,4FAA4F;oBACnG,QAAQ,EAAE,yBAAyB;oBACnC,KAAK,EAAE,mBAAmB;oBAC1B,MAAM,EAAE,IAAI;iBACf;aAEJ;YACD,KAAK,EAAE,qEAAqE;YAC5E,MAAM,EAAE,8GAA8G;YACtH,OAAO,EAAE,MAAM;YACf,MAAM,EAAE,SAAS;YACjB,SAAS,EAAE,+DAA+D;YAC1E,UAAU,EAAE,yBAAyB;YACrC,OAAO,EAAE,aAAa;YACtB,WAAW,EAAE,oDAAoD;SAEpE;QA1DG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IALD,eAAe,CAAC,GAAW;QACvB,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAC/B,CAAC;CA6DJ;AApEY,kCAAkC;IAN9C,+DAAS,CAAC;QACP,QAAQ,EAAE,+BAA+B;;;KAG5C,CAAC;qCAU2C,+DAAK;GARrC,kCAAkC,CAoE9C;AApE8C;;;;;;;;;;;;ACT/C,gCAAgC,0BAA0B,KAAK,eAAe,0BAA0B,4BAA4B,0BAA0B,KAAK,0BAA0B,2BAA2B,KAAK,uBAAuB,qBAAqB,KAAK,gBAAgB,qBAAqB,KAAK,4BAA4B,gCAAgC,qBAAqB,2BAA2B,KAAK,2BAA2B,gCAAgC,KAAK,0BAA0B,2BAA2B,KAAK,4BAA4B,2BAA2B,0BAA0B,0BAA0B,KAAK,2BAA2B,sBAAsB,KAAK,uCAAuC,2BAA2B,KAAK,wBAAwB,yBAAyB,oBAAoB,wBAAwB,gCAAgC,yBAAyB,yBAAyB,KAAK,iBAAiB,uBAAuB,KAAK,oBAAoB,yBAAyB,4BAA4B,KAAK,iBAAiB,yBAAyB,oBAAoB,yBAAyB,KAAK,0BAA0B,0BAA0B,KAAK,wCAAwC,0BAA0B,2BAA2B,KAAK,6CAA6C,mBAAmB,+BAA+B,SAAS,KAAK,8CAA8C,4EAA4E,2BAA2B,SAAS,0GAA0G,wBAAwB,0BAA0B,SAAS,YAAY,4BAA4B,oCAAoC,SAAS,2BAA2B,0BAA0B,SAAS,+BAA+B,2BAA2B,+BAA+B,+BAA+B,SAAS,qCAAqC,8BAA8B,SAAS,mBAAmB,0BAA0B,SAAS,uCAAuC,gCAAgC,SAAS,4CAA4C,6BAA6B,4BAA4B,+BAA+B,SAAS,KAAK,sBAAsB,oCAAoC,0BAA0B,SAAS,gDAAgD,yBAAyB,SAAS,KAAK,K;;;;;;;;;;;ACAlhF,2PAA2P,wQAAwQ,OAAO,sHAAsH,8WAA8W,OAAO,uqBAAuqB,gBAAgB,iVAAiV,gBAAgB,4HAA4H,4wCAA4wC,OAAO,wEAAwE,mBAAmB,khFAAkhF,20EAA20E,o0EAAo0E,q0EAAq0E,o0EAAo0E,o0EAAo0E,s0EAAs0E,q0EAAq0E,o0EAAo0E,q0EAAq0E,8/BAA8/B,YAAY,qTAAqT,mJAAmJ,wQ;;;;;;;;;;;;;;;;;;;;;;;;;ACAjy4B;AACQ;AAOlD,IAAa,qCAAqC,GAAlD;IAKI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAH9C,UAAK,GAAW,aAAa,CAAC;QAC9B,cAAS,GAAW,IAAI,CAAC,KAAK,GAAG,+BAA+B,CAAC;QAG7D,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;CAEJ;AATY,qCAAqC;IALjD,+DAAS,CAAC;QACP,QAAQ,EAAE,aAAa;;;KAG1B,CAAC;qCAM2C,+DAAK;GALrC,qCAAqC,CASjD;AATiD;;;;;;;;;;;;;;;;;;;;;;;;;;ACRR;AACQ;AAOlD,IAAa,yBAAyB,GAAtC;IAII,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAF9C,UAAK,GAAW,yCAAyC,CAAC;QAC1D,cAAS,GAAW,oDAAoD,CAAC;QAIzE,wBAAmB,GAAG;YAClB,WAAW,EAAE;gBACT,KAAK,EAAE,QAAQ;gBACf,MAAM,EAAE;oBACJ;wBACI,KAAK,EAAE,EAAE;wBACT,QAAQ,EAAE,SAAS;qBACtB;iBACJ;aACJ;YACD,cAAc,EAAE;gBACZ;oBACI,IAAI,EAAE,yBAAyB;iBAClC;gBACD;oBACI,IAAI,EAAE,mCAAmC;iBAC5C;gBACD;oBACI,IAAI,EAAE,qBAAqB;iBAC9B;gBACD;oBACI,IAAI,EAAE,6BAA6B;iBACtC;aACJ;YACD,OAAO,EAAE,iZAAiZ;YAC1Z,OAAO,EAAE;gBACL;oBACI,KAAK,EAAE,kBAAkB;oBACzB,QAAQ,EAAE,+CAA+C;oBACzD,KAAK,EAAE,aAAa;oBACpB,KAAK,EAAE,2DAA2D;oBAClE,OAAO,EAAE,qGAAqG;iBACjH;gBACD;oBACI,KAAK,EAAE,kBAAkB;oBACzB,QAAQ,EAAE,mDAAmD;oBAC7D,KAAK,EAAE,aAAa;oBACpB,KAAK,EAAE,gDAAgD;oBACvD,OAAO,EAAE,0QAA0Q;iBACtR;gBACD;oBACI,KAAK,EAAE,kBAAkB;oBACzB,QAAQ,EAAE,oCAAoC;oBAC9C,KAAK,EAAE,aAAa;oBACpB,KAAK,EAAE,iEAAiE;oBACxE,OAAO,EAAE,0GAA0G;iBACtH;gBACD;oBACI,KAAK,EAAE,kBAAkB;oBACzB,QAAQ,EAAE,yBAAyB;oBACnC,KAAK,EAAE,aAAa;oBACpB,KAAK,EAAE,qDAAqD;oBAC5D,OAAO,EAAE,2MAA2M;iBACvN;gBACD;oBACI,KAAK,EAAE,kBAAkB;oBACzB,QAAQ,EAAE,oDAAoD;oBAC9D,KAAK,EAAE,aAAa;oBACpB,KAAK,EAAE,yDAAyD;oBAChE,OAAO,EAAE,sFAAsF;iBAClG;gBACD;oBACI,KAAK,EAAE,kBAAkB;oBACzB,QAAQ,EAAE,uCAAuC;oBACjD,KAAK,EAAE,aAAa;oBACpB,KAAK,EAAE,yDAAyD;oBAChE,OAAO,EAAE,iIAAiI;iBAC7I;aACJ;YACD,KAAK,EAAE,gEAAgE;YACvE,OAAO,EAAE,yJAAyJ;YAClK,OAAO,EAAE,mBAAmB;YAC5B,SAAS,EAAE,OAAO;YAClB,SAAS,EAAE,qEAAqE;YAChF,MAAM,EAAE,QAAQ;YAChB,UAAU,EAAE,yBAAyB;YACrC,OAAO,EAAE,eAAe;YACxB,WAAW,EAAE,uCAAuC;SACvD;QAhFG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IAiFD,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CACJ;AA1FY,yBAAyB;IALrC,+DAAS,CAAC;QACP,QAAQ,EAAE,yBAAyB;;;KAGtC,CAAC;qCAK2C,+DAAK;GAJrC,yBAAyB,CA0FrC;AA1FqC;;;;;;;;;;;;ACRtC,6PAA6P,wYAAwY,0tBAA0tB,8CAA8C,OAAO,uIAAuI,UAAU,+hBAA+hB,4vIAA4vI,46BAA46B,mJAAmJ,yQ;;;;;;;;;;;;;;;;;;;;;;;;;ACAr1O;AACQ;AAOlD,IAAa,gCAAgC,GAA7C;IAMI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAJ9C,cAAS,GAAW,2CAA2C,CAAC;QAChE,UAAK,GAAW,cAAc,CAAC;QAC/B,aAAQ,GAAW,+CAA+C,CAAC;QAG/D,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;CACJ;AATY,gCAAgC;IAL5C,+DAAS,CAAC;QACP,QAAQ,EAAE,6BAA6B;;;KAG1C,CAAC;qCAO2C,+DAAK;GANrC,gCAAgC,CAS5C;AAT4C;;;;;;;;;;;;;;;;;;;;;;;;;;ACRH;AACQ;AAOlD,IAAa,kCAAkC,GAA/C;IASI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAP9C,iBAAY,GAAG,2CAA2C,CAAC;QAC3D,UAAK,GAAW,+CAA+C,CAAC;QAChE,cAAS,GAAW,kEAAkE,CAAC;QAavF,oBAAe,GAAG;YACd,WAAW,EAAE;gBACT,KAAK,EAAE,UAAU;gBACjB,MAAM,EAAE;oBACJ;wBACI,KAAK,EAAE,EAAE;wBACT,QAAQ,EAAE,SAAS;qBACtB;oBACD;wBACI,KAAK,EAAE,SAAS;wBAChB,QAAQ,EAAE,QAAQ;qBACrB;iBACJ;aACJ;YACD,OAAO,EAAE,iHAAiH;YAC1H,UAAU,EAAE;gBACR,mEAAmE;gBACnE,6FAA6F;aAChG;YACD,OAAO,EAAE;gBACL;oBACI,KAAK,EAAE,wBAAwB;oBAC/B,QAAQ,EAAE,cAAc;oBACxB,KAAK,EAAE,aAAa;oBACpB,MAAM,EAAE,KAAK;iBAChB;gBACD;oBACI,KAAK,EAAE,uEAAuE;oBAC9E,QAAQ,EAAE,yBAAyB;oBACnC,KAAK,EAAE,mBAAmB;oBAC1B,MAAM,EAAE,IAAI;iBACf;aACJ;YACD,KAAK,EAAE,2DAA2D;YAClE,MAAM,EAAE,qGAAqG;YAC7G,OAAO,EAAE,IAAI;YACb,SAAS,EAAE,8DAA8D;YACzE,MAAM,EAAE,SAAS;YACjB,UAAU,EAAE,yBAAyB;YACrC,OAAO,EAAE,aAAa;YACtB,WAAW,EAAE,oDAAoD;SACpE;QAhDG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IALD,eAAe,CAAC,GAAW;QACvB,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAC/B,CAAC;IAKD,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CA8CJ;AA7DY,kCAAkC;IAL9C,+DAAS,CAAC;QACP,QAAQ,EAAE,oCAAoC;;;KAGjD,CAAC;qCAU2C,+DAAK;GATrC,kCAAkC,CA6D9C;AA7D8C;;;;;;;;;;;;ACR/C,6PAA6P,wYAAwY,4sBAA4sB,8CAA8C,OAAO,uIAAuI,UAAU,6gCAA6gC,y1EAAy1E,ouDAAouD,usBAAusB,aAAa,cAAc,26CAA26C,8DAA8D,6pDAA6pD,mJAAmJ,yQ;;;;;;;;;;;;;;;;;;;;;;;;;ACAljV;AACQ;AAOlD,IAAa,gCAAgC,GAA7C;IAMI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAJ9C,cAAS,GAAW,2CAA2C,CAAC;QAChE,UAAK,GAAW,cAAc,CAAC;QAC/B,aAAQ,GAAW,mDAAmD,CAAC;QAGnE,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;CACJ;AATY,gCAAgC;IAL5C,+DAAS,CAAC;QACP,QAAQ,EAAE,6BAA6B;;;KAG1C,CAAC;qCAO2C,+DAAK;GANrC,gCAAgC,CAS5C;AAT4C;;;;;;;;;;;;;;;;;;;;;;;;;;ACRH;AACQ;AAOlD,IAAa,kCAAkC,GAA/C;IASI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAP9C,iBAAY,GAAG,2CAA2C,CAAC;QAC3D,UAAK,GAAW,mDAAmD,CAAC;QACpE,cAAS,GAAW,sEAAsE,CAAC;QAa3F,oBAAe,GAAG;YACd,WAAW,EAAE;gBACT,KAAK,EAAE,UAAU;gBACjB,MAAM,EAAE;oBACJ;wBACI,KAAK,EAAE,EAAE;wBACT,QAAQ,EAAE,SAAS;qBACtB;oBACD;wBACI,KAAK,EAAE,SAAS;wBAChB,QAAQ,EAAE,QAAQ;qBACrB;iBACJ;aACJ;YACD,OAAO,EAAE,8NAA8N;YACvO,UAAU,EAAE;gBACR,6EAA6E;gBAC7E,mCAAmC;gBACnC,oFAAoF;aACvF;YACD,OAAO,EAAE;gBACL;oBACI,KAAK,EAAE,wBAAwB;oBAC/B,QAAQ,EAAE,cAAc;oBACxB,KAAK,EAAE,aAAa;oBACpB,MAAM,EAAE,KAAK;iBAChB;gBACD;oBACI,KAAK,EAAE,0CAA0C;oBACjD,QAAQ,EAAE,yBAAyB;oBACnC,KAAK,EAAE,aAAa;oBACpB,MAAM,EAAE,KAAK;iBAChB;gBACD;oBACI,KAAK,EAAE,2FAA2F;oBAClG,QAAQ,EAAE,yBAAyB;oBACnC,KAAK,EAAE,mBAAmB;oBAC1B,MAAM,EAAE,IAAI;iBACf;aACJ;YACD,KAAK,EAAE,gDAAgD;YACvD,MAAM,EAAE,0QAA0Q;YAClR,OAAO,EAAE,oBAAoB;YAC7B,SAAS,EAAE,yEAAyE;YACpF,MAAM,EAAE,QAAQ;YAChB,UAAU,EAAE,yBAAyB;YACrC,OAAO,EAAE,aAAa;YACtB,WAAW,EAAE,uCAAuC;SACvD;QAvDG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IALD,eAAe,CAAC,GAAW;QACvB,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAC/B,CAAC;IAKD,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CAmDJ;AAlEY,kCAAkC;IAL9C,+DAAS,CAAC;QACP,QAAQ,EAAE,oCAAoC;;;KAGjD,CAAC;qCAU2C,+DAAK;GATrC,kCAAkC,CAkE9C;AAlE8C;;;;;;;;;;;;ACR/C,sBAAsB,0BAA0B,KAAK,YAAY,+BAA+B,4BAA4B,qBAAqB,KAAK,+BAA+B,4BAA4B,KAAK,gCAAgC,sBAAsB,KAAK,gBAAgB,uBAAuB,KAAK,mBAAmB,uBAAuB,sBAAsB,mBAAmB,uBAAuB,KAAK,6GAA6G,gFAAgF,2BAA2B,SAAS,4BAA4B,4BAA4B,SAAS,mCAAmC,0BAA0B,SAAS,oCAAoC,2BAA2B,uBAAuB,8BAA8B,6BAA6B,SAAS,wBAAwB,yBAAyB,SAAS,SAAS,K;;;;;;;;;;;ACAj/B,uPAAuP,wQAAwQ,OAAO,sHAAsH,0XAA0X,OAAO,gXAAgX,OAAO,maAAma,yLAAyL,aAAa,cAAc,wMAAwM,6FAA6F,YAAY,SAAS,gBAAgB,6HAA6H,YAAY,mBAAmB,kBAAkB,KAAK,iBAAiB,mJAAmJ,kBAAkB,qGAAqG,kBAAkB,6HAA6H,kBAAkB,qHAAqH,kBAAkB,sHAAsH,kBAAkB,sKAAsK,KAAK,iBAAiB,wFAAwF,uaAAua,qDAAqD,kCAAkC,uFAAuF,oCAAoC,kCAAkC,uBAAuB,wBAAwB,sMAAsM,+ZAA+Z,qDAAqD,kCAAkC,+EAA+E,oCAAoC,kCAAkC,eAAe,iBAAiB,sMAAsM,gaAAga,qDAAqD,kCAAkC,gFAAgF,oCAAoC,kCAAkC,gBAAgB,kBAAkB,sMAAsM,8ZAA8Z,qDAAqD,kCAAkC,8EAA8E,oCAAoC,kCAAkC,cAAc,gBAAgB,8tBAA8tB,mJAAmJ,mR;;;;;;;;;;;;;;;;;;;;;;;;;ACA3iP;AACQ;AAOlD,IAAa,gDAAgD,GAA7D;IAKI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAH9C,UAAK,GAAW,yBAAyB,CAAC;QAC1C,cAAS,GAAW,IAAI,CAAC,KAAK,GAAG,+BAA+B,CAAC;QAMjE,SAAI,GAAG;YACH;gBACI,IAAI,EAAE,cAAc;gBACpB,KAAK,EAAE,uEAAuE;gBAC9E,MAAM,EAAE;oBACJ;wBACI,SAAS,EAAE,UAAU;wBACrB,gBAAgB,EAAE,qDAAqD;wBACvE,SAAS,EAAE,gEAAgE;wBAC3E,UAAU,EAAE,2DAA2D;wBACvE,QAAQ,EAAE,qGAAqG;qBAClH;oBACD;wBACI,SAAS,EAAE,WAAW;wBACtB,gBAAgB,EAAE,qFAAqF;wBACvG,SAAS,EAAE,oFAAoF;wBAC/F,UAAU,EAAE,4FAA4F;wBACxG,QAAQ,EAAE,kEAAkE;qBAC/E;oBACD;wBACI,SAAS,EAAE,SAAS;wBACpB,gBAAgB,EAAE,kEAAkE;wBACpF,SAAS,EAAE,gEAAgE;wBAC3E,UAAU,EAAE,uHAAuH;wBACnI,QAAQ,EAAE,yEAAyE;qBACtF;oBACD;wBACI,SAAS,EAAE,SAAS;wBACpB,gBAAgB,EAAE,iDAAiD;wBACnE,SAAS,EAAE,gFAAgF;wBAC3F,UAAU,EAAE,+CAA+C;wBAC3D,QAAQ,EAAE,sFAAsF;qBACnG;oBACD;wBACI,SAAS,EAAE,aAAa;wBACxB,gBAAgB,EAAE,qDAAqD;wBACvE,SAAS,EAAE,kDAAkD;wBAC7D,UAAU,EAAE,wGAAwG;wBACpH,QAAQ,EAAE,qHAAqH;qBAClI;iBACJ;aACJ;YACD;gBACI,IAAI,EAAE,iBAAiB;gBACvB,KAAK,EAAE,6FAA6F;gBACpG,MAAM,EAAE;oBACJ;wBACI,SAAS,EAAE,4CAA4C;wBACvD,gBAAgB,EAAE,6CAA6C;wBAC/D,SAAS,EAAE,wDAAwD;wBACnE,UAAU,EAAE,iCAAiC;wBAC7C,QAAQ,EAAE,uCAAuC;qBACpD;oBACD;wBACI,SAAS,EAAE,kBAAkB;wBAC7B,gBAAgB,EAAE,2CAA2C;wBAC7D,SAAS,EAAE,sDAAsD;wBACjE,UAAU,EAAE,+BAA+B;wBAC3C,QAAQ,EAAE,sEAAsE;qBACnF;oBACD;wBACI,SAAS,EAAE,sDAAsD;wBACjE,gBAAgB,EAAE,8CAA8C;wBAChE,SAAS,EAAE,4CAA4C;wBACvD,UAAU,EAAE,wEAAwE;wBACpF,QAAQ,EAAE,sGAAsG;qBACnH;iBACJ;aACJ;YACD;gBACI,IAAI,EAAE,sCAAsC;gBAC5C,KAAK,EAAE,0FAA0F;gBACjG,MAAM,EAAE;oBACJ;wBACI,SAAS,EAAE,2BAA2B;wBACtC,gBAAgB,EAAE,sFAAsF;wBACxG,SAAS,EAAE,4FAA4F;wBACvG,UAAU,EAAE,iFAAiF;wBAC7F,QAAQ,EAAE,oDAAoD;qBACjE;oBACD;wBACI,SAAS,EAAE,iBAAiB;wBAC5B,gBAAgB,EAAE,2DAA2D;wBAC7E,SAAS,EAAE,0CAA0C;wBACrD,UAAU,EAAE,+CAA+C;wBAC3D,QAAQ,EAAE,2CAA2C;qBACxD;oBACD;wBACI,SAAS,EAAE,mCAAmC;wBAC9C,gBAAgB,EAAE,+BAA+B;wBACjD,SAAS,EAAE,0CAA0C;wBACrD,UAAU,EAAE,uDAAuD;wBACnE,QAAQ,EAAE,iEAAiE;qBAC9E;oBACD;wBACI,SAAS,EAAE,yCAAyC;wBACpD,gBAAgB,EAAE,wDAAwD;wBAC1E,SAAS,EAAE,mEAAmE;wBAC9E,UAAU,EAAE,wGAAwG;wBACpH,QAAQ,EAAE,+CAA+C;qBAC5D;iBACJ;aACJ;YACD;gBACI,IAAI,EAAE,iCAAiC;gBACvC,KAAK,EAAE,oEAAoE;gBAC3E,MAAM,EAAE;oBACJ;wBACI,SAAS,EAAE,cAAc;wBACzB,gBAAgB,EAAE,2CAA2C;wBAC7D,SAAS,EAAE,wCAAwC;wBACnD,UAAU,EAAE,6CAA6C;wBACzD,QAAQ,EAAE,iDAAiD;qBAC9D;oBACD;wBACI,SAAS,EAAE,eAAe;wBAC1B,gBAAgB,EAAE,qDAAqD;wBACvE,SAAS,EAAE,kDAAkD;wBAC7D,UAAU,EAAE,mEAAmE;wBAC/E,QAAQ,EAAE,2CAA2C;qBACxD;iBACJ;aACJ;YACD;gBACI,IAAI,EAAE,kCAAkC;gBACxC,KAAK,EAAE,kDAAkD;gBACzD,MAAM,EAAE;oBACJ;wBACI,SAAS,EAAE,8BAA8B;wBACzC,gBAAgB,EAAE,kFAAkF;wBACpG,SAAS,EAAE,4CAA4C;wBACvD,UAAU,EAAE,mGAAmG;wBAC/G,QAAQ,EAAE,kFAAkF;qBAC/F;oBACD;wBACI,SAAS,EAAE,4BAA4B;wBACvC,gBAAgB,EAAE,sFAAsF;wBACxG,SAAS,EAAE,gGAAgG;wBAC3G,UAAU,EAAE,mEAAmE;wBAC/E,QAAQ,EAAE,0EAA0E;qBACvF;oBACD;wBACI,SAAS,EAAE,8BAA8B;wBACzC,gBAAgB,EAAE,2CAA2C;wBAC7D,SAAS,EAAE,0CAA0C;wBACrD,UAAU,EAAE,gEAAgE;wBAC5E,QAAQ,EAAE,mEAAmE;qBAChF;iBACJ;aACJ;YACD;gBACI,IAAI,EAAE,oCAAoC;gBAC1C,KAAK,EAAE,gJAAgJ;gBACvJ,MAAM,EAAE;oBACJ;wBACI,SAAS,EAAE,uCAAuC;wBAClD,gBAAgB,EAAE,yFAAyF;wBAC3G,SAAS,EAAE,uFAAuF;wBAClG,UAAU,EAAE,8EAA8E;wBAC1F,QAAQ,EAAE,sEAAsE;qBACnF;oBACD;wBACI,SAAS,EAAE,yCAAyC;wBACpD,gBAAgB,EAAE,kEAAkE;wBACpF,SAAS,EAAE,6CAA6C;wBACxD,UAAU,EAAE,+EAA+E;wBAC3F,QAAQ,EAAE,uGAAuG;qBACpH;iBACJ;aACJ;YACD;gBACI,IAAI,EAAE,qBAAqB;gBAC3B,KAAK,EAAE,4NAA4N;gBACnO,MAAM,EAAE;oBACJ;wBACI,SAAS,EAAE,qEAAqE;wBAChF,gBAAgB,EAAE,4CAA4C;wBAC9D,SAAS,EAAE,qHAAqH;wBAChI,UAAU,EAAE,8EAA8E;wBAC1F,QAAQ,EAAE,0EAA0E;qBACvF;oBACD;wBACI,SAAS,EAAE,sCAAsC;wBACjD,gBAAgB,EAAE,mFAAmF;wBACrG,SAAS,EAAE,4IAA4I;wBACvJ,UAAU,EAAE,8FAA8F;wBAC1G,QAAQ,EAAE,wFAAwF;qBACrG;oBACD;wBACI,SAAS,EAAE,wDAAwD;wBACnE,gBAAgB,EAAE,8FAA8F;wBAChH,SAAS,EAAE,0EAA0E;wBACrF,UAAU,EAAE,uEAAuE;wBACnF,QAAQ,EAAE,wGAAwG;qBACrH;iBACJ;aACJ;YACD;gBACI,IAAI,EAAE,wBAAwB;gBAC9B,KAAK,EAAE,mDAAmD;gBAC1D,MAAM,EAAE;oBACJ;wBACI,SAAS,EAAE,gCAAgC;wBAC3C,gBAAgB,EAAE,8DAA8D;wBAChF,SAAS,EAAE,yEAAyE;wBACpF,UAAU,EAAE,iEAAiE;wBAC7E,QAAQ,EAAE,qFAAqF;qBAClG;oBACD;wBACI,SAAS,EAAE,6BAA6B;wBACxC,gBAAgB,EAAE,oEAAoE;wBACtF,SAAS,EAAE,yEAAyE;wBACpF,UAAU,EAAE,iEAAiE;wBAC7E,QAAQ,EAAE,uEAAuE;qBACpF;iBACJ;aACJ;SACJ,CAAC;QA5NE,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;CA4NJ;AAnOY,gDAAgD;IAL5D,+DAAS,CAAC;QACP,QAAQ,EAAE,yBAAyB;;;KAGtC,CAAC;qCAM2C,+DAAK;GALrC,gDAAgD,CAmO5D;AAnO4D;;;;;;;;;;;;ACR7D,6PAA6P,wYAAwY,4sBAA4sB,8CAA8C,OAAO,uIAAuI,UAAU,29BAA29B,6pFAA6pF,sUAAsU,g7BAAg7B,8+BAA8+B,iBAAiB,k9CAAk9C,iyBAAiyB,mJAAmJ,yQ;;;;;;;;;;;;;;;;;;;;;;;;;ACAhuT;AACQ;AAOlD,IAAa,kCAAkC,GAA/C;IAMI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAJ9C,cAAS,GAAW,2CAA2C,CAAC;QAChE,UAAK,GAAW,cAAc,CAAC;QAC/B,aAAQ,GAAW,oCAAoC,CAAC;QAGpD,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;CACJ;AATY,kCAAkC;IAL9C,+DAAS,CAAC;QACP,QAAQ,EAAE,+BAA+B;;;KAG5C,CAAC;qCAO2C,+DAAK;GANrC,kCAAkC,CAS9C;AAT8C;;;;;;;;;;;;;;;;;;;;;;;;;;ACRL;AACQ;AAOlD,IAAa,oCAAoC,GAAjD;IASI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAP9C,iBAAY,GAAG,2CAA2C,CAAC;QAC3D,UAAK,GAAW,oCAAoC,CAAC;QACrD,cAAS,GAAW,uDAAuD,CAAC;QAY5E,oBAAe,GAAG;YACd,WAAW,EAAE;gBACT,KAAK,EAAE,UAAU;gBACjB,MAAM,EAAE;oBACJ;wBACI,KAAK,EAAE,EAAE;wBACT,QAAQ,EAAE,SAAS;qBACtB;oBACD;wBACI,KAAK,EAAE,SAAS;wBAChB,QAAQ,EAAE,QAAQ;qBACrB;iBACJ;aACJ;YACD,OAAO,EAAE,uJAAuJ;YAChK,UAAU,EAAE;gBACR,sDAAsD;gBACtD,mCAAmC;gBACnC,uEAAuE;gBACvE,qDAAqD;gBACrD,gDAAgD;aACnD;YACD,OAAO,EAAE;gBACL;oBACI,KAAK,EAAE,wBAAwB;oBAC/B,QAAQ,EAAE,cAAc;oBACxB,KAAK,EAAE,aAAa;oBACpB,MAAM,EAAE,KAAK;iBAChB;gBACD;oBACI,KAAK,EAAE,oDAAoD;oBAC3D,QAAQ,EAAE,mCAAmC;oBAC7C,KAAK,EAAE,aAAa;oBACpB,MAAM,EAAE,KAAK;iBAChB;gBACD;oBACI,KAAK,EAAE,4EAA4E;oBACnF,QAAQ,EAAE,yBAAyB;oBACnC,KAAK,EAAE,mBAAmB;oBAC1B,MAAM,EAAE,IAAI;iBACf;aACJ;YACD,KAAK,EAAE,iEAAiE;YACxE,MAAM,EAAE,0GAA0G;YAClH,OAAO,EAAE,4BAA4B;YACrC,SAAS,EAAE,6DAA6D;YACxE,MAAM,EAAE,QAAQ;YAChB,UAAU,EAAE,yBAAyB;YACrC,OAAO,EAAE,aAAa;YACtB,WAAW,EAAE,uCAAuC;SACvD;QAxDG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IALD,eAAe,CAAC,GAAW;QACvB,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAC/B,CAAC;IAID,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CAqDJ;AAnEY,oCAAoC;IALhD,+DAAS,CAAC;QACP,QAAQ,EAAE,oCAAoC;;;KAGjD,CAAC;qCAU2C,+DAAK;GATrC,oCAAoC,CAmEhD;AAnEgD;;;;;;;;;;;;ACRjD,sBAAsB,0BAA0B,KAAK,YAAY,+BAA+B,4BAA4B,qBAAqB,KAAK,+BAA+B,4BAA4B,KAAK,gCAAgC,sBAAsB,KAAK,oBAAoB,qBAAqB,2BAA2B,gCAAgC,KAAK,iBAAiB,wBAAwB,yBAAyB,oBAAoB,+BAA+B,yBAAyB,KAAK,6GAA6G,gFAAgF,2BAA2B,SAAS,4BAA4B,4BAA4B,SAAS,mCAAmC,0BAA0B,SAAS,oCAAoC,2BAA2B,uBAAuB,8BAA8B,6BAA6B,SAAS,wBAAwB,yBAAyB,SAAS,SAAS,sBAAsB,oBAAoB,yBAAyB,+BAA+B,oCAAoC,SAAS,iBAAiB,4BAA4B,6BAA6B,wBAAwB,yBAAyB,SAAS,oBAAoB,yBAAyB,+BAA+B,yBAAyB,SAAS,KAAK,iBAAiB,uBAAuB,KAAK,C;;;;;;;;;;;ACArgD,uPAAuP,wQAAwQ,OAAO,sHAAsH,oYAAoY,OAAO,2pBAA2pB,KAAK,OAAO,mGAAmG,mBAAmB,6DAA6D,uKAAuK,4LAA4L,8IAA8I,oLAAoL,mBAAmB,6DAA6D,+JAA+J,oLAAoL,sJAAsJ,qMAAqM,mBAAmB,6DAA6D,sJAAsJ,8KAA8K,mKAAmK,iPAAiP,oiBAAoiB,+NAA+N,mBAAmB,6OAA6O,oGAAoG,mBAAmB,uEAAuE,gPAAgP,mBAAmB,6OAA6O,oGAAoG,mBAAmB,uEAAuE,4OAA4O,mBAAmB,6OAA6O,oGAAoG,mBAAmB,uEAAuE,4OAA4O,mBAAmB,6OAA6O,oGAAoG,mBAAmB,uEAAuE,4OAA4O,mBAAmB,6OAA6O,oGAAoG,mBAAmB,uEAAuE,4OAA4O,mBAAmB,oEAAoE,mBAAmB,kWAAkW,mJAAmJ,8R;;;;;;;;;;;;;;;;;;;;;;;;;ACA1rR;AACQ;AAOlD,IAAa,4DAA4D,GAAzE;IAKI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAH9C,UAAK,GAAW,mCAAmC,CAAC;QACpD,cAAS,GAAW,IAAI,CAAC,KAAK,GAAG,+BAA+B,CAAC;QAG7D,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IACD,QAAQ;QACJ,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC1B,CAAC;IACD,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CAEJ;AAfY,4DAA4D;IALxE,+DAAS,CAAC;QACP,QAAQ,EAAE,mCAAmC;;;KAGhD,CAAC;qCAM2C,+DAAK;GALrC,4DAA4D,CAexE;AAfwE;;;;;;;;;;;;ACRzE,6PAA6P,wYAAwY,4sBAA4sB,8CAA8C,OAAO,uIAAuI,UAAU,+5BAA+5B,48DAA48D,gBAAgB,+sBAA+sB,iBAAiB,s7CAAs7C,2IAA2I,wHAAwH,oEAAoE,kWAAkW,goIAAgoI,o4EAAo4E,mJAAmJ,iR;;;;;;;;;;;;;;;;;;;;;;;;;ACA9zb;AACQ;AAOlD,IAAa,iCAAiC,GAA9C;IAMI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAJ9C,cAAS,GAAW,2CAA2C,CAAC;QAChE,UAAK,GAAW,cAAc,CAAC;QAC/B,aAAQ,GAAW,yBAAyB,CAAC;QAGzC,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;CACJ;AATY,iCAAiC;IAL7C,+DAAS,CAAC;QACP,QAAQ,EAAE,8BAA8B;;;KAG3C,CAAC;qCAO2C,+DAAK;GANrC,iCAAiC,CAS7C;AAT6C;;;;;;;;;;;;;;;;;;;;;;;;;;ACRJ;AACQ;AAOlD,IAAa,mCAAmC,GAAhD;IASI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAP9C,iBAAY,GAAG,2CAA2C,CAAC;QAC3D,UAAK,GAAW,yBAAyB,CAAC;QAC1C,cAAS,GAAW,4CAA4C,CAAC;QAYjE,oBAAe,GAAG;YACd,WAAW,EAAE;gBACT,KAAK,EAAE,UAAU;gBACjB,MAAM,EAAE;oBACJ;wBACI,KAAK,EAAE,EAAE;wBACT,QAAQ,EAAE,SAAS;qBACtB;oBACD;wBACI,KAAK,EAAE,SAAS;wBAChB,QAAQ,EAAE,QAAQ;qBACrB;iBACJ;aACJ;YACD,OAAO,EAAE,mJAAmJ;YAC5J,UAAU,EAAE;gBACR,iDAAiD;gBACjD,qCAAqC;gBACrC,0DAA0D;gBAC1D,gDAAgD;aACnD;YACD,OAAO,EAAE;gBACL;oBACI,KAAK,EAAE,wBAAwB;oBAC/B,QAAQ,EAAE,cAAc;oBACxB,KAAK,EAAE,aAAa;oBACpB,MAAM,EAAE,KAAK;iBAChB;gBACD;oBACI,KAAK,EAAE,sCAAsC;oBAC7C,QAAQ,EAAE,qBAAqB;oBAC/B,KAAK,EAAE,aAAa;oBACpB,MAAM,EAAE,KAAK;iBAChB;gBACD;oBACI,KAAK,EAAE,iEAAiE;oBACxE,QAAQ,EAAE,yBAAyB;oBACnC,KAAK,EAAE,mBAAmB;oBAC1B,MAAM,EAAE,IAAI;iBACf;aACJ;YACD,KAAK,EAAE,qDAAqD;YAC5D,MAAM,EAAE,2MAA2M;YACnN,OAAO,EAAE,KAAK;YACd,SAAS,EAAE,8DAA8D;YACzE,MAAM,EAAE,SAAS;YACjB,UAAU,EAAE,yBAAyB;YACrC,OAAO,EAAE,aAAa;YACtB,WAAW,EAAE,oDAAoD;SACpE;QAvDG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IALD,eAAe,CAAC,GAAW;QACvB,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAC/B,CAAC;IAID,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CAoDJ;AAlEY,mCAAmC;IAL/C,+DAAS,CAAC;QACP,QAAQ,EAAE,qCAAqC;;;KAGlD,CAAC;qCAU2C,+DAAK;GATrC,mCAAmC,CAkE/C;AAlE+C;;;;;;;;;;;;ACRhD,sBAAsB,0BAA0B,KAAK,YAAY,+BAA+B,4BAA4B,qBAAqB,KAAK,+BAA+B,4BAA4B,KAAK,gCAAgC,sBAAsB,KAAK,6GAA6G,gFAAgF,2BAA2B,SAAS,4BAA4B,4BAA4B,SAAS,mCAAmC,0BAA0B,SAAS,oCAAoC,2BAA2B,qBAAqB,8BAA8B,6BAA6B,SAAS,wBAAwB,yBAAyB,SAAS,SAAS,iBAAiB,uBAAuB,KAAK,K;;;;;;;;;;;ACAj4B,uPAAuP,wQAAwQ,OAAO,sHAAsH,mXAAmX,OAAO,yVAAyV,OAAO,y+CAAy+C,gBAAgB,mBAAmB,0IAA0I,yBAAyB,oBAAoB,2NAA2N,wBAAwB,oBAAoB,gRAAgR,MAAM,qIAAqI,MAAM,2IAA2I,MAAM,sIAAsI,MAAM,sIAAsI,MAAM,2KAA2K,MAAM,yJAAyJ,MAAM,wJAAwJ,MAAM,oJAAoJ,MAAM,wJAAwJ,MAAM,sJAAsJ,MAAM,gTAAgT,mJAAmJ,uR;;;;;;;;;;;;;;;;;;;;;;;;;ACAr8K;AACQ;AAOlD,IAAa,2CAA2C,GAAxD;IAKI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAH9C,UAAK,GAAW,qBAAqB,CAAC;QACtC,cAAS,GAAW,kDAAkD,CAAC;QAGnE,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IACD,QAAQ;QACJ,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC1B,CAAC;IACD,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CAEJ;AAfY,2CAA2C;IALvD,+DAAS,CAAC;QACP,QAAQ,EAAE,6BAA6B;;;KAG1C,CAAC;qCAM2C,+DAAK;GALrC,2CAA2C,CAevD;AAfuD;;;;;;;;;;;;;;;;;;;;;;ACRP;AAsBjD,IAAa,wCAAwC,GAArD;CACC;AADY,wCAAwC;IApBpD,+DAAS,CAAC;QACP,QAAQ,EAAE,0BAA0B;QACpC,QAAQ,EAAE;;;;;;;;CAQb;QACG,MAAM,EAAE,CAAC;;;;;;;CAOZ,CAAC;KACD,CAAC;GACW,wCAAwC,CACpD;AADoD;;;;;;;;;;;;;;;;;;;;;;ACtBJ;AAuCjD,IAAa,0CAA0C,GAAvD;IACI,QAAQ;QACJ,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC1B,CAAC;IACD,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CACJ;AAPY,0CAA0C;IArCtD,+DAAS,CAAC;QACP,QAAQ,EAAE,4BAA4B;QACtC,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;CAoBb;QACG,MAAM,EAAE,CAAC;;;;;;;;;;;;CAYZ,CAAC;KACD,CAAC;GACW,0CAA0C,CAOtD;AAPsD;;;;;;;;;;;;ACvCvD,gPAAgP,yXAAyX,OAAO,uXAAuX,OAAO,2iBAA2iB,0FAA0F,uVAAuV,2FAA2F,4UAA4U,8M;;;;;;;;;;;;;;;;;;;;;;;;;ACAv0E;AACQ;AAOlD,IAAa,+CAA+C,GAA5D;IAKI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAH9C,UAAK,GAAW,cAAc,CAAC;QAC/B,cAAS,GAAW,IAAI,CAAC,KAAK,GAAG,qDAAqD,CAAC;QAGnF,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IACD,QAAQ;QACJ,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC1B,CAAC;IACD,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CAEJ;AAfY,+CAA+C;IAL3D,+DAAS,CAAC;QACP,QAAQ,EAAE,kCAAkC;;;KAG/C,CAAC;qCAM2C,+DAAK;GALrC,+CAA+C,CAe3D;AAf2D;;;;;;;;;;;;ACR5D,uPAAuP,yXAAyX,OAAO,sHAAsH,+fAA+f,OAAO,oXAAoX,OAAO,+KAA+K,oEAAoE,6BAA6B,yaAAya,wyEAAwyE,0TAA0T,iBAAiB,mBAAmB,6BAA6B,0MAA0M,gBAAgB,kBAAkB,qN;;;;;;;;;;;;;;;;;;;;;;;;;ACA5oK;AACQ;AAOlD,IAAa,yCAAyC,GAAtD;IAKI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAH9C,UAAK,GAAW,mBAAmB,CAAC;QACpC,cAAS,GAAW,IAAI,CAAC,KAAK,GAAG,qDAAqD,CAAC;QAGnF,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IACD,QAAQ;QACJ,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC1B,CAAC;IACD,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CAEJ;AAfY,yCAAyC;IALrD,+DAAS,CAAC;QACP,QAAQ,EAAE,4BAA4B;;;KAGzC,CAAC;qCAM2C,+DAAK;GALrC,yCAAyC,CAerD;AAfqD;;;;;;;;;;;;ACRtD,uPAAuP,yXAAyX,OAAO,sHAAsH,qgBAAqgB,OAAO,0XAA0X,OAAO,4rBAA4rB,gLAAgL,8IAA8I,mZAAmZ,uBAAuB,0ZAA0Z,uMAAuM,4sBAA4sB,qwBAAqwB,oRAAoR,umCAAumC,UAAU,+LAA+L,YAAY,0UAA0U,QAAQ,ocAAoc,YAAY,qnBAAqnB,KAAK,4QAA4Q,iBAAiB,gGAAgG,+OAA+O,iBAAiB,mBAAmB,6BAA6B,qMAAqM,gBAAgB,kBAAkB,0N;;;;;;;;;;;;;;;;;;;;;;;;;ACAt6R;AACQ;AAOlD,IAAa,+CAA+C,GAA5D;IAWI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAT9C,UAAK,GAAW,cAAc,CAAC;QAC/B,cAAS,GAAW,IAAI,CAAC,KAAK,GAAG,qDAAqD,CAAC;QASnF,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IAED,eAAe,CAAC,KAAU;QAEtB,IAAI,QAAQ,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC;QAEzD,IAAI,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;QAElD,QAAQ,CAAC,KAAK,CAAC,QAAQ,GAAG,OAAO,CAAC;QAClC,QAAQ,CAAC,KAAK,CAAC,GAAG,GAAG,KAAK,CAAC;QAC3B,QAAQ,CAAC,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC;QAC5B,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;QAC7B,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC;QAC9B,QAAQ,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC;QAC/B,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;QAC/B,QAAQ,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;QAChC,QAAQ,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;QAClC,QAAQ,CAAC,KAAK,CAAC,UAAU,GAAG,aAAa,CAAC;QAC1C,QAAQ,CAAC,KAAK,GAAG,QAAQ,CAAC;QAC1B,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAEpC,QAAQ,CAAC,MAAM,EAAE,CAAC;QAClB,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QAE7B,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IAExC,CAAC;IAED,QAAQ;QACJ,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC1B,CAAC;IACD,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CAEJ;AAhDY,+CAA+C;IAL3D,+DAAS,CAAC;QACP,QAAQ,EAAE,kCAAkC;;;KAG/C,CAAC;qCAY2C,+DAAK;GAXrC,+CAA+C,CAgD3D;AAhD2D;;;;;;;;;;;;ACR5D,uPAAuP,yXAAyX,OAAO,sHAAsH,mgBAAmgB,OAAO,wXAAwX,OAAO,2aAA2a,yGAAyG,iWAAiW,yGAAyG,4kHAA4kH,wIAAwI,iBAAiB,mBAAmB,6BAA6B,mMAAmM,gBAAgB,kBAAkB,kN;;;;;;;;;;;;;;;;;;;;;;;;;ACApiN;AACQ;AAOlD,IAAa,8CAA8C,GAA3D;IAKI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAH9C,UAAK,GAAW,+BAA+B,CAAC;QAChD,cAAS,GAAW,IAAI,CAAC,KAAK,GAAG,qDAAqD,CAAC;QAGnF,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IACD,QAAQ;QACJ,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC1B,CAAC;IACD,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CAEJ;AAfY,8CAA8C;IAL1D,+DAAS,CAAC;QACP,QAAQ,EAAE,gCAAgC;;;KAG7C,CAAC;qCAM2C,+DAAK;GALrC,8CAA8C,CAe1D;AAf0D;;;;;;;;;;;;ACR3D,4GAA4G,eAAe,4KAA4K,yXAAyX,OAAO,sHAAsH,sgBAAsgB,OAAO,2XAA2X,OAAO,s2BAAs2B,yGAAyG,8VAA8V,yGAAyG,mVAAmV,mEAAmE,SAAS,MAAM,MAAM,MAAM,6FAA6F,4EAA4E,oFAAoF,mEAAmE,SAAS,MAAM,MAAM,MAAM,sGAAsG,4EAA4E,oFAAoF,mEAAmE,SAAS,MAAM,MAAM,MAAM,wGAAwG,4EAA4E,oFAAoF,mEAAmE,SAAS,MAAM,MAAM,MAAM,sGAAsG,4EAA4E,wHAAwH,+eAA+e,mGAAmG,MAAM,MAAM,MAAM,MAAM,SAAS,MAAM,MAAM,MAAM,MAAM,+OAA+O,MAAM,MAAM,MAAM,MAAM,SAAS,MAAM,MAAM,MAAM,MAAM,iMAAiM,iBAAiB,mBAAmB,6BAA6B,+LAA+L,gBAAgB,kBAAkB,oN;;;;;;;;;;;;;;;;;;;;;;;;;ACA9qM;AACQ;AAOlD,IAAa,gDAAgD,GAA7D;IAKI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAH9C,UAAK,GAAW,0BAA0B,CAAC;QAC3C,cAAS,GAAW,IAAI,CAAC,KAAK,GAAG,qDAAqD,CAAC;QAGnF,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IACD,QAAQ;QACJ,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC1B,CAAC;IACD,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CAEJ;AAfY,gDAAgD;IAL5D,+DAAS,CAAC;QACP,QAAQ,EAAE,mCAAmC;;;KAGhD,CAAC;qCAM2C,+DAAK;GALrC,gDAAgD,CAe5D;AAf4D;;;;;;;;;;;;ACR7D,uPAAuP,yXAAyX,OAAO,sHAAsH,kgBAAkgB,OAAO,kYAAkY,OAAO,0tBAA0tB,eAAe,kBAAkB,sTAAsT,eAAe,kBAAkB,kTAAkT,eAAe,kBAAkB,uTAAuT,eAAe,kBAAkB,ujBAAujB,mBAAmB,ihBAAihB,oJAAoJ,kBAAkB,mKAAmK,+SAA+S,kBAAkB,6JAA6J,sRAAsR,kBAAkB,2JAA2J,iSAAiS,kBAAkB,uJAAuJ,8QAA8Q,kBAAkB,4JAA4J,oRAAoR,mJAAmJ,kBAAkB,4KAA4K,kTAAkT,kBAAkB,oKAAoK,yTAAyT,kBAAkB,8JAA8J,0RAA0R,kBAAkB,8JAA8J,6RAA6R,kBAAkB,yJAAyJ,4QAA4Q,kBAAkB,2JAA2J,oSAAoS,kBAAkB,2JAA2J,0YAA0Y,iBAAiB,mBAAmB,6BAA6B,qMAAqM,gBAAgB,kBAAkB,qN;;;;;;;;;;;;;;;;;;;;;;;;;ACAjiV;AACQ;AAOlD,IAAa,6CAA6C,GAA1D;IAKI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAH9C,UAAK,GAAW,sBAAsB,CAAC;QACvC,cAAS,GAAW,IAAI,CAAC,KAAK,GAAG,qDAAqD,CAAC;QAGnF,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IACD,QAAQ;QACJ,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC1B,CAAC;IACD,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CAEJ;AAfY,6CAA6C;IALzD,+DAAS,CAAC;QACP,QAAQ,EAAE,+BAA+B;;;KAG5C,CAAC;qCAM2C,+DAAK;GALrC,6CAA6C,CAezD;AAfyD;;;;;;;;;;;;ACR1D,8DAA8D,wBAAwB,8BAA8B,0BAA0B,KAAK,2BAA2B,6BAA6B,wBAAwB,0BAA0B,2BAA2B,0BAA0B,KAAK,wBAAwB,6BAA6B,wBAAwB,0BAA0B,2BAA2B,KAAK,iCAAiC,uBAAuB,0BAA0B,6BAA6B,yBAAyB,KAAK,qCAAqC,sBAAsB,6BAA6B,0BAA0B,4BAA4B,4BAA4B,KAAK,uCAAuC,oBAAoB,qBAAqB,4BAA4B,0BAA0B,8BAA8B,gCAAgC,iCAAiC,kCAAkC,mCAAmC,mBAAmB,KAAK,sBAAsB,mCAAmC,qCAAqC,wBAAwB,KAAK,+BAA+B,mBAAmB,2BAA2B,KAAK,kCAAkC,gCAAgC,qBAAqB,0BAA0B,0BAA0B,aAAa,kCAAkC,gCAAgC,oBAAoB,KAAK,6DAA6D,6BAA6B,2BAA2B,KAAK,0CAA0C,2BAA2B,yBAAyB,yBAAyB,KAAK,yBAAyB,yBAAyB,KAAK,uBAAuB,kBAAkB,KAAK,4BAA4B,qBAAqB,mBAAmB,KAAK,kCAAkC,gCAAgC,wBAAwB,KAAK,0CAA0C,wBAAwB,2BAA2B,KAAK,6BAA6B,8BAA8B,KAAK,sCAAsC,4BAA4B,KAAK,iBAAiB,uBAAuB,KAAK,iBAAiB,yBAAyB,oBAAoB,wBAAwB,+BAA+B,yBAAyB,yBAAyB,KAAK,sBAAsB,oCAAoC,kCAAkC,4BAA4B,8BAA8B,SAAS,+BAA+B,iCAAiC,8BAA8B,+BAA+B,4BAA4B,8BAA8B,SAAS,4BAA4B,iCAAiC,8BAA8B,+BAA+B,4BAA4B,SAAS,qCAAqC,8BAA8B,4BAA4B,+BAA+B,iCAAiC,SAAS,2CAA2C,mCAAmC,SAAS,6BAA6B,6BAA6B,SAAS,uBAAuB,mBAAmB,aAAa,iBAAiB,6BAA6B,wBAAwB,4BAA4B,yBAAyB,qCAAqC,sCAAsC,gCAAgC,SAAS,KAAK,K;;;;;;;;;;;ACA5iH,uPAAuP,yXAAyX,OAAO,sHAAsH,ogBAAogB,OAAO,yXAAyX,OAAO,0WAA0W,yGAAyG,0VAA0V,yGAAyG,sXAAsX,4JAA4J,mEAAmE,sHAAsH,4DAA4D,yFAAyF,4DAA4D,mGAAmG,mEAAmE,4GAA4G,4DAA4D,wFAAwF,4DAA4D,uGAAuG,mEAAmE,qHAAqH,4DAA4D,yFAAyF,4DAA4D,kGAAkG,mEAAmE,gIAAgI,4DAA4D,sFAAsF,4DAA4D,8FAA8F,mEAAmE,uGAAuG,4DAA4D,2FAA2F,4DAA4D,mGAAmG,mEAAmE,iHAAiH,4DAA4D,sFAAsF,4DAA4D,8FAA8F,mEAAmE,4GAA4G,4DAA4D,sFAAsF,4DAA4D,8KAA8K,6JAA6J,mEAAmE,yFAAyF,4DAA4D,sFAAsF,4DAA4D,8FAA8F,mEAAmE,0FAA0F,4DAA4D,sFAAsF,4DAA4D,8FAA8F,mEAAmE,8FAA8F,4DAA4D,sFAAsF,4DAA4D,8FAA8F,mEAAmE,8FAA8F,4DAA4D,sFAAsF,4DAA4D,8FAA8F,mEAAmE,4GAA4G,4DAA4D,sFAAsF,4DAA4D,oIAAoI,wIAAwI,iBAAiB,mBAAmB,6BAA6B,sMAAsM,gBAAgB,kBAAkB,mN;;;;;;;;;;;;;;;;;;;;;;;;;ACAxwS;AACQ;AAOlD,IAAa,+CAA+C,GAA5D;IAKI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAH9C,UAAK,GAAW,wBAAwB,CAAC;QACzC,cAAS,GAAW,IAAI,CAAC,KAAK,GAAG,qDAAqD,CAAC;QAGnF,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IACD,QAAQ;QACJ,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC1B,CAAC;IACD,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CAEJ;AAfY,+CAA+C;IAL3D,+DAAS,CAAC;QACP,QAAQ,EAAE,iCAAiC;;;KAG9C,CAAC;qCAM2C,+DAAK;GALrC,+CAA+C,CAe3D;AAf2D;;;;;;;;;;;;ACR5D,uPAAuP,yXAAyX,OAAO,sHAAsH,qgBAAqgB,OAAO,0XAA0X,OAAO,ynBAAynB,oKAAoK,uIAAuI,2YAA2Y,+EAA+E,+fAA+f,6IAA6I,uYAAuY,6FAA6F,wMAAwM,oOAAoO,yvBAAyvB,aAAa,uNAAuN,UAAU,6NAA6N,YAAY,kPAAkP,iBAAiB,+OAA+O,QAAQ,6ZAA6Z,yRAAyR,03BAA03B,iBAAiB,mBAAmB,6BAA6B,kMAAkM,gBAAgB,kBAAkB,qN;;;;;;;;;;;;;;;;;;;;;;;;;ACAzgQ;AACQ;AAOlD,IAAa,+CAA+C,GAA5D;IAWI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAT9C,UAAK,GAAW,cAAc,CAAC;QAC/B,cAAS,GAAW,IAAI,CAAC,KAAK,GAAG,qDAAqD,CAAC;QASnF,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IACD,QAAQ;QACJ,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC1B,CAAC;IACD,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CAEJ;AArBY,+CAA+C;IAL3D,+DAAS,CAAC;QACP,QAAQ,EAAE,kCAAkC;;;KAG/C,CAAC;qCAY2C,+DAAK;GAXrC,+CAA+C,CAqB3D;AArB2D;;;;;;;;;;;;ACR5D,uPAAuP,yXAAyX,OAAO,sHAAsH,mgBAAmgB,OAAO,wXAAwX,OAAO,0bAA0b,mBAAmB,gEAAgE,qUAAqU,mBAAmB,gEAAgE,0VAA0V,kqGAAkqG,wIAAwI,iBAAiB,mBAAmB,6BAA6B,oMAAoM,gBAAgB,kBAAkB,mN;;;;;;;;;;;;;;;;;;;;;;;;;ACA55M;AACQ;AAOlD,IAAa,8CAA8C,GAA3D;IAKI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAH9C,UAAK,GAAW,4BAA4B,CAAC;QAC7C,cAAS,GAAW,IAAI,CAAC,KAAK,GAAG,qDAAqD,CAAC;QAGnF,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IACD,QAAQ;QACJ,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC1B,CAAC;IACD,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CAEJ;AAfY,8CAA8C;IAL1D,+DAAS,CAAC;QACP,QAAQ,EAAE,gCAAgC;;;KAG7C,CAAC;qCAM2C,+DAAK;GALrC,8CAA8C,CAe1D;AAf0D;;;;;;;;;;;;ACR3D,uPAAuP,yXAAyX,OAAO,sHAAsH,0gBAA0gB,OAAO,+XAA+X,OAAO,+nBAA+nB,mBAAmB,yVAAyV,6FAA6F,mBAAmB,oEAAoE,kUAAkU,mBAAmB,yVAAyV,8FAA8F,mBAAmB,oEAAoE,kUAAkU,mBAAmB,yVAAyV,6FAA6F,mBAAmB,oEAAoE,iUAAiU,mBAAmB,yVAAyV,6FAA6F,mBAAmB,oEAAoE,kUAAkU,mBAAmB,yVAAyV,6FAA6F,mBAAmB,oEAAoE,qWAAqW,wIAAwI,iBAAiB,mBAAmB,6BAA6B,qMAAqM,gBAAgB,kBAAkB,+M;;;;;;;;;;;;;;;;;;;;;;;;;ACAt5N;AACQ;AAOlD,IAAa,oDAAoD,GAAjE;IAKI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAH9C,UAAK,GAAW,yCAAyC,CAAC;QAC1D,cAAS,GAAW,IAAI,CAAC,KAAK,GAAG,qDAAqD,CAAC;QAGnF,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IACD,QAAQ;QACJ,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC1B,CAAC;IACD,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CAEJ;AAfY,oDAAoD;IALhE,+DAAS,CAAC;QACP,QAAQ,EAAE,uCAAuC;;;KAGpD,CAAC;qCAM2C,+DAAK;GALrC,oDAAoD,CAehE;AAfgE;;;;;;;;;;;;ACRjE,uPAAuP,yXAAyX,OAAO,sHAAsH,kgBAAkgB,OAAO,uXAAuX,OAAO,uxBAAuxB,+IAA+I,+IAA+I,mOAAmO,ojBAAojB,oQAAoQ,mRAAmR,0IAA0I,2PAA2P,uKAAuK,+QAA+Q,wIAAwI,+PAA+P,2gBAA2gB,8IAA8I,kBAAkB,+TAA+T,kFAAkF,YAAY,KAAK,YAAY,kFAAkF,YAAY,sIAAsI,UAAU,4TAA4T,SAAS,oNAAoN,OAAO,sXAAsX,UAAU,8LAA8L,iBAAiB,4FAA4F,sNAAsN,0JAA0J,iBAAiB,mBAAmB,6BAA6B,mMAAmM,gBAAgB,kBAAkB,sM;;;;;;;;;;;;;;;;;;;;;;;;;ACAvxQ;AACQ;AAUlD,IAAa,4CAA4C,GAAzD;IAWI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAT9C,UAAK,GAAW,yBAAyB,CAAC;QAC1C,cAAS,GAAW,IAAI,CAAC,KAAK,GAAG,qDAAqD,CAAC;QASnF,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IAED,eAAe,CAAC,KAAU;QAEtB,IAAI,QAAQ,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC;QAEzD,IAAI,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;QAElD,QAAQ,CAAC,KAAK,CAAC,QAAQ,GAAG,OAAO,CAAC;QAClC,QAAQ,CAAC,KAAK,CAAC,GAAG,GAAG,KAAK,CAAC;QAC3B,QAAQ,CAAC,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC;QAC5B,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;QAC7B,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC;QAC9B,QAAQ,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC;QAC/B,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;QAC/B,QAAQ,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;QAChC,QAAQ,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;QAClC,QAAQ,CAAC,KAAK,CAAC,UAAU,GAAG,aAAa,CAAC;QAC1C,QAAQ,CAAC,KAAK,GAAG,QAAQ,CAAC;QAC1B,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAEpC,QAAQ,CAAC,MAAM,EAAE,CAAC;QAClB,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QAE7B,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IAExC,CAAC;IAED,QAAQ;QACJ,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC1B,CAAC;IACD,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CAEJ;AAhDY,4CAA4C;IALxD,+DAAS,CAAC;QACP,QAAQ,EAAE,+BAA+B;;;KAG5C,CAAC;qCAY2C,+DAAK;GAXrC,4CAA4C,CAgDxD;AAhDwD;;;;;;;;;;;;ACXzD,6PAA6P,qYAAqY,4sBAA4sB,8CAA8C,OAAO,uIAAuI,UAAU,2mBAA2mB,o+DAAo+D,m/CAAm/C,iBAAiB,mBAAmB,yaAAya,iBAAiB,mBAAmB,4vBAA4vB,iBAAiB,mBAAmB,+3BAA+3B,sgCAAsgC,mJAAmJ,yQ;;;;;;;;;;;;;;;;;;;;;;;;;ACAr1R;AACQ;AAOlD,IAAa,iCAAiC,GAA9C;IAMI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAJ9C,cAAS,GAAW,2CAA2C,CAAC;QAChE,UAAK,GAAW,cAAc,CAAC;QAC/B,aAAQ,GAAW,qDAAqD,CAAC;QAGrE,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;CACJ;AATY,iCAAiC;IAL7C,+DAAS,CAAC;QACP,QAAQ,EAAE,8BAA8B;;;KAG3C,CAAC;qCAO2C,+DAAK;GANrC,iCAAiC,CAS7C;AAT6C;;;;;;;;;;;;;;;;;;;;;;;;;;ACRJ;AACQ;AAOlD,IAAa,mCAAmC,GAAhD;IASI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAP9C,iBAAY,GAAG,2CAA2C,CAAC;QAC3D,UAAK,GAAW,qDAAqD,CAAC;QACtE,cAAS,GAAW,wEAAwE,CAAC;QAY7F,oBAAe,GAAG;YACd,WAAW,EAAE;gBACT,KAAK,EAAE,UAAU;gBACjB,MAAM,EAAE;oBACJ;wBACI,KAAK,EAAE,EAAE;wBACT,QAAQ,EAAE,SAAS;qBACtB;oBACD;wBACI,KAAK,EAAE,SAAS;wBAChB,QAAQ,EAAE,QAAQ;qBACrB;iBACJ;aACJ;YACD,OAAO,EAAE,kIAAkI;YAC3I,UAAU,EAAE;gBACR,6DAA6D;gBAC7D,iDAAiD;gBACjD,qCAAqC;gBACrC,oEAAoE;gBACpE,+CAA+C;aAElD;YACD,OAAO,EAAE;gBACL;oBACI,KAAK,EAAE,wBAAwB;oBAC/B,QAAQ,EAAE,cAAc;oBACxB,KAAK,EAAE,aAAa;oBACpB,MAAM,EAAE,KAAK;iBAChB;gBACD;oBACI,KAAK,EAAE,qCAAqC;oBAC5C,QAAQ,EAAE,6BAA6B;oBACvC,KAAK,EAAE,aAAa;oBACpB,MAAM,EAAE,KAAK;iBAChB;gBACD;oBACI,KAAK,EAAE,8FAA8F;oBACrG,QAAQ,EAAE,qDAAqD;oBAC/D,KAAK,EAAE,aAAa;oBACpB,MAAM,EAAE,IAAI;iBACf;gBACD;oBACI,KAAK,EAAE,2FAA2F;oBAClG,QAAQ,EAAE,kDAAkD;oBAC5D,KAAK,EAAE,aAAa;oBACpB,MAAM,EAAE,IAAI;iBACf;gBACD;oBACI,KAAK,EAAE,6FAA6F;oBACpG,QAAQ,EAAE,yBAAyB;oBACnC,KAAK,EAAE,mBAAmB;oBAC1B,MAAM,EAAE,IAAI;iBACf;aACJ;YACD,KAAK,EAAE,yDAAyD;YAChE,MAAM,EAAE,qFAAqF;YAC7F,OAAO,EAAE,IAAI;YACb,SAAS,EAAE,2DAA2D;YACtE,MAAM,EAAE,SAAS;YACjB,UAAU,EAAE,yBAAyB;YACrC,OAAO,EAAE,aAAa;YACtB,WAAW,EAAE,oDAAoD;SACpE;QArEG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IALD,eAAe,CAAC,GAAW;QACvB,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAC/B,CAAC;IAID,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CAkEJ;AAhFY,mCAAmC;IAL/C,+DAAS,CAAC;QACP,QAAQ,EAAE,qCAAqC;;;KAGlD,CAAC;qCAU2C,+DAAK;GATrC,mCAAmC,CAgF/C;AAhF+C;;;;;;;;;;;;ACRhD,uPAAuP,wQAAwQ,OAAO,sHAAsH,qXAAqX,OAAO,0aAA0a,eAAe,gBAAgB,kBAAkB,oBAAoB,uVAAuV,gBAAgB,kBAAkB,oBAAoB,8JAA8J,mBAAmB,2HAA2H,mBAAmB,oJAAoJ,mBAAmB,yIAAyI,mBAAmB,2MAA2M,mBAAmB,qIAAqI,mBAAmB,8JAA8J,mBAAmB,2HAA2H,mBAAmB,6LAA6L,mBAAmB,uIAAuI,mBAAmB,gKAAgK,mBAAmB,iIAAiI,mBAAmB,mMAAmM,mBAAmB,6IAA6I,mBAAmB,sKAAsK,mBAAmB,SAAS,4KAA4K,gBAAgB,kBAAkB,oBAAoB,uIAAuI,qFAAqF,kBAAkB,6IAA6I,kBAAkB,6IAA6I,kBAAkB,qJAAqJ,kBAAkB,6IAA6I,kBAAkB,sMAAsM,oBAAoB,sFAAsF,uFAAuF,oBAAoB,gLAAgL,wFAAwF,kBAAkB,iJAAiJ,kBAAkB,iJAAiJ,kBAAkB,yJAAyJ,kBAAkB,iJAAiJ,kBAAkB,sMAAsM,oBAAoB,2KAA2K,oBAAoB,+KAA+K,kGAAkG,kBAAkB,iJAAiJ,kBAAkB,iJAAiJ,kBAAkB,yJAAyJ,kBAAkB,iJAAiJ,kBAAkB,sMAAsM,oBAAoB,+FAA+F,uFAAuF,oBAAoB,yLAAyL,sFAAsF,kBAAkB,iJAAiJ,kBAAkB,iJAAiJ,kBAAkB,yJAAyJ,kBAAkB,iJAAiJ,kBAAkB,sMAAsM,oBAAoB,mFAAmF,uFAAuF,oBAAoB,6KAA6K,0GAA0G,kBAAkB,iJAAiJ,kBAAkB,iJAAiJ,kBAAkB,yJAAyJ,kBAAkB,iJAAiJ,kBAAkB,sMAAsM,oBAAoB,4KAA4K,oBAAoB,gLAAgL,yFAAyF,kBAAkB,iJAAiJ,kBAAkB,iJAAiJ,kBAAkB,yJAAyJ,kBAAkB,iJAAiJ,kBAAkB,sMAAsM,oBAAoB,4KAA4K,oBAAoB,uLAAuL,oBAAoB,qEAAqE,sIAAsI,oBAAoB,uOAAuO,gBAAgB,kBAAkB,oBAAoB,oHAAoH,mEAAmE,sLAAsL,8rBAA8rB,gBAAgB,kBAAkB,oBAAoB,6aAA6a,mBAAmB,qJAAqJ,mBAAmB,+FAA+F,wEAAwE,mBAAmB,wKAAwK,mBAAmB,uTAAuT,mBAAmB,kJAAkJ,mBAAmB,8FAA8F,uEAAuE,mBAAmB,sKAAsK,mBAAmB,uTAAuT,kYAAkY,mJAAmJ,+Q;;;;;;;;;;;;;;;;;;;;;;;;;ACAz5hB;AACQ;AAmClD,IAAa,6CAA6C,GAA1D;IAKI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAH9C,UAAK,GAAW,6BAA6B,CAAC;QAC9C,cAAS,GAAW,IAAI,CAAC,KAAK,GAAG,+BAA+B,CAAC;QAG7D,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IACD,QAAQ;QACJ,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC1B,CAAC;IACD,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CAEJ;AAfY,6CAA6C;IAjCzD,+DAAS,CAAC;QACP,QAAQ,EAAE,wCAAwC;;QAElD,MAAM,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4BR,CAAC;KACL,CAAC;qCAM2C,+DAAK;GALrC,6CAA6C,CAezD;AAfyD;;;;;;;;;;;;ACpC1D,6PAA6P,wYAAwY,4sBAA4sB,8CAA8C,OAAO,uIAAuI,UAAU,kmBAAkmB,+8CAA+8C,0HAA0H,iEAAiE,wIAAwI,gEAAgE,WAAW,kqDAAkqD,6rDAA6rD,WAAW,6lCAA6lC,qiDAAqiD,WAAW,sPAAsP,mJAAmJ,yQ;;;;;;;;;;;;;;;;;;;;;;;;;ACA5yU;AACQ;AAOlD,IAAa,gCAAgC,GAA7C;IAMI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAJ9C,cAAS,GAAW,2CAA2C,CAAC;QAChE,UAAK,GAAW,cAAc,CAAC;QAC/B,aAAQ,GAAW,uCAAuC,CAAC;QAGvD,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;CACJ;AATY,gCAAgC;IAL5C,+DAAS,CAAC;QACP,QAAQ,EAAE,6BAA6B;;;KAG1C,CAAC;qCAO2C,+DAAK;GANrC,gCAAgC,CAS5C;AAT4C;;;;;;;;;;;;;;;;;;;;;;;;;;ACRH;AACQ;AAOlD,IAAa,kCAAkC,GAA/C;IAKI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAH9C,iBAAY,GAAG,2CAA2C,CAAC;QAC3D,UAAK,GAAW,uCAAuC,CAAC;QACxD,cAAS,GAAW,0DAA0D,CAAC;QAI/E,oBAAe,GAAG;YACd,WAAW,EAAE;gBACT,KAAK,EAAE,UAAU;gBACjB,MAAM,EAAE;oBACJ;wBACI,KAAK,EAAE,EAAE;wBACT,QAAQ,EAAE,SAAS;qBACtB;oBACD;wBACI,KAAK,EAAE,SAAS;wBAChB,QAAQ,EAAE,QAAQ;qBACrB;iBACJ;aACJ;YACD,OAAO,EAAE,oSAAoS;YAC7S,UAAU,EAAE;gBACR,2CAA2C;gBAC3C,qEAAqE;gBACrE,yCAAyC;aAC5C;YACD,OAAO,EAAE;gBACL;oBACI,KAAK,EAAE,wBAAwB;oBAC/B,QAAQ,EAAE,cAAc;oBACxB,KAAK,EAAE,aAAa;iBACvB;aACJ;YACD,KAAK,EAAE,yDAAyD;YAChE,MAAM,EAAE,iIAAiI;YACzI,OAAO,EAAE,sBAAsB;YAC/B,SAAS,EAAE,yCAAyC;YACpD,MAAM,EAAE,UAAU;YAClB,UAAU,EAAE,uBAAuB;YACnC,OAAO,EAAE,cAAc;YACvB,WAAW,EAAE,8BAA8B;SAE9C;QAtCG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IAuCD,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CACJ;AAjDY,kCAAkC;IAL9C,+DAAS,CAAC;QACP,QAAQ,EAAE,oCAAoC;;;KAGjD,CAAC;qCAM2C,+DAAK;GALrC,kCAAkC,CAiD9C;AAjD8C;;;;;;;;;;;;;;;;;;;;;;;;;;ACRL;AACQ;AAOlD,IAAa,wBAAwB,GAArC;IAKI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAH9C,UAAK,GAAW,sCAAsC,CAAC;QACvD,cAAS,GAAW,iDAAiD,CAAC;QAKtE,wBAAmB,GAAG;YAClB,WAAW,EAAE;gBACT,KAAK,EAAE,QAAQ;gBACf,MAAM,EAAE;oBACJ;wBACI,KAAK,EAAE,EAAE;wBACT,QAAQ,EAAE,SAAS;qBACtB;iBACJ;aACJ;YACD,cAAc,EAAE;gBACZ;oBACI,IAAI,EAAE,2BAA2B;iBACpC;gBACD;oBACI,IAAI,EAAE,QAAQ;iBACjB;gBACD;oBACI,IAAI,EAAE,0BAA0B;iBACnC;gBACD;oBACI,IAAI,EAAE,2BAA2B;iBACpC;gBACD;oBACI,IAAI,EAAE,0BAA0B;iBACnC;gBACD;oBACI,IAAI,EAAE,0BAA0B;iBACnC;gBACD;oBACI,IAAI,EAAE,qCAAqC;iBAC9C;gBACD;oBACI,IAAI,EAAE,yCAAyC;iBAClD;gBACD;oBACI,IAAI,EAAE,gCAAgC;iBACzC;gBACD;oBACI,IAAI,EAAE,gBAAgB;iBACzB;gBACD;oBACI,IAAI,EAAE,4BAA4B;iBACrC;aACJ;YACD,OAAO,EAAE,8KAA8K;YACvL,OAAO,EAAE;gBACL;oBACI,KAAK,EAAE,kBAAkB;oBACzB,QAAQ,EAAE,gCAAgC;oBAC1C,KAAK,EAAE,aAAa;oBACpB,KAAK,EAAE,gEAAgE;oBACvE,OAAO,EAAE,sEAAsE;iBAClF;gBACD;oBACI,KAAK,EAAE,kBAAkB;oBACzB,QAAQ,EAAE,4BAA4B;oBACtC,KAAK,EAAE,aAAa;oBACpB,KAAK,EAAE,oCAAoC;oBAC3C,OAAO,EAAE,0EAA0E;iBACtF;gBACD;oBACI,KAAK,EAAE,kBAAkB;oBACzB,QAAQ,EAAE,qDAAqD;oBAC/D,KAAK,EAAE,aAAa;oBACpB,KAAK,EAAE,2DAA2D;oBAClE,OAAO,EAAE,kEAAkE;iBAC9E;gBACD;oBACI,KAAK,EAAE,kBAAkB;oBACzB,QAAQ,EAAE,uCAAuC;oBACjD,KAAK,EAAE,aAAa;oBACpB,KAAK,EAAE,yDAAyD;oBAChE,OAAO,EAAE,uCAAuC;iBACnD;gBACD;oBACI,KAAK,EAAE,kBAAkB;oBACzB,QAAQ,EAAE,qCAAqC;oBAC/C,KAAK,EAAE,aAAa;oBACpB,KAAK,EAAE,oDAAoD;oBAC3D,OAAO,EAAE,gHAAgH;iBAC5H;gBACD;oBACI,KAAK,EAAE,kBAAkB;oBACzB,QAAQ,EAAE,oCAAoC;oBAC9C,KAAK,EAAE,aAAa;oBACpB,KAAK,EAAE,0DAA0D;oBACjE,OAAO,EAAE,yEAAyE;iBACrF;gBACD;oBACI,KAAK,EAAE,kBAAkB;oBACzB,QAAQ,EAAE,sCAAsC;oBAChD,KAAK,EAAE,aAAa;oBACpB,KAAK,EAAE,mEAAmE;oBAC1E,OAAO,EAAE,6HAA6H;iBACzI;aAEJ;YACD,KAAK,EAAE,4DAA4D;YACnE,OAAO,EAAE,6FAA6F;YACtG,OAAO,EAAE,IAAI;YACb,SAAS,EAAE,OAAO;YAClB,SAAS,EAAE,2IAA2I;YACtJ,MAAM,EAAE,UAAU;YAClB,UAAU,EAAE,2BAA2B;YACvC,OAAO,EAAE,gBAAgB;YACzB,WAAW,EAAE,+DAA+D;SAC/E;QA7GG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;CA6GJ;AApHY,wBAAwB;IALpC,+DAAS,CAAC;QACP,QAAQ,EAAE,wBAAwB;;;KAGrC,CAAC;qCAM2C,+DAAK;GALrC,wBAAwB,CAoHpC;AApHoC;;;;;;;;;;;;ACRrC,6PAA6P,wYAAwY,4sBAA4sB,8CAA8C,OAAO,uIAAuI,UAAU,+iCAA+iC,6mEAA6mE,6TAA6T,wCAAwC,MAAM,uyCAAuyC,69CAA69C,+mBAA+mB,2oBAA2oB,oGAAoG,MAAM,qkBAAqkB,kWAAkW,2WAA2W,unCAAunC,ggEAAggE,WAAW,2CAA2C,WAAW,0QAA0Q,mJAAmJ,yQ;;;;;;;;;;;;;;;;;;;;;;;;;ACAn8b;AACQ;AAOlD,IAAa,+BAA+B,GAA5C;IAMI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAJ9C,cAAS,GAAW,2CAA2C,CAAC;QAChE,UAAK,GAAW,cAAc,CAAC;QAC/B,aAAQ,GAAW,gCAAgC,CAAC;QAGhD,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;CACJ;AATY,+BAA+B;IAL3C,+DAAS,CAAC;QACP,QAAQ,EAAE,4BAA4B;;;KAGzC,CAAC;qCAO2C,+DAAK;GANrC,+BAA+B,CAS3C;AAT2C;;;;;;;;;;;;;;;;;;;;;;;;;;ACRF;AACQ;AAOlD,IAAa,iCAAiC,GAA9C;IAaI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAX9C,iBAAY,GAAG,wCAAwC,CAAC;QACxD,UAAK,GAAW,gCAAgC,CAAC;QACjD,cAAS,GAAW,mDAAmD,CAAC;QAYxE,oBAAe,GAAG;YACd,WAAW,EAAE;gBACT,KAAK,EAAE,UAAU;gBACjB,MAAM,EAAE;oBACJ;wBACI,KAAK,EAAE,EAAE;wBACT,QAAQ,EAAE,SAAS;qBACtB;oBACD;wBACI,KAAK,EAAE,SAAS;wBAChB,QAAQ,EAAE,QAAQ;qBACrB;iBACJ;aACJ;YACD,OAAO,EAAE,gQAAgQ;YACzQ,UAAU,EAAE;gBACR,8DAA8D;gBAC9D,qFAAqF;gBACrF,6DAA6D;gBAC7D,sGAAsG;gBACtG,4CAA4C;aAC/C;YACD,OAAO,EAAE;gBACL;oBACI,KAAK,EAAE,wBAAwB;oBAC/B,QAAQ,EAAE,cAAc;oBACxB,KAAK,EAAE,aAAa;oBACpB,MAAM,EAAE,KAAK;iBAChB;gBACD;oBACI,KAAK,EAAE,4CAA4C;oBACnD,QAAQ,EAAE,2BAA2B;oBACrC,KAAK,EAAE,aAAa;oBACpB,MAAM,EAAE,KAAK;iBAChB;gBACD;oBACI,KAAK,EAAE,kEAAkE;oBACzE,QAAQ,EAAE,qBAAqB;oBAC/B,KAAK,EAAE,aAAa;oBACpB,MAAM,EAAE,IAAI;iBACf;gBACD;oBACI,KAAK,EAAE,wEAAwE;oBAC/E,QAAQ,EAAE,yBAAyB;oBACnC,KAAK,EAAE,mBAAmB;oBAC1B,MAAM,EAAE,IAAI;iBACf;aACJ;YACD,KAAK,EAAE,gEAAgE;YACvE,MAAM,EAAE,sEAAsE;YAC9E,OAAO,EAAE,0BAA0B;YACnC,SAAS,EAAE,yCAAyC;YACpD,MAAM,EAAE,UAAU;YAClB,UAAU,EAAE,uBAAuB;YACnC,OAAO,EAAE,cAAc;YACvB,WAAW,EAAE,8BAA8B;SAE9C;QA3DG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IATD,eAAe,CAAC,GAAW;QACvB,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAC/B,CAAC;IAED,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CAgEJ;AA5EY,iCAAiC;IAL7C,+DAAS,CAAC;QACP,QAAQ,EAAE,mCAAmC;;;KAGhD,CAAC;qCAc2C,+DAAK;GAbrC,iCAAiC,CA4E7C;AA5E6C;;;;;;;;;;;;ACR9C,2BAA2B,oBAAoB,2BAA2B,KAAK,sBAAsB,yBAAyB,4BAA4B,KAAK,C;;;;;;;;;;;ACA/J,qLAAqL,YAAY,mBAAmB,YAAY,+FAA+F,WAAW,iE;;;;;;;;;;;;;;;;;;;;;;;;ACArQ;AAOrE,IAAa,0CAA0C,GAAvD;IAMI,YAAY,CAAC,MAAM;QACf,IAAI,CAAC,GAAkB,KAAK,CAAC;QAC7B,IAAI,IAAI,CAAC,UAAU,EAAE;YACjB,IAAI,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;gBACtD,eAAe;gBACf,CAAC,CAAC,CAAC,OAAO,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC;gBAC9C,eAAe;gBACf,CAAC,CAAC,CAAC,OAAO,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC;gBAC9C,eAAe;gBACf,CAAC,CAAC,CAAC,OAAO,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC;gBAC9C,eAAe;gBACf,CAAC,CAAC,CAAC,OAAO,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC;gBAC9C,+BAA+B;gBAC/B,CAAC,CAAC,CAAC,OAAO,IAAI,EAAE,IAAI,CAAC,CAAC,OAAO,IAAI,EAAE,CAAC,EAAE;gBAClC,mBAAmB;gBACnB,OAAO;aACd;YACD,kDAAkD;YAClD,IAAI,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC,OAAO,GAAG,EAAE,IAAI,CAAC,CAAC,OAAO,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,GAAG,EAAE,IAAI,CAAC,CAAC,OAAO,GAAG,EAAE,CAAC,EAAE;gBACtF,CAAC,CAAC,cAAc,EAAE,CAAC;aAC1B;SACJ;IACL,CAAC;CACJ;AA3BY;IAAR,2DAAK,EAAE;;8EAAoB;AACnB;IAAR,2DAAK,EAAE;;6EAAmB;AAClB;IAAR,2DAAK,EAAE;;8EAAqB;AAJpB,0CAA0C;IALtD,+DAAS,CAAC;QACP,QAAQ,EAAE,0BAA0B;;;KAGvC,CAAC;GACW,0CAA0C,CA6BtD;AA7BsD;;;;;;;;;;;;ACPvD,6BAA6B,wBAAwB,2BAA2B,KAAK,4BAA4B,2BAA2B,uBAAuB,kBAAkB,mBAAmB,oBAAoB,yBAAyB,KAAK,gBAAgB,uBAAuB,KAAK,iBAAiB,yBAAyB,oBAAoB,wBAAwB,+BAA+B,yBAAyB,yBAAyB,KAAK,sBAAsB,iBAAiB,6BAA6B,wBAAwB,4BAA4B,yBAAyB,6BAA6B,SAAS,KAAK,C;;;;;;;;;;;ACA9oB,uPAAuP,wQAAwQ,OAAO,sHAAsH,4XAA4X,OAAO,uXAAuX,OAAO,wiVAAwiV,+lBAA+lB,kQAAkQ,maAAma,iOAAiO,mTAAmT,mJAAmJ,sR;;;;;;;;;;;;;;;;;;;;;;;;;ACAtyb;AACQ;AAWlD,IAAa,gDAAgD,GAA7D;IAKI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAH9C,UAAK,GAAW,2BAA2B,CAAC;QAC5C,cAAS,GAAW,IAAI,CAAC,KAAK,GAAG,+BAA+B,CAAC;QAI7D,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;CACH;AATW,gDAAgD;IAP5D,+DAAS,CAAC;QACP,QAAQ,EAAE,2BAA2B;;;KAGxC,CAAC;qCAQ2C,+DAAK;GALrC,gDAAgD,CAS3D;AAT2D;;;;;;;;;;;;ACZ7D,6PAA6P,wYAAwY,4sBAA4sB,8CAA8C,OAAO,uIAAuI,UAAU,0GAA0G,WAAW,6EAA6E,WAAW,0YAA0Y,WAAW,6GAA6G,WAAW,yMAAyM,WAAW,yHAAyH,WAAW,0LAA0L,mKAAmK,WAAW,iDAAiD,WAAW,kNAAkN,WAAW,qeAAqe,WAAW,yVAAyV,WAAW,8IAA8I,WAAW,uUAAuU,WAAW,kMAAkM,WAAW,oFAAoF,WAAW,+kBAA+kB,WAAW,mKAAmK,WAAW,wVAAwV,WAAW,gJAAgJ,WAAW,qQAAqQ,iFAAiF,WAAW,qMAAqM,WAAW,6FAA6F,yDAAyD,mBAAmB,sBAAsB,WAAW,6EAA6E,WAAW,2HAA2H,WAAW,uIAAuI,WAAW,mIAAmI,WAAW,yGAAyG,wIAAwI,WAAW,2GAA2G,WAAW,4GAA4G,WAAW,kDAAkD,WAAW,mIAAmI,mBAAmB,wRAAwR,WAAW,8OAA8O,qQAAqQ,6TAA6T,iBAAiB,skDAAskD,+QAA+Q,WAAW,kFAAkF,yKAAyK,WAAW,qMAAqM,WAAW,wZAAwZ,WAAW,kDAAkD,WAAW,6mBAA6mB,WAAW,mEAAmE,WAAW,yHAAyH,WAAW,uEAAuE,WAAW,0SAA0S,oBAAoB,yDAAyD,mBAAmB,wHAAwH,WAAW,6KAA6K,WAAW,wWAAwW,0ZAA0Z,udAAud,WAAW,sDAAsD,WAAW,uFAAuF,mBAAmB,mNAAmN,WAAW,kgBAAkgB,WAAW,+ZAA+Z,WAAW,kGAAkG,WAAW,sJAAsJ,WAAW,g3CAAg3C,iBAAiB,mCAAmC,WAAW,2GAA2G,WAAW,2EAA2E,WAAW,mhBAAmhB,WAAW,0KAA0K,WAAW,wUAAwU,WAAW,iGAAiG,WAAW,uWAAuW,WAAW,qGAAqG,WAAW,sKAAsK,WAAW,qHAAqH,WAAW,yJAAyJ,WAAW,mXAAmX,yVAAyV,WAAW,gfAAgf,WAAW,0FAA0F,WAAW,uZAAuZ,WAAW,qYAAqY,mJAAmJ,6Q;;;;;;;;;;;;;;;;;;;;;;;;;ACAxosB;AACQ;AAOlD,IAAa,+BAA+B,GAA5C;IAMI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAJ9C,cAAS,GAAW,2CAA2C,CAAC;QAChE,UAAK,GAAW,cAAc,CAAC;QAC/B,aAAQ,GAAW,kCAAkC,CAAC;QAGlD,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;CACJ;AATY,+BAA+B;IAL3C,+DAAS,CAAC;QACP,QAAQ,EAAE,4BAA4B;;;KAGzC,CAAC;qCAO2C,+DAAK;GANrC,+BAA+B,CAS3C;AAT2C;;;;;;;;;;;;;;;;;;;;;;;;;;ACRF;AACQ;AAOlD,IAAa,iCAAiC,GAA9C;IAaI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAX9C,iBAAY,GAAG,wCAAwC,CAAC;QACxD,UAAK,GAAW,kCAAkC,CAAC;QACnD,cAAS,GAAW,qDAAqD,CAAC;QAY1E,oBAAe,GAAG;YACd,WAAW,EAAE;gBACT,KAAK,EAAE,UAAU;gBACjB,MAAM,EAAE;oBACJ;wBACI,KAAK,EAAE,EAAE;wBACT,QAAQ,EAAE,SAAS;qBACtB;oBACD;wBACI,KAAK,EAAE,SAAS;wBAChB,QAAQ,EAAE,QAAQ;qBACrB;iBACJ;aACJ;YACD,OAAO,EAAE,mLAAmL;YAC5L,UAAU,EAAE;gBACR,uCAAuC;gBACvC,8IAA8I;gBAC9I,mEAAmE;aACtE;YACD,OAAO,EAAE;gBACL;oBACI,KAAK,EAAE,wBAAwB;oBAC/B,QAAQ,EAAE,cAAc;oBACxB,KAAK,EAAE,aAAa;oBACpB,MAAM,EAAE,KAAK;iBAChB;gBAED;oBACI,KAAK,EAAE,4CAA4C;oBACnD,QAAQ,EAAE,iCAAiC;oBAC3C,KAAK,EAAE,aAAa;oBACpB,MAAM,EAAE,KAAK;iBAChB;gBAED;oBACI,KAAK,EAAE,kCAAkC;oBACzC,QAAQ,EAAE,uBAAuB;oBACjC,KAAK,EAAE,aAAa;oBACpB,MAAM,EAAE,KAAK;iBAChB;gBAED;oBACI,KAAK,EAAE,gEAAgE;oBACvE,QAAQ,EAAE,2BAA2B;oBACrC,KAAK,EAAE,aAAa;oBACpB,MAAM,EAAE,IAAI;iBACf;gBAED;oBACI,KAAK,EAAE,kEAAkE;oBACzE,QAAQ,EAAE,yBAAyB;oBACnC,KAAK,EAAE,mBAAmB;oBAC1B,MAAM,EAAE,IAAI;iBACf;aACJ;YACD,KAAK,EAAE,oCAAoC;YAC3C,MAAM,EAAE,0EAA0E;YAClF,OAAO,EAAE,IAAI;YACb,SAAS,EAAE,uEAAuE;YAClF,MAAM,EAAE,SAAS;YACjB,UAAU,EAAE,yBAAyB;YACrC,OAAO,EAAE,aAAa;YACtB,WAAW,EAAE,oDAAoD;SACpE;QAlEG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IATD,eAAe,CAAC,GAAW;QACvB,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAC/B,CAAC;IAED,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CAuEJ;AAnFY,iCAAiC;IAL7C,+DAAS,CAAC;QACP,QAAQ,EAAE,mCAAmC;;;KAGhD,CAAC;qCAc2C,+DAAK;GAbrC,iCAAiC,CAmF7C;AAnF6C;;;;;;;;;;;;ACR9C,wCAAwC,mBAAmB,oBAAoB,iBAAiB,kBAAkB,wBAAwB,oBAAoB,yBAAyB,KAAK,wCAAwC,wBAAwB,2BAA2B,KAAK,0BAA0B,oBAAoB,mCAAmC,oCAAoC,KAAK,8BAA8B,qCAAqC,KAAK,8BAA8B,uCAAuC,KAAK,oCAAoC,2BAA2B,uBAAuB,kBAAkB,mBAAmB,oBAAoB,yBAAyB,KAAK,yBAAyB,yBAAyB,oBAAoB,wBAAwB,+BAA+B,yBAAyB,yBAAyB,KAAK,wBAAwB,sBAAsB,KAAK,2DAA2D,sBAAsB,yBAAyB,wCAAwC,yCAAyC,0CAA0C,SAAS,0BAA0B,0CAA0C,SAAS,0BAA0B,iCAAiC,SAAS,2BAA2B,0CAA0C,SAAS,KAAK,8BAA8B,iBAAiB,6BAA6B,wBAAwB,4BAA4B,yBAAyB,6BAA6B,SAAS,KAAK,C;;;;;;;;;;;ACAllD,uPAAuP,wQAAwQ,OAAO,sHAAsH,4XAA4X,OAAO,uXAAuX,OAAO,mQAAmQ,WAAW,gNAAgN,8NAA8N,8MAA8M,8NAA8N,sPAAsP,yJAAyJ,2kHAA2kH,2LAA2L,+vHAA+vH,y0HAAy0H,mJAAmJ,sR;;;;;;;;;;;;;;;;;;;;;;;;;ACA3yc;AACQ;AAOlD,IAAa,iDAAiD,GAA9D;IAKI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAH9C,UAAK,GAAW,iCAAiC,CAAC;QAClD,cAAS,GAAW,IAAI,CAAC,KAAK,GAAG,+BAA+B,CAAC;QAG7D,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;CACJ;AARY,iDAAiD;IAL7D,+DAAS,CAAC;QACP,QAAQ,EAAE,2BAA2B;;;KAGxC,CAAC;qCAM2C,+DAAK;GALrC,iDAAiD,CAQ7D;AAR6D;;;;;;;;;;;;ACR9D,8BAA8B,gCAAgC,KAAK,mBAAmB,2BAA2B,2BAA2B,KAAK,YAAY,qBAAqB,KAAK,gBAAgB,uBAAuB,KAAK,sBAAsB,wBAAwB,yBAAyB,SAAS,uBAAuB,yBAAyB,SAAS,2BAA2B,yBAAyB,SAAS,4BAA4B,yBAAyB,SAAS,gBAAgB,0BAA0B,SAAS,KAAK,C;;;;;;;;;;;ACA/hB,uPAAuP,wQAAwQ,OAAO,sHAAsH,kXAAkX,OAAO,oZAAoZ,iBAAiB,mBAAmB,kBAAkB,qLAAqL,oZAAoZ,wBAAwB,8EAA8E,kBAAkB,mBAAmB,4FAA4F,WAAW,eAAe,wIAAwI,wBAAwB,8EAA8E,kBAAkB,mBAAmB,4FAA4F,WAAW,eAAe,wIAAwI,wBAAwB,yFAAyF,kBAAkB,mBAAmB,4FAA4F,WAAW,eAAe,wCAAwC,0OAA0O,wBAAwB,oFAAoF,sOAAsO,kBAAkB,mBAAmB,8GAA8G,WAAW,eAAe,kTAAkT,oBAAoB,wBAAwB,mGAAmG,kBAAkB,mBAAmB,4FAA4F,WAAW,eAAe,wCAAwC,+RAA+R,mJAAmJ,4Q;;;;;;;;;;;;;;;;;;;;;;;;;ACAn0J;AACQ;AAOlD,IAAa,wCAAwC,GAArD;IAKI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAH9C,UAAK,GAAW,uBAAuB,CAAC;QACxC,cAAS,GAAW,IAAI,CAAC,KAAK,GAAG,+BAA+B,CAAC;QAG7D,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IAED,QAAQ;QACJ,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC1B,CAAC;IACD,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;IAED,kBAAkB,CAAC,MAAM;QACrB,IAAI,MAAM,CAAC,UAAU,CAAC,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;YACjD,MAAM,CAAC,UAAU,CAAC,SAAS,GAAG,oBAAoB,CAAC;IAC3D,CAAC;IAED,WAAW;QACP,IAAI,IAAI,GAAG,QAAQ,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;QACjD,IAAI,CAAC,SAAS,IAAI,wEAAwE,CAAC;IAC/F,CAAC;CACJ;AAzBY,wCAAwC;IALpD,+DAAS,CAAC;QACP,QAAQ,EAAE,iBAAiB;;;KAG9B,CAAC;qCAM2C,+DAAK;GALrC,wCAAwC,CAyBpD;AAzBoD;;;;;;;;;;;;ACRrD,6PAA6P,wYAAwY,4sBAA4sB,8CAA8C,OAAO,uIAAuI,UAAU,g+BAAg+B,yzFAAyzF,MAAM,6uCAA6uC,WAAW,sDAAsD,yGAAyG,gmBAAgmB,8CAA8C,iVAAiV,unBAAunB,+7CAA+7C,wIAAwI,2nBAA2nB,kqDAAkqD,goEAAgoE,mJAAmJ,yQ;;;;;;;;;;;;;;;;;;;;;;;;;ACAh3c;AACQ;AAOlD,IAAa,iCAAiC,GAA9C;IAMI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAJ9C,cAAS,GAAW,2CAA2C,CAAC;QAChE,UAAK,GAAW,cAAc,CAAC;QAC/B,aAAQ,GAAW,qDAAqD,CAAC;QAGrE,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;CACJ;AATY,iCAAiC;IAL7C,+DAAS,CAAC;QACP,QAAQ,EAAE,4BAA4B;;;KAGzC,CAAC;qCAO2C,+DAAK;GANrC,iCAAiC,CAS7C;AAT6C;;;;;;;;;;;;;;;;;;;;;;;;;;ACRJ;AACQ;AAOlD,IAAa,mCAAmC,GAAhD;IAaI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAX9C,iBAAY,GAAG,wCAAwC,CAAC;QACxD,UAAK,GAAW,qDAAqD,CAAC;QACtE,cAAS,GAAW,wEAAwE,CAAC;QAY7F,oBAAe,GAAG;YACd,WAAW,EAAE;gBACT,KAAK,EAAE,UAAU;gBACjB,MAAM,EAAE;oBACJ;wBACI,KAAK,EAAE,EAAE;wBACT,QAAQ,EAAE,SAAS;qBACtB;oBACD;wBACI,KAAK,EAAE,SAAS;wBAChB,QAAQ,EAAE,QAAQ;qBACrB;iBACJ;aACJ;YACD,OAAO,EAAE,8LAA8L;YACvM,UAAU,EAAE;gBACR,iDAAiD;gBACjD,wFAAwF;gBACxF,+DAA+D;aAClE;YACD,OAAO,EAAE;gBACL;oBACI,KAAK,EAAE,wBAAwB;oBAC/B,QAAQ,EAAE,cAAc;oBACxB,KAAK,EAAE,aAAa;oBACpB,MAAM,EAAE,KAAK;iBAChB;gBACD;oBACI,KAAK,EAAE,4CAA4C;oBACnD,QAAQ,EAAE,2BAA2B;oBACrC,KAAK,EAAE,aAAa;oBACpB,MAAM,EAAE,KAAK;iBAChB;gBACD;oBACI,KAAK,EAAE,2CAA2C;oBAClD,QAAQ,EAAE,2CAA2C;oBACrD,KAAK,EAAE,aAAa;oBACpB,MAAM,EAAE,KAAK;iBAChB;gBACD;oBACI,KAAK,EAAE,6FAA6F;oBACpG,QAAQ,EAAE,yBAAyB;oBACnC,KAAK,EAAE,mBAAmB;oBAC1B,MAAM,EAAE,IAAI;iBACf;aACJ;YACD,KAAK,EAAE,2DAA2D;YAClE,MAAM,EAAE,kEAAkE;YAC1E,OAAO,EAAE,IAAI;YACb,SAAS,EAAE,qIAAqI;YAChJ,MAAM,EAAE,UAAU;YAClB,UAAU,EAAE,2BAA2B;YACvC,OAAO,EAAE,cAAc;YACvB,WAAW,EAAE,+DAA+D;SAC/E;QAxDG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IATD,eAAe,CAAC,GAAW;QACvB,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAC/B,CAAC;IAED,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CA6DJ;AAzEY,mCAAmC;IAL/C,+DAAS,CAAC;QACP,QAAQ,EAAE,qCAAqC;;;KAGlD,CAAC;qCAc2C,+DAAK;GAbrC,mCAAmC,CAyE/C;AAzE+C;;;;;;;;;;;;ACRhD,sCAAsC,2BAA2B,uBAAuB,kBAAkB,mBAAmB,oBAAoB,yBAAyB,KAAK,oBAAoB,uBAAuB,KAAK,qBAAqB,yBAAyB,mBAAmB,wBAAwB,+BAA+B,yBAAyB,yBAAyB,KAAK,0BAA0B,iBAAiB,6BAA6B,uBAAuB,4BAA4B,yBAAyB,6BAA6B,SAAS,KAAK,C;;;;;;;;;;;ACA7kB,uPAAuP,wQAAwQ,OAAO,sHAAsH,2XAA2X,OAAO,kXAAkX,OAAO,qcAAqc,kBAAkB,2MAA2M,iEAAiE,uMAAuM,kBAAkB,yMAAyM,iEAAiE,8MAA8M,yJAAyJ,2OAA2O,kBAAkB,2MAA2M,iEAAiE,uMAAuM,kBAAkB,yMAAyM,iEAAiE,oBAAoB,4PAA4P,mJAAmJ,qR;;;;;;;;;;;;;;;;;;;;;;;;;ACAzwI;AACQ;AAOlD,IAAa,kDAAkD,GAA/D;IAKI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAH9C,UAAK,GAAW,2CAA2C,CAAC;QAC5D,cAAS,GAAW,IAAI,CAAC,KAAK,GAAG,+BAA+B,CAAC;QAG7D,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IAED,QAAQ;QACJ,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC1B,CAAC;IACD,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CACJ;AAfY,kDAAkD;IAL9D,+DAAS,CAAC;QACP,QAAQ,EAAE,0BAA0B;;;KAGvC,CAAC;qCAM2C,+DAAK;GALrC,kDAAkD,CAe9D;AAf8D;;;;;;;;;;;;ACR/D,oCAAoC,mCAAmC,oDAAoD,yBAAyB,KAAK,4BAA4B,2BAA2B,uBAAuB,kBAAkB,mBAAmB,oBAAoB,yBAAyB,KAAK,gBAAgB,uBAAuB,KAAK,C;;;;;;;;;;;ACA1W,uPAAuP,wQAAwQ,OAAO,sHAAsH,4XAA4X,OAAO,mXAAmX,OAAO,8tBAA8tB,gHAAgH,MAAM,wEAAwE,4eAA4e,gIAAgI,MAAM,wEAAwE,sfAAsf,sHAAsH,MAAM,gXAAgX,4fAA4f,kQAAkQ,MAAM,mJAAmJ,8KAA8K,0XAA0X,oWAAoW,oBAAoB,yEAAyE,UAAU,oTAAoT,2FAA2F,YAAY,sUAAsU,+HAA+H,aAAa,wNAAwN,aAAa,4SAA4S,wHAAwH,WAAW,gYAAgY,2GAA2G,YAAY,8bAA8b,qBAAqB,6EAA6E,kTAAkT,+JAA+J,wT;;;;;;;;;;;;;;;;;;;;;;;;;ACA1vR;AACQ;AAOlD,IAAa,mDAAmD,GAAhE;IAKI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAH9C,UAAK,GAAW,2BAA2B,CAAC;QAC5C,cAAS,GAAW,IAAI,CAAC,KAAK,GAAG,+BAA+B,CAAC;QAG7D,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IASD,eAAe,CAAC,KAAU;QAEtB,IAAI,QAAQ,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC;QAEzD,IAAI,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;QAElD,QAAQ,CAAC,KAAK,CAAC,QAAQ,GAAG,OAAO,CAAC;QAClC,QAAQ,CAAC,KAAK,CAAC,GAAG,GAAG,KAAK,CAAC;QAC3B,QAAQ,CAAC,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC;QAC5B,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;QAC7B,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC;QAC9B,QAAQ,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC;QAC/B,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;QAC/B,QAAQ,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;QAChC,QAAQ,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;QAClC,QAAQ,CAAC,KAAK,CAAC,UAAU,GAAG,aAAa,CAAC;QAC1C,QAAQ,CAAC,KAAK,GAAG,QAAQ,CAAC;QAC1B,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAEpC,QAAQ,CAAC,MAAM,EAAE,CAAC;QAClB,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QAE7B,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IAExC,CAAC;IAED,QAAQ;QACJ,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC1B,CAAC;IACD,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CACJ;AAhDY,mDAAmD;IAL/D,+DAAS,CAAC;QACP,QAAQ,EAAE,2BAA2B;;;KAGxC,CAAC;qCAM2C,+DAAK;GALrC,mDAAmD,CAgD/D;AAhD+D;;;;;;;;;;;;ACRhE,6PAA6P,wYAAwY,4sBAA4sB,8CAA8C,OAAO,uIAAuI,UAAU,ujCAAujC,65BAA65B,6bAA6b,WAAW,smDAAsmD,MAAM,+oBAA+oB,iFAAiF,oFAAoF,geAAge,MAAM,mUAAmU,MAAM,8mCAA8mC,WAAW,uGAAuG,WAAW,yuBAAyuB,WAAW,0DAA0D,4OAA4O,MAAM,sPAAsP,MAAM,iXAAiX,MAAM,8zCAA8zC,YAAY,oBAAoB,0JAA0J,oqBAAoqB,YAAY,0IAA0I,mtBAAmtB,MAAM,qxBAAqxB,MAAM,mvBAAmvB,MAAM,qYAAqY,MAAM,gsEAAgsE,8mCAA8mC,mJAAmJ,yQ;;;;;;;;;;;;;;;;;;;;;;;;;ACAj0kB;AACQ;AAOlD,IAAa,gCAAgC,GAA7C;IAMI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAJ9C,cAAS,GAAW,2CAA2C,CAAC;QAChE,UAAK,GAAW,cAAc,CAAC;QAC/B,aAAQ,GAAW,uCAAuC,CAAC;QAGvD,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;CACJ;AATY,gCAAgC;IAL5C,+DAAS,CAAC;QACP,QAAQ,EAAE,6BAA6B;;;KAG1C,CAAC;qCAO2C,+DAAK;GANrC,gCAAgC,CAS5C;AAT4C;;;;;;;;;;;;;;;;;;;;;;;;;;ACRH;AACQ;AAOlD,IAAa,kCAAkC,GAA/C;IAaI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAX9C,iBAAY,GAAG,wCAAwC,CAAC;QACxD,UAAK,GAAW,uCAAuC,CAAC;QACxD,cAAS,GAAW,0DAA0D,CAAC;QAY/E,oBAAe,GAAG;YACd,WAAW,EAAE;gBACT,KAAK,EAAE,UAAU;gBACjB,MAAM,EAAE;oBACJ;wBACI,KAAK,EAAE,EAAE;wBACT,QAAQ,EAAE,SAAS;qBACtB;oBACD;wBACI,KAAK,EAAE,SAAS;wBAChB,QAAQ,EAAE,QAAQ;qBACrB;iBACJ;aACJ;YACD,OAAO,EAAE,wRAAwR;YACjS,UAAU,EAAE;gBACR,0DAA0D;gBAC1D,oCAAoC;gBACpC,iCAAiC;aACpC;YACD,OAAO,EAAE;gBACL;oBACI,KAAK,EAAE,wBAAwB;oBAC/B,QAAQ,EAAE,cAAc;oBACxB,KAAK,EAAE,aAAa;oBACpB,MAAM,EAAE,KAAK;iBAChB;gBACD;oBACI,KAAK,EAAE,2CAA2C;oBAClD,QAAQ,EAAE,0BAA0B;oBACpC,KAAK,EAAE,aAAa;oBACpB,MAAM,EAAE,KAAK;iBAChB;gBACD;oBACI,KAAK,EAAE,2CAA2C;oBAClD,QAAQ,EAAE,0BAA0B;oBACpC,KAAK,EAAE,aAAa;oBACpB,MAAM,EAAE,KAAK;iBAChB;gBACD;oBACI,KAAK,EAAE,+EAA+E;oBACtF,QAAQ,EAAE,yBAAyB;oBACnC,KAAK,EAAE,mBAAmB;oBAC1B,MAAM,EAAE,IAAI;iBACf;aACJ;YACD,KAAK,EAAE,yDAAyD;YAChE,MAAM,EAAE,uCAAuC;YAC/C,OAAO,EAAE,IAAI;YACb,SAAS,EAAE,sIAAsI;YACjJ,MAAM,EAAE,UAAU;YAClB,UAAU,EAAE,2BAA2B;YACvC,OAAO,EAAE,cAAc;YACvB,WAAW,EAAE,+DAA+D;SAC/E;QAxDG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IATD,eAAe,CAAC,GAAW;QACvB,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAC/B,CAAC;IAED,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CA6DJ;AAzEY,kCAAkC;IAL9C,+DAAS,CAAC;QACP,QAAQ,EAAE,oCAAoC;;;KAGjD,CAAC;qCAc2C,+DAAK;GAbrC,kCAAkC,CAyE9C;AAzE8C;;;;;;;;;;;;ACR/C,sBAAsB,2BAA2B,KAAK,YAAY,4BAA4B,mBAAmB,gCAAgC,sCAAsC,qCAAqC,KAAK,eAAe,kCAAkC,oCAAoC,qCAAqC,KAAK,gBAAgB,uBAAuB,KAAK,qBAAqB,0BAA0B,6BAA6B,uBAAuB,2BAA2B,2BAA2B,gDAAgD,mCAAmC,KAAK,kBAAkB,oBAAoB,wBAAwB,KAAK,mBAAmB,qBAAqB,yBAAyB,iCAAiC,KAAK,iBAAiB,qBAAqB,KAAK,mDAAmD,gFAAgF,2BAA2B,SAAS,gBAAgB,yBAAyB,wBAAwB,qCAAqC,SAAS,4BAA4B,4BAA4B,SAAS,mCAAmC,0BAA0B,SAAS,oCAAoC,2BAA2B,wBAAwB,+BAA+B,8BAA8B,SAAS,+BAA+B,oCAAoC,SAAS,KAAK,K;;;;;;;;;;;ACA79C,uPAAuP,wQAAwQ,OAAO,sHAAsH,2XAA2X,OAAO,m3BAAm3B,OAAO,mkPAAmkP,mJAAmJ,qR;;;;;;;;;;;;;;;;;;;;;;;;;ACApiT;AACQ;AAOlD,IAAa,iDAAiD,GAA9D;IAKI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAH9C,UAAK,GAAW,0BAA0B,CAAC;QAC3C,cAAS,GAAW,IAAI,CAAC,KAAK,GAAG,+BAA+B,CAAC;QAG7D,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;CAEJ;AATY,iDAAiD;IAL7D,+DAAS,CAAC;QACP,QAAQ,EAAE,0BAA0B;;;KAGvC,CAAC;qCAM2C,+DAAK;GALrC,iDAAiD,CAS7D;AAT6D;;;;;;;;;;;;ACR9D,sCAAsC,2BAA2B,uBAAuB,kBAAkB,mBAAmB,oBAAoB,yBAAyB,KAAK,gBAAgB,uBAAuB,KAAK,uCAAuC,oBAAoB,wBAAwB,+BAA+B,yBAAyB,KAAK,sBAAsB,uCAAuC,wBAAwB,4BAA4B,6BAA6B,yBAAyB,SAAS,KAAK,C;;;;;;;;;;;ACAhiB,uPAAuP,wQAAwQ,OAAO,sHAAsH,2XAA2X,OAAO,kXAAkX,OAAO,kmBAAkmB,mJAAmJ,mEAAmE,mBAAmB,4HAA4H,mBAAmB,yHAAyH,mBAAmB,0HAA0H,mBAAmB,iIAAiI,mEAAmE,mBAAmB,qIAAqI,mBAAmB,sIAAsI,mEAAmE,mBAAmB,4IAA4I,mBAAmB,sIAAsI,mEAAmE,mBAAmB,gIAAgI,mBAAmB,2HAA2H,mBAAmB,kHAAkH,mBAAmB,sKAAsK,sKAAsK,yRAAyR,sUAAsU,6JAA6J,yEAAyE,6HAA6H,4LAA4L,6QAA6Q,0TAA0T,4JAA4J,kLAAkL,mKAAmK,2TAA2T,wWAAwW,yIAAyI,sRAAsR,mUAAmU,iLAAiL,uSAAuS,oVAAoV,iPAAiP,2SAA2S,wVAAwV,sMAAsM,oQAAoQ,iTAAiT,kRAAkR,0HAA0H,iJAAiJ,0LAA0L,4RAA4R,6UAA6U,iMAAiM,oJAAoJ,sLAAsL,sIAAsI,yEAAyE,gPAAgP,8/BAA8/B,6lDAA6lD,ifAAif,2NAA2N,+CAA+C,eAAe,kBAAkB,gEAAgE,uGAAuG,kBAAkB,4EAA4E,kBAAkB,8LAA8L,eAAe,iBAAiB,kBAAkB,wDAAwD,qGAAqG,kBAAkB,4EAA4E,kBAAkB,0LAA0L,eAAe,iBAAiB,kBAAkB,6JAA6J,kBAAkB,4EAA4E,kBAAkB,gMAAgM,eAAe,kBAAkB,iBAAiB,8DAA8D,qGAAqG,kBAAkB,4EAA4E,kBAAkB,4LAA4L,eAAe,iBAAiB,kBAAkB,wDAAwD,mGAAmG,kBAAkB,4EAA4E,kBAAkB,wLAAwL,eAAe,iBAAiB,kBAAkB,2JAA2J,kBAAkB,4EAA4E,kBAAkB,uRAAuR,+CAA+C,eAAe,kBAAkB,iGAAiG,sGAAsG,kBAAkB,4EAA4E,kBAAkB,6LAA6L,eAAe,iBAAiB,kBAAkB,wDAAwD,oGAAoG,kBAAkB,4EAA4E,kBAAkB,yLAAyL,eAAe,iBAAiB,kBAAkB,4JAA4J,kBAAkB,4EAA4E,kBAAkB,uRAAuR,2IAA2I,yRAAyR,sUAAsU,oIAAoI,yRAAyR,sUAAsU,iJAAiJ,yRAAyR,sUAAsU,qPAAqP,+RAA+R,4UAA4U,uNAAuN,+HAA+H,qUAAqU,kLAAkL,oIAAoI,gLAAgL,0IAA0I,mLAAmL,0JAA0J,0LAA0L,6JAA6J,0IAA0I,0HAA0H,8HAA8H,gTAAgT,8VAA8V,wJAAwJ,yIAAyI,+HAA+H,yLAAyL,gIAAgI,4KAA4K,sIAAsI,+KAA+K,sJAAsJ,sLAAsL,yJAAyJ,sIAAsI,0HAA0H,8HAA8H,oSAAoS,iVAAiV,oJAAoJ,qIAAqI,+HAA+H,wLAAwL,mIAAmI,+KAA+K,yIAAyI,kLAAkL,yJAAyJ,yLAAyL,4JAA4J,yIAAyI,0HAA0H,8HAA8H,6SAA6S,0VAA0V,uJAAuJ,wIAAwI,ybAAyb,gJAAgJ,qKAAqK,oSAAoS,kVAAkV,mQAAmQ,sIAAsI,gTAAgT,oBAAoB,+RAA+R,wIAAwI,uSAAuS,oVAAoV,iLAAiL,yTAAyT,sWAAsW,sIAAsI,6KAA6K,mJAAmJ,wLAAwL,kJAAkJ,yLAAyL,4IAA4I,sLAAsL,yIAAyI,yLAAyL,yJAAyJ,gMAAgM,mKAAmK,8jBAA8jB,2IAA2I,kLAAkL,wJAAwJ,6LAA6L,uJAAuJ,8LAA8L,iJAAiJ,2LAA2L,8IAA8I,8LAA8L,8JAA8J,qMAAqM,wKAAwK,kmBAAkmB,2IAA2I,gLAAgL,8IAA8I,qLAAqL,mIAAmI,mLAAmL,mJAAmJ,0LAA0L,wIAAwI,iJAAiJ,mEAAmE,+JAA+J,uLAAuL,8HAA8H,2IAA2I,gLAAgL,8IAA8I,qLAAqL,mIAAmI,mLAAmL,mJAAmJ,0LAA0L,wIAAwI,iJAAiJ,mEAAmE,+JAA+J,uLAAuL,8HAA8H,2IAA2I,gLAAgL,8IAA8I,qLAAqL,mIAAmI,mLAAmL,mJAAmJ,0LAA0L,wIAAwI,sLAAsL,+JAA+J,uLAAuL,gIAAgI,qfAAqf,0HAA0H,yKAAyK,0HAA0H,6HAA6H,6LAA6L,mJAAmJ,qR;;;;;;;;;;;;;;;;;;;;;;;;;ACAlyhD;AACQ;AAOlD,IAAa,iDAAiD,GAA9D;IAKI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAH9C,UAAK,GAAW,0BAA0B,CAAC;QAC3C,cAAS,GAAW,IAAI,CAAC,KAAK,GAAG,+BAA+B,CAAC;QAG7D,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IAED,QAAQ;QACJ,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC1B,CAAC;IACD,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CACJ;AAfY,iDAAiD;IAL7D,+DAAS,CAAC;QACP,QAAQ,EAAE,0BAA0B;;;KAGvC,CAAC;qCAM2C,+DAAK;GALrC,iDAAiD,CAe7D;AAf6D;;;;;;;;;;;;ACR9D,6PAA6P,wYAAwY,4sBAA4sB,8CAA8C,OAAO,uIAAuI,UAAU,s+CAAs+C,uiEAAuiE,MAAM,s4DAAs4D,mBAAmB,6EAA6E,MAAM,4pCAA4pC,iBAAiB,mBAAmB,mDAAmD,MAAM,wMAAwM,WAAW,0HAA0H,MAAM,6TAA6T,iBAAiB,mBAAmB,4DAA4D,MAAM,w+BAAw+B,iBAAiB,0RAA0R,MAAM,kMAAkM,aAAa,iBAAiB,eAAe,yZAAyZ,iBAAiB,sjBAAsjB,aAAa,iBAAiB,eAAe,2gBAA2gB,MAAM,qxBAAqxB,s8CAAs8C,mJAAmJ,6Q;;;;;;;;;;;;;;;;;;;;;;;;;ACA/2c;AACQ;AAOlD,IAAa,gCAAgC,GAA7C;IAMI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAJ9C,cAAS,GAAW,2CAA2C,CAAC;QAChE,UAAK,GAAW,cAAc,CAAC;QAC/B,aAAQ,GAAW,qCAAqC,CAAC;QAGrD,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;CACJ;AATY,gCAAgC;IAL5C,+DAAS,CAAC;QACP,QAAQ,EAAE,6BAA6B;;;KAG1C,CAAC;qCAO2C,+DAAK;GANrC,gCAAgC,CAS5C;AAT4C;;;;;;;;;;;;;;;;;;;;;;;;;;ACRH;AACQ;AAOlD,IAAa,kCAAkC,GAA/C;IAaI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAX9C,iBAAY,GAAG,wCAAwC,CAAC;QACxD,UAAK,GAAW,qCAAqC,CAAC;QACtD,cAAS,GAAW,wDAAwD,CAAC;QAY7E,oBAAe,GAAG;YACd,WAAW,EAAE;gBACT,KAAK,EAAE,UAAU;gBACjB,MAAM,EAAE;oBACJ;wBACI,KAAK,EAAE,EAAE;wBACT,QAAQ,EAAE,SAAS;qBACtB;oBACD;wBACI,KAAK,EAAE,SAAS;wBAChB,QAAQ,EAAE,QAAQ;qBACrB;iBACJ;aACJ;YACD,OAAO,EAAE,oRAAoR;YAC7R,UAAU,EAAE;gBACR,4EAA4E;gBAC5E,gFAAgF;gBAChF,8DAA8D;gBAC9D,6CAA6C;aAChD;YACD,OAAO,EAAE;gBACL;oBACI,KAAK,EAAE,wBAAwB;oBAC/B,QAAQ,EAAE,cAAc;oBACxB,KAAK,EAAE,aAAa;oBACpB,MAAM,EAAE,KAAK;iBAChB;gBACD;oBACI,KAAK,EAAE,0CAA0C;oBACjD,QAAQ,EAAE,qCAAqC;oBAC/C,KAAK,EAAE,aAAa;oBACpB,MAAM,EAAE,KAAK;iBAChB;gBACD;oBACI,KAAK,EAAE,yCAAyC;oBAChD,QAAQ,EAAE,yCAAyC;oBACnD,KAAK,EAAE,aAAa;oBACpB,MAAM,EAAE,KAAK;iBAChB;gBACD;oBACI,KAAK,EAAE,2CAA2C;oBAClD,QAAQ,EAAE,gCAAgC;oBAC1C,KAAK,EAAE,aAAa;oBACpB,MAAM,EAAE,KAAK;iBAChB;gBACD;oBACI,KAAK,EAAE,6EAA6E;oBACpF,QAAQ,EAAE,yBAAyB;oBACnC,KAAK,EAAE,mBAAmB;oBAC1B,MAAM,EAAE,IAAI;iBACf;aACJ;YACD,KAAK,EAAE,oDAAoD;YAC3D,MAAM,EAAE,gHAAgH;YACxH,OAAO,EAAE,IAAI;YACb,SAAS,EAAE,oEAAoE;YAC/E,MAAM,EAAE,SAAS;YACjB,UAAU,EAAE,yBAAyB;YACrC,OAAO,EAAE,aAAa;YACtB,WAAW,EAAE,oDAAoD;SACpE;QA/DG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IATD,eAAe,CAAC,GAAW;QACvB,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAC/B,CAAC;IAED,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CAoEJ;AAhFY,kCAAkC;IAL9C,+DAAS,CAAC;QACP,QAAQ,EAAE,oCAAoC;;;KAGjD,CAAC;qCAc2C,+DAAK;GAbrC,kCAAkC,CAgF9C;AAhF8C;;;;;;;;;;;;ACR/C,8BAA8B,uBAAuB,KAAK,iBAAiB,yBAAyB,mBAAmB,wBAAwB,+BAA+B,yBAAyB,yBAAyB,KAAK,sBAAsB,iBAAiB,6BAA6B,uBAAuB,4BAA4B,yBAAyB,6BAA6B,SAAS,KAAK,K;;;;;;;;;;;ACAha,uPAAuP,wQAAwQ,OAAO,sHAAsH,2XAA2X,OAAO,kXAAkX,OAAO,0HAA0H,kBAAkB,wJAAwJ,iEAAiE,gEAAgE,UAAU,gOAAgO,kBAAkB,kJAAkJ,iEAAiE,gEAAgE,UAAU,yRAAyR,mJAAmJ,qR;;;;;;;;;;;;;;;;;;;;;;;;;ACAvrF;AACQ;AAQlD,IAAa,8CAA8C,GAA3D;IAKI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAH9C,UAAK,GAAW,gCAAgC,CAAC;QACjD,cAAS,GAAW,IAAI,CAAC,KAAK,GAAG,+BAA+B,CAAC;QAG7D,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IAED,QAAQ;QACJ,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC1B,CAAC;IACD,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CACJ;AAfY,8CAA8C;IAN1D,+DAAS,CAAC;QACP,QAAQ,EAAE,0BAA0B;;;KAGvC,CAAC;qCAO2C,+DAAK;GALrC,8CAA8C,CAe1D;AAf0D;;;;;;;;;;;;ACT3D,+BAA+B,uBAAuB,KAAK,iBAAiB,yBAAyB,mBAAmB,wBAAwB,+BAA+B,yBAAyB,yBAAyB,KAAK,sBAAsB,iBAAiB,wBAAwB,SAAS,KAAK,K;;;;;;;;;;;ACAnT,uPAAuP,wQAAwQ,OAAO,sHAAsH,yXAAyX,OAAO,gXAAgX,OAAO,iXAAiX,kBAAkB,iKAAiK,iEAAiE,gJAAgJ,UAAU,gJAAgJ,kBAAkB,2JAA2J,iEAAiE,gJAAgJ,UAAU,+IAA+I,mHAAmH,6LAA6L,kBAAkB,iKAAiK,iEAAiE,gJAAgJ,UAAU,gJAAgJ,kBAAkB,2JAA2J,iEAAiE,oBAAoB,gJAAgJ,UAAU,qMAAqM,mJAAmJ,mR;;;;;;;;;;;;;;;;;;;;;;;;;ACAjzI;AACQ;AAOlD,IAAa,+CAA+C,GAA5D;IAKI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAH9C,UAAK,GAAW,yCAAyC,CAAC;QAC1D,cAAS,GAAW,IAAI,CAAC,KAAK,GAAG,+BAA+B,CAAC;QAG7D,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IAED,QAAQ;QACJ,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC1B,CAAC;IACD,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CACJ;AAfY,+CAA+C;IAL3D,+DAAS,CAAC;QACP,QAAQ,EAAE,wBAAwB;;;KAGrC,CAAC;qCAM2C,+DAAK;GALrC,+CAA+C,CAe3D;AAf2D;;;;;;;;;;;;ACR5D,2BAA2B,uBAAuB,KAAK,uCAAuC,yBAAyB,oBAAoB,wBAAwB,+BAA+B,yBAAyB,yBAAyB,KAAK,sBAAsB,uCAAuC,6BAA6B,wBAAwB,4BAA4B,yBAAyB,6BAA6B,SAAS,KAAK,K;;;;;;;;;;;ACA3c,uPAAuP,wQAAwQ,OAAO,sHAAsH,0XAA0X,OAAO,iXAAiX,OAAO,ykBAAykB,snBAAsnB,isBAAisB,kkBAAkkB,ysBAAysB,uqBAAuqB,oLAAoL,+gBAA+gB,4tBAA4tB,60BAA60B,qwBAAqwB,iQAAiQ,mJAAmJ,oR;;;;;;;;;;;;;;;;;;;;;;;;;ACAlgR;AACQ;AAOlD,IAAa,gDAAgD,GAA7D;IAKI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAH9C,UAAK,GAAW,qCAAqC,CAAC;QACtD,cAAS,GAAW,IAAI,CAAC,KAAK,GAAG,+BAA+B,CAAC;QAG7D,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IACD,QAAQ;QACJ,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC1B,CAAC;IACD,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CAEJ;AAfY,gDAAgD;IAL5D,+DAAS,CAAC;QACP,QAAQ,EAAE,yBAAyB;;;KAGtC,CAAC;qCAM2C,+DAAK;GALrC,gDAAgD,CAe5D;AAf4D;;;;;;;;;;;;ACR7D,6PAA6P,wYAAwY,4sBAA4sB,8CAA8C,OAAO,uIAAuI,UAAU,o5BAAo5B,s+DAAs+D,MAAM,qgBAAqgB,MAAM,0OAA0O,MAAM,oXAAoX,MAAM,ugBAAugB,MAAM,orBAAorB,ilCAAilC,MAAM,szDAAszD,mJAAmJ,yQ;;;;;;;;;;;;;;;;;;;;;;;;;ACAnsT;AACQ;AAOlD,IAAa,+BAA+B,GAA5C;IAMI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAJ9C,cAAS,GAAW,2CAA2C,CAAC;QAChE,UAAK,GAAW,cAAc,CAAC;QAC/B,aAAQ,GAAW,oCAAoC,CAAC;QAGpD,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;CACJ;AATY,+BAA+B;IAL3C,+DAAS,CAAC;QACP,QAAQ,EAAE,4BAA4B;;;KAGzC,CAAC;qCAO2C,+DAAK;GANrC,+BAA+B,CAS3C;AAT2C;;;;;;;;;;;;;;;;;;;;;;;;;;ACRF;AACQ;AAOlD,IAAa,iCAAiC,GAA9C;IAaI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAX9C,iBAAY,GAAG,wCAAwC,CAAC;QACxD,UAAK,GAAW,oCAAoC,CAAC;QACrD,cAAS,GAAW,uDAAuD,CAAC;QAY5E,oBAAe,GAAG;YACd,WAAW,EAAE;gBACT,KAAK,EAAE,UAAU;gBACjB,MAAM,EAAE;oBACJ;wBACI,KAAK,EAAE,EAAE;wBACT,QAAQ,EAAE,SAAS;qBACtB;oBACD;wBACI,KAAK,EAAE,SAAS;wBAChB,QAAQ,EAAE,QAAQ;qBACrB;iBACJ;aACJ;YACD,OAAO,EAAE,4IAA4I;YACrJ,UAAU,EAAE;gBACR,sEAAsE;gBACtE,sEAAsE;gBACtE,uDAAuD;aAC1D;YACD,OAAO,EAAE;gBACL;oBACI,KAAK,EAAE,wBAAwB;oBAC/B,QAAQ,EAAE,cAAc;oBACxB,KAAK,EAAE,aAAa;oBACpB,MAAM,EAAE,KAAK;iBAChB;gBACD;oBACI,KAAK,EAAE,0CAA0C;oBACjD,QAAQ,EAAE,yBAAyB;oBACnC,KAAK,EAAE,aAAa;oBACpB,MAAM,EAAE,KAAK;iBAChB;gBACD;oBACI,KAAK,EAAE,kEAAkE;oBACzE,QAAQ,EAAE,yBAAyB;oBACnC,KAAK,EAAE,mBAAmB;oBAC1B,MAAM,EAAE,IAAI;iBACf;aACJ;YACD,KAAK,EAAE,0DAA0D;YACjE,MAAM,EAAE,yEAAyE;YACjF,OAAO,EAAE,oBAAoB;YAC7B,SAAS,EAAE,yCAAyC;YACpD,MAAM,EAAE,UAAU;YAClB,UAAU,EAAE,uBAAuB;YACnC,OAAO,EAAE,cAAc;YACvB,WAAW,EAAE,8BAA8B;SAC9C;QAlDG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IATD,eAAe,CAAC,GAAW;QACvB,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAC/B,CAAC;IAED,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CAuDJ;AAnEY,iCAAiC;IAL7C,+DAAS,CAAC;QACP,QAAQ,EAAE,mCAAmC;;;KAGhD,CAAC;qCAc2C,+DAAK;GAbrC,iCAAiC,CAmE7C;AAnE6C;;;;;;;;;;;;ACR9C,oCAAoC,mCAAmC,oDAAoD,yBAAyB,KAAK,oBAAoB,uBAAuB,KAAK,0BAA0B,kBAAkB,qBAAqB,OAAO,SAAS,K;;;;;;;;;;;ACA1R,uPAAuP,wQAAwQ,OAAO,sHAAsH,0XAA0X,OAAO,iXAAiX,OAAO,gSAAgS,oBAAoB,0JAA0J,4KAA4K,0GAA0G,MAAM,wEAAwE,gZAAgZ,sOAAsO,yHAAyH,oRAAoR,mPAAmP,qbAAqb,kOAAkO,yaAAya,uNAAuN,uaAAua,mvCAAmvC,8DAA8D,WAAW,sEAAsE,qMAAqM,oEAAoE,WAAW,4SAA4S,4HAA4H,UAAU,oWAAoW,kJAAkJ,kBAAkB,0XAA0X,iIAAiI,YAAY,yWAAyW,+GAA+G,WAAW,uVAAuV,kZAAkZ,qPAAqP,UAAU,qKAAqK,mIAAmI,6EAA6E,wTAAwT,mJAAmJ,oR;;;;;;;;;;;;;;;;;;;;;;;;;ACAn5U;AACQ;AAOlD,IAAa,8CAA8C,GAA3D;IAKI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAH9C,UAAK,GAAW,yBAAyB,CAAC;QAC1C,cAAS,GAAW,IAAI,CAAC,KAAK,GAAG,+BAA+B,CAAC;QAG7D,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IAUD,eAAe,CAAC,KAAU;QAEtB,IAAI,QAAQ,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC;QAEzD,IAAI,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;QAElD,QAAQ,CAAC,KAAK,CAAC,QAAQ,GAAG,OAAO,CAAC;QAClC,QAAQ,CAAC,KAAK,CAAC,GAAG,GAAG,KAAK,CAAC;QAC3B,QAAQ,CAAC,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC;QAC5B,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;QAC7B,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC;QAC9B,QAAQ,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC;QAC/B,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;QAC/B,QAAQ,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;QAChC,QAAQ,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;QAClC,QAAQ,CAAC,KAAK,CAAC,UAAU,GAAG,aAAa,CAAC;QAC1C,QAAQ,CAAC,KAAK,GAAG,QAAQ,CAAC;QAC1B,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAEpC,QAAQ,CAAC,MAAM,EAAE,CAAC;QAClB,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QAE7B,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IAExC,CAAC;IAED,QAAQ;QACJ,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC1B,CAAC;IACD,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CACJ;AAjDY,8CAA8C;IAL1D,+DAAS,CAAC;QACP,QAAQ,EAAE,yBAAyB;;;KAGtC,CAAC;qCAM2C,+DAAK;GALrC,8CAA8C,CAiD1D;AAjD0D;;;;;;;;;;;;ACR3D,6PAA6P,wYAAwY,4sBAA4sB,8CAA8C,OAAO,uIAAuI,UAAU,mhCAAmhC,4vFAA4vF,mBAAmB,k6BAAk6B,WAAW,2gCAA2gC,WAAW,i5BAAi5B,MAAM,uRAAuR,y5BAAy5B,mJAAmJ,yQ;;;;;;;;;;;;;;;;;;;;;;;;;ACA56S;AACQ;AAOlD,IAAa,iCAAiC,GAA9C;IAMI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAJ9C,cAAS,GAAW,2CAA2C,CAAC;QAChE,UAAK,GAAW,cAAc,CAAC;QAC/B,aAAQ,GAAW,sCAAsC,CAAC;QAGtD,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;CACJ;AATY,iCAAiC;IAL7C,+DAAS,CAAC;QACP,QAAQ,EAAE,8BAA8B;;;KAG3C,CAAC;qCAO2C,+DAAK;GANrC,iCAAiC,CAS7C;AAT6C;;;;;;;;;;;;;;;;;;;;;;;;;;ACRJ;AACQ;AAOlD,IAAa,mCAAmC,GAAhD;IAaI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAX9C,iBAAY,GAAG,wCAAwC,CAAC;QACxD,UAAK,GAAW,+CAA+C,CAAC;QAChE,cAAS,GAAW,kEAAkE,CAAC;QAYvF,oBAAe,GAAG;YACd,WAAW,EAAE;gBACT,KAAK,EAAE,UAAU;gBACjB,MAAM,EAAE;oBACJ;wBACI,KAAK,EAAE,EAAE;wBACT,QAAQ,EAAE,SAAS;qBACtB;oBACD;wBACI,KAAK,EAAE,SAAS;wBAChB,QAAQ,EAAE,QAAQ;qBACrB;iBACJ;aACJ;YACD,OAAO,EAAE,2OAA2O;YACpP,UAAU,EAAE;gBACR,0CAA0C;gBAC1C,0EAA0E;gBAC1E,+DAA+D;aAClE;YACD,OAAO,EAAE;gBACL;oBACI,KAAK,EAAE,wBAAwB;oBAC/B,QAAQ,EAAE,cAAc;oBACxB,KAAK,EAAE,aAAa;oBACpB,MAAM,EAAE,KAAK;iBAChB;gBAED;oBACI,KAAK,EAAE,gDAAgD;oBACvD,QAAQ,EAAE,aAAa;oBACvB,KAAK,EAAE,aAAa;oBACpB,MAAM,EAAE,KAAK;iBAChB;gBACD;oBACI,KAAK,EAAE,qEAAqE;oBAC5E,QAAQ,EAAE,4BAA4B;oBACtC,KAAK,EAAE,aAAa;oBACpB,MAAM,EAAE,IAAI;iBACf;gBACD;oBACI,KAAK,EAAE,8EAA8E;oBACrF,QAAQ,EAAE,yBAAyB;oBACnC,KAAK,EAAE,mBAAmB;oBAC1B,MAAM,EAAE,IAAI;iBAEf;aACJ;YACD,KAAK,EAAE,mEAAmE;YAC1E,MAAM,EAAE,6HAA6H;YACrI,OAAO,EAAE,IAAI;YACb,SAAS,EAAE,yIAAyI;YACpJ,MAAM,EAAE,UAAU;YAClB,UAAU,EAAE,2BAA2B;YACvC,OAAO,EAAE,cAAc;YACvB,WAAW,EAAE,+DAA+D;SAC/E;QA1DG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IATD,eAAe,CAAC,GAAW;QACvB,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAC/B,CAAC;IAED,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CA+DJ;AA3EY,mCAAmC;IAL/C,+DAAS,CAAC;QACP,QAAQ,EAAE,qCAAqC;;;KAGlD,CAAC;qCAc2C,+DAAK;GAbrC,mCAAmC,CA2E/C;AA3E+C;;;;;;;;;;;;ACRhD,gCAAgC,0BAA0B,KAAK,eAAe,0BAA0B,4BAA4B,0BAA0B,KAAK,4BAA4B,gCAAgC,qBAAqB,2BAA2B,KAAK,2BAA2B,gCAAgC,KAAK,2BAA2B,qBAAqB,KAAK,0BAA0B,2BAA2B,KAAK,4BAA4B,2BAA2B,0BAA0B,0BAA0B,KAAK,2BAA2B,sBAAsB,KAAK,uCAAuC,2BAA2B,KAAK,iBAAiB,yBAAyB,yBAAyB,0BAA0B,KAAK,wBAAwB,+BAA+B,yBAAyB,oBAAoB,wBAAwB,yBAAyB,KAAK,iBAAiB,uBAAuB,KAAK,kBAAkB,oBAAoB,0BAA0B,qBAAqB,KAAK,uBAAuB,yBAAyB,4BAA4B,KAAK,iBAAiB,wBAAwB,yBAAyB,oBAAoB,KAAK,iCAAiC,qBAAqB,KAAK,0BAA0B,2BAA2B,KAAK,gCAAgC,2BAA2B,0BAA0B,0BAA0B,KAAK,0BAA0B,0BAA0B,KAAK,wCAAwC,8BAA8B,+BAA+B,SAAS,8CAA8C,wCAAwC,0BAA0B,SAAS,oCAAoC,yBAAyB,SAAS,0CAA0C,wCAAwC,yCAAyC,SAAS,wCAAwC,2CAA2C,SAAS,wCAAwC,0CAA0C,SAAS,mBAAmB,gCAAgC,SAAS,KAAK,8CAA8C,+BAA+B,0BAA0B,SAAS,4CAA4C,6BAA6B,4BAA4B,+BAA+B,SAAS,qDAAqD,oCAAoC,SAAS,wCAAwC,2BAA2B,+BAA+B,+BAA+B,SAAS,4BAA4B,8BAA8B,SAAS,oCAAoC,oCAAoC,SAAS,0CAA0C,yBAAyB,SAAS,wCAAwC,yBAAyB,SAAS,wCAAwC,yBAAyB,SAAS,gFAAgF,2BAA2B,SAAS,gBAAgB,4BAA4B,oCAAoC,SAAS,2BAA2B,0BAA0B,SAAS,+BAA+B,2BAA2B,+BAA+B,+BAA+B,SAAS,qCAAqC,8BAA8B,SAAS,2CAA2C,gCAAgC,SAAS,KAAK,sBAAsB,oCAAoC,0BAA0B,SAAS,oCAAoC,yBAAyB,SAAS,0CAA0C,wCAAwC,yCAAyC,SAAS,wCAAwC,2CAA2C,SAAS,wCAAwC,0CAA0C,SAAS,gCAAgC,yBAAyB,SAAS,4BAA4B,6BAA6B,wBAAwB,4BAA4B,6BAA6B,yBAAyB,SAAS,KAAK,K;;;;;;;;;;;ACAzwI,mTAAmT,wQAAwQ,OAAO,sHAAsH,gYAAgY,OAAO,yrBAAyrB,gBAAgB,iVAAiV,gBAAgB,4HAA4H,oxCAAoxC,OAAO,4EAA4E,oBAAoB,i4tBAAi4tB,YAAY,sUAAsU,mJAAmJ,8R;;;;;;;;;;;;;;;;;;;;;;;;;ACA551B;AACQ;AAOlD,IAAa,sDAAsD,GAAnE;IAII,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAH9C,UAAK,GAAW,aAAa,CAAC;QAC9B,cAAS,GAAW,IAAI,CAAC,KAAK,GAAG,+BAA+B,CAAC;QAG7D,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;CAEJ;AARY,sDAAsD;IALlE,+DAAS,CAAC;QACP,QAAQ,EAAE,sDAAsD;;;KAGnE,CAAC;qCAK2C,+DAAK;GAJrC,sDAAsD,CAQlE;AARkE;;;;;;;;;;;;;;;;;;;;;;;;;;ACRzB;AACQ;AAOlD,IAAa,wBAAwB,GAArC;IAKI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAH9C,UAAK,GAAW,uBAAuB,CAAC;QACxC,cAAS,GAAW,kCAAkC,CAAC;QAKvD,wBAAmB,GAAG;YAClB,WAAW,EAAE;gBACT,KAAK,EAAE,QAAQ;gBACf,MAAM,EAAE;oBACJ;wBACI,KAAK,EAAE,EAAE;wBACT,QAAQ,EAAE,SAAS;qBACtB;iBACJ;aACJ;YACD,cAAc,EAAE;gBACZ;oBACI,IAAI,EAAE,8BAA8B;iBACvC;gBACD;oBACI,IAAI,EAAE,+BAA+B;iBACxC;gBACD;oBACI,IAAI,EAAE,+BAA+B;iBACxC;gBACD;oBACI,IAAI,EAAE,oCAAoC;iBAC7C;gBACD;oBACI,IAAI,EAAE,sDAAsD;iBAC/D;gBACD;oBACI,IAAI,EAAE,2BAA2B;iBACpC;gBACD;oBACI,IAAI,EAAE,6BAA6B;iBACtC;aACJ;YACD,OAAO,EAAE,4IAA4I;YACrJ,OAAO,EAAE;gBACL;oBACI,KAAK,EAAE,kBAAkB;oBACzB,QAAQ,EAAE,4CAA4C;oBACtD,KAAK,EAAE,aAAa;oBACpB,KAAK,EAAE,gEAAgE;oBACvE,OAAO,EAAE,uEAAuE;iBACnF;gBACD;oBACI,KAAK,EAAE,kBAAkB;oBACzB,QAAQ,EAAE,+BAA+B;oBACzC,KAAK,EAAE,aAAa;oBACpB,KAAK,EAAE,kDAAkD;oBACzD,OAAO,EAAE,+EAA+E;iBAC3F;gBACD;oBACI,KAAK,EAAE,kBAAkB;oBACzB,QAAQ,EAAE,oCAAoC;oBAC9C,KAAK,EAAE,aAAa;oBACpB,KAAK,EAAE,sDAAsD;oBAC7D,OAAO,EAAE,mGAAmG;iBAC/G;gBACD;oBACI,KAAK,EAAE,kBAAkB;oBACzB,QAAQ,EAAE,4BAA4B;oBACtC,KAAK,EAAE,aAAa;oBACpB,KAAK,EAAE,mDAAmD;oBAC1D,OAAO,EAAE,gFAAgF;iBAC5F;gBACD;oBACI,KAAK,EAAE,kBAAkB;oBACzB,QAAQ,EAAE,gEAAgE;oBAC1E,KAAK,EAAE,aAAa;oBACpB,KAAK,EAAE,wDAAwD;oBAC/D,OAAO,EAAE,uEAAuE;iBACnF;gBACD;oBACI,KAAK,EAAE,kBAAkB;oBACzB,QAAQ,EAAE,4BAA4B;oBACtC,KAAK,EAAE,aAAa;oBACpB,KAAK,EAAE,kCAAkC;oBACzC,OAAO,EAAE,sGAAsG;iBAClH;aAEJ;YACD,KAAK,EAAE,wDAAwD;YAC/D,OAAO,EAAE,+EAA+E;YACxF,OAAO,EAAE,mHAAmH;YAC5H,SAAS,EAAE,IAAI;YACf,SAAS,EAAE,EAAE;YACb,MAAM,EAAE,EAAE;YACV,UAAU,EAAE,EAAE;YACd,OAAO,EAAE,EAAE;YACX,WAAW,EAAE,EAAE;SAClB;QA1FG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;CA0FJ;AAjGY,wBAAwB;IALpC,+DAAS,CAAC;QACP,QAAQ,EAAE,wBAAwB;;;KAGrC,CAAC;qCAM2C,+DAAK;GALrC,wBAAwB,CAiGpC;AAjGoC;;;;;;;;;;;;ACRrC,6PAA6P,wYAAwY,4sBAA4sB,8CAA8C,OAAO,uIAAuI,UAAU,8rCAA8rC,+/DAA+/D,kBAAkB,wCAAwC,4RAA4R,mEAAmE,2wCAA2wC,0IAA0I,yiDAAyiD,ihBAAihB,YAAY,wBAAwB,u9CAAu9C,8nCAA8nC,mJAAmJ,yQ;;;;;;;;;;;;;;;;;;;;;;;;;ACA9xW;AACQ;AAOlD,IAAa,+BAA+B,GAA5C;IAMI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAJ9C,cAAS,GAAW,2CAA2C,CAAC;QAChE,UAAK,GAAW,cAAc,CAAC;QAC/B,aAAQ,GAAW,2CAA2C,CAAC;QAG3D,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;CACJ;AATY,+BAA+B;IAL3C,+DAAS,CAAC;QACP,QAAQ,EAAE,4BAA4B;;;KAGzC,CAAC;qCAO2C,+DAAK;GANrC,+BAA+B,CAS3C;AAT2C;;;;;;;;;;;;;;;;;;;;;;;;;;ACRF;AACQ;AAOlD,IAAa,iCAAiC,GAA9C;IAaI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAX9C,iBAAY,GAAG,yBAAyB,CAAC;QACzC,UAAK,GAAW,4CAA4C,CAAC;QAC7D,cAAS,GAAW,8DAA8D,CAAC;QAYnF,oBAAe,GAAG;YACd,WAAW,EAAE;gBACT,KAAK,EAAE,UAAU;gBACjB,MAAM,EAAE;oBACJ;wBACI,KAAK,EAAE,EAAE;wBACT,QAAQ,EAAE,SAAS;qBACtB;oBACD;wBACI,KAAK,EAAE,SAAS;wBAChB,QAAQ,EAAE,QAAQ;qBACrB;iBACJ;aACJ;YACD,OAAO,EAAE,6SAA6S;YACtT,UAAU,EAAE;gBACR,iDAAiD;gBACjD,yDAAyD;gBACzD,0CAA0C;aAC7C;YACD,OAAO,EAAE;gBACL;oBACI,KAAK,EAAE,wBAAwB;oBAC/B,QAAQ,EAAE,cAAc;oBACxB,KAAK,EAAE,aAAa;oBACpB,MAAM,EAAE,KAAK;iBAChB;gBAED;oBACI,KAAK,EAAE,mFAAmF;oBAC1F,QAAQ,EAAE,yBAAyB;oBACnC,KAAK,EAAE,mBAAmB;oBAC1B,MAAM,EAAE,IAAI;iBACf;aAGJ;YACD,KAAK,EAAE,gEAAgE;YACvE,MAAM,EAAE,wEAAwE;YAChF,OAAO,EAAE,oBAAoB;YAC7B,SAAS,EAAE,uEAAuE;YAClF,MAAM,EAAE,QAAQ;YAChB,UAAU,EAAE,yBAAyB;YACrC,OAAO,EAAE,aAAa;YACtB,WAAW,EAAE,uCAAuC;SAEvD;QAhDG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IATD,eAAe,CAAC,GAAW;QACvB,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAC/B,CAAC;IAED,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CAqDJ;AAjEY,iCAAiC;IAL7C,+DAAS,CAAC;QACP,QAAQ,EAAE,mCAAmC;;;KAGhD,CAAC;qCAc2C,+DAAK;GAbrC,iCAAiC,CAiE7C;AAjE6C;;;;;;;;;;;;ACR9C,6PAA6P,wYAAwY,4sBAA4sB,8CAA8C,OAAO,uIAAuI,UAAU,glCAAglC,stDAAstD,6KAA6K,gWAAgW,kBAAkB,wCAAwC,MAAM,6UAA6U,6hBAA6hB,uIAAuI,2fAA2f,2cAA2c,4pBAA4pB,qGAAqG,kRAAkR,6bAA6b,s4BAAs4B,whDAAwhD,mJAAmJ,yQ;;;;;;;;;;;;;;;;;;;;;;;;;ACAxxV;AACQ;AAOlD,IAAa,+BAA+B,GAA5C;IAMI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAJ9C,cAAS,GAAW,2CAA2C,CAAC;QAChE,UAAK,GAAW,cAAc,CAAC;QAC/B,aAAQ,GAAW,+BAA+B,CAAC;QAG/C,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;CACJ;AATY,+BAA+B;IAL3C,+DAAS,CAAC;QACP,QAAQ,EAAE,4BAA4B;;;KAGzC,CAAC;qCAO2C,+DAAK;GANrC,+BAA+B,CAS3C;AAT2C;;;;;;;;;;;;;;;;;;;;;;;;;;ACRF;AACQ;AAOlD,IAAa,iCAAiC,GAA9C;IAaI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAX9C,iBAAY,GAAG,yBAAyB,CAAC;QACzC,UAAK,GAAW,+BAA+B,CAAC;QAChD,cAAS,GAAW,kDAAkD,CAAC;QAYvE,oBAAe,GAAG;YACd,WAAW,EAAE;gBACT,KAAK,EAAE,UAAU;gBACjB,MAAM,EAAE;oBACJ;wBACI,KAAK,EAAE,EAAE;wBACT,QAAQ,EAAE,SAAS;qBACtB;oBACD;wBACI,KAAK,EAAE,SAAS;wBAChB,QAAQ,EAAE,QAAQ;qBACrB;iBACJ;aACJ;YACD,OAAO,EAAE,uNAAuN;YAChO,UAAU,EAAE;gBACR,+CAA+C;gBAC/C,8BAA8B;gBAC9B,yDAAyD;aAC5D;YACD,OAAO,EAAE;gBACL;oBACI,KAAK,EAAE,wBAAwB;oBAC/B,QAAQ,EAAE,cAAc;oBACxB,KAAK,EAAE,aAAa;oBACpB,MAAM,EAAE,KAAK;iBAChB;gBAED;oBACI,KAAK,EAAE,gDAAgD;oBACvD,QAAQ,EAAE,+BAA+B;oBACzC,KAAK,EAAE,aAAa;oBACpB,MAAM,EAAE,KAAK;iBAChB;gBAED;oBACI,KAAK,EAAE,uEAAuE;oBAC9E,QAAQ,EAAE,yBAAyB;oBACnC,KAAK,EAAE,mBAAmB;oBAC1B,MAAM,EAAE,IAAI;iBACf;aACJ;YACD,KAAK,EAAE,kDAAkD;YACzD,MAAM,EAAE,+EAA+E;YACvF,OAAO,EAAE,wBAAwB;YACjC,SAAS,EAAE,uEAAuE;YAClF,MAAM,EAAE,QAAQ;YAChB,UAAU,EAAE,yBAAyB;YACrC,OAAO,EAAE,aAAa;YACtB,WAAW,EAAE,uCAAuC;SAEvD;QArDG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IATD,eAAe,CAAC,GAAW;QACvB,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAC/B,CAAC;IAED,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CAwDJ;AApEY,iCAAiC;IAL7C,+DAAS,CAAC;QACP,QAAQ,EAAE,mCAAmC;;;KAGhD,CAAC;qCAc2C,+DAAK;GAbrC,iCAAiC,CAoE7C;AApE6C;;;;;;;;;;;;ACR9C,gCAAgC,qBAAqB,yBAAyB,KAAK,2BAA2B,gCAAgC,oBAAoB,KAAK,2BAA2B,qBAAqB,KAAK,0BAA0B,yBAAyB,KAAK,sBAAsB,mBAAmB,KAAK,sBAAsB,qBAAqB,yBAAyB,mBAAmB,oBAAoB,yBAAyB,KAAK,iBAAiB,qBAAqB,yBAAyB,oBAAoB,yBAAyB,KAAK,wBAAwB,yBAAyB,mBAAmB,gCAAgC,yBAAyB,KAAK,sBAAsB,qBAAqB,KAAK,0DAA0D,eAAe,gCAAgC,SAAS,KAAK,6GAA6G,gFAAgF,2BAA2B,SAAS,gBAAgB,4BAA4B,oCAAoC,SAAS,0BAA0B,2BAA2B,SAAS,yBAAyB,yBAAyB,SAAS,+BAA+B,uBAAuB,SAAS,0BAA0B,uBAAuB,SAAS,0BAA0B,wBAAwB,6BAA6B,wBAAwB,SAAS,4BAA4B,6BAA6B,wBAAwB,SAAS,KAAK,iBAAiB,uBAAuB,KAAK,sBAAsB,+BAA+B,yBAAyB,SAAS,0BAA0B,0BAA0B,8BAA8B,SAAS,wBAAwB,yBAAyB,SAAS,SAAS,K;;;;;;;;;;;ACAl4D,uPAAuP,wQAAwQ,OAAO,sHAAsH,gYAAgY,OAAO,uXAAuX,OAAO,+vBAA+vB,8sBAA8sB,i4CAAi4C,k4CAAk4C,y4CAAy4C,s4CAAs4C,26CAA26C,oEAAoE,kDAAkD,iHAAiH,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,0JAA0J,iKAAiK,iGAAiG,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,kBAAkB,eAAe,2DAA2D,mOAAmO,ocAAoc,mJAAmJ,0R;;;;;;;;;;;;;;;;;;;;;;;;;ACA90W;AACQ;AAOlD,IAAa,oDAAoD,GAAjE;IAWI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAT9C,UAAK,GAAW,+BAA+B,CAAC;QAChD,cAAS,GAAW,IAAI,CAAC,KAAK,GAAG,+BAA+B,CAAC;QACjE,eAAU,GAAQ,IAAI,IAAI,EAAE,CAAC;QAE7B,4FAA4F;QAC3F,yCAAyC;QAC1C,kBAAa,GAAW,EAAE,CAAC;QAIvB,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IAED,QAAQ,CAAC,KAAa;QAClB,IAAI,KAAK,CAAC,MAAM,IAAI,CAAC,EAAE;YACnB,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC;SAC3B;aAAM;YAEH,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,GAAG,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;SAC3G;IACL,CAAC;CACJ;AAvBY,oDAAoD;IALhE,+DAAS,CAAC;QACP,QAAQ,EAAE,+BAA+B;;;KAG5C,CAAC;qCAY2C,+DAAK;GAXrC,oDAAoD,CAuBhE;AAvBgE;;;;;;;;;;;;ACRjE,6PAA6P,wYAAwY,4sBAA4sB,8CAA8C,OAAO,uIAAuI,UAAU,sgDAAsgD,+pDAA+pD,uLAAuL,qWAAqW,kBAAkB,wCAAwC,8nCAA8nC,85DAA85D,w3CAAw3C,mJAAmJ,yQ;;;;;;;;;;;;;;;;;;;;;;;;;ACA/wT;AACQ;AAOlD,IAAa,iCAAiC,GAA9C;IAMI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAJ9C,cAAS,GAAW,2CAA2C,CAAC;QAChE,UAAK,GAAW,cAAc,CAAC;QAC/B,aAAQ,GAAW,oCAAoC,CAAC;QAGpD,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;CACJ;AATY,iCAAiC;IAL7C,+DAAS,CAAC;QACP,QAAQ,EAAE,8BAA8B;;;KAG3C,CAAC;qCAO2C,+DAAK;GANrC,iCAAiC,CAS7C;AAT6C;;;;;;;;;;;;;;;;;;;;;;;;;;ACRJ;AACQ;AAOlD,IAAa,mCAAmC,GAAhD;IAaI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAX9C,iBAAY,GAAG,yBAAyB,CAAC;QACzC,UAAK,GAAW,oCAAoC,CAAC;QACrD,cAAS,GAAW,uDAAuD,CAAC;QAY5E,oBAAe,GAAG;YACd,WAAW,EAAE;gBACT,KAAK,EAAE,UAAU;gBACjB,MAAM,EAAE;oBACJ;wBACI,KAAK,EAAE,EAAE;wBACT,QAAQ,EAAE,SAAS;qBACtB;oBACD;wBACI,KAAK,EAAE,SAAS;wBAChB,QAAQ,EAAE,QAAQ;qBACrB;iBACJ;aACJ;YACD,OAAO,EAAE,sVAAsV;YAC/V,UAAU,EAAE;gBACR,iDAAiD;gBACjD,gFAAgF;gBAChF,2CAA2C;aAC9C;YACD,OAAO,EAAE;gBACL;oBACI,KAAK,EAAE,wBAAwB;oBAC/B,QAAQ,EAAE,cAAc;oBACxB,KAAK,EAAE,aAAa;oBACpB,MAAM,EAAE,KAAK;iBAChB;gBACD;oBACI,KAAK,EAAE,yBAAyB;oBAChC,QAAQ,EAAE,+BAA+B;oBACzC,KAAK,EAAE,aAAa;oBACpB,MAAM,EAAE,KAAK;iBAChB;gBACD;oBACI,KAAK,EAAE,gDAAgD;oBACvD,QAAQ,EAAE,+BAA+B;oBACzC,KAAK,EAAE,aAAa;oBACpB,MAAM,EAAE,KAAK;iBAChB;gBACD;oBACI,KAAK,EAAE,qDAAqD;oBAC5D,QAAQ,EAAE,oCAAoC;oBAC9C,KAAK,EAAE,aAAa;oBACpB,MAAM,EAAE,KAAK;iBAChB;gBAED;oBACI,KAAK,EAAE,4EAA4E;oBACnF,QAAQ,EAAE,yBAAyB;oBACnC,KAAK,EAAE,mBAAmB;oBAC1B,MAAM,EAAE,IAAI;iBACf;aACJ;YACD,KAAK,EAAE,sDAAsD;YAC7D,MAAM,EAAE,mGAAmG;YAC3G,OAAO,EAAE,mBAAmB;YAC5B,SAAS,EAAE,gEAAgE;YAC3E,MAAM,EAAE,QAAQ;YAChB,UAAU,EAAE,yBAAyB;YACrC,OAAO,EAAE,aAAa;YACtB,WAAW,EAAE,uCAAuC;SAEvD;QAhEG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IATD,eAAe,CAAC,GAAW;QACvB,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAC/B,CAAC;IAED,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CAqEJ;AAjFY,mCAAmC;IAL/C,+DAAS,CAAC;QACP,QAAQ,EAAE,qCAAqC;;;KAGlD,CAAC;qCAc2C,+DAAK;GAbrC,mCAAmC,CAiF/C;AAjF+C;;;;;;;;;;;;ACRhD,qCAAqC,gCAAgC,qBAAqB,KAAK,sBAAsB,wBAAwB,0BAA0B,KAAK,4BAA4B,0BAA0B,0BAA0B,aAAa,oBAAoB,yBAAyB,KAAK,0BAA0B,oBAAoB,KAAK,6GAA6G,aAAa,gBAAgB,uBAAuB,KAAK,C;;;;;;;;;;;ACAphB,uPAAuP,wQAAwQ,OAAO,sHAAsH,yWAAyW,OAAO,0WAA0W,OAAO,8WAA8W,kBAAkB,gBAAgB,yCAAyC,8zOAA8zO,mJAAmJ,6Q;;;;;;;;;;;;;;;;;;;;;;;;;ACA7rS;AACQ;AAOlD,IAAa,gCAAgC,GAA7C;IAKI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAH9C,UAAK,GAAW,4BAA4B,CAAC;QAC7C,cAAS,GAAW,IAAI,CAAC,KAAK,GAAG,+BAA+B,CAAC;QAG7D,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;CACJ;AARY,gCAAgC;IAL5C,+DAAS,CAAC;QACP,QAAQ,EAAE,QAAQ;;;KAGrB,CAAC;qCAM2C,+DAAK;GALrC,gCAAgC,CAQ5C;AAR4C;;;;;;;;;;;;ACR7C,yBAAyB,yBAAyB,uBAAuB,0BAA0B,KAAK,uBAAuB,qCAAqC,oCAAoC,sCAAsC,KAAK,oBAAoB,yBAAyB,4BAA4B,KAAK,gCAAgC,2BAA2B,wBAAwB,2BAA2B,KAAK,mDAAmD,wBAAwB,6BAA6B,gCAAgC,SAAS,0BAA0B,+BAA+B,6BAA6B,gCAAgC,6BAA6B,8BAA8B,SAAS,KAAK,C;;;;;;;;;;;ACApwB,+GAA+G,WAAW,2OAA2O,YAAY,6EAA6E,YAAY,mBAAmB,YAAY,uKAAuK,YAAY,mFAAmF,YAAY,sBAAsB,YAAY,0KAA0K,YAAY,2EAA2E,YAAY,kBAAkB,YAAY,+H;;;;;;;;;;;;;;;;;;;;;;;;ACAjgC;AAOvE,IAAa,qDAAqD,GAAlE;IALA;QAcc,iBAAY,GAAyB,IAAI,0DAAY,EAAU,CAAC;QAChE,oBAAe,GAAyB,IAAI,0DAAY,EAAU,CAAC;QACnE,gBAAW,GAAyB,IAAI,0DAAY,EAAU,CAAC;IAoB7E,CAAC;IAlBG,SAAS,CAAC,MAAM;QACZ,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAC1B,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAC7B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAC7B,CAAC;IAED,YAAY,CAAC,MAAM;QACf,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAC1B,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAC7B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAC7B,CAAC;IAED,QAAQ,CAAC,MAAM;QACX,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAC1B,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAC7B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAC7B,CAAC;CAEJ;AA7BY;IAAR,2DAAK,EAAE;;wFAAmB;AAClB;IAAR,2DAAK,EAAE;;yFAAoB;AAEnB;IAAR,2DAAK,EAAE;;qFAAgB;AACf;IAAR,2DAAK,EAAE;;wFAAmB;AAClB;IAAR,2DAAK,EAAE;;oFAAe;AAEb;IAAT,4DAAM,EAAE;8BAAe,0DAAY;2FAAsC;AAChE;IAAT,4DAAM,EAAE;8BAAkB,0DAAY;8FAAsC;AACnE;IAAT,4DAAM,EAAE;8BAAc,0DAAY;0FAAsC;AAXhE,qDAAqD;IALjE,+DAAS,CAAC;QACP,QAAQ,EAAE,qBAAqB;;;KAGlC,CAAC;GACW,qDAAqD,CA+BjE;AA/BiE;;;;;;;;;;;;ACPlE,sBAAsB,kBAAkB,0BAA0B,yBAAyB,0BAA0B,6BAA6B,KAAK,uBAAuB,qCAAqC,oCAAoC,sCAAsC,KAAK,sBAAsB,2BAA2B,0BAA0B,6BAA6B,wBAAwB,yBAAyB,KAAK,8BAA8B,2BAA2B,yBAAyB,4BAA4B,2BAA2B,0BAA0B,KAAK,mDAAmD,sBAAsB,+BAA+B,6BAA6B,gCAAgC,6BAA6B,8BAA8B,SAAS,KAAK,iBAAiB,uBAAuB,KAAK,C;;;;;;;;;;;ACAn4B,uPAAuP,wQAAwQ,OAAO,sHAAsH,gYAAgY,OAAO,uXAAuX,OAAO,uZAAuZ,gBAAgB,mBAAmB,oaAAoa,kBAAkB,mBAAmB,wBAAwB,o6EAAo6E,oEAAoE,oBAAoB,iBAAiB,8NAA8N,mBAAmB,wEAAwE,sBAAsB,wEAAwE,kBAAkB,8JAA8J,kBAAkB,mBAAmB,wBAAwB,klFAAklF,oEAAoE,oBAAoB,iBAAiB,8NAA8N,uBAAuB,wEAAwE,0BAA0B,wEAAwE,sBAAsB,8JAA8J,kBAAkB,mBAAmB,wBAAwB,0sFAA0sF,oEAAoE,oBAAoB,iBAAiB,8NAA8N,qBAAqB,wEAAwE,wBAAwB,wEAAwE,oBAAoB,8JAA8J,kBAAkB,mBAAmB,wBAAwB,ovFAAovF,oEAAoE,oBAAoB,iBAAiB,8NAA8N,uBAAuB,wEAAwE,0BAA0B,wEAAwE,sBAAsB,8JAA8J,kBAAkB,mBAAmB,wBAAwB,09EAA09E,oEAAoE,oBAAoB,iBAAiB,8NAA8N,gBAAgB,wEAAwE,mBAAmB,wEAAwE,eAAe,8JAA8J,kBAAkB,mBAAmB,wBAAwB,koFAAkoF,oEAAoE,oBAAoB,iBAAiB,8NAA8N,sBAAsB,wEAAwE,yBAAyB,wEAAwE,qBAAqB,8JAA8J,kBAAkB,mBAAmB,wBAAwB,+/EAA+/E,oEAAoE,oBAAoB,iBAAiB,8NAA8N,oBAAoB,wEAAwE,uBAAuB,wEAAwE,mBAAmB,8JAA8J,kBAAkB,mBAAmB,wBAAwB,iEAAiE,wRAAwR,aAAa,gFAAgF,gBAAgB,gFAAgF,YAAY,wQAAwQ,mJAAmJ,0R;;;;;;;;;;;;;;;;;;;;;;;;;ACA110B;AACQ;AAOlD,IAAa,uDAAuD,GAApE;IAKI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAH9C,UAAK,GAAW,+BAA+B,CAAC;QAChD,cAAS,GAAW,IAAI,CAAC,KAAK,GAAG,+BAA+B,CAAC;QAMjE,SAAI,GAAQ;YACR,WAAW,EAAE;gBACT,OAAO,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE;gBAC9C,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE;gBAC3C,MAAM,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE;gBAC7C,WAAW,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE;gBAClD,iBAAiB,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE;aAC3D;YACD,eAAe,EAAE;gBACb,gBAAgB,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE;gBACvD,mBAAmB,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE;gBAC1D,cAAc,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE;gBACrD,gBAAgB,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE;gBACvD,qBAAqB,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE;aAC/D;YACD,aAAa,EAAE;gBACX,qBAAqB,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE;gBAC5D,uBAAuB,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE;gBAC9D,mBAAmB,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE;gBAC1D,gBAAgB,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE;gBACvD,4BAA4B,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE;aACtE;YACD,eAAe,EAAE;gBACb,qBAAqB,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE;gBAC5D,wBAAwB,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE;gBAC/D,oBAAoB,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE;gBAC3D,oBAAoB,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE;gBAC3D,oBAAoB,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE;aAC9D;YACD,QAAQ,EAAE;gBACN,eAAe,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE;gBACtD,wBAAwB,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE;gBAC/D,uBAAuB,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE;gBAC9D,OAAO,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE;gBAC9C,OAAO,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE;aACjD;YACD,cAAc,EAAE;gBACZ,iBAAiB,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE;gBACxD,wBAAwB,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE;gBAC/D,iBAAiB,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE;gBACxD,eAAe,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE;gBACtD,aAAa,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE;aACvD;YACD,YAAY,EAAE;gBACV,YAAY,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE;gBACnD,oBAAoB,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE;gBAC3D,wBAAwB,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE;gBAC/D,sBAAsB,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE;gBAC7D,UAAU,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE;aACpD;SACJ;QArDG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IAsDD,IAAW,iBAAiB;QACxB,OAAO,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,MAAM;YACvC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM;YACjC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,MAAM;YACnC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,MAAM;YACxC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,iBAAiB,CAAC,MAAM,CAAC;IACvD,CAAC;IACD,IAAW,oBAAoB;QAC3B,OAAO,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,SAAS;YAC1C,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS;YACpC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,SAAS;YACtC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,SAAS;YAC3C,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,iBAAiB,CAAC,SAAS,CAAC;IAC1D,CAAC;IACD,IAAW,gBAAgB;QACvB,OAAO,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,KAAK;YACtC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK;YAChC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,KAAK;YAClC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,KAAK;YACvC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,iBAAiB,CAAC,KAAK,CAAC;IACtD,CAAC;IAED,IAAW,qBAAqB;QAC5B,OAAO,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,gBAAgB,CAAC,MAAM;YACpD,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,mBAAmB,CAAC,MAAM;YACpD,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,cAAc,CAAC,MAAM;YAC/C,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,gBAAgB,CAAC,MAAM;YACjD,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,qBAAqB,CAAC,MAAM,CAAC;IAC/D,CAAC;IACD,IAAW,wBAAwB;QAC/B,OAAO,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,gBAAgB,CAAC,SAAS;YACvD,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,mBAAmB,CAAC,SAAS;YACvD,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,cAAc,CAAC,SAAS;YAClD,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,gBAAgB,CAAC,SAAS;YACpD,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,qBAAqB,CAAC,SAAS,CAAC;IAClE,CAAC;IACD,IAAW,oBAAoB;QAC3B,OAAO,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,gBAAgB,CAAC,KAAK;YACnD,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,mBAAmB,CAAC,KAAK;YACnD,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,cAAc,CAAC,KAAK;YAC9C,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,gBAAgB,CAAC,KAAK;YAChD,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,qBAAqB,CAAC,KAAK,CAAC;IAC9D,CAAC;IAED,IAAW,mBAAmB;QAC1B,OAAO,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,qBAAqB,CAAC,MAAM;YACvD,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,uBAAuB,CAAC,MAAM;YACtD,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,mBAAmB,CAAC,MAAM;YAClD,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,gBAAgB,CAAC,MAAM;YAC/C,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,4BAA4B,CAAC,MAAM,CAAC;IACpE,CAAC;IACD,IAAW,sBAAsB;QAC7B,OAAO,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,qBAAqB,CAAC,SAAS;YAC1D,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,uBAAuB,CAAC,SAAS;YACzD,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,mBAAmB,CAAC,SAAS;YACrD,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,gBAAgB,CAAC,SAAS;YAClD,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,4BAA4B,CAAC,SAAS,CAAC;IACvE,CAAC;IACD,IAAW,kBAAkB;QACzB,OAAO,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,qBAAqB,CAAC,KAAK;YACtD,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,uBAAuB,CAAC,KAAK;YACrD,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,mBAAmB,CAAC,KAAK;YACjD,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK;YAC9C,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,4BAA4B,CAAC,KAAK,CAAC;IACnE,CAAC;IAED,IAAW,qBAAqB;QAC5B,OAAO,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,qBAAqB,CAAC,MAAM;YACzD,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,wBAAwB,CAAC,MAAM;YACzD,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,oBAAoB,CAAC,MAAM;YACrD,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,oBAAoB,CAAC,MAAM;YACrD,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,oBAAoB,CAAC,MAAM,CAAC;IAC9D,CAAC;IACD,IAAW,wBAAwB;QAC/B,OAAO,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,qBAAqB,CAAC,SAAS;YAC5D,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,wBAAwB,CAAC,SAAS;YAC5D,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,oBAAoB,CAAC,SAAS;YACxD,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,oBAAoB,CAAC,SAAS;YACxD,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,oBAAoB,CAAC,SAAS,CAAC;IACjE,CAAC;IACD,IAAW,oBAAoB;QAC3B,OAAO,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,qBAAqB,CAAC,KAAK;YACxD,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,wBAAwB,CAAC,KAAK;YACxD,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,oBAAoB,CAAC,KAAK;YACpD,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,oBAAoB,CAAC,KAAK;YACpD,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,oBAAoB,CAAC,KAAK,CAAC;IAC7D,CAAC;IAED,IAAW,cAAc;QACrB,OAAO,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,MAAM;YAC5C,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,wBAAwB,CAAC,MAAM;YAClD,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,uBAAuB,CAAC,MAAM;YACjD,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM;YACjC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC;IAC1C,CAAC;IACD,IAAW,iBAAiB;QACxB,OAAO,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,SAAS;YAC/C,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,wBAAwB,CAAC,SAAS;YACrD,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,uBAAuB,CAAC,SAAS;YACpD,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,SAAS;YACpC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC;IAC7C,CAAC;IACD,IAAW,aAAa;QACpB,OAAO,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,KAAK;YAC3C,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,wBAAwB,CAAC,KAAK;YACjD,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,uBAAuB,CAAC,KAAK;YAChD,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK;YAChC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC;IACzC,CAAC;IAED,IAAW,oBAAoB;QAC3B,OAAO,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,MAAM;YACpD,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,wBAAwB,CAAC,MAAM;YACxD,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,MAAM;YACjD,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,MAAM;YAC/C,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC,MAAM,CAAC;IACtD,CAAC;IACD,IAAW,uBAAuB;QAC9B,OAAO,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,SAAS;YACvD,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,wBAAwB,CAAC,SAAS;YAC3D,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,SAAS;YACpD,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,SAAS;YAClD,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC,SAAS,CAAC;IACzD,CAAC;IACD,IAAW,mBAAmB;QAC1B,OAAO,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,KAAK;YACnD,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,wBAAwB,CAAC,KAAK;YACvD,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,KAAK;YAChD,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,KAAK;YAC9C,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC,KAAK,CAAC;IACrD,CAAC;IAED,IAAW,kBAAkB;QACzB,OAAO,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,MAAM;YAC7C,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,oBAAoB,CAAC,MAAM;YAClD,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,wBAAwB,CAAC,MAAM;YACtD,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,sBAAsB,CAAC,MAAM;YACpD,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,MAAM,CAAC;IACjD,CAAC;IACD,IAAW,qBAAqB;QAC5B,OAAO,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,SAAS;YAChD,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,oBAAoB,CAAC,SAAS;YACrD,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,wBAAwB,CAAC,SAAS;YACzD,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,sBAAsB,CAAC,SAAS;YACvD,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,SAAS,CAAC;IACpD,CAAC;IACD,IAAW,iBAAiB;QACxB,OAAO,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,KAAK;YAC5C,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,oBAAoB,CAAC,KAAK;YACjD,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,wBAAwB,CAAC,KAAK;YACrD,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,sBAAsB,CAAC,KAAK;YACnD,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,KAAK,CAAC;IAChD,CAAC;IAED,IAAW,WAAW;QAClB,OAAO,IAAI,CAAC,iBAAiB;YACzB,IAAI,CAAC,qBAAqB;YAC1B,IAAI,CAAC,mBAAmB;YACxB,IAAI,CAAC,qBAAqB;YAC1B,IAAI,CAAC,cAAc;YACnB,IAAI,CAAC,oBAAoB;YACzB,IAAI,CAAC,kBAAkB,CAAC;IAChC,CAAC;IACD,IAAW,cAAc;QACrB,OAAO,IAAI,CAAC,oBAAoB;YAC5B,IAAI,CAAC,wBAAwB;YAC7B,IAAI,CAAC,sBAAsB;YAC3B,IAAI,CAAC,wBAAwB;YAC7B,IAAI,CAAC,iBAAiB;YACtB,IAAI,CAAC,uBAAuB;YAC5B,IAAI,CAAC,qBAAqB,CAAC;IACnC,CAAC;IACD,IAAW,UAAU;QACjB,OAAO,IAAI,CAAC,gBAAgB;YACxB,IAAI,CAAC,oBAAoB;YACzB,IAAI,CAAC,kBAAkB;YACvB,IAAI,CAAC,oBAAoB;YACzB,IAAI,CAAC,aAAa;YAClB,IAAI,CAAC,mBAAmB;YACxB,IAAI,CAAC,iBAAiB,CAAC;IAC/B,CAAC;CACJ;AAlPY,uDAAuD;IALnE,+DAAS,CAAC;QACP,QAAQ,EAAE,+BAA+B;;;KAG5C,CAAC;qCAM2C,+DAAK;GALrC,uDAAuD,CAkPnE;AAlPmE;;;;;;;;;;;;ACRpE,gCAAgC,sBAAsB,0BAA0B,KAAK,2BAA2B,gCAAgC,qBAAqB,KAAK,0BAA0B,0BAA0B,KAAK,sBAAsB,oBAAoB,KAAK,sBAAsB,qBAAqB,yBAAyB,mBAAmB,yBAAyB,0BAA0B,KAAK,iBAAiB,yBAAyB,yBAAyB,oBAAoB,yBAAyB,KAAK,wBAAwB,yBAAyB,mBAAmB,KAAK,6GAA6G,gFAAgF,2BAA2B,SAAS,gBAAgB,4BAA4B,oCAAoC,SAAS,0BAA0B,2BAA2B,SAAS,yBAAyB,0BAA0B,SAAS,+BAA+B,wBAAwB,SAAS,0BAA0B,wBAAwB,SAAS,0BAA0B,wBAAwB,6BAA6B,wBAAwB,SAAS,4BAA4B,6BAA6B,wBAAwB,SAAS,KAAK,iBAAiB,uBAAuB,KAAK,K;;;;;;;;;;;ACA14C,uPAAuP,wQAAwQ,OAAO,sHAAsH,qYAAqY,OAAO,gYAAgY,OAAO,4mBAA4mB,kBAAkB,gBAAgB,8CAA8C,ivBAAivB,o6CAAo6C,m6CAAm6C,wkDAAwkD,mJAAmJ,+R;;;;;;;;;;;;;;;;;;;;;;;;;ACApzO;AACQ;AAOlD,IAAa,2DAA2D,GAAxE;IAKI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAH9C,UAAK,GAAW,oCAAoC,CAAC;QACrD,cAAS,GAAW,IAAI,CAAC,KAAK,GAAG,+BAA+B,CAAC;QAG7D,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;CACJ;AARY,2DAA2D;IALvE,+DAAS,CAAC;QACP,QAAQ,EAAE,oCAAoC;;;KAGjD,CAAC;qCAM2C,+DAAK;GALrC,2DAA2D,CAQvE;AARuE;;;;;;;;;;;;ACRxE,6PAA6P,wYAAwY,4sBAA4sB,8CAA8C,OAAO,uIAAuI,UAAU,q3BAAq3B,6qDAA6qD,uKAAuK,89BAA89B,4/CAA4/C,iqBAAiqB,2ZAA2Z,sFAAsF,inBAAinB,suBAAsuB,yWAAyW,uaAAua,uhCAAuhC,4zDAA4zD,yoBAAyoB,oxCAAoxC,mJAAmJ,yQ;;;;;;;;;;;;;;;;;;;;;;;;;ACA5wd;AACQ;AAOlD,IAAa,gCAAgC,GAA7C;IAMI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAJ9C,cAAS,GAAW,2CAA2C,CAAC;QAChE,UAAK,GAAW,cAAc,CAAC;QAC/B,aAAQ,GAAW,4BAA4B,CAAC;QAG5C,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;CACJ;AATY,gCAAgC;IAL5C,+DAAS,CAAC;QACP,QAAQ,EAAE,6BAA6B;;;KAG1C,CAAC;qCAO2C,+DAAK;GANrC,gCAAgC,CAS5C;AAT4C;;;;;;;;;;;;;;;;;;;;;;;;;;ACRH;AACQ;AAOlD,IAAa,kCAAkC,GAA/C;IAaI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAX9C,iBAAY,GAAG,yBAAyB,CAAC;QACzC,UAAK,GAAW,4BAA4B,CAAC;QAC7C,cAAS,GAAW,+CAA+C,CAAC;QAYpE,oBAAe,GAAG;YACd,WAAW,EAAE;gBACT,KAAK,EAAE,UAAU;gBACjB,MAAM,EAAE;oBACJ;wBACI,KAAK,EAAE,EAAE;wBACT,QAAQ,EAAE,SAAS;qBACtB;oBACD;wBACI,KAAK,EAAE,SAAS;wBAChB,QAAQ,EAAE,QAAQ;qBACrB;iBACJ;aACJ;YACD,OAAO,EAAE,qRAAqR;YAC9R,UAAU,EAAE;gBACR,iFAAiF;gBACjF,sFAAsF;gBACtF,mEAAmE;aACtE;YACD,OAAO,EAAE;gBACL;oBACI,KAAK,EAAE,wBAAwB;oBAC/B,QAAQ,EAAE,cAAc;oBACxB,KAAK,EAAE,aAAa;oBACpB,MAAM,EAAE,KAAK;iBAChB;gBAED;oBACI,KAAK,EAAE,oEAAoE;oBAC3E,QAAQ,EAAE,yBAAyB;oBACnC,KAAK,EAAE,mBAAmB;oBAC1B,MAAM,EAAE,IAAI;iBACf;aACJ;YACD,KAAK,EAAE,mDAAmD;YAC1D,MAAM,EAAE,gFAAgF;YACxF,OAAO,EAAE,uBAAuB;YAChC,SAAS,EAAE,yCAAyC;YACpD,MAAM,EAAE,UAAU;YAClB,UAAU,EAAE,uBAAuB;YACnC,OAAO,EAAE,cAAc;YACvB,WAAW,EAAE,8BAA8B;SAE9C;QA9CG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IATD,eAAe,CAAC,GAAW;QACvB,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAC/B,CAAC;IAED,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CAmDJ;AA/DY,kCAAkC;IAL9C,+DAAS,CAAC;QACP,QAAQ,EAAE,oCAAoC;;;KAGjD,CAAC;qCAc2C,+DAAK;GAbrC,kCAAkC,CA+D9C;AA/D8C;;;;;;;;;;;;ACR/C,6PAA6P,wYAAwY,4sBAA4sB,8CAA8C,OAAO,uIAAuI,UAAU,mnCAAmnC,42EAA42E,uPAAuP,6WAA6W,iiCAAiiC,26DAA26D,6kCAA6kC,uqCAAuqC,mJAAmJ,yQ;;;;;;;;;;;;;;;;;;;;;;;;;ACAn4V;AACQ;AAOlD,IAAa,gCAAgC,GAA7C;IAMI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAJ9C,cAAS,GAAW,2CAA2C,CAAC;QAChE,UAAK,GAAW,cAAc,CAAC;QAC/B,aAAQ,GAAW,gEAAgE,CAAC;QAGhF,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;CACJ;AATY,gCAAgC;IAL5C,+DAAS,CAAC;QACP,QAAQ,EAAE,6BAA6B;;;KAG1C,CAAC;qCAO2C,+DAAK;GANrC,gCAAgC,CAS5C;AAT4C;;;;;;;;;;;;;;;;;;;;;;;;;;ACRH;AACQ;AAOlD,IAAa,kCAAkC,GAA/C;IAaI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAX9C,iBAAY,GAAG,yBAAyB,CAAC;QACzC,UAAK,GAAW,gEAAgE,CAAC;QACjF,cAAS,GAAW,mFAAmF,CAAC;QAYxG,oBAAe,GAAG;YACd,WAAW,EAAE;gBACT,KAAK,EAAE,UAAU;gBACjB,MAAM,EAAE;oBACJ;wBACI,KAAK,EAAE,EAAE;wBACT,QAAQ,EAAE,SAAS;qBACtB;oBACD;wBACI,KAAK,EAAE,SAAS;wBAChB,QAAQ,EAAE,QAAQ;qBACrB;iBACJ;aACJ;YACD,OAAO,EAAE,8PAA8P;YACvQ,UAAU,EAAE;gBACR,0CAA0C;gBAC1C,wKAAwK;gBACxK,+DAA+D;aAClE;YACD,OAAO,EAAE;gBACL;oBACI,KAAK,EAAE,wBAAwB;oBAC/B,QAAQ,EAAE,cAAc;oBACxB,KAAK,EAAE,aAAa;oBACpB,MAAM,EAAE,KAAK;iBAChB;gBAED;oBACI,KAAK,EAAE,8BAA8B;oBACrC,QAAQ,EAAE,aAAa;oBACvB,KAAK,EAAE,aAAa;oBACpB,MAAM,EAAE,KAAK;iBAChB;gBAED;oBACI,KAAK,EAAE,4GAA4G;oBACnH,QAAQ,EAAE,yBAAyB;oBACnC,KAAK,EAAE,mBAAmB;oBAC1B,MAAM,EAAE,IAAI;iBACf;aACJ;YACD,KAAK,EAAE,wDAAwD;YAC/D,MAAM,EAAE,uEAAuE;YAC/E,OAAO,EAAE,mBAAmB;YAC5B,SAAS,EAAE,yCAAyC;YACpD,MAAM,EAAE,UAAU;YAClB,UAAU,EAAE,uBAAuB;YACnC,OAAO,EAAE,cAAc;YACvB,WAAW,EAAE,8BAA8B;SAE9C;QArDG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IATD,eAAe,CAAC,GAAW;QACvB,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAC/B,CAAC;IAED,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CA0DJ;AAtEY,kCAAkC;IAL9C,+DAAS,CAAC;QACP,QAAQ,EAAE,oCAAoC;;;KAGjD,CAAC;qCAc2C,+DAAK;GAbrC,kCAAkC,CAsE9C;AAtE8C;;;;;;;;;;;;ACR/C,gCAAgC,0BAA0B,KAAK,eAAe,0BAA0B,4BAA4B,0BAA0B,KAAK,4BAA4B,gCAAgC,oBAAoB,0BAA0B,KAAK,2BAA2B,qBAAqB,KAAK,2BAA2B,gCAAgC,KAAK,0BAA0B,2BAA2B,KAAK,cAAc,2BAA2B,KAAK,4BAA4B,2BAA2B,0BAA0B,0BAA0B,KAAK,2BAA2B,sBAAsB,KAAK,uCAAuC,2BAA2B,KAAK,iBAAiB,6BAA6B,oBAAoB,yBAAyB,KAAK,uBAAuB,yBAAyB,gCAAgC,0BAA0B,KAAK,8CAA8C,gFAAgF,2BAA2B,SAAS,gBAAgB,2BAA2B,mCAAmC,SAAS,2BAA2B,yBAAyB,SAAS,+BAA+B,2BAA2B,+BAA+B,+BAA+B,SAAS,qCAAqC,8BAA8B,SAAS,2CAA2C,+BAA+B,SAAS,KAAK,gBAAgB,uBAAuB,KAAK,sBAAsB,8BAA8B,yBAAyB,SAAS,4BAA4B,yBAAyB,SAAS,KAAK,K;;;;;;;;;;;ACA3sD,uPAAuP,wQAAwQ,OAAO,sHAAsH,8WAA8W,OAAO,2qBAA2qB,gBAAgB,iVAAiV,gBAAgB,4HAA4H,oxCAAoxC,OAAO,4EAA4E,w+EAAw+E,mxEAAmxE,kxEAAkxE,mxEAAmxE,kxEAAkxE,kxEAAkxE,oxEAAoxE,mxEAAmxE,kxEAAkxE,mxEAAmxE,kuBAAkuB,gFAAgF,kBAAkB,gPAAgP,YAAY,2PAA2P,eAAe,gBAAgB,0KAA0K,6JAA6J,mJAAmJ,wQ;;;;;;;;;;;;;;;;;;;;;;;;;ACA1o4B;AACQ;AAOlD,IAAa,qCAAqC,GAAlD;IAKI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAH9C,UAAK,GAAW,aAAa,CAAC;QAC9B,cAAS,GAAW,IAAI,CAAC,KAAK,GAAG,+BAA+B,CAAC;QAG7D,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;CAGJ;AAVY,qCAAqC;IALjD,+DAAS,CAAC;QACP,QAAQ,EAAE,uBAAuB;;;KAGpC,CAAC;qCAM2C,+DAAK;GALrC,qCAAqC,CAUjD;AAViD;;;;;;;;;;;;ACRlD,6PAA6P,wYAAwY,4sBAA4sB,8CAA8C,OAAO,uIAAuI,UAAU,k3CAAk3C,qmEAAqmE,uKAAuK,kWAAkW,klBAAklB,04BAA04B,WAAW,gJAAgJ,WAAW,qoBAAqoB,yiBAAyiB,WAAW,+jBAA+jB,uuBAAuuB,WAAW,+4FAA+4F,mJAAmJ,yQ;;;;;;;;;;;;;;;;;;;;;;;;;ACA3lZ;AACQ;AAOlD,IAAa,+BAA+B,GAA5C;IAMI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAJ9C,cAAS,GAAW,2CAA2C,CAAC;QAChE,UAAK,GAAW,cAAc,CAAC;QAC/B,aAAQ,GAAW,4BAA4B,CAAC;QAG5C,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;CACJ;AATY,+BAA+B;IAL3C,+DAAS,CAAC;QACP,QAAQ,EAAE,4BAA4B;;;KAGzC,CAAC;qCAO2C,+DAAK;GANrC,+BAA+B,CAS3C;AAT2C;;;;;;;;;;;;;;;;;;;;;;;;;;ACRF;AACQ;AAOlD,IAAa,iCAAiC,GAA9C;IAaI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAX9C,iBAAY,GAAG,yBAAyB,CAAC;QACzC,cAAS,GAAW,+CAA+C,CAAC;QACpE,UAAK,GAAW,4BAA4B,CAAC;QAY7C,oBAAe,GAAG;YACd,WAAW,EAAE;gBACT,KAAK,EAAE,UAAU;gBACjB,MAAM,EAAE;oBACJ;wBACI,KAAK,EAAE,EAAE;wBACT,QAAQ,EAAE,SAAS;qBACtB;oBACD;wBACI,KAAK,EAAE,SAAS;wBAChB,QAAQ,EAAE,QAAQ;qBACrB;iBACJ;aACJ;YACD,OAAO,EAAE,sQAAsQ;YAC/Q,UAAU,EAAE;gBACR,sDAAsD;gBACtD,oEAAoE;gBACpE,oDAAoD;gBACpD,sCAAsC;aACzC;YACD,OAAO,EAAE;gBACL;oBACI,KAAK,EAAE,wBAAwB;oBAC/B,QAAQ,EAAE,cAAc;oBACxB,KAAK,EAAE,aAAa;oBACpB,MAAM,EAAE,KAAK;iBAChB;gBACD;oBACI,KAAK,EAAE,mEAAmE;oBAC1E,QAAQ,EAAE,iCAAiC;oBAC3C,KAAK,EAAE,aAAa;oBACpB,MAAM,EAAE,IAAI;iBACf;gBACD;oBACI,KAAK,EAAE,6CAA6C;oBACpD,QAAQ,EAAE,4BAA4B;oBACtC,KAAK,EAAE,aAAa;oBACpB,MAAM,EAAE,KAAK;iBAChB;gBAED;oBACI,KAAK,EAAE,oEAAoE;oBAC3E,QAAQ,EAAE,yBAAyB;oBACnC,KAAK,EAAE,mBAAmB;oBAC1B,MAAM,EAAE,IAAI;iBACf;aACJ;YACD,KAAK,EAAE,kCAAkC;YACzC,MAAM,EAAE,sGAAsG;YAC9G,OAAO,EAAE,IAAI;YACb,SAAS,EAAE,mEAAmE;YAC9E,MAAM,EAAE,QAAQ;YAChB,UAAU,EAAE,yBAAyB;YACrC,OAAO,EAAE,aAAa;YACtB,WAAW,EAAE,uCAAuC;SAEvD;QA3DG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;IATD,eAAe,CAAC,GAAW;QACvB,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAC/B,CAAC;IAED,OAAO;QACH,MAAM,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;CAgEJ;AA5EY,iCAAiC;IAL7C,+DAAS,CAAC;QACP,QAAQ,EAAE,mCAAmC;;;KAGhD,CAAC;qCAc2C,+DAAK;GAbrC,iCAAiC,CA4E7C;AA5E6C;;;;;;;;;;;;ACR9C,sBAAsB,yBAAyB,KAAK,iBAAiB,0BAA0B,+BAA+B,yBAAyB,KAAK,gBAAgB,uBAAuB,KAAK,sBAAsB,wBAAwB,yBAAyB,SAAS,oBAAoB,yBAAyB,SAAS,2BAA2B,8BAA8B,+BAA+B,SAAS,KAAK,C;;;;;;;;;;;ACApb,uPAAuP,0RAA0R,KAAK,OAAO,sHAAsH,6XAA6X,OAAO,4XAA4X,OAAO,6DAA6D,kBAAkB,oDAAoD,+jBAA+jB,inBAAinB,2iBAA2iB,iqBAAiqB,4IAA4I,uR;;;;;;;;;;;;;;;;;;;;;;;;;ACA3/H;AACQ;AAOlD,IAAa,kDAAkD,GAA/D;IAKI,YAA2B,YAAmB;QAAnB,iBAAY,GAAZ,YAAY,CAAO;QAH9C,UAAK,GAAW,4BAA4B,CAAC;QAC7C,cAAS,GAAW,IAAI,CAAC,KAAK,GAAG,+BAA+B,CAAC;QAG7D,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC;CAEJ;AATY,kDAAkD;IAL9D,+DAAS,CAAC;QACP,QAAQ,EAAE,4BAA4B;;;KAGzC,CAAC;qCAM2C,+DAAK;GALrC,kDAAkD,CAS9D;AAT8D;;;;;;;;;;;;;ACR/D;AAAA;AAAA,gFAAgF;AAChF,0EAA0E;AAC1E,gEAAgE;AAEzD,MAAM,WAAW,GAAG;IACzB,UAAU,EAAE,KAAK;CAClB,CAAC;AAEF;;;;;;GAMG;AACH,mEAAmE;;;;;;;;;;;;;ACfnE;AAAA;AAAA;AAAA;AAAA;AAA+C;AAC4B;AAE9B;AACY;AAEzD,IAAI,qEAAW,CAAC,UAAU,EAAE;IAC1B,oEAAc,EAAE,CAAC;CAClB;AAED,gGAAsB,EAAE,CAAC,eAAe,CAAC,yDAAS,CAAC;KAChD,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC","file":"main.js","sourcesContent":["function webpackEmptyAsyncContext(req) {\n\t// Here Promise.resolve().then() is used instead of new Promise() to prevent\n\t// uncaught exception popping up in devtools\n\treturn Promise.resolve().then(function() {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t});\n}\nwebpackEmptyAsyncContext.keys = function() { return []; };\nwebpackEmptyAsyncContext.resolve = webpackEmptyAsyncContext;\nmodule.exports = webpackEmptyAsyncContext;\nwebpackEmptyAsyncContext.id = \"./src/$$_lazy_route_resource lazy recursive\";","import { Component, Injectable } from '@angular/core';\r\nimport { CanDeactivate } from '@angular/router';\r\n\r\n@Injectable()\r\nexport class ConfirmRouteGuard implements CanDeactivate<Component> {\r\n\r\n    confirmMessage: string = '';\r\n\r\n\r\n    /*\r\n\r\n        Caution: T-Folio will not store your work. Please use the print button to save all work as a PDF:\r\n        Click the \"Print\" button.\r\n        From the print screen, choose \"Save as PDF\" by changing the printer destination.\r\n        Save to a designated folder for your portfolio.\r\n        If you navigate away from the page before saving or printing, all entries will be lost.\r\n\r\n        Click OK to leave this page, or Cancel to return and save your work.\r\n        u2022\r\n    */\r\n    public constructor() {\r\n        this.confirmMessage += 'Caution: T-Folio will not store your work. Please use the print button to save all work as a PDF:\\n';\r\n        this.confirmMessage += '\\u2006  \\u2022 Click the \"Print\" button.\\n';\r\n        this.confirmMessage += '\\u2006  \\u2022 From the print screen, choose \"Save as PDF\" by changing the\\n  \\u2005  printer destination.\\n';\r\n        this.confirmMessage += '\\u2006  \\u2022 Save to a designated folder for your portfolio.\\n';\r\n        this.confirmMessage += 'If you navigate away from the page before saving or printing, all entries will be lost.\\n';\r\n        this.confirmMessage += 'Click OK to leave this page, or Cancel to return.';\r\n    }\r\n\r\n    canDeactivate(component: Component) {\r\n        return confirm(this.confirmMessage);\r\n    }\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { Http, Headers, RequestOptions, Response } from '@angular/http';\r\nimport {Observable} from 'rxjs/Rx';\r\n\r\n@Injectable()\r\nexport class TicketingService {\r\n\r\n    apiKey = \"5QEmqNGvgAcd7R5svt53\";\r\n    ticketUrl: string = \"https://tfolio.freshdesk.com/api/v2/tickets\";\r\n    \r\n    constructor(private _http: Http) {} \r\n\r\n    createTicket(data) {\r\n\r\n        let headers = new Headers({\r\n            'Authorization': 'Basic ' + btoa(this.apiKey),\r\n            'Content-Type': 'application/json'\r\n        });\r\n        let options = new RequestOptions({ headers: headers });\r\n\r\n        this._http\r\n            .post(this.ticketUrl, data, options)\r\n            .map((res: Response) => res.json())\r\n            .subscribe();\r\n    }\r\n\r\n}","import { Component, Input } from \"@angular/core\";\r\n\r\n@Component({\r\n    selector: 'landing-page-banner',\r\n    template: `\r\n<div class=\"container-fluid narrow-gutter banner\">\r\n    <div class=\"row-fluid\">\r\n        <div class=\"col-md-12 narrow-gutter\">\r\n            <div class=\"banner-text\">{{bannerText}}</div>\r\n        </div>\r\n    </div>\r\n</div>\r\n`,\r\n    styles: [`\r\n\r\n    .narrow-gutter > [class*='col-'] {\r\n        padding-right: 0 !important;\r\n        padding-left: 0 !important;\r\n    }\r\n\r\n    .banner {\r\n        min-height: 80px;\r\n        background-color: #00a3d8;\r\n        padding: 0px;\r\n        margin: 0px;\r\n        box-shadow: 0px 0px 6px #000000b3;\r\n        width: 100%;\r\n        margin-top:-25px;\r\n    }\r\n\r\n    .banner-text {\r\n        font-family: Rockwell;\r\n        font-size: xx-large;\r\n        font-weight:bold;\r\n        color: #ffffff;\r\n        text-shadow: 2px 2px 7px #000000;\r\n        padding-left:10%;\r\n        padding-top:20px;\r\n    }\r\n\r\n    @media only screen and (max-width: 760px), \r\n        (min-device-width: 768px) and (max-device-width: 1024px) {\r\n\r\n        .banner-text {\r\n            font-size: x-large;\r\n        }\r\n    }\r\n`\r\n    ]\r\n})\r\n\r\nexport class LandingPageBannerComponent {\r\n    @Input('banner-text') bannerText: string;\r\n}","import { Component } from \"@angular/core\";\r\n\r\n@Component({\r\n    selector: 'landing-page-footer',\r\n    template: `\r\n    <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n            <img src=\"/img/ccby.png\" alt=\"CC BY License\" height=\"33\" style=\"float:left;margin-top:2px;margin-bottom:10px;margin-right:5px;\">\r\n            <div style=\"font-size:small;\">\r\n                Except where otherwise noted, content on this site, created by <a href=\"http://www.seattleu.edu/ccts\" target=\"_blank\">CCTS at Seattle University</a>\r\n                with funding from <a href=\"https://www.dshs.wa.gov/strategic-planning/division-vocational-rehabilitation\" target=\"_blank\">WA DSHS/DVR</a>,\r\n                is licensed under a <a href=\"https://creativecommons.org/licenses/by/4.0\" target=\"_blank\">CC BY 4.0 license</a>.\r\n                All logos and trademarks are property of their respective owners.\r\n            </div>\r\n        </div>\r\n    </div>\r\n`,\r\n    styles: [``]\r\n})\r\nexport class LandingPageFooterComponent {\r\n}","module.exports = \".background-box {\\r\\n    background-color: #ffffff;\\r\\n    border-radius: 25px 25px 25px 25px;\\r\\n    box-shadow: 0px -2px 10px #7b7b7b;\\r\\n    margin: 0px;\\r\\n    margin-top: 20px;\\r\\n    padding: 20px;\\r\\n    min-height: 700px;\\r\\n    min-width: 288px;\\r\\n}\\r\\n\\r\\n.content-area {\\r\\n    position: relative;\\r\\n    height: 100%;\\r\\n    padding: 0px 20px 20px 20px;\\r\\n    border-radius: 25px;\\r\\n    box-shadow: inset 0px 0px 5px #737373;\\r\\n    background-color: white;\\r\\n    display: inline-block;\\r\\n}\\r\\n\\r\\n.btn-success {\\r\\n    background-color: #12826C;\\r\\n    color: #FFFFFF;\\r\\n    border-color: #12826C;\\r\\n}\\r\\n\\r\\n.content-area-header {\\r\\n    display: inline-block;\\r\\n    background-color: white;\\r\\n    padding: 10px;\\r\\n    margin: 0px 25px 10px 25px;\\r\\n    border-radius: 0px 0px 15px 15px;\\r\\n    box-shadow: 0px 2px 3px #9e9e9e;\\r\\n    font-family: Rockwell;\\r\\n    font-size: 16px;\\r\\n    font-weight: bold;\\r\\n}\\r\\n\\r\\n.list-button {\\r\\n    white-space: pre-wrap;\\r\\n    border-radius: 8px;\\r\\n    margin-left: 10px;\\r\\n    box-shadow: 0px 2px 2px #848484;\\r\\n    margin-top: 10px;\\r\\n    width: 90%\\r\\n}\\r\\n\\r\\n.lesson-image {\\r\\n    max-width: 100%;\\r\\n    min-width: 90%;\\r\\n    min-height: 80%;\\r\\n    max-height: 100%;\\r\\n    height: auto;\\r\\n    width: auto;\\r\\n    border-radius: 15px;\\r\\n    margin: 0%;\\r\\n    top: 3%;\\r\\n    position: relative;\\r\\n    padding: 4px;\\r\\n    margin-top: 16px;\\r\\n    overflow: hidden;\\r\\n}\\r\\n\\r\\n.powerpoint-button {\\r\\n    white-space: pre-wrap;\\r\\n    border-radius: 8px;\\r\\n    margin-left: 10px;\\r\\n    margin-top: 10px;\\r\\n    box-shadow: 0px 2px 2px #4c4c4c;\\r\\n    background-color: #800080;\\r\\n    color: #ffffff;\\r\\n    border-color: #800080;\\r\\n    width: 90%;\\r\\n}\\r\\n\\r\\n.caption {\\r\\n    color: black;\\r\\n    border-radius: 8px;\\r\\n    margin-left: 4px;\\r\\n    margin-right: 4px;\\r\\n    text-align: left;\\r\\n    padding-left: 10px;\\r\\n    font-size: 0.7vw;\\r\\n}\\r\\n\\r\\n@media (max-width: 992px) {\\r\\n    .what-youll-need {\\r\\n        margin-top: 25px;\\r\\n    }\\r\\n}\\r\\n\\r\\n.active {\\r\\n    color: #2C3E50;\\r\\n}\\r\\n\\r\\n\"","module.exports = \"<landing-page-banner banner-text=\\\"{{bannerHeader}}\\\"></landing-page-banner>\\r\\n<div class=\\\"container-fluid background-box\\\" style=\\\"width:60%;margin-left:20%;margin-right:20%;\\\">\\r\\n    <div class=\\\"row\\\" *ngIf=\\\"LandingPageData.breadcrumbs\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"padding-bottom:10px;\\\">\\r\\n            <ol class=\\\"breadcrumb\\\" style=\\\"background-color:white;margin-bottom:0px;padding-bottom:0px;\\\">\\r\\n                <li *ngFor=\\\"let crumb of LandingPageData.breadcrumbs.crumbs\\\"><a [routerLink]=\\\"crumb.route\\\">{{crumb.linktext}}</a></li>\\r\\n                <li class=\\\"active\\\">{{LandingPageData.breadcrumbs.label}}</li>\\r\\n            </ol>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-8\\\" style=\\\"background-color:white;\\\">\\r\\n            <div class=\\\"row-fluid content-area\\\" style=\\\"width:100%;\\\">\\r\\n                <div class=\\\"content-area-header\\\">{{title}}</div>\\r\\n                <div class=\\\"col-md-12\\\" style=\\\"margin-top:10px;\\\">\\r\\n                   {{LandingPageData.summary}}\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row-fluid\\\">\\r\\n                <div class=\\\"col-md-12\\\" style=\\\"min-height:25px;\\\"></div>\\r\\n            </div>\\r\\n            <div class=\\\"row-fluid content-area\\\" style=\\\"width:100%;\\\">\\r\\n                <div class=\\\"content-area-header\\\">Lesson Objectives</div>\\r\\n                <div class=\\\"col-md-12\\\" style=\\\"margin-top:10px;\\\">\\r\\n                    <b>Participants will:</b>\\r\\n                    <ol>\\r\\n                        <li *ngFor=\\\"let bullet of LandingPageData.objectives\\\">{{bullet}}</li>\\r\\n                    </ol>\\r\\n                </div>\\r\\n            </div> \\r\\n        </div>\\r\\n        <div class=\\\"col-md-4 what-youll-need\\\" style=\\\"background-color:white\\\">\\r\\n            <div class=\\\"row-fluid content-area\\\" style=\\\"width:100%\\\">\\r\\n                <div class=\\\"content-area-header\\\">What you'll need</div>\\r\\n                <div *ngFor=\\\"let button of LandingPageData.buttons\\\">\\r\\n                    <a [routerLink]=\\\"button.window ? null : button.route\\\" class=\\\"btn {{button.color}} list-button\\\" style=\\\"color:white;\\\" (click)=\\\"button.window ? openInNewWindow(button.route) : null\\\">\\r\\n                        {{button.linktext}}\\r\\n                    </a>\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row-fluid\\\">\\r\\n                <div class=\\\"col-md-12\\\" style=\\\"min-height:25px;\\\"></div>\\r\\n            </div>\\r\\n            <div class=\\\"row-fluid content-area\\\">\\r\\n                <img alt=\\\"{{LandingPageData.imgalt}}\\\" src=\\\"{{LandingPageData.image}}\\\" class=\\\"lesson-image\\\" />\\r\\n                <div class=\\\"caption\\\">\\r\\n                    <span *ngIf=\\\"LandingPageData.photoLink\\\">\\r\\n                        <a href=\\\"{{LandingPageData.photoLink}}\\\" target=\\\"_blank\\\">Photo</a>\\r\\n                    </span>\\r\\n                    <span *ngIf=\\\"!LandingPageData.photoLink\\\">\\r\\n                        Photo\\r\\n                    </span>\\r\\n                    {{LandingPageData.caption}}\\r\\n                    <a style=\\\"color:#2a79e0\\\" href={{LandingPageData.sourceLink}} target=\\\"_blank\\\">{{LandingPageData.source}}</a> /\\r\\n                    <a style=\\\"color:#2a79e0\\\" href={{LandingPageData.licenceLink}} target=\\\"_blank\\\">{{LandingPageData.licence}}</a>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","module.exports = \".background-box {\\r\\n    background-color: #ffffff;\\r\\n    border-radius: 25px 25px 25px 25px;\\r\\n    box-shadow: 0px -2px 10px #7b7b7b;\\r\\n    margin: 0px;\\r\\n    margin-top: 20px;\\r\\n    padding: 20px;\\r\\n    min-height: 700px;\\r\\n    min-width: 384px;\\r\\n}\\r\\n\\r\\n.content-area {\\r\\n    height: 100%;\\r\\n    padding: 0px 20px 20px 20px;\\r\\n    border-radius: 25px;\\r\\n    box-shadow: inset 0px 0px 5px #737373;\\r\\n    background-color: white;\\r\\n    display: inline-block;\\r\\n}\\r\\n\\r\\n.content-area-header {\\r\\n    display: inline-block;\\r\\n    background-color: white;\\r\\n    padding: 10px;\\r\\n    margin: 0px 25px 10px 25px;\\r\\n    border-radius: 0px 0px 15px 15px;\\r\\n    box-shadow: 0px 2px 3px #9e9e9e;\\r\\n    font-family: Rockwell;\\r\\n    font-size: 16px;\\r\\n    font-weight: bold;\\r\\n}\\r\\n\\r\\n.button-container {\\r\\n    box-shadow: 0px 2px 2px #848484;\\r\\n    width: 90%;\\r\\n    margin-left: 10px;\\r\\n    margin-top: 10px;\\r\\n    border-radius: 10px\\r\\n}\\r\\n\\r\\n.button-image {\\r\\n    float: left;\\r\\n    max-width: 24%;\\r\\n}\\r\\n\\r\\n.button-text {\\r\\n    float: right;\\r\\n    width: 74%;\\r\\n    white-space: normal;\\r\\n    font-size: 15px;\\r\\n    font-weight: bold;\\r\\n}\\r\\n\\r\\n.btn-success {\\r\\n    background-color: #12826C;\\r\\n    color: #FFFFFF;\\r\\n    border-color: #12826C;\\r\\n}\\r\\n\\r\\n.lesson-image {\\r\\n    max-width: 100%;\\r\\n    min-width: 90%;\\r\\n    min-height: 80%;\\r\\n    max-height: 100%;\\r\\n    height: auto;\\r\\n    width: auto;\\r\\n    border-radius: 15px;\\r\\n    margin: 0%;\\r\\n    top: 3%;\\r\\n    position: relative;\\r\\n    padding: 4px;\\r\\n    margin-top: 16px;\\r\\n    overflow: hidden;\\r\\n}\\r\\n\\r\\n.caption {\\r\\n    color:black;\\r\\n    border-radius: 8px;\\r\\n    margin-left: 4px;\\r\\n    margin-right: 4px;\\r\\n    text-align: left;\\r\\n    padding-left: 10px;\\r\\n    font-size: 0.7vw;\\r\\n}\\r\\n\\r\\n.active {\\r\\n    color: #2C3E50;\\r\\n}\\r\\n\"","module.exports = \"<landing-page-banner banner-text=\\\"{{title}}\\\"></landing-page-banner>\\r\\n<div class=\\\"container-fluid background-box\\\" style=\\\"width:60%;margin-left:20%;margin-right:20%;margin-bottom:15px;\\\">\\r\\n    <div class=\\\"row\\\" *ngIf=\\\"UnitLandingPageData.breadcrumbs\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"padding-bottom:10px;\\\">\\r\\n            <ol class=\\\"breadcrumb\\\" style=\\\"background-color:white;margin-bottom:0px;padding-bottom:0px;\\\">\\r\\n                <li *ngFor=\\\"let crumb of UnitLandingPageData.breadcrumbs.crumbs\\\">\\r\\n                    <a [routerLink]=\\\"crumb.route\\\">{{crumb.linktext}}</a>\\r\\n                </li>\\r\\n                <li class=\\\"active\\\">{{UnitLandingPageData.breadcrumbs.label}}</li>\\r\\n            </ol>\\r\\n        </div><a></a>\\r\\n    </div>\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-7 narrow-gutter\\\" style=\\\"background-color:white;\\\">\\r\\n            <div class=\\\"row-fluid content-area\\\">\\r\\n                <div class=\\\"content-area-header\\\">{{title}}</div>\\r\\n                <div class=\\\"col-md-12 narrow-gutter\\\" style=\\\"margin-top:10px;\\\">\\r\\n                    {{UnitLandingPageData.summary}}\\r\\n                    <br /><br />\\r\\n                    In this unit, youth will add to their portfolios:\\r\\n                    <br /><br />\\r\\n                    <ul>\\r\\n                        <li *ngFor=\\\"let item of UnitLandingPageData.portfolioitems\\\">{{item.text}}</li>\\r\\n                    </ul>\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row-fluid\\\">\\r\\n                <div class=\\\"col-md-12\\\" style=\\\"min-height:25px;\\\"></div>\\r\\n            </div>\\r\\n            <div class=\\\"row-fluid content-area\\\">\\r\\n                <img class=\\\"lesson-image\\\" alt={{UnitLandingPageData.alttext}} src={{UnitLandingPageData.image}} />\\r\\n                <div class=\\\"caption\\\">\\r\\n                    <a style=\\\"color:#2a79e0\\\" href={{UnitLandingPageData.photoLink}} target=\\\"_blank\\\">{{UnitLandingPageData.photoText}}</a> \\r\\n                    {{UnitLandingPageData.caption}}\\r\\n                    <a style=\\\"color:#2a79e0\\\" href={{UnitLandingPageData.sourceLink}} target=\\\"_blank\\\">{{UnitLandingPageData.source}}</a> \\r\\n                    <a style=\\\"color:#2a79e0\\\" href={{UnitLandingPageData.licenceLink}} target=\\\"_blank\\\">{{UnitLandingPageData.licence}}</a>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-5 narrow-gutter\\\" style=\\\"background-color:white;\\\">\\r\\n            <div class=\\\"row-fluid content-area\\\">\\r\\n                <div class=\\\"content-area-header\\\">Lessons</div>\\r\\n                <div *ngFor=\\\"let button of UnitLandingPageData.buttons\\\">\\r\\n                    <a [routerLink]=\\\"button.isPowerPoint ? null : button.route\\\">\\r\\n                        <div class=\\\"btn {{button.color}} button-container\\\" (click)=\\\"button.isPowerPoint ? navigateToPowerPoint() : button.isPDF ? navigateToPDF() : null\\\" >\\r\\n                            <img alt={{button.alttext}} class=\\\"button-image\\\" src={{button.image}} />\\r\\n                            <div class=\\\"button-text\\\">{{button.linktext}}</div>\\r\\n                        </div>\\r\\n                    </a>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\n\r\n@Component({\r\n    selector: 'lesson-guide-footer',\r\n    template: `\r\n    <div class=\"row-fluid\">\r\n        <div class=\"col-md-2\" style=\"padding-top:25px;\">\r\n            <a (click)=\"doScroll();\" class=\"hidden-print\" style=\"cursor:pointer\">Back to Top</a>\r\n        </div>\r\n        <div class=\"col-md-9\" style=\"padding-top:25px;\">\r\n        </div>\r\n        <div class=\"col-md-1\" style=\"padding-top:25px;\">\r\n            <button (click)=\"doPrint();\" class=\"hidden-print\">Print</button><tfolio-print-button></tfolio-print-button>\r\n        </div>\r\n    </div>\r\n    <div class=\"row-fluid\">\r\n        <div class=\"col-md-12\" style=\"padding-top:50px;\">\r\n            <img src=\"/img/ccby.png\" alt=\"CC BY License\" height=\"33\" style=\"float:left;margin-top:2px;margin-right:5px;\">\r\n            <div style=\"font-size:small;\">\r\n                Except where otherwise noted, content on this site, created by <a href=\"http://www.seattleu.edu/ccts\" target=\"_blank\">CCTS at Seattle University</a>\r\n                with funding from <a href=\"https://www.dshs.wa.gov/strategic-planning/division-vocational-rehabilitation\" target=\"_blank\">WA DSHS/DVR</a>,\r\n                is licensed under a <a href=\"https://creativecommons.org/licenses/by/4.0/\" target=\"_blank\">CC BY 4.0 license</a>.\r\n                All logos and trademarks are property of their respective owners.\r\n            </div>\r\n        </div>\r\n    </div>\r\n`,\r\n    styles: [`\r\n@media print {\r\n    a[href]:after {\r\n        content: none!important;\r\n    }\r\n}\r\n`]\r\n})\r\nexport class LessonGuideFooterComponent {\r\n    doPrint(): void {\r\n        window.print();\r\n    }\r\n    doScroll() {\r\n        window.scrollTo(0, 0);\r\n    }\r\n}\r\n","module.exports = \"h1 {\\r\\n    font-size: x-large;\\r\\n    font-weight: bold;\\r\\n    padding: 0px;\\r\\n    text-align: left;\\r\\n    margin-bottom: 0px;\\r\\n    margin-top: 25px;\\r\\n    font-family: Rockwell;\\r\\n    font-size: 30px;\\r\\n}\\r\\n\\r\\nh2 {\\r\\n    font-size: x-large;\\r\\n    font-weight: bold;\\r\\n    margin-top: 25px;\\r\\n    margin-bottom: 5px;\\r\\n}\\r\\n\\r\\nli {\\r\\n    margin-top: 5px;\\r\\n    margin-bottom: 5px;\\r\\n}\\r\\n\\r\\nbutton {\\r\\n    color: black;\\r\\n    border-radius: 5px;\\r\\n    border: 2px solid black;\\r\\n    background-color: white;\\r\\n    float: right;\\r\\n    font-size: 15px;\\r\\n}\\r\\n\\r\\n.bordered-outer {\\r\\n    border: 1px solid black;\\r\\n}\\r\\n\\r\\n.bordered {\\r\\n    border: 1px solid black;\\r\\n    padding: 15px;\\r\\n}\\r\\n\\r\\n.container-fluid.header {\\r\\n    margin-top: 15px;\\r\\n    padding-bottom:15px;\\r\\n    border-top: solid 1px;\\r\\n    border-bottom: solid 1px;\\r\\n    overflow: hidden;\\r\\n    width: 100%;\\r\\n}\\r\\n\\r\\n.subtitle {\\r\\n    font-family: Rockwell;\\r\\n    margin-top: 5px;\\r\\n    margin-bottom: 5px;\\r\\n}\\r\\n\\r\\ndiv.row.header {\\r\\n    margin-bottom: 15px;\\r\\n}\\r\\n\\r\\ncontainer-fluid.exercise-content.guide {\\r\\n    font-family: Arial;\\r\\n    padding-right: 20px;\\r\\n}\\r\\n\\r\\n.col-md-12.crumbs {\\r\\n    font-size: 11px;\\r\\n}\\r\\n\\r\\ndiv.container-fluid.objectives {\\r\\n    margin-top: 50px;\\r\\n}\\r\\n\\r\\ndiv.box {\\r\\n    border: 1px solid;\\r\\n    margin-top:15px;\\r\\n    margin-bottom:15px;\\r\\n}\\r\\n\\r\\ndiv.container-fluid.activity {\\r\\n    margin-top: 20px;\\r\\n}\\r\\n\\r\\nul.activity li {\\r\\n    padding-top:5px;\\r\\n    padding-bottom:5px;\\r\\n}\\r\\n\\r\\ndiv.facilitator-notes div {\\r\\n    padding-bottom:10px;\\r\\n}\\r\\n\\r\\ndiv.introduction div {\\r\\n    padding-bottom:10px;\\r\\n}\\r\\n\\r\\n.U4L4-guide-activity-headers {\\r\\n    font-size:larger;\\r\\n}\\r\\n\\r\\n.active {\\r\\n    color: #2C3E50;\\r\\n}\\r\\n\\r\\n\"","import { Component } from \"@angular/core\";\r\n\r\n@Component({\r\n    selector: 'tfolio-cite',\r\n    template: `\r\n<div class=\"container-fluid\">\r\n    <div class=\"row\">\r\n        <div class=\"col-md-12 centered padded\">\r\n            <ng-content></ng-content>\r\n        </div>\r\n    </div>\r\n</div>\r\n`,\r\n    styles: [`\r\n.centered {\r\n    text-align:center;\r\n}\r\n.padded {\r\n    padding-top:50px;\r\n}\r\n`]\r\n})\r\nexport class TFolioCiteComponent {\r\n}","import { Component, ViewChild, ElementRef } from \"@angular/core\";\r\n\r\n\r\n@Component({\r\n    selector: 'tfolio-copyright',\r\n    template: `\r\n         <div class=\"row-fluid\"> \r\n            <div class=\"col-md-12\" style=\"margin-top:5px;\">\r\n                <hr style=\"display:block;border-color:darkgrey;height:1px;width:100%;\"> \r\n            </div>\r\n        </div>\r\n        <div class=\"row-fluid\">\r\n            <div class=\"col-md-12\" style=\"margin-top:1px;font-size:small;\">\r\n               T-Folio&nbsp;|&nbsp;<a href=\"http://www.cctstfolio.com\" target=\"_blank\">www.cctstfolio.com</a>&nbsp;|&nbsp;2020\r\n            </div>  \r\n            <div class=\"col-md-1\" style=\"padding-top:15px;\">\r\n                <img src=\"/img/ccby.png\" alt = \"CC BY License\" height=\"20\" style=\"float:left;\">\r\n            </div>\r\n            <div class=\"col-md-11\" style=\"padding-top:5px;padding-left:20px;\">\r\n                <div style=\"font-size:12.3px;\">                     \r\n                     <p>\r\n                        Except where otherwise noted, this work, created by <a href = \"http://www.seattleu.edu/ccts\" target = \"_blank\"> CCTS at Seattle University </a> \r\n                        with funding from <a href = \"https://www.dshs.wa.gov/strategic-planning/division-vocational-rehabilitation\" target = \"_blank\"> WA DSHS / DVR </a>, is licensed under a\r\n                        <a href = \"https://creativecommons.org/licenses/by/4.0/\" target=\"_blank\"> CC BY 4.0 license </a>. All logos and trademarks are property of their respective owners.\r\n                     </p>\r\n                </div>\r\n            </div>\r\n        </div>\r\n`,\r\n\r\n\r\n    styles: [`\r\n    .centered {\r\n        text-align:center;\r\n    }\r\n    .padded {\r\n        padding-top:25px;\r\n    }\r\n    @media print {\r\n         a[href]:after  {\r\n            content: none!important;\r\n        }\r\n    }\r\n`]\r\n})\r\n\r\nexport class TFolioCopyright {\r\n    doScroll() {\r\n        window.scrollTo(0, 0);\r\n    }\r\n    doPrint() {\r\n        window.print();\r\n    }\r\n}\r\n","import { Component, Input } from \"@angular/core\";\r\n\r\n@Component({\r\n    selector: 'tfolio-directions',\r\n    template: `\r\n<div class=\"container-fluid\" [ngStyle]=\"{'padding-bottom' : this.padBottom ? '25px' : '0px' }\">\r\n    <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n            <b [id]=\"identifier\">{{tag}}:</b>\r\n            <span [attr.aria-labelledby]=\"identifier\">\r\n                <ng-content></ng-content>\r\n            </span>\r\n        </div>\r\n    </div>\r\n</div>\r\n`,\r\n    styles: [``]\r\n})\r\nexport class TFolioDirectionsComponent {\r\n    @Input() identifier: string;\r\n    @Input() tag: string;\r\n    @Input() padBottom: boolean = false;\r\n}","import { Component } from \"@angular/core\";\r\n\r\n@Component({\r\n    selector: 'tfolio-heading',\r\n    template: `\r\n<div class=\"container-fluid\">\r\n    <div class=\"row\">\r\n        <div class=\"col-md-1\"><label for=\"tfolio-name-textbox\"><b>Name:</b></label></div>\r\n        <div class=\"col-md-7\"><input type=\"text\" id=\"tfolio-name-textbox\" name=\"tfolio-name-textbox\"/></div>\r\n        <div class=\"col-md-1\"><label for=\"tfolio-date-textbox\"><b>Date:</b></label></div>\r\n        <div class=\"col-md-3\"><input type=\"text\" id=\"tfolio-date-textbox\" name=\"tfolio-date-textbox\"/></div>\r\n    </div>\r\n</div>\r\n`,\r\n    styles: ['']\r\n})\r\nexport class TFolioHeadingComponent {\r\n    doPrint(): void {\r\n        window.print();\r\n    }\r\n}","import { Component } from \"@angular/core\";\r\n\r\n\r\n@Component({\r\n    selector: 'tfolio-nav-buttons',\r\n    template: `\r\n\r\n       <div class=\"row-fluid\">\r\n            <div class=\"col-md-10\" style=\"padding-top:40px;\">\r\n                <a (click)=\"doScroll();\" class=\"hidden-print\" style=\"cursor:pointer\">Back to Top</a>\r\n            </div>\r\n            <div class=\"col-md-2\" style=\"padding-top:40px;\">\r\n                <tfolio-print-button></tfolio-print-button>\r\n            </div>\r\n        </div>\r\n `\r\n    ,\r\n\r\n    styles: [`  \r\n        .centered {\r\n            text-align: center;\r\n        }\r\n\r\n        .padded {\r\n        padding-top: 25px;\r\n        }\r\n\r\n        @media print {\r\n    a[href]: after  {\r\n        content: none!important;\r\n    }\r\n}\r\n               \r\n`]\r\n})\r\n\r\n\r\nexport class TFolioNavButtons {\r\n    doScroll() {\r\n        window.scrollTo(0, 0);\r\n    }\r\n    doPrint() {\r\n        window.print();\r\n    }\r\n}\r\n","import { Component, Input } from \"@angular/core\";\r\n\r\n@Component({\r\n    selector: 'tfolio-page-title',\r\n    template: `\r\n<div class=\"container-fluid\">\r\n    <div class=\"row\">\r\n        <div class=\"col-md-12\"><h1>{{content}}</h1></div>\r\n    </div>\r\n</div>\r\n`,\r\n    styles: ['']\r\n})\r\nexport class TFolioPageTitleComponent {\r\n    @Input() content: string;\r\n}","import { Component, Input } from \"@angular/core\";\r\ndeclare let kendo;\r\ndeclare let html2pdf;\r\ndeclare let $;\r\n\r\n\r\n@Component({\r\n    selector: 'tfolio-pdf-button',\r\n    //template: '<button class=\"hidden-print\" (click)=\"ExportToPdf(fileName);\">PDF</button>',\r\n    template: '',\r\n    styles: ['']\r\n})\r\n\r\n\r\nexport class TFolioPDFComponent  {\r\n\r\n    @Input() fileName: string;\r\n  \r\n    ExportToPdf(fileName): void {\r\n\r\n      var element = document.getElementById('pdfcontent');\r\n      var opt = {\r\n        pagebreak: { before: ['#personalStrengths'] },\r\n        filename: fileName + '.pdf',\r\n        jsPDF: { format: 'A4', orientation: 'portrait' },\r\n        html2canvas: { width: 992, scale: 1 }\r\n      };\r\n\r\n      html2pdf().set(opt).from(element).save();\r\n\r\n\r\n    }\r\n}\r\n","import { Component, ViewChild, ElementRef } from \"@angular/core\";\r\ndeclare let $;\r\n// jsPDF for pdf \r\n//import * as jsPDF from 'jsPDF';\r\n\r\n\r\n@Component({\r\n    selector: 'tfolio-print-button',\r\n    template: '<button class=\"hidden-print\" (click)=\"doPrint();\">Print</button>',\r\n    styles: ['']\r\n})\r\n\r\n\r\nexport class TFolioPrintButtonComponent {\r\n    doPrint(): void {\r\n        var original = document.title;\r\n        var temp = \"\";\r\n        //$(document).ready(function () {\r\n        //    $(\"h1\").text(\"test\");\r\n        //});\r\n        var breadcrumb = $(\"ol.breadcrumb.hidden-print li\");\r\n        var size = breadcrumb.length;\r\n        //5 being job shadow workbook length\r\n        if (size == 5) {\r\n            breadcrumb.each(function (i) {\r\n                switch (i) {\r\n                    case 0:\r\n                        var tfolio = $(this).text() + \"_\";\r\n                        temp += tfolio\r\n                        break;\r\n                    case 1:\r\n                        var unit = $(this).text() + \"_\";\r\n                        unit = unit.replace(\" \", \"-\");\r\n                        temp += unit;\r\n                        break;\r\n                    case 2:\r\n                        var lesson = $(this).text() + \"_\";\r\n                        lesson = lesson.replace(\" \", \"-\");\r\n                        temp += lesson;\r\n                        break;\r\n                    case 3:\r\n                        var name = $(this).text();\r\n                        name = name.replace(/ /g, \"-\");\r\n                        temp += name;\r\n                        break;\r\n                    case 4:\r\n                        var shadow = \"_\" + $(this).text();\r\n                        shadow = shadow.replace(/ /g, \"-\");\r\n                        temp += shadow;\r\n                        break;\r\n                    default:\r\n                        break;\r\n                }\r\n\r\n            }\r\n            );\r\n        } else {\r\n            breadcrumb.each(function (i) {\r\n                switch (i) {\r\n                    case 0:\r\n                        var tfolio = $(this).text() + \"_\";\r\n                        temp += tfolio\r\n                        break;\r\n                    case 1:\r\n                        var unit = $(this).text() + \"_\";\r\n                        unit = unit.replace(\" \", \"-\");\r\n                        temp += unit;\r\n                        break;\r\n                    case 2:\r\n                        var lesson = $(this).text() + \"_\";\r\n                        lesson = lesson.replace(\" \", \"-\");\r\n                        temp += lesson;\r\n                        break;\r\n                    case 3:\r\n                        var name = $(this).text();\r\n                        name = name.replace(/ /g, \"-\");\r\n                        temp += name;\r\n                        break;\r\n                    default:\r\n                        break;\r\n                }\r\n\r\n            }\r\n            );\r\n        }\r\n        document.title = temp;\r\n        //var reg = RegExp(\"(? <word1>folio) \\s ? (? <word2>unit) \\s(?<unit>\\d) \\s(?<lesson>Lesson) \\s(?<num>\\d)\");\r\n        window.print();\r\n        document.title = original;\r\n    }\r\n\r\n\r\n    ////////////////////////////////////\r\n\r\n\r\n    //// get reference to page content for PDF\r\n    //@ViewChild('content') content: ElementRef;\r\n\r\n\r\n    //// download to PDF\r\n    //public DownLoadToPDF() {\r\n\r\n    //    // new jsPDF object\r\n    //    let PDFDoc = new jsPDF();\r\n\r\n    //    let SpecialElementHandlers = {\r\n\r\n    //        '#editor': function (element, renderer) {\r\n    //            return true;\r\n    //        }\r\n    //    };\r\n\r\n\r\n    //    // get native element\r\n    //    let currcontent = this.content.nativeElement;\r\n\r\n\r\n    //    // ADD COMMENTS\r\n    //    PDFDoc.fromHTML(currcontent.innerHTML, 15, 15,\r\n    //    {\r\n    //        'width': 190,\r\n    //        'elementHandlers': SpecialElementHandlers\r\n    //     });\r\n\r\n    //    // save pdf\r\n    //    PDFDoc.save('TFolioPage.pdf');\r\n    //}\r\n\r\n}\r\n","import { Component } from \"@angular/core\";\r\n\r\n\r\n@Component({\r\n    selector: 'tfolio-scroll',\r\n    template: ` <a (click)=\"doScroll();\" class=\"hidden-print\" style=\"cursor:pointer\">Back to Top</a> `,\r\n    styles: ['']\r\n})\r\n\r\n\r\nexport class TFolioScroll {\r\n    doScroll() {\r\n        window.scrollTo(0, 0);\r\n    }\r\n}","import { Component, OnInit, Input } from \"@angular/core\";\r\n\r\n@Component({\r\n    selector: 'tfolio-textarea',\r\n    template: `\r\n<div class=\"container-fluid\">\r\n    <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n            <div contenteditable=\"true\" \r\n                [id]=\"identifier\"\r\n                [textContent]=\"currentText\"\r\n                (keypress)=\"keyed($event)\"\r\n                (paste)=\"pasted($event);\"\r\n                (input)=\"currentText = $event.target.textContent\"\r\n                class=\"tfolio-noscroll-textarea\"\r\n                [ngStyle]=\"textareaWidthHeightAttrVal\"\r\n                ngDefaultControl></div>\r\n            <div class=\"tfolio-noscroll-textarea-counts hidden-print\" \r\n                [ngStyle]=\"countMaxWidthAttrVal\">{{maxLength - currentText.length}} / {{maxLength}}</div>\r\n        </div>\r\n    </div>\r\n</div>\r\n`,\r\n    styles: [`\r\n    div.tfolio-noscroll-textarea {\r\n        font-family:Consolas;\r\n        font-size:20px;\r\n        margin:0 auto;\r\n        padding:0;\r\n        border:1px solid rgb(169,169,169);\r\n        word-break:break-all;\r\n    }\r\n    div.tfolio-noscroll-textarea-counts {\r\n        text-align:right;\r\n        font-size:small;\r\n        margin:0; \r\n        padding:0;\r\n    }\r\n\r\n@media print {\r\n    div.tfolio-noscroll-textarea {\r\n        font-family:Consolas;\r\n        font-size:20px;\r\n        margin:0 auto;\r\n        padding:0;\r\n        border:1px solid transparent;\r\n        word-break:break-all;\r\n    }\r\n    div.tfolio-noscroll-textarea-counts {\r\n        text-align:right;\r\n        font-size:small;\r\n        margin:0;\r\n        padding:0;\r\n    }\r\n}\r\n`]\r\n})\r\nexport class TFolioTextareaComponent implements OnInit {\r\n    @Input() rows: number;\r\n    @Input() cols: number;\r\n    @Input() identifier: string;\r\n\r\n    currentText: string = \"\";\r\n    maxLength: number;\r\n\r\n    textareaWidthHeightAttrVal: any;\r\n    countMaxWidthAttrVal: any;\r\n\r\n    ngOnInit(): void {\r\n        this.maxLength = this.rows * this.cols;\r\n\r\n        this.textareaWidthHeightAttrVal = {\r\n            'max-width': ((this.cols * 11) + 5) + 'px',\r\n            'min-height': (this.rows * (23+6)) + 'px'\r\n        };\r\n        this.countMaxWidthAttrVal = {\r\n            'max-width': ((this.cols * 11) + 5) + 'px',\r\n        };\r\n    }\r\n\r\n    keyed(event: KeyboardEvent): void {\r\n        if (this.currentText.length >= this.maxLength) {\r\n            event.returnValue = false;\r\n        }\r\n        if (event.keyCode == 13) {\r\n            event.returnValue = false;\r\n        }\r\n        \r\n    }\r\n\r\n    pasted(event: ClipboardEvent): void {\r\n\r\n        var clip = event.clipboardData.getData('text');\r\n        while (clip.match('\\t'))\r\n            clip = clip.replace('\\t', ' ');\r\n        while (clip.match('\\r\\n'))\r\n            clip = clip.replace('\\r\\n', ' ');\r\n\r\n        this.doPaste(event.srcElement, clip);\r\n\r\n        event.returnValue = false;\r\n    }\r\n\r\n    doPaste(div, text) {\r\n\r\n        var sel = window.getSelection();\r\n\r\n        var front = div.innerText.substring(0, sel);\r\n        var back = div.innerText.substring(sel, div.innerText.length);\r\n\r\n        if (front.length + text.length + back.length > this.maxLength)\r\n            return false;\r\n\r\n        this.currentText = front + text + back;\r\n    }\r\n}","import { Component, Input } from \"@angular/core\";\r\ndeclare let kendo;\r\ndeclare let $;\r\n\r\n\r\n@Component({\r\n    selector: 'tfolio-whats-important-to-me-pdf-button',\r\n    template: '',\r\n    //template: '&nbsp;&nbsp;<button class=\"hidden-print\" (click)=\"ExportToPdf(fileName);\">PDF</button>',\r\n    styles: ['']\r\n})\r\n\r\n\r\n// https://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_traversing_find\r\n\r\n\r\nexport class TFolioWhatsImportantToMePDFComponent {\r\n\r\n    // name of file to be downloaded to pdf\r\n    @Input() fileName: string;\r\n\r\n\r\n    ExportToPdf(fileName): void {\r\n\r\n        /////////////////////////////////////////////////////////////////////\r\n        //// make page style adjustments for pdf formatting /////////////////\r\n        /////////////////////////////////////////////////////////////////////\r\n\r\n\r\n        // page level\r\n        $('#pdfcontent').css('font-size', '17pt');\r\n\r\n        // circle text\r\n        $('.arrows-container').find('.circle_text').css('font-size', '17pt');\r\n\r\n\r\n        /////////////////////////////////////////////////////////////////////\r\n\r\n\r\n        // northeast_quest \r\n        $('.arrows-container').find('.northeast_quest').css('font-size', '17pt');\r\n\r\n        // northeast_entry \r\n        $('.arrows-container').find('.northeast_entry').css({\r\n            'height': '97px',\r\n            'width': '220px',\r\n            'position':'absolute',\r\n            'left':'637px',\r\n            'top': '338px',\r\n            'font-size': '16pt'\r\n        })\r\n\r\n\r\n        /////////////////////////////////////////////////////////////////////\r\n\r\n\r\n        // east_quest\r\n        $('.arrows-container').find('.east_quest').css('font-size', '17pt');\r\n\r\n\r\n        // east_entry\r\n        $('.arrows-container').find('.east_entry').css({\r\n            'height': '97px',\r\n            'width': '220px',\r\n            'position': 'absolute',\r\n            'left': '750px',\r\n            'top': '470px',\r\n            'font-size': '16pt'\r\n        })\r\n\r\n\r\n        /////////////////////////////////////////////////////////////////////\r\n\r\n\r\n        // southeast_quest\r\n        $('.arrows-container').find('.southeast_quest').css('font-size', '17pt');\r\n\r\n\r\n        // southeast_entry\r\n        $('.arrows-container').find('.southeast_entry').css({\r\n            'height': '95px',\r\n            'width': '220px',\r\n            'position': 'absolute',\r\n            'left': '700px',\r\n            'top': '624px',\r\n            'font-size': '16pt'\r\n        })\r\n\r\n\r\n        /////////////////////////////////////////////////////////////////////\r\n\r\n\r\n        // south_quest\r\n        $('.arrows-container').find('.south_quest').css('font-size', '17pt');\r\n\r\n        // south_entry\r\n        $('.arrows-container').find('.south_entry').css({\r\n            'height': '230px',\r\n            'width': '90px',\r\n            'position': 'absolute',\r\n            'left': '472px',\r\n            'top': '720px',\r\n            'font-size': '16pt'\r\n        })\r\n\r\n\r\n        /////////////////////////////////////////////////////////////////////\r\n\r\n     \r\n        // southwest_quest\r\n        $('.arrows-container').find('.southwest_quest').css({\r\n            'font-size': '17pt',\r\n            'width': '250px'\r\n        });\r\n\r\n\r\n        // southwest_entry\r\n        $('.arrows-container').find('.southwest_entry').css({\r\n            'height': '90px',\r\n            'width': '230px',\r\n            'position': 'absolute',\r\n            'left': '160px',\r\n            'top': '805px',\r\n            'font-size': '16pt'\r\n        })\r\n\r\n\r\n        /////////////////////////////////////////////////////////////////////\r\n\r\n\r\n        // west_quest\r\n        $('.arrows-container').find('.west_quest').css('font-size', '17pt');\r\n\r\n        // west_entry\r\n        $('.arrows-container').find('.west_entry').css({\r\n            'height': '90px',\r\n            'width': '230px',\r\n            'position': 'absolute',\r\n            'left': '75px',\r\n            'top': '477px',\r\n            'font-size': '16pt'\r\n        })\r\n\r\n\r\n        /////////////////////////////////////////////////////////////////////\r\n\r\n\r\n        // northwest_quest\r\n        $('.arrows-container').find('.northwest_quest').css('font-size', '17pt');\r\n\r\n        // northwest_entry\r\n        $('.arrows-container').find('.northwest_entry').css({\r\n            'height': '90px',\r\n            'width': '230px',\r\n            'position': 'absolute',\r\n            'left': '238px',\r\n            'top': '180px',\r\n            'font-size': '16pt'\r\n        })\r\n\r\n\r\n        /////////////////////////////////////////////////////////////////////\r\n\r\n\r\n        // north_quest\r\n        $('.arrows-container').find('.north_quest').css('font-size', '17pt');\r\n\r\n        // north_entry\r\n        $('.arrows-container').find('.north_entry').css({\r\n            'height': '230px',\r\n            'width': '90px',\r\n            'position': 'absolute',\r\n            'left': '470px',\r\n            'top': '96px',\r\n            'font-size': '16pt'\r\n        })\r\n\r\n\r\n        /////////////////////////////////////////////////////////////////////\r\n\r\n\r\n        // telerik Kendo functionality (see library references in index.html)\r\n        kendo.drawing.drawDOM(\"#pdfcontent\",\r\n            {\r\n                // paper size, margin, and scale\r\n                paperSize: \"letter\",\r\n                margin: { top: \"1cm\", bottom: \"1cm\" },            \r\n                scale: 0.50,\r\n            })\r\n            .then(function (group) {\r\n                kendo.drawing.pdf.saveAs(group, \"'\" + fileName + \"'\");\r\n\r\n\r\n                /////////////////////////////////////////////////////////////////////\r\n                //// restore default styles after pdf loads /////////////////////////\r\n                /////////////////////////////////////////////////////////////////////\r\n\r\n\r\n                // page level\r\n                $('#pdfcontent').css('font-size', '15px'); \r\n\r\n                // circle text\r\n                $('.arrows-container').find('.circle_text').css('font-size', '20px');\r\n\r\n\r\n                /////////////////////////////////////////////////////////////////////\r\n\r\n\r\n                // northeast_quest \r\n                $('.arrows-container').find('.northeast_quest').css('font-size', '20px');\r\n\r\n                // northeast_entry \r\n                $('.arrows-container').find('.northeast_entry').css({\r\n                    'height': '90px',\r\n                    'width': '305px',\r\n                    'position': 'absolute',\r\n                    'left': '615px',\r\n                    'top': '361px',\r\n                    'font-size': '15px'\r\n                })\r\n\r\n               \r\n                /////////////////////////////////////////////////////////////////////\r\n\r\n\r\n                // east_quest\r\n                $('.arrows-container').find('.east_quest').css('font-size', '20px');\r\n\r\n                // east_entry\r\n                $('.arrows-container').find('.east_entry').css({\r\n                    'height': '90px',\r\n                    'width': '305px',\r\n                    'position': 'absolute',\r\n                    'left': '716px',\r\n                    'top': '472px',\r\n                    'font-size': '14px'\r\n                })\r\n\r\n\r\n                /////////////////////////////////////////////////////////////////////\r\n\r\n\r\n                // southeast_quest\r\n                $('.arrows-container').find('.southeast_quest').css('font-size', '20px');\r\n\r\n                // southeast_entry\r\n                $('.arrows-container').find('.southeast_entry').css({\r\n                    'height': '90px',\r\n                    'width': '305px',\r\n                    'position': 'absolute',\r\n                    'left': '678px',\r\n                    'top': '603px',\r\n                    'font-size':'15px'\r\n                })\r\n\r\n\r\n                /////////////////////////////////////////////////////////////////////\r\n                \r\n\r\n                // south_quest\r\n                $('.arrows-container').find('.south_quest').css('font-size', '20px');\r\n\r\n                // south_entry\r\n                $('.arrows-container').find('.south_entry').css({\r\n                    'height': '305px',\r\n                    'width': '90px',\r\n                    'position': 'absolute',\r\n                    'left': '472px',\r\n                    'top': '690px',\r\n                    'font-size': '11.5px'\r\n                })\r\n\r\n\r\n                /////////////////////////////////////////////////////////////////////\r\n\r\n\r\n                // southwest_quest\r\n                $('.arrows-container').find('.southwest_quest').css({\r\n                    'font-size': '20px',\r\n                    'width': '200px'\r\n                });\r\n\r\n\r\n                // southwest_entry\r\n                $('.arrows-container').find('.southwest_entry').css({\r\n                    'height': '90px',\r\n                    'width': '305px',\r\n                    'position': 'absolute',\r\n                    'left': '125px',\r\n                    'top': '840px',\r\n                    'font-size': '15px'\r\n                })\r\n\r\n\r\n                /////////////////////////////////////////////////////////////////////\r\n\r\n\r\n                // west\r\n                $('.arrows-container').find('.west_quest').css('font-size', '20px');\r\n\r\n                // west_entry\r\n                $('.arrows-container').find('.west_entry').css({\r\n                    'height': '90px',\r\n                    'width': '305px',\r\n                    'position': 'absolute',\r\n                    'left': '27px',\r\n                    'top': '477px',\r\n                    'font-size': '15px'\r\n                })\r\n\r\n\r\n                /////////////////////////////////////////////////////////////////////\r\n\r\n\r\n                // northwest_quest\r\n                $('.arrows-container').find('.northwest_quest').css('font-size', '20px');\r\n\r\n                // northwest_entry\r\n                $('.arrows-container').find('.northwest_entry').css({\r\n                    'height': '90px',\r\n                    'width': '305px',\r\n                    'position': 'absolute',\r\n                    'left': '202px',\r\n                    'top': '148px',\r\n                    'font-size': '15px'\r\n                })\r\n\r\n\r\n                /////////////////////////////////////////////////////////////////////\r\n\r\n           \r\n                // north\r\n                $('.arrows-container').find('.north_quest').css('font-size', '20px');\r\n\r\n                // north_entry\r\n                $('.arrows-container').find('.north_entry').css({\r\n                    'height': '305px',\r\n                    'width': '90px',\r\n                    'position': 'absolute',\r\n                    'left': '466px',\r\n                    'top': '48px',\r\n                    'font-size': '15px'\r\n                })\r\n            });\r\n    }\r\n}","module.exports = \"<landing-page-banner banner-text=\\\"{{title}}\\\"></landing-page-banner>\\r\\n<div class=\\\"container-fluid background-box\\\" style=\\\"width:60%;margin-left:20%;margin-right:20%;\\\">\\r\\n\\r\\n    <div class=\\\"row\\\" *ngIf=\\\"AboutLandingPageData.breadcrumbs\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"padding-bottom:10px;\\\">\\r\\n            <ol class=\\\"breadcrumb\\\" style=\\\"background-color:white;margin-bottom:0px;padding-bottom:0px;\\\">\\r\\n                <li *ngFor=\\\"let crumb of AboutLandingPageData.breadcrumbs.crumbs\\\">\\r\\n                    <a [routerLink]=\\\"crumb.route\\\">{{crumb.linktext}}</a>\\r\\n                </li>\\r\\n                <li class=\\\"active\\\">{{AboutLandingPageData.breadcrumbs.label}}</li>\\r\\n            </ol>\\r\\n        </div><a></a>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"row\\\" style=\\\"margin-bottom:40%;\\\">\\r\\n        <div class=\\\"col-md-6\\\" style=\\\"background-color:white;\\\">\\r\\n            <div class=\\\"row-fluid content-area\\\" style=\\\"width:100%\\\">\\r\\n                <div class=\\\"content-area-header\\\">What is T-Folio?</div>\\r\\n                <p>\\r\\n                    T-Folio is a free online transition portfolio tool for high school-age youth with disabilities.\\r\\n                    The curriculum provides facilitators with lesson plans and tips to help youth build self-determination and job-readiness skills through a series of interactive exercises.\\r\\n                </p>\\r\\n                <p>\\r\\n                    T-Folio curriculum aligns with Individual Education Program (IEP) transition planning,\\r\\n                    <a href=\\\"https://www.dshs.wa.gov/sites/default/files/JJRA/dvr/pdf/FAQs%20April%202016.pdf\\\" target=\\\"_blank\\\">DVR Pre-Employment Transition Service categories (PDF)</a>,\\r\\n                    and the <a href=\\\"https://www.seattleu.edu/ccts/transition-services/flowchart/\\\" target=\\\"_blank\\\">CCTS Transition Services Flowchart</a>.\\r\\n                    Many of the activities also align with the <a href=\\\"http://www.k12.wa.us/GraduationRequirements/Requirement-HighSchoolBeyond.aspx\\\" target=\\\"_blank\\\">High School and Beyond Plan</a>\\r\\n                    required for all students for graduation.\\r\\n                </p>\\r\\n                <p>\\r\\n                    Activities are student-centered and emphasize the youth’s role as a leader in setting and achieving goals for the future. Products include:\\r\\n                </p>\\r\\n                <ul>\\r\\n                    <li>Age-appropriate transition assessments</li>\\r\\n                    <li>Post-school goals</li>\\r\\n                    <li>Course of study</li>\\r\\n                    <li>Action Plans</li>\\r\\n                    <li>R&eacute;sum&eacute;</li>\\r\\n                </ul>\\r\\n\\r\\n            </div>\\r\\n            <div class=\\\"row-fluid content-area\\\" style=\\\"width:100%; margin-top:20px\\\">\\r\\n                <div class=\\\"content-area-header\\\">Who We Are</div>\\r\\n                <p>\\r\\n                    The T-Folio was created by the\\r\\n                    <a href=\\\"https://www.seattleu.edu/ccts/\\\" target=\\\"_blank\\\">Center for Change in Transition Services (CCTS)</a>\\r\\n                    with funding from the\\r\\n                    <a href=\\\"https://www.dshs.wa.gov/office-of-the-secretary/division-vocational-rehabilitation\\\" target=\\\"_blank\\\">Division of Vocational Rehabilitation (DVR)</a>.\\r\\n                </p>\\r\\n                <p>\\r\\n                    CCTS strives to improve the transition outcomes of students with disabilities from school to postsecondary education or employment.\\r\\n                    We work to achieve this mission by creating broader visibility for quality data and robust research, informing policy, supporting effective teaching and learning, and maintaining critical partnerships in the area of special education.\\r\\n                </p>\\r\\n                <p>\\r\\n                    DVR believes that employment contributes to a person’s ability to live independently and that everyone has a right to work.\\r\\n                    Their purpose is to empower people with disabilities to achieve a greater quality of life by obtaining and maintaining employment.\\r\\n                </p>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-6\\\" style=\\\"background-color:white;\\\">\\r\\n            <div class=\\\"row-fluid content-area\\\" style=\\\"width:100%;\\\">\\r\\n                <div class=\\\"content-area-header\\\">T-Folio Training</div>\\r\\n                <div class=\\\"col-md-12\\\" style=\\\"margin-top:10px;\\\">\\r\\n                    <div style=\\\"margin-top:10px;\\\">\\r\\n                        Download the T-Folio training PowerPoint by clicking the button below. Be sure to view the slides with the \\\"Notes\\\" visible in order to access all of the necessary information.\\r\\n                    </div>\\r\\n                    <div style=\\\"margin-top:10px;\\\">\\r\\n                        <a href=\\\"/img/training/T-Folio-Training.pptx\\\" class=\\\"btn btn-sm btn-warning\\\" style=\\\"font-size:15px;text-align:center;background-color:#FDB913;border-color:#FDB913;color:#000000\\\">T-Folio Training (PowerPoint)</a>\\r\\n                    </div>\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row-fluid content-area\\\" style=\\\"width:100%; margin-top:20px\\\">\\r\\n                <div class=\\\"content-area-header\\\">Licensing and Copyright</div>\\r\\n                <div style=\\\"padding-top:15px;\\\">\\r\\n                    <img src=\\\"/img/ccby.png\\\" title=\\\"Creative Commons Attribution License (CC BY).\\\" height=\\\"25\\\">\\r\\n                </div>\\r\\n                <h5 style=\\\"font-weight:bold\\\">External links</h5>\\r\\n                <p>\\r\\n                    This site may contain links to websites operated by third parties. These links are provided for your convenience only and do not constitute or imply any endorsement or monitoring.\\r\\n                    Please confirm the license status of any third-party resources and understand their terms of use before reusing them.\\r\\n                </p>\\r\\n                <h5 style=\\\"font-weight:bolder\\\">Licensing</h5>\\r\\n                <p>\\r\\n                    Except where otherwise noted, content on this site, created by\\r\\n                    <a href=\\\"https://www.seattleu.edu/ccts/\\\" target=\\\"_blank\\\">Center for Change in Transition Services at Seattle University</a>\\r\\n                    with funding from\\r\\n                    <a href=\\\"https://www.dshs.wa.gov/office-of-the-secretary/division-vocational-rehabilitation\\\" target=\\\"_blank\\\">Washington State Division of Social and Health Services/Division of Vocational Rehabilitation</a>,\\r\\n                    is licensed under a\\r\\n                    <a href=\\\"https://creativecommons.org/licenses/by/4.0/\\\" target=\\\"_blank\\\">Creative Commons Attribution 4.0 International license</a>.\\r\\n                    All logos and trademarks are property of their respective owners.\\r\\n                </p>\\r\\n                <h5 style=\\\"font-weight:bolder\\\">Adaptations</h5>\\r\\n                <p>\\r\\n                    If you choose to adapt any of this content, please note the changes and remove any Center for Change in Transition Services logos and branding.\\r\\n                    Provide the following attribution: \\\"This resource was adapted from original materials provided by the\\r\\n                    <a href=\\\"https://www.seattleu.edu/ccts/\\\" target=\\\"_blank\\\">Center for Change in Transition Services (CCTS)</a>.\\r\\n                    Original materials may be accessed on the <a href=\\\"https://cctstfolio.com/\\\" target=\\\"_blank\\\">T-Folio</a> website.\\\"\\r\\n                </p>\\r\\n                <p>\\r\\n                    Any adaptation should be licensed with the least restrictive open license possible that is not in conflict with existing licenses.\\r\\n                    For more information about open licensing of educational materials, please visit:\\r\\n                    <a href=\\\"https://www.oercommons.org/about\\\" target=\\\"_blank\\\">https://www.oercommons.org/about</a>\\r\\n                </p>\\r\\n                <p>\\r\\n                    Contact CCTS with any further questions: <a href=\\\"mailto:ccts@seattleu.edu\\\">ccts@seattleu.edu</a>\\r\\n                </p>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from '@angular/platform-browser';\r\n\r\n@Component({\r\n    selector: \"about\",\r\n    templateUrl: './about.component.html',\r\n    styleUrls: ['./_shared/landing-pages/landing-page.component.css'],\r\n})\r\n\r\nexport class AboutComponent {\r\n\r\n    title: string = \"About T-Folio\";\r\n    pageTitle: string = this.title + \" | T-Folio\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n\r\n\r\n    AboutLandingPageData = {\r\n        breadcrumbs: {\r\n            label: \"About\",\r\n            crumbs: [\r\n                {\r\n                    route: \"\",\r\n                    linktext: \"T-Folio\"\r\n                }\r\n            ]\r\n        },\r\n    }\r\n}\r\n","module.exports = \"<nav class=\\\"navbar navbar-default\\\" style=\\\"border-radius:0px\\\" role=\\\"navigation\\\">\\r\\n    <div class=\\\"container-fluid\\\">\\r\\n        <div class=\\\"navbar-header\\\">\\r\\n            <button type=\\\"button\\\" class=\\\"navbar-toggle collapsed\\\" data-toggle=\\\"collapse\\\" data-target=\\\"#collapsing-navbar\\\">\\r\\n                <span class=\\\"sr-only\\\">Toggle navigation</span>\\r\\n                <span class=\\\"icon-bar\\\"></span>\\r\\n                <span class=\\\"icon-bar\\\"></span>\\r\\n                <span class=\\\"icon-bar\\\"></span>\\r\\n            </button>\\r\\n            <a class=\\\"navbar-brand\\\" (click)=\\\"setTitle()\\\" [routerLink]=\\\"['']\\\">{{title}}</a>\\r\\n        </div>\\r\\n        <div class=\\\"collapse navbar-collapse\\\" id=\\\"collapsing-navbar\\\">\\r\\n            <ul class=\\\"nav navbar-nav\\\">\\r\\n                <li class=\\\"nav-item\\\">\\r\\n                    <a class=\\\"nav-link\\\" [routerLink]=\\\"['about']\\\">About T-Folio</a>\\r\\n                </li>\\r\\n                <li class=\\\"dropdown\\\">\\r\\n                    <a class=\\\"dropdown-toggle\\\" data-toggle=\\\"dropdown\\\" href=\\\"#\\\">Units<span class=\\\"caret\\\"></span></a>\\r\\n                    <ul class=\\\"dropdown-menu\\\">\\r\\n                        <li class=\\\"dropdown-submenu\\\">\\r\\n                            <a tabindex=\\\"-1\\\" [routerLink]=\\\"['introduction']\\\">Introduction</a>\\r\\n                            <ul class=\\\"dropdown-menu\\\">\\r\\n                                <li><a [routerLink]=\\\"['introduction/lesson-1']\\\">Lesson 1: Spotlight on Student Warm-Up</a></li>\\r\\n                                <li><a [routerLink]=\\\"['introduction/lesson-2']\\\">Lesson 2: Taking Assessments</a></li>\\r\\n                            </ul>\\r\\n                        </li>\\r\\n                        <li class=\\\"dropdown-submenu\\\">\\r\\n                            <a tabindex=\\\"-1\\\" [routerLink]=\\\"['unit-1']\\\">Unit 1</a>\\r\\n                            <ul class=\\\"dropdown-menu\\\">\\r\\n                                <li><a [routerLink]=\\\"['unit-1/lesson-1']\\\">Lesson 1: Strengths</a></li>\\r\\n                                <li><a [routerLink]=\\\"['unit-1/lesson-2']\\\">Lesson 2: Preferences</a></li>\\r\\n                                <li><a [routerLink]=\\\"['unit-1/lesson-3']\\\">Lesson 3: Interests</a></li>\\r\\n                                <li><a [routerLink]=\\\"['unit-1/lesson-4']\\\">Lesson 4: Needs</a></li>\\r\\n                                <li><a [routerLink]=\\\"['unit-1/lesson-5']\\\">Lesson 5: Self-Determination</a></li>\\r\\n                                <li><a [routerLink]=\\\"['unit-1/lesson-6']\\\">Lesson 6: Work Maturity Skills</a></li>\\r\\n                                <li><a [routerLink]=\\\"['unit-1/lesson-7']\\\">Lesson 7: Synthesize and Reflect</a></li>\\r\\n                                <li><a [routerLink]=\\\"['unit-1/lesson-8']\\\">Lesson 8: Researching Occupations</a></li>\\r\\n                            </ul>\\r\\n                        </li>\\r\\n                        <li class=\\\"dropdown-submenu\\\">\\r\\n                            <a tabindex=\\\"-1\\\" [routerLink]=\\\"['unit-2']\\\">Unit 2</a>\\r\\n                            <ul class=\\\"dropdown-menu\\\">\\r\\n                                <li><a [routerLink]=\\\"['unit-2/lesson-1']\\\">Lesson 1: How to Set Goals</a></li>\\r\\n                                <li><a [routerLink]=\\\"['unit-2/lesson-2']\\\">Lesson 2: Employment and Education Goals</a></li>\\r\\n                                <li><a [routerLink]=\\\"['unit-2/lesson-3']\\\">Lesson 3: Exploring Employment Options</a></li>\\r\\n                                <li><a [routerLink]=\\\"['unit-2/lesson-4']\\\">Lesson 4: Exploring Postsecondary Education Options</a></li>\\r\\n                                <li><a [routerLink]=\\\"['unit-2/lesson-5']\\\">Lesson 5: Course of Study</a></li>\\r\\n                                <li><a [routerLink]=\\\"['unit-2/lesson-6']\\\">Lesson 6: Exploring Agency Options</a></li>\\r\\n                                <li><a [routerLink]=\\\"['unit-2/lesson-7']\\\">Lesson 7: Action Plan for Employment and Education</a></li>\\r\\n                            </ul>\\r\\n                        </li>\\r\\n                        <li class=\\\"dropdown-submenu\\\">\\r\\n                            <a tabindex=\\\"-1\\\" [routerLink]=\\\"['unit-3']\\\">Unit 3</a>\\r\\n                            <ul class=\\\"dropdown-menu\\\">\\r\\n                                <li><a [routerLink]=\\\"['unit-3/lesson-1']\\\">Lesson 1: Introduction to Work-Based Learning</a></li>\\r\\n                                <li><a [routerLink]=\\\"['unit-3/lesson-2']\\\">Lesson 2: SCANS Workplace Skills and Competencies</a></li>\\r\\n                                <li><a [routerLink]=\\\"['unit-3/lesson-3']\\\">Lesson 3: Informational Interviews</a></li>\\r\\n                                <li><a [routerLink]=\\\"['unit-3/lesson-4']\\\">Lesson 4: Job Shadowing</a></li>\\r\\n                                <li><a [routerLink]=\\\"['unit-3/lesson-5']\\\">Lesson 5: Evaluations and Letters of Recommendation</a></li>\\r\\n                                <li><a [routerLink]=\\\"['unit-3/lesson-6']\\\">Lesson 6: High School and Beyond Plan</a></li>\\r\\n                            </ul>\\r\\n                        </li>\\r\\n                        <li class=\\\"dropdown-submenu\\\">\\r\\n                            <a tabindex=\\\"-1\\\" [routerLink]=\\\"['unit-4']\\\">Unit 4</a>\\r\\n                            <ul class=\\\"dropdown-menu\\\">\\r\\n                                <li><a [routerLink]=\\\"['unit-4/lesson-1']\\\">Lesson 1: Work Maturity Skills</a></li>\\r\\n                                <li><a [routerLink]=\\\"['unit-4/lesson-2']\\\">Lesson 2: Writing a R&eacute;sum&eacute;</a></li>\\r\\n                                <li><a [routerLink]=\\\"['unit-4/lesson-3']\\\">Lesson 3: Writing and Presenting an Elevator Speech</a></li>\\r\\n                                <li><a [routerLink]=\\\"['unit-4/lesson-4']\\\">Lesson 4: The Job Application Process</a></li>\\r\\n                                <li><a [routerLink]=\\\"['unit-4/lesson-5']\\\">Lesson 5: Job Interview Preparation</a></li>\\r\\n                                <li><a [routerLink]=\\\"['unit-4/lesson-6']\\\">Lesson 6: Writing a Thank You Note</a></li>\\r\\n                                <li><a [routerLink]=\\\"['unit-4/lesson-7']\\\">Lesson 7: Action Plan for Employment</a></li>\\r\\n                            </ul>\\r\\n                        </li>\\r\\n                        <li class=\\\"dropdown-submenu\\\">\\r\\n                            <a tabindex=\\\"-1\\\" [routerLink]=\\\"['unit-5']\\\">Unit 5</a>\\r\\n                            <ul class=\\\"dropdown-menu\\\">\\r\\n                                <li><a [routerLink]=\\\"['unit-5/lesson-1']\\\">Lesson 1: Self-Determination Re-Assessment</a></li>\\r\\n                                <li><a [routerLink]=\\\"['unit-5/lesson-2']\\\">Lesson 2: Self-Advocacy Goals</a></li>\\r\\n                                <li><a [routerLink]=\\\"['unit-5/lesson-3']\\\">Lesson 3: Independent Living Goals</a></li>\\r\\n                                <li><a [routerLink]=\\\"['unit-5/lesson-4']\\\">Lesson 4: Student-Led IEPs</a></li>\\r\\n                                <li><a [routerLink]=\\\"['unit-5/lesson-5']\\\">Lesson 5: Action Plan for Self-Advocacy and Independent Living</a></li>\\r\\n                                <li><a [routerLink]=\\\"['unit-5/lesson-6']\\\">Lesson 6: Final Reflection</a></li>\\r\\n                            </ul>\\r\\n                        </li>\\r\\n                    </ul>\\r\\n                </li>\\r\\n                <li class=\\\"nav-item\\\">\\r\\n                    <a class=\\\"nav-link\\\" [routerLink]=\\\"['help']\\\">Help</a>\\r\\n                </li>\\r\\n            </ul>\\r\\n            <ul class=\\\"nav navbar-nav navbar-right\\\">\\r\\n                <li><a [routerLink]=\\\"['feedback']\\\"style=\\\"margin-top:19.500px; padding-top:0px; padding-bottom:0px; font-size:15px;background-color:#FDB913;border-color:#FDB913;color:#000000\\\" class=\\\"btn btn-sm btn-warning\\\">T-Folio User Survey</a></li>\\r\\n            </ul>\\r\\n        </div>\\r\\n\\r\\n    </div>\\r\\n</nav>\\r\\n<div>\\r\\n    <router-outlet></router-outlet>\\r\\n</div>\\r\\n\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Router, NavigationEnd, UrlTree } from \"@angular/router\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: \"app-root\",\r\n    templateUrl: './app.component.html'\r\n})\r\nexport class AppComponent {\r\n\r\n    title = \"T-Folio\";\r\n   \r\n    constructor(public router: Router, private titleService: Title) {\r\n        this.router.events.subscribe((evt) => {\r\n\r\n            if (!(evt instanceof NavigationEnd)) {\r\n                return;\r\n            }\r\n\r\n            window.scrollTo(0, 0);\r\n\r\n            (<any>window).ga('set', 'page', evt.url);\r\n            (<any>window).ga('send', 'pageview');\r\n\r\n        });\r\n    }\r\n\r\n    public setTitle() {\r\n         var newTitle = this.title;\r\n        this.titleService.setTitle(newTitle);\r\n    }\r\n\r\n    isActive(data: any[]): boolean {\r\n        return this.router.isActive(\r\n            this.router.createUrlTree(data),\r\n            true);\r\n    }\r\n}","import { NgModule } from \"@angular/core\";\r\n\r\nimport { BrowserModule, Title } from \"@angular/platform-browser\";\r\nimport { FormsModule } from \"@angular/forms\";\r\nimport { RouterModule } from \"@angular/router\";\r\nimport { HttpModule } from \"@angular/http\";\r\nimport \"rxjs/Rx\";\r\nimport { AppRouting } from \"./app.routing\";\r\n\r\nimport { AppComponent } from \"./app.component\";\r\n\r\nimport { HomeComponent } from \"./home.component\";\r\nimport { PageNotFoundComponent } from \"./page-not-found.component\";\r\n\r\nimport { TFolioHeadingComponent } from \"./_shared/tfolio-heading.component\";\r\nimport { TFolioPrintButtonComponent } from \"./_shared/tfolio-print-button.component\";\r\nimport { TFolioCopyright } from \"./_shared/tfolio-copyright.component\";\r\nimport { TFolioPDFComponent } from \"./_shared/tfolio-pdf-button.component\";\r\nimport { TFolioWhatsImportantToMePDFComponent } from \"./_shared/tfolio-whats-important-to-me-pdf-button\";\r\nimport { TFolioScroll } from \"./_shared/tfolio-scroll.component\";\r\nimport { TFolioPageTitleComponent } from \"./_shared/tfolio-page-title.component\";\r\nimport { TFolioDirectionsComponent } from \"./_shared/tfolio-directions.component\";\r\nimport { TFolioCiteComponent } from \"./_shared/tfolio-cite.component\";\r\nimport { TFolioTextareaComponent } from \"./_shared/tfolio-textarea\";\r\nimport { TFolioNavButtons } from \"./_shared/tfolio-nav-butt.component\";\r\n\r\nimport { LandingPageBannerComponent } from \"./_shared/landing-pages/landing-page-banner.component\";\r\nimport { LandingPageFooterComponent } from \"./_shared/landing-pages/landing-page-footer.component\";\r\n\r\nimport { LessonGuideFooterComponent } from \"./_shared/lesson-guides/lesson-guide-footer.component\";\r\n\r\nimport { StudentCenteredIntroductionlandingpage } from \"./introduction/_landing.component\";\r\nimport { IntroductionLessonOneLandingComponent } from \"./introduction/lesson-1/_landing.component\";\r\nimport { IntroductionLessonOneGuideComponent } from \"./introduction/lesson-1/_guide.component\";\r\nimport { IntroductionWhatsImportantToMeComponent } from \"./introduction/lesson-1/whats-important-to-me.component\";\r\nimport { IntroductionWhatsImportantToMeFacilitatorComponent } from \"./introduction/lesson-1/whats-important-to-me-facilitator.component\";\r\nimport { IntroductionLessonTwoLandingComponent } from \"./introduction/lesson-2/_landing.component\";\r\nimport { IntroductionLessonTwoGuideComponent } from \"./introduction/lesson-2/_guide.component\";\r\nimport { IntroductionLessonTwoSelfIntroductionComponent } from \"./introduction/lesson-2/_self-reflection.component\";\r\n\r\nimport { UnitOneLandingpage } from \"./unit-1/_landing.component\";\r\nimport { UnitOneLessonOneLandingComponent } from \"./unit-1/lesson-1/_landing.component\";\r\nimport { UnitOneLessonOneGuideComponent } from \"./unit-1/lesson-1/_guide.component\";\r\nimport { UnitOneLessonOneStrengthsAssessmentComponent } from \"./unit-1/lesson-1/strengths-assessment.component\";\r\nimport { UnitOneLessonTwoLandingComponent } from \"./unit-1/lesson-2/_landing.component\";\r\nimport { UnitOneLessonTwoGuideComponent } from \"./unit-1/lesson-2/_guide.component\";\r\nimport { UnitOneLessonTwoPreferencesAssessmentComponent } from \"./unit-1/lesson-2/preferences-assessment.component\";\r\nimport { UnitOneLessonThreeLandingComponent } from \"./unit-1/lesson-3/_landing.component\";\r\nimport { UnitOneLessonThreeGuideComponent } from \"./unit-1/lesson-3/_guide.component\";\r\nimport { UnitOneLessonThreeInterestsSurveyComponent } from \"./unit-1/lesson-3/interests-survey.component\";\r\nimport { UnitOneLessonThreeEncuestaDeInteresComponent } from \"./unit-1/lesson-3/encuesta-de-interes.component\";\r\nimport { UnitOneLessonThreeCareerClustersComponent } from \"./unit-1/lesson-3/child-components/career-clusters.component\"\r\nimport { UnitOneLessonFourLandingComponent } from \"./unit-1/lesson-4/_landing.component\";\r\nimport { UnitOneLessonFourGuideComponent } from \"./unit-1/lesson-4/_guide.component\";\r\nimport { UnitOneLessonFourNeedsAssessmentComponent } from \"./unit-1/lesson-4/needs-assessment.component\";\r\nimport { UnitOneLessonFourChallengesInTheClassroomComponent } from \"./unit-1/lesson-4/classroom-challenges.component\";\r\nimport { UnitOneLessonFiveLandingComponent } from \"./unit-1/lesson-5/_landing.component\";\r\nimport { UnitOneLessonFiveGuideComponent } from \"./unit-1/lesson-5/_guide.component\";\r\nimport { UnitOneLessonFiveSelfDeterminationScaleComponent } from \"./unit-1/lesson-5/self-determination-scale.component\";\r\nimport { SelfDeterminationScaleRadioButtonGroupComponent } from \"./unit-1/lesson-5/child-components/radio-button-group.component\";\r\nimport { SelfDeterminationScaleRadioButtonSubtotalComponent } from \"./unit-1/lesson-5/child-components/radio-button-subtotal.component\";\r\nimport { SelfDeterminationScaleGraphBarComponent } from \"./unit-1/lesson-5/child-components/graph-bar.component\";\r\nimport { SelfDeterminationScaleThermometerComponent } from \"./unit-1/lesson-5/child-components/thermometer.component\";\r\nimport { SelfDeterminationScaleGraphLegendComponent } from \"./unit-1/lesson-5/child-components/graph-legend.component\";\r\nimport { UnitOneLessonSixLandingComponent } from \"./unit-1/lesson-6/_landing.component\";\r\nimport { UnitOneLessonSixGuideComponent } from \"./unit-1/lesson-6/_guide.component\";\r\nimport { UnitOneLessonSixWorkMaturitySkillsComponent } from \"./unit-1/lesson-6/work-maturity-skills.component\"\r\nimport { UnitOneLessonSevenLandingComponent } from \"./unit-1/lesson-7/_landing.component\";\r\nimport { UnitOneLessonSevenGuideComponent } from \"./unit-1/lesson-7/_guide.component\";\r\nimport { UnitOneLessonSevenSynthesizeReflectComponent } from \"./unit-1/lesson-7/synthesize-reflect.component\";\r\nimport { UnitOneLessonSevenTextareaBlockComponent } from \"./unit-1/lesson-7/child-components/_textarea-block.component\";\r\nimport { UnitOneLessonSevenListNamesComponent } from \"./unit-1/lesson-7/child-components/_list-names.component\";\r\nimport { UnitOneLessonEightLandingComponent } from \"./unit-1/lesson-8/_landing.component\";\r\nimport { UnitOneLessonEightGuideComponent } from \"./unit-1/lesson-8/_guide.component\";\r\nimport { UnitOneLessonEightResearchingOccupationComponent } from \"./unit-1/lesson-8/researching-occupations.component\"; \r\nimport { UnitOneLessonEightQuestionTextareaComponent } from \"./unit-1/lesson-8/child-components/question-textarea.component\"; \r\n\r\nimport { UnitTwoLandingComponent } from \"./unit-2/_landing.component\";\r\nimport { UnitTwoLessonOneLandingComponent } from \"./unit-2/lesson-1/_landing.component\";\r\nimport { UnitTwoLessonOneGuideComponent } from \"./unit-2/lesson-1/_guide.component\";\r\nimport { UnitTwoLessonOneSmartGoalsWorksheetComponent } from \"./unit-2/lesson-1/smart-goals-worksheet.component\";\r\nimport { UnitTwoLessonTwoLandingComponent } from \"./unit-2/lesson-2/_landing.component\";\r\nimport { UnitTwoLessonTwoGuideComponent } from \"./unit-2/lesson-2/_guide.component\";\r\nimport { UnitTwoLessonTwoPostsecondaryGoalsWorksheetComponent } from \"./unit-2/lesson-2/postsecondary-goals-worksheet.component\";\r\nimport { UnitTwoLessonThreeLandingComponent } from \"./unit-2/lesson-3/_landing.component\";\r\nimport { UnitTwoLessonThreeGuideComponent } from \"./unit-2/lesson-3/_guide.component\";\r\nimport { UnitTwoLessonThreeCareerExplorationWorksheetComponent } from \"./unit-2/lesson-3/career-exploration-worksheet.component\";\r\nimport { UnitTwoLessonFourLandingComponent } from \"./unit-2/lesson-4/_landing.component\";\r\nimport { UnitTwoLessonFourGuideComponent } from \"./unit-2/lesson-4/_guide.component\";\r\nimport { UnitTwoLessonFiveLandingComponent } from \"./unit-2/lesson-5/_landing.component\";\r\nimport { UnitTwoLessonFiveGuideComponent } from \"./unit-2/lesson-5/_guide.component\";\r\nimport { UnitTwoLessonFiveCourseOfStudyWorksheetComponent } from \"./unit-2/lesson-5/course-of-study-worksheet.component\";\r\nimport { UnitTwoLessonSixLandingComponent } from \"./unit-2/lesson-6/_landing.component\";\r\nimport { UnitTwoLessonSixGuideComponent } from \"./unit-2/lesson-6/_guide.component\";\r\nimport { UnitTwoLessonSixAgencyConnectionsWorksheetComponent } from \"./unit-2/lesson-6/agency-connections-worksheet.component\";\r\nimport { AgencyConnectionsAgencyInfoTableComponent } from \"./unit-2/lesson-6/child-components/agency-info.component\";\r\nimport { UnitTwoLessonSevenLandingComponent } from \"./unit-2/lesson-7/_landing.component\";\r\nimport { UnitTwoLessonSevenGuideComponent } from \"./unit-2/lesson-7/_guide.component\";\r\nimport { UnitTwoLessonSevenActionPlanComponent } from \"./unit-2/lesson-7/action-plan.component\";\r\n\r\nimport { UnitThreeLandingComponent } from \"./unit-3/_landing.component\";\r\nimport { UnitThreeLessonOneLandingComponent } from \"./unit-3/lesson-1/_landing.component\";\r\nimport { UnitThreeLessonOneGuideComponent } from \"./unit-3/lesson-1/_guide.component\";\r\nimport { UnitThreeLessonTwoLandingComponent } from \"./unit-3/lesson-2/_landing.component\";\r\nimport { UnitThreeLessonTwoGuideComponent } from \"./unit-3/lesson-2/_guide.component\";\r\nimport { UnitThreeLessonTwoScansSkillsAssessmentComponent } from \"./unit-3/lesson-2/scans-skills-assessment.component\";\r\nimport { UnitThreeLessonThreeLandingComponent } from \"./unit-3/lesson-3/_landing.component\";\r\nimport { UnitThreeLessonThreeGuideComponent } from \"./unit-3/lesson-3/_guide.component\";\r\nimport { UnitThreeLessonThreeInformationalInterviewWorksheetComponent } from \"./unit-3/lesson-3/informational-interview-worksheet.component\";\r\nimport { UnitThreeLessonFourWorkbookLandingComponent } from \"./unit-3/lesson-4/workbook-landing.component\";\r\nimport { UnitThreeLessonFourLandingComponent } from \"./unit-3/lesson-4/_landing.component\";\r\nimport { UnitThreeLessonFourGuideComponent } from \"./unit-3/lesson-4/_guide.component\";\r\nimport { UnitThreeLessonFourWorkbookCiteComponent } from \"./unit-3/lesson-4/workbook/_shared/workbook-cite.component\";\r\nimport { UnitThreeLessonFourWorkbookFooterComponent } from \"./unit-3/lesson-4/workbook/_shared/workbook-footer.component\";\r\nimport { UnitThreeLessonFourWorkbookCoverLetterComponent } from \"./unit-3/lesson-4/workbook/cover-letter.component\";\r\nimport { UnitThreeLessonFourWorkbookChecklistComponent } from \"./unit-3/lesson-4/workbook/job-shadow-checklist.component\";\r\nimport { UnitThreeLessonFourWorkbookPhoneScriptComponent } from \"./unit-3/lesson-4/workbook/phone-script.component\";\r\nimport { UnitThreeLessonFourWorkbookEmailScriptComponent } from \"./unit-3/lesson-4/workbook/email-script.component\";\r\nimport { UnitThreeLessonFourWorkbookStudentQuestionsComponent } from \"./unit-3/lesson-4/workbook/student-questions.component\";\r\nimport { UnitThreeLessonFourWorkbookDayOfComponent } from \"./unit-3/lesson-4/workbook/day-of.component\";\r\nimport { UnitThreeLessonFourWorkbookHostFeedbackComponent } from \"./unit-3/lesson-4/workbook/host-feedback.component\";\r\nimport { UnitThreeLessonFourWorkbookObservationComponent } from \"./unit-3/lesson-4/workbook/observation.component\";\r\nimport { UnitThreeLessonFourWorkbookReflectionComponent } from \"./unit-3/lesson-4/workbook/reflection.component\";\r\nimport { UnitThreeLessonFourWorkbookEvaluationComponent } from \"./unit-3/lesson-4/workbook/evaluation.component\";\r\nimport { UnitThreeLessonFourWorkbookThankYouComponent } from \"./unit-3/lesson-4/workbook/thank-you.component\";\r\nimport { UnitThreeLessonFiveLandingComponent } from \"./unit-3/lesson-5/_landing.component\";\r\nimport { UnitThreeLessonFiveGuideComponent } from \"./unit-3/lesson-5/_guide.component\";\r\nimport { UnitThreeLessonFivePerformanceReviewComponent } from \"./unit-3/lesson-5/performance-review.component\";\r\nimport { UnitThreeLessonSixLandingComponent } from \"./unit-3/lesson-6/_landing.component\";\r\nimport { UnitThreeLessonSixGuideComponent } from \"./unit-3/lesson-6/_guide.component\";\r\n\r\nimport { UnitFourLandingComponent } from \"./unit-4/_landing.component\";\r\nimport { UnitFourLessonOneLandingComponent } from \"./unit-4/lesson-1/_landing.component\";\r\nimport { UnitFourLessonOneGuideComponent } from \"./unit-4/lesson-1/_guide.component\";\r\nimport { WorkMaturitySkillsNumberOnlyInputComponent } from \"./unit-4/lesson-1/child-components/tfolio-number-only-input.component\";\r\nimport { UnitFourLessonOneWorkMaturitySkillsListComponent } from \"./unit-4/lesson-1/work-maturity-skills-list.component\";\r\nimport { UnitFourLessonTwoLandingComponent } from \"./unit-4/lesson-2/_landing.component\";\r\nimport { UnitFourLessonTwoGuideComponent } from \"./unit-4/lesson-2/_guide.component\";\r\nimport { UnitFourLessonTwoResumeKeywordsWorksheetComponent } from \"./unit-4/lesson-2/resume-keywords-worksheet.component\";\r\nimport { UnitFourLessonTwoResumeTemplateComponent } from \"./unit-4/lesson-2/resume-template.component\";\r\nimport { UnitFourLessonThreeLandingComponent } from \"./unit-4/lesson-3/_landing.component\";\r\nimport { UnitFourLessonThreeGuideComponent } from \"./unit-4/lesson-3/_guide.component\";\r\nimport { UnitFourLessonThreeElevatorSpeechWorksheetComponent } from \"./unit-4/lesson-3/elevator-speech-worksheet.component\";\r\nimport { UnitFourLessonThreeElevatorSpeechFeedbackComponent } from \"./unit-4/lesson-3/elevator-speech-feedback.component\";\r\nimport { UnitFourLessonFourLandingComponent } from \"./unit-4/lesson-4/_landing.component\";\r\nimport { UnitFourLessonFourGuideComponent } from \"./unit-4/lesson-4/_guide.component\";\r\nimport { UnitFourLessonFourPracticeJobApplicationComponent } from \"./unit-4/lesson-4/practice-job-application.component\";\r\nimport { UnitFourLessonFourJobApplicationsTrackerComponent } from \"./unit-4/lesson-4/job-applications-tracker.component\";\r\nimport { UnitFourLessonFiveLandingComponent } from \"./unit-4/lesson-5/_landing.component\";\r\nimport { UnitFourLessonFiveGuideComponent } from \"./unit-4/lesson-5/_guide.component\";\r\nimport { UnitFourLessonFiveJobInterviewQuestionsComponent } from \"./unit-4/lesson-5/job-interview-questions.component\";\r\nimport { UnitFourLessonFiveInterviewEvaluationComponent } from \"./unit-4/lesson-5/job-interview-evaluation.component\";\r\n\r\nimport { UnitFourLessonFiveJobInterviewFeedbackComponent } from \"./unit-4/lesson-5/job-interview-feedback.component\";\r\nimport { UnitFourLessonSixLandingComponent } from \"./unit-4/lesson-6/_landing.component\";\r\nimport { UnitFourLessonSixGuideComponent } from \"./unit-4/lesson-6/_guide.component\";\r\nimport { UnitFourLessonSixThankYouNoteTemplateComponent } from \"./unit-4/lesson-6/thank-you-note-template.component\"\r\nimport { UnitFourLessonSevenLandingComponent } from \"./unit-4/lesson-7/_landing.component\";\r\nimport { UnitFourLessonSevenGuideComponent } from \"./unit-4/lesson-7/_guide.component\";\r\nimport { UnitFourLessonSevenActivityActionPlanTemplateComponent } from \"./unit-4/lesson-7/activity-action-plan-template.component\";\r\n\r\nimport { UnitFiveLandingComponent } from \"./unit-5/_landing.component\";\r\nimport { UnitFiveLessonOneLandingComponent } from \"./unit-5/lesson-1/_landing.component\";\r\nimport { UnitFiveLessonOneGuideComponent } from \"./unit-5/lesson-1/_guide.component\";\r\nimport { UnitFiveLessonTwoLandingComponent } from \"./unit-5/lesson-2/_landing.component\";\r\nimport { UnitFiveLessonTwoGuideComponent } from \"./unit-5/lesson-2/_guide.component\";\r\nimport { UnitFiveLessonTwoSelfAdvocacyGoalsWorksheetComponent } from \"./unit-5/lesson-2/self-advocacy-goals-worksheet.component\";\r\nimport { UnitFiveLessonThreeLandingComponent } from \"./unit-5/lesson-3/_landing.component\";\r\nimport { UnitFiveLessonThreeGuideComponent } from \"./unit-5/lesson-3/_guide.component\";\r\nimport { UnitFiveLessonThreeAToZComponent } from \"./unit-5/lesson-3/a-to-z.component\";\r\nimport { UnitFiveLessonThreeIndependentLivingGoalsWorksheetComponent } from \"./unit-5/lesson-3/independent-living-goals-worksheet.component\";\r\nimport { UnitFiveLessonThreeIndependentLivingAssessmentComponent } from \"./unit-5/lesson-3/independent-living-assessment.component\";\r\nimport { IndependentLivingAssessmentThreeRadioButtonsComponent } from \"./unit-5/lesson-3/child-components/three-radio-buttons.component\";\r\nimport { UnitFiveLessonFourLandingComponent } from \"./unit-5/lesson-4/_landing.component\";\r\nimport { UnitFiveLessonFourGuideComponent } from \"./unit-5/lesson-4/_guide.component\";\r\nimport { UnitFiveLessonFiveLandingComponent } from \"./unit-5/lesson-5/_landing.component\";\r\nimport { UnitFiveLessonFiveGuideComponent } from \"./unit-5/lesson-5/_guide.component\";\r\nimport { UnitFiveLessonFiveActionPlanComponent } from \"./unit-5/lesson-5/action-plan.component\";\r\nimport { UnitFiveLessonSixLandingComponent } from \"./unit-5/lesson-6/_landing.component\";\r\nimport { UnitFiveLessonSixGuideComponent } from \"./unit-5/lesson-6/_guide.component\";\r\nimport { UnitFiveLessonSixFinalReflectionWorksheetComponent } from \"./unit-5/lesson-6/final-reflection-worksheet.component\";\r\n\r\nimport { CreateTicketComponent } from \"./create-ticket.component\";\r\nimport { AboutComponent } from \"./about.component\";\r\nimport { ConfirmRouteGuard } from './_guards/confirm-route-guard.component';\nimport { HelpComponent } from './help.component';\nimport { FeedbackComponent } from './feedback.component';\n\r\n@NgModule({\r\n    declarations: [\r\n        AppComponent,\r\n\r\n        HomeComponent,\r\n        PageNotFoundComponent,\r\n        TFolioHeadingComponent,\r\n        TFolioCopyright,\r\n        TFolioPDFComponent,\r\n        TFolioWhatsImportantToMePDFComponent,\r\n        TFolioScroll,\r\n        TFolioPageTitleComponent,\r\n        TFolioDirectionsComponent,\r\n        TFolioCiteComponent,\r\n        TFolioPrintButtonComponent,\r\n        TFolioTextareaComponent,\r\n        TFolioNavButtons,\r\n        LandingPageBannerComponent,\r\n        LandingPageFooterComponent,\r\n        LessonGuideFooterComponent,\r\n\r\n        StudentCenteredIntroductionlandingpage,\r\n        IntroductionLessonOneLandingComponent,\r\n        IntroductionLessonOneGuideComponent,\r\n        IntroductionWhatsImportantToMeComponent,\r\n        IntroductionWhatsImportantToMeFacilitatorComponent,\r\n        IntroductionLessonTwoLandingComponent,\r\n        IntroductionLessonTwoGuideComponent,\r\n        IntroductionLessonTwoSelfIntroductionComponent,\r\n\r\n        UnitOneLandingpage,\r\n        UnitOneLessonOneLandingComponent,\r\n        UnitOneLessonOneGuideComponent,\r\n        UnitOneLessonOneStrengthsAssessmentComponent,\r\n        UnitOneLessonTwoLandingComponent,\r\n        UnitOneLessonTwoGuideComponent,\r\n        UnitOneLessonTwoPreferencesAssessmentComponent,\r\n        UnitOneLessonThreeLandingComponent,\r\n        UnitOneLessonThreeGuideComponent,\r\n        UnitOneLessonThreeInterestsSurveyComponent,\r\n        UnitOneLessonThreeEncuestaDeInteresComponent,\r\n        UnitOneLessonThreeCareerClustersComponent,\r\n        UnitOneLessonFourLandingComponent,\r\n        UnitOneLessonFourGuideComponent,\r\n        UnitOneLessonFourNeedsAssessmentComponent,\r\n        UnitOneLessonFourChallengesInTheClassroomComponent,\r\n        UnitOneLessonFiveLandingComponent,\r\n        UnitOneLessonFiveGuideComponent,\r\n        UnitOneLessonFiveSelfDeterminationScaleComponent,\r\n        SelfDeterminationScaleRadioButtonGroupComponent,\r\n        SelfDeterminationScaleRadioButtonSubtotalComponent,\r\n        SelfDeterminationScaleGraphBarComponent,\r\n        SelfDeterminationScaleThermometerComponent,\r\n        SelfDeterminationScaleGraphLegendComponent,\r\n        UnitOneLessonSixLandingComponent,\r\n        UnitOneLessonSixGuideComponent,\r\n        UnitOneLessonSixWorkMaturitySkillsComponent,\r\n        UnitOneLessonSevenLandingComponent,\r\n        UnitOneLessonSevenGuideComponent,\r\n        UnitOneLessonSevenSynthesizeReflectComponent,\r\n        UnitOneLessonSevenTextareaBlockComponent,\r\n        UnitOneLessonSevenListNamesComponent,\r\n        UnitOneLessonEightLandingComponent,\r\n        UnitOneLessonEightGuideComponent,\r\n        UnitOneLessonEightResearchingOccupationComponent,\r\n        UnitOneLessonEightQuestionTextareaComponent,\r\n\r\n        UnitTwoLandingComponent,\r\n        UnitTwoLessonOneLandingComponent,\r\n        UnitTwoLessonOneGuideComponent,\r\n        UnitTwoLessonOneSmartGoalsWorksheetComponent,\r\n        UnitTwoLessonTwoLandingComponent,\r\n        UnitTwoLessonTwoGuideComponent,\r\n        UnitTwoLessonTwoPostsecondaryGoalsWorksheetComponent,\r\n        UnitTwoLessonThreeLandingComponent,\r\n        UnitTwoLessonThreeGuideComponent,\r\n        UnitTwoLessonThreeCareerExplorationWorksheetComponent,\r\n        UnitTwoLessonFourLandingComponent,\r\n        UnitTwoLessonFourGuideComponent,\r\n        UnitTwoLessonFiveLandingComponent,\r\n        UnitTwoLessonFiveGuideComponent,\r\n        UnitTwoLessonFiveCourseOfStudyWorksheetComponent,\r\n        UnitTwoLessonSixLandingComponent,\r\n        UnitTwoLessonSixGuideComponent,\r\n        UnitTwoLessonSixAgencyConnectionsWorksheetComponent,\r\n        AgencyConnectionsAgencyInfoTableComponent,\r\n        UnitTwoLessonSevenLandingComponent,\r\n        UnitTwoLessonSevenGuideComponent,\r\n        UnitTwoLessonSevenActionPlanComponent,\r\n\r\n        UnitThreeLandingComponent,\r\n        UnitThreeLessonOneLandingComponent,\r\n        UnitThreeLessonOneGuideComponent,\r\n        UnitThreeLessonTwoLandingComponent,\r\n        UnitThreeLessonTwoGuideComponent,\r\n        UnitThreeLessonTwoScansSkillsAssessmentComponent,\r\n        UnitThreeLessonThreeLandingComponent,\r\n        UnitThreeLessonThreeGuideComponent,\r\n        UnitThreeLessonThreeInformationalInterviewWorksheetComponent,\r\n        UnitThreeLessonFourLandingComponent,\r\n        UnitThreeLessonFourGuideComponent,\r\n        UnitThreeLessonFourWorkbookCiteComponent,\r\n        UnitThreeLessonFourWorkbookFooterComponent,\r\n        UnitThreeLessonFourWorkbookLandingComponent,\r\n        UnitThreeLessonFourWorkbookCoverLetterComponent,\r\n        UnitThreeLessonFourWorkbookChecklistComponent,\r\n        UnitThreeLessonFourWorkbookPhoneScriptComponent,\r\n        UnitThreeLessonFourWorkbookEmailScriptComponent,\r\n        UnitThreeLessonFourWorkbookStudentQuestionsComponent,\r\n        UnitThreeLessonFourWorkbookDayOfComponent,\r\n        UnitThreeLessonFourWorkbookHostFeedbackComponent,\r\n        UnitThreeLessonFourWorkbookObservationComponent,\r\n        UnitThreeLessonFourWorkbookReflectionComponent,\r\n        UnitThreeLessonFourWorkbookEvaluationComponent,\r\n        UnitThreeLessonFourWorkbookThankYouComponent,\r\n        UnitThreeLessonFiveLandingComponent,\r\n        UnitThreeLessonFiveGuideComponent,\r\n        UnitThreeLessonFivePerformanceReviewComponent,\r\n        UnitThreeLessonSixLandingComponent,\r\n        UnitThreeLessonSixGuideComponent,\r\n\r\n        UnitFourLandingComponent,\r\n        UnitFourLessonOneLandingComponent,\r\n        UnitFourLessonOneGuideComponent,\r\n        WorkMaturitySkillsNumberOnlyInputComponent,\r\n        UnitFourLessonOneWorkMaturitySkillsListComponent,\r\n        UnitFourLessonTwoLandingComponent,\r\n        UnitFourLessonTwoGuideComponent,\r\n        UnitFourLessonTwoResumeKeywordsWorksheetComponent,\r\n        UnitFourLessonTwoResumeTemplateComponent,\r\n        UnitFourLessonThreeLandingComponent,\r\n        UnitFourLessonThreeGuideComponent,\r\n        UnitFourLessonThreeElevatorSpeechWorksheetComponent,\r\n        UnitFourLessonThreeElevatorSpeechFeedbackComponent,\r\n        UnitFourLessonFourLandingComponent,\r\n        UnitFourLessonFourGuideComponent,\r\n        UnitFourLessonFourPracticeJobApplicationComponent,\r\n        UnitFourLessonFourJobApplicationsTrackerComponent,\r\n        UnitFourLessonFiveLandingComponent,\r\n        UnitFourLessonFiveGuideComponent,\r\n        UnitFourLessonFiveJobInterviewQuestionsComponent,\r\n        UnitFourLessonFiveJobInterviewFeedbackComponent,\r\n        UnitFourLessonSixLandingComponent,\r\n        UnitFourLessonSixGuideComponent,\r\n        UnitFourLessonSixThankYouNoteTemplateComponent,\r\n        UnitFourLessonSevenLandingComponent,\r\n        UnitFourLessonSevenGuideComponent,\r\n        UnitFourLessonSevenActivityActionPlanTemplateComponent,\r\n        UnitFourLessonFiveInterviewEvaluationComponent,\r\n\r\n        UnitFiveLessonTwoSelfAdvocacyGoalsWorksheetComponent,\r\n        UnitFiveLessonThreeAToZComponent,\r\n        UnitFiveLessonThreeIndependentLivingGoalsWorksheetComponent,\r\n        UnitFiveLessonThreeIndependentLivingAssessmentComponent,\r\n        IndependentLivingAssessmentThreeRadioButtonsComponent,\r\n        UnitFiveLessonFiveActionPlanComponent,\r\n        UnitFiveLessonSixFinalReflectionWorksheetComponent,\r\n        UnitFiveLandingComponent,\r\n        UnitFiveLessonOneLandingComponent,\r\n        UnitFiveLessonOneGuideComponent,\r\n        UnitFiveLessonTwoLandingComponent,\r\n        UnitFiveLessonTwoGuideComponent,\r\n        UnitFiveLessonThreeLandingComponent,\r\n        UnitFiveLessonThreeGuideComponent,\r\n        UnitFiveLessonFourLandingComponent,\r\n        UnitFiveLessonFourGuideComponent,\r\n        UnitFiveLessonFiveLandingComponent,\r\n        UnitFiveLessonFiveGuideComponent,\r\n        UnitFiveLessonSixLandingComponent,\r\n        UnitFiveLessonSixGuideComponent,\r\n\r\n\r\n        CreateTicketComponent,\r\n        AboutComponent,\r\n        HelpComponent,\r\n        FeedbackComponent    ],\r\n    imports: [\r\n        BrowserModule,\r\n        FormsModule,\r\n        HttpModule,\r\n        RouterModule,\r\n        AppRouting\r\n    ],\r\n    providers: [\r\n        Title,\r\n        ConfirmRouteGuard\r\n    ],\r\n    bootstrap: [\r\n        AppComponent\r\n    ]\r\n})\r\n\r\nexport class AppModule { }\r\n","import { ModuleWithProviders } from \"@angular/core\";\r\nimport { Routes, RouterModule } from \"@angular/router\";\r\n\r\nimport { HomeComponent } from \"./home.component\";\r\nimport { PageNotFoundComponent } from \"./page-not-found.component\";\r\n\r\nimport { StudentCenteredIntroductionlandingpage } from \"./introduction/_landing.component\";\r\nimport { IntroductionLessonOneLandingComponent } from \"./introduction/lesson-1/_landing.component\";\r\nimport { IntroductionLessonOneGuideComponent } from \"./introduction/lesson-1/_guide.component\";\r\nimport { IntroductionWhatsImportantToMeComponent } from \"./introduction/lesson-1/whats-important-to-me.component\";\r\nimport { IntroductionWhatsImportantToMeFacilitatorComponent } from \"./introduction/lesson-1/whats-important-to-me-facilitator.component\";\r\nimport { IntroductionLessonTwoLandingComponent } from \"./introduction/lesson-2/_landing.component\";\r\nimport { IntroductionLessonTwoGuideComponent } from \"./introduction/lesson-2/_guide.component\";\r\nimport { IntroductionLessonTwoSelfIntroductionComponent } from \"./introduction/lesson-2/_self-reflection.component\";\r\n\r\nimport { UnitOneLandingpage } from \"./unit-1/_landing.component\";\r\nimport { UnitOneLessonOneLandingComponent } from \"./unit-1/lesson-1/_landing.component\";\r\nimport { UnitOneLessonOneGuideComponent } from \"./unit-1/lesson-1/_guide.component\";\r\nimport { UnitOneLessonOneStrengthsAssessmentComponent } from \"./unit-1/lesson-1/strengths-assessment.component\";\r\nimport { UnitOneLessonTwoLandingComponent } from \"./unit-1/lesson-2/_landing.component\";\r\nimport { UnitOneLessonTwoGuideComponent } from \"./unit-1/lesson-2/_guide.component\";\r\nimport { UnitOneLessonTwoPreferencesAssessmentComponent } from \"./unit-1/lesson-2/preferences-assessment.component\";\r\nimport { UnitOneLessonThreeLandingComponent } from \"./unit-1/lesson-3/_landing.component\";\r\nimport { UnitOneLessonThreeGuideComponent } from \"./unit-1/lesson-3/_guide.component\";\r\nimport { UnitOneLessonThreeInterestsSurveyComponent } from \"./unit-1/lesson-3/interests-survey.component\";\r\nimport { UnitOneLessonThreeEncuestaDeInteresComponent } from \"./unit-1/lesson-3/encuesta-de-interes.component\";\r\nimport { UnitOneLessonFourLandingComponent } from \"./unit-1/lesson-4/_landing.component\";\r\nimport { UnitOneLessonFourGuideComponent } from \"./unit-1/lesson-4/_guide.component\";\r\nimport { UnitOneLessonFourNeedsAssessmentComponent } from \"./unit-1/lesson-4/needs-assessment.component\";\r\nimport { UnitOneLessonFourChallengesInTheClassroomComponent } from \"./unit-1/lesson-4/classroom-challenges.component\";\r\nimport { UnitOneLessonFiveLandingComponent } from \"./unit-1/lesson-5/_landing.component\";\r\nimport { UnitOneLessonFiveGuideComponent } from \"./unit-1/lesson-5/_guide.component\";\r\nimport { UnitOneLessonFiveSelfDeterminationScaleComponent } from \"./unit-1/lesson-5/self-determination-scale.component\";\r\nimport { UnitOneLessonSixLandingComponent } from \"./unit-1/lesson-6/_landing.component\";\r\nimport { UnitOneLessonSixGuideComponent } from \"./unit-1/lesson-6/_guide.component\";\r\nimport { UnitOneLessonSixWorkMaturitySkillsComponent } from \"./unit-1/lesson-6/work-maturity-skills.component\";\r\nimport { UnitOneLessonSevenLandingComponent } from \"./unit-1/lesson-7/_landing.component\";\r\nimport { UnitOneLessonSevenGuideComponent } from \"./unit-1/lesson-7/_guide.component\";\r\nimport { UnitOneLessonSevenSynthesizeReflectComponent } from \"./unit-1/lesson-7/synthesize-reflect.component\";\r\nimport { UnitOneLessonEightLandingComponent } from \"./unit-1/lesson-8/_landing.component\";\r\nimport { UnitOneLessonEightGuideComponent } from \"./unit-1/lesson-8/_guide.component\";\r\nimport { UnitOneLessonEightResearchingOccupationComponent } from \"./unit-1/lesson-8/researching-occupations.component\"; \r\n\r\nimport { UnitTwoLandingComponent } from \"./unit-2/_landing.component\";\r\nimport { UnitTwoLessonOneLandingComponent } from \"./unit-2/lesson-1/_landing.component\";\r\nimport { UnitTwoLessonOneGuideComponent } from \"./unit-2/lesson-1/_guide.component\";\r\nimport { UnitTwoLessonOneSmartGoalsWorksheetComponent } from \"./unit-2/lesson-1/smart-goals-worksheet.component\";\r\nimport { UnitTwoLessonTwoLandingComponent } from \"./unit-2/lesson-2/_landing.component\";\r\nimport { UnitTwoLessonTwoGuideComponent } from \"./unit-2/lesson-2/_guide.component\";\r\nimport { UnitTwoLessonTwoPostsecondaryGoalsWorksheetComponent } from \"./unit-2/lesson-2/postsecondary-goals-worksheet.component\";\r\nimport { UnitTwoLessonThreeLandingComponent } from \"./unit-2/lesson-3/_landing.component\";\r\nimport { UnitTwoLessonThreeGuideComponent } from \"./unit-2/lesson-3/_guide.component\";\r\nimport { UnitTwoLessonThreeCareerExplorationWorksheetComponent } from \"./unit-2/lesson-3/career-exploration-worksheet.component\";\r\nimport { UnitTwoLessonFourLandingComponent } from \"./unit-2/lesson-4/_landing.component\";\r\nimport { UnitTwoLessonFourGuideComponent } from \"./unit-2/lesson-4/_guide.component\";\r\nimport { UnitTwoLessonFiveLandingComponent } from \"./unit-2/lesson-5/_landing.component\";\r\nimport { UnitTwoLessonFiveGuideComponent } from \"./unit-2/lesson-5/_guide.component\";\r\nimport { UnitTwoLessonFiveCourseOfStudyWorksheetComponent } from \"./unit-2/lesson-5/course-of-study-worksheet.component\";\r\nimport { UnitTwoLessonSixLandingComponent } from \"./unit-2/lesson-6/_landing.component\";\r\nimport { UnitTwoLessonSixGuideComponent } from \"./unit-2/lesson-6/_guide.component\";\r\nimport { UnitTwoLessonSixAgencyConnectionsWorksheetComponent } from \"./unit-2/lesson-6/agency-connections-worksheet.component\";\r\nimport { UnitTwoLessonSevenLandingComponent } from \"./unit-2/lesson-7/_landing.component\";\r\nimport { UnitTwoLessonSevenGuideComponent } from \"./unit-2/lesson-7/_guide.component\";\r\nimport { UnitTwoLessonSevenActionPlanComponent } from \"./unit-2/lesson-7/action-plan.component\";\r\n\r\nimport { UnitThreeLandingComponent } from \"./unit-3/_landing.component\";\r\nimport { UnitThreeLessonOneLandingComponent } from \"./unit-3/lesson-1/_landing.component\";\r\nimport { UnitThreeLessonOneGuideComponent } from \"./unit-3/lesson-1/_guide.component\";\r\nimport { UnitThreeLessonTwoLandingComponent } from \"./unit-3/lesson-2/_landing.component\";\r\nimport { UnitThreeLessonTwoGuideComponent } from \"./unit-3/lesson-2/_guide.component\";\r\nimport { UnitThreeLessonTwoScansSkillsAssessmentComponent } from \"./unit-3/lesson-2/scans-skills-assessment.component\";\r\nimport { UnitThreeLessonThreeLandingComponent } from \"./unit-3/lesson-3/_landing.component\";\r\nimport { UnitThreeLessonThreeGuideComponent } from \"./unit-3/lesson-3/_guide.component\";\r\nimport { UnitThreeLessonThreeInformationalInterviewWorksheetComponent } from \"./unit-3/lesson-3/informational-interview-worksheet.component\";\r\nimport { UnitThreeLessonFourLandingComponent } from \"./unit-3/lesson-4/_landing.component\";\r\nimport { UnitThreeLessonFourGuideComponent } from \"./unit-3/lesson-4/_guide.component\";\r\nimport { UnitThreeLessonFourWorkbookLandingComponent } from \"./unit-3/lesson-4/workbook-landing.component\";\r\nimport { UnitThreeLessonFourWorkbookCoverLetterComponent } from \"./unit-3/lesson-4/workbook/cover-letter.component\";\r\nimport { UnitThreeLessonFourWorkbookChecklistComponent } from \"./unit-3/lesson-4/workbook/job-shadow-checklist.component\";\r\nimport { UnitThreeLessonFourWorkbookPhoneScriptComponent } from \"./unit-3/lesson-4/workbook/phone-script.component\";\r\nimport { UnitThreeLessonFourWorkbookEmailScriptComponent } from \"./unit-3/lesson-4/workbook/email-script.component\";\r\nimport { UnitThreeLessonFourWorkbookStudentQuestionsComponent } from \"./unit-3/lesson-4/workbook/student-questions.component\";\r\nimport { UnitThreeLessonFourWorkbookDayOfComponent } from \"./unit-3/lesson-4/workbook/day-of.component\";\r\nimport { UnitThreeLessonFourWorkbookHostFeedbackComponent } from \"./unit-3/lesson-4/workbook/host-feedback.component\";\r\nimport { UnitThreeLessonFourWorkbookObservationComponent } from \"./unit-3/lesson-4/workbook/observation.component\";\r\nimport { UnitThreeLessonFourWorkbookReflectionComponent } from \"./unit-3/lesson-4/workbook/reflection.component\";\r\nimport { UnitThreeLessonFourWorkbookEvaluationComponent } from \"./unit-3/lesson-4/workbook/evaluation.component\";\r\nimport { UnitThreeLessonFourWorkbookThankYouComponent } from \"./unit-3/lesson-4/workbook/thank-you.component\";\r\nimport { UnitThreeLessonFiveLandingComponent } from \"./unit-3/lesson-5/_landing.component\";\r\nimport { UnitThreeLessonFiveGuideComponent } from \"./unit-3/lesson-5/_guide.component\";\r\nimport { UnitThreeLessonFivePerformanceReviewComponent } from \"./unit-3/lesson-5/performance-review.component\";\r\nimport { UnitThreeLessonSixLandingComponent } from \"./unit-3/lesson-6/_landing.component\";\r\nimport { UnitThreeLessonSixGuideComponent } from \"./unit-3/lesson-6/_guide.component\";\r\n\r\nimport { UnitFourLandingComponent } from \"./unit-4/_landing.component\";\r\nimport { UnitFourLessonOneLandingComponent } from \"./unit-4/lesson-1/_landing.component\";\r\nimport { UnitFourLessonOneGuideComponent } from \"./unit-4/lesson-1/_guide.component\";\r\nimport { UnitFourLessonOneWorkMaturitySkillsListComponent } from \"./unit-4/lesson-1/work-maturity-skills-list.component\";\r\nimport { UnitFourLessonTwoLandingComponent } from \"./unit-4/lesson-2/_landing.component\";\r\nimport { UnitFourLessonTwoGuideComponent } from \"./unit-4/lesson-2/_guide.component\";\r\nimport { UnitFourLessonTwoResumeKeywordsWorksheetComponent } from \"./unit-4/lesson-2/resume-keywords-worksheet.component\";\r\nimport { UnitFourLessonTwoResumeTemplateComponent } from \"./unit-4/lesson-2/resume-template.component\";\r\nimport { UnitFourLessonThreeLandingComponent } from \"./unit-4/lesson-3/_landing.component\";\r\nimport { UnitFourLessonThreeGuideComponent } from \"./unit-4/lesson-3/_guide.component\";\r\nimport { UnitFourLessonThreeElevatorSpeechWorksheetComponent } from \"./unit-4/lesson-3/elevator-speech-worksheet.component\";\r\nimport { UnitFourLessonThreeElevatorSpeechFeedbackComponent } from \"./unit-4/lesson-3/elevator-speech-feedback.component\";\r\nimport { UnitFourLessonFourLandingComponent } from \"./unit-4/lesson-4/_landing.component\";\r\nimport { UnitFourLessonFourGuideComponent } from \"./unit-4/lesson-4/_guide.component\";\r\nimport { UnitFourLessonFourPracticeJobApplicationComponent } from \"./unit-4/lesson-4/practice-job-application.component\";\r\nimport { UnitFourLessonFourJobApplicationsTrackerComponent } from \"./unit-4/lesson-4/job-applications-tracker.component\";\r\nimport { UnitFourLessonFiveLandingComponent } from \"./unit-4/lesson-5/_landing.component\";\r\nimport { UnitFourLessonFiveGuideComponent } from \"./unit-4/lesson-5/_guide.component\";\r\n\r\nimport { UnitFourLessonFiveInterviewEvaluationComponent } from \"./unit-4/lesson-5/job-interview-evaluation.component\";\r\n\r\nimport { UnitFourLessonFiveJobInterviewQuestionsComponent } from \"./unit-4/lesson-5/job-interview-questions.component\";\r\nimport { UnitFourLessonFiveJobInterviewFeedbackComponent } from \"./unit-4/lesson-5/job-interview-feedback.component\";\r\nimport { UnitFourLessonSixLandingComponent } from \"./unit-4/lesson-6/_landing.component\";\r\nimport { UnitFourLessonSixGuideComponent } from \"./unit-4/lesson-6/_guide.component\";\r\nimport { UnitFourLessonSixThankYouNoteTemplateComponent } from \"./unit-4/lesson-6/thank-you-note-template.component\"\r\nimport { UnitFourLessonSevenLandingComponent } from \"./unit-4/lesson-7/_landing.component\";\r\nimport { UnitFourLessonSevenGuideComponent } from \"./unit-4/lesson-7/_guide.component\";\r\nimport { UnitFourLessonSevenActivityActionPlanTemplateComponent } from \"./unit-4/lesson-7/activity-action-plan-template.component\";\r\n\r\nimport { UnitFiveLandingComponent } from \"./unit-5/_landing.component\";\r\n\r\nimport { UnitFiveLessonOneLandingComponent } from \"./unit-5/lesson-1/_landing.component\";\r\nimport { UnitFiveLessonOneGuideComponent } from \"./unit-5/lesson-1/_guide.component\";\r\n\r\nimport { UnitFiveLessonTwoLandingComponent } from \"./unit-5/lesson-2/_landing.component\";\r\nimport { UnitFiveLessonTwoGuideComponent } from \"./unit-5/lesson-2/_guide.component\";\r\n\r\nimport { UnitFiveLessonThreeLandingComponent } from \"./unit-5/lesson-3/_landing.component\";\r\nimport { UnitFiveLessonThreeGuideComponent } from \"./unit-5/lesson-3/_guide.component\";\r\n\r\nimport { UnitFiveLessonFourLandingComponent } from \"./unit-5/lesson-4/_landing.component\";\r\nimport { UnitFiveLessonFourGuideComponent } from \"./unit-5/lesson-4/_guide.component\";\r\n\r\nimport { UnitFiveLessonFiveLandingComponent } from \"./unit-5/lesson-5/_landing.component\";\r\nimport { UnitFiveLessonFiveGuideComponent } from \"./unit-5/lesson-5/_guide.component\";\r\n\r\nimport { UnitFiveLessonSixLandingComponent } from \"./unit-5/lesson-6/_landing.component\";\r\nimport { UnitFiveLessonSixGuideComponent } from \"./unit-5/lesson-6/_guide.component\";\r\n \r\n\r\nimport { UnitFiveLessonTwoSelfAdvocacyGoalsWorksheetComponent } from \"./unit-5/lesson-2/self-advocacy-goals-worksheet.component\";\r\nimport { UnitFiveLessonThreeAToZComponent } from \"./unit-5/lesson-3/a-to-z.component\";\r\nimport { UnitFiveLessonThreeIndependentLivingAssessmentComponent } from \"./unit-5/lesson-3/independent-living-assessment.component\";\r\nimport { UnitFiveLessonThreeIndependentLivingGoalsWorksheetComponent } from \"./unit-5/lesson-3/independent-living-goals-worksheet.component\";\r\nimport { UnitFiveLessonFiveActionPlanComponent } from \"./unit-5/lesson-5/action-plan.component\";\r\nimport { UnitFiveLessonSixFinalReflectionWorksheetComponent } from \"./unit-5/lesson-6/final-reflection-worksheet.component\";\r\n\r\nimport { FeedbackComponent } from \"./feedback.component\";\r\nimport { HelpComponent } from \"./help.component\";\r\nimport { CreateTicketComponent } from \"./create-ticket.component\";\r\nimport { AboutComponent } from \"./about.component\";\r\nimport { ConfirmRouteGuard } from './_guards/confirm-route-guard.component';\r\n\r\nconst appRoutes: Routes = [\r\n    {\r\n        path: \"\",\r\n        component: HomeComponent\r\n    },\r\n    {\r\n        path: \"introduction\",\r\n        component: StudentCenteredIntroductionlandingpage\r\n    },\r\n    {\r\n        path: \"introduction/lesson-1\",\r\n        component: IntroductionLessonOneLandingComponent\r\n    },\r\n    {\r\n        path: \"introduction/lesson-1/guide\",\r\n        component: IntroductionLessonOneGuideComponent\r\n    },\r\n    {\r\n        path: \"introduction/lesson-1/whats-important-to-me\",\r\n        component: IntroductionWhatsImportantToMeComponent,\r\n        canDeactivate: [ConfirmRouteGuard]\r\n    },\r\n    {\r\n        path: \"introduction/lesson-1/whats-important-to-me-facilitator\",\r\n        component: IntroductionWhatsImportantToMeFacilitatorComponent\r\n    },\r\n    {\r\n        path: \"introduction/lesson-2\",\r\n        component: IntroductionLessonTwoLandingComponent\r\n    },\r\n    {\r\n        path: \"introduction/lesson-2/guide\",\r\n        component: IntroductionLessonTwoGuideComponent\r\n    },\r\n    {\r\n        path: \"introduction/lesson-2/self-reflection\",\r\n        component: IntroductionLessonTwoSelfIntroductionComponent,\r\n        canDeactivate: [ConfirmRouteGuard]\r\n    },\r\n    {\r\n        path: \"unit-1\",\r\n        component: UnitOneLandingpage\r\n    },\r\n    {\r\n        path: \"unit-1/lesson-1\",\r\n        component: UnitOneLessonOneLandingComponent\r\n    },\r\n    {\r\n        path: \"unit-1/lesson-1/guide\",\r\n        component: UnitOneLessonOneGuideComponent\r\n    },\r\n    {\r\n        path: \"unit-1/lesson-1/strengths-assessment\",\r\n        component: UnitOneLessonOneStrengthsAssessmentComponent,\r\n        canDeactivate: [ConfirmRouteGuard]\r\n    },\r\n    {\r\n        path: \"unit-1/lesson-2\",\r\n        component: UnitOneLessonTwoLandingComponent\r\n    },\r\n    {\r\n        path: \"unit-1/lesson-2/guide\",\r\n        component: UnitOneLessonTwoGuideComponent\r\n    },\r\n    {\r\n        path: \"unit-1/lesson-2/preferences-assessment\",\r\n        component: UnitOneLessonTwoPreferencesAssessmentComponent,\r\n        canDeactivate: [ConfirmRouteGuard]\r\n    },\r\n    {\r\n        path: \"unit-1/lesson-3\",\r\n        component: UnitOneLessonThreeLandingComponent\r\n    },\r\n    {\r\n        path: \"unit-1/lesson-3/guide\",\r\n        component: UnitOneLessonThreeGuideComponent\r\n    },\r\n    {\r\n        path: \"unit-1/lesson-3/interests-survey\",\r\n        component: UnitOneLessonThreeInterestsSurveyComponent,\r\n        canDeactivate: [ConfirmRouteGuard]\r\n    },\r\n    {\r\n        path: \"unit-1/lesson-3/encuesta-de-interes\",\r\n        component: UnitOneLessonThreeEncuestaDeInteresComponent,\r\n        canDeactivate: [ConfirmRouteGuard]\r\n    },\r\n    {\r\n        path: \"unit-1/lesson-4\",\r\n        component: UnitOneLessonFourLandingComponent\r\n    },\r\n    {\r\n        path: \"unit-1/lesson-4/guide\",\r\n        component: UnitOneLessonFourGuideComponent\r\n    },\r\n    {\r\n        path: \"unit-1/lesson-4/needs-assessment\",\r\n        component: UnitOneLessonFourNeedsAssessmentComponent,\r\n        canDeactivate: [ConfirmRouteGuard]\r\n    },\r\n    {\r\n        path: \"unit-1/lesson-4/classroom-challenges\",\r\n        component: UnitOneLessonFourChallengesInTheClassroomComponent,\r\n        canDeactivate: [ConfirmRouteGuard]\r\n    },\r\n    {\r\n        path: \"unit-1/lesson-5\",\r\n        component: UnitOneLessonFiveLandingComponent\r\n    },\r\n    {\r\n        path: \"unit-1/lesson-5/guide\",\r\n        component: UnitOneLessonFiveGuideComponent\r\n    },\r\n    {\r\n        path: \"unit-1/lesson-5/self-determination-scale\",\r\n        component: UnitOneLessonFiveSelfDeterminationScaleComponent,\r\n        canDeactivate: [ConfirmRouteGuard]\r\n    },\r\n    {\r\n        path: \"unit-1/lesson-6\",\r\n        component: UnitOneLessonSixLandingComponent\r\n    },\r\n    {\r\n        path: \"unit-1/lesson-6/guide\",\r\n        component: UnitOneLessonSixGuideComponent\r\n    },\r\n    {\r\n        path: \"unit-1/lesson-6/work-maturity-skills\",\r\n        component: UnitOneLessonSixWorkMaturitySkillsComponent,\r\n        canDeactivate: [ConfirmRouteGuard]\r\n    },\r\n    {\r\n        path: \"unit-1/lesson-7\",\r\n        component: UnitOneLessonSevenLandingComponent\r\n    },\r\n    {\r\n        path: \"unit-1/lesson-7/guide\",\r\n        component: UnitOneLessonSevenGuideComponent\r\n    },\r\n    {\r\n        path: \"unit-1/lesson-7/synthesize-reflect\",\r\n        component: UnitOneLessonSevenSynthesizeReflectComponent,\r\n        canDeactivate: [ConfirmRouteGuard]\r\n    },\r\n    {\r\n        path: \"unit-1/lesson-8\",\r\n        component: UnitOneLessonEightLandingComponent\r\n    },\r\n    {\r\n        path: \"unit-1/lesson-8/guide\",\r\n        component: UnitOneLessonEightGuideComponent\r\n    },\r\n    {\r\n        path: \"unit-1/lesson-8/researching-occupation\",\r\n        component: UnitOneLessonEightResearchingOccupationComponent,\r\n        canDeactivate: [ConfirmRouteGuard]\r\n    },\r\n    {\r\n        path: \"unit-2\",\r\n        component: UnitTwoLandingComponent\r\n    },\r\n    {\r\n        path: \"unit-2/lesson-1\",\r\n        component: UnitTwoLessonOneLandingComponent\r\n    },\r\n    {\r\n        path: \"unit-2/lesson-1/guide\",\r\n        component: UnitTwoLessonOneGuideComponent\r\n    },\r\n    {\r\n        path: \"unit-2/lesson-1/smart-goals-worksheet\",\r\n        component: UnitTwoLessonOneSmartGoalsWorksheetComponent,\r\n        canDeactivate: [ConfirmRouteGuard]\r\n    }, \r\n    {\r\n        path: \"unit-2/lesson-2\",\r\n        component: UnitTwoLessonTwoLandingComponent\r\n    },\r\n    {\r\n        path: \"unit-2/lesson-2/guide\",\r\n        component: UnitTwoLessonTwoGuideComponent\r\n    },\r\n    {\r\n        path: \"unit-2/lesson-2/postsecondary-goals-worksheet\",\r\n        component: UnitTwoLessonTwoPostsecondaryGoalsWorksheetComponent,\r\n        canDeactivate: [ConfirmRouteGuard]\r\n,    },\r\n    {\r\n        path: \"unit-2/lesson-3\",\r\n        component: UnitTwoLessonThreeLandingComponent\r\n    },\r\n    {\r\n        path: \"unit-2/lesson-3/guide\",\r\n        component: UnitTwoLessonThreeGuideComponent\r\n    },\r\n    {\r\n        path: \"unit-2/lesson-3/career-exploration-worksheet\",\r\n        component: UnitTwoLessonThreeCareerExplorationWorksheetComponent,\r\n        canDeactivate: [ConfirmRouteGuard]\r\n    },\r\n    {\r\n        path: \"unit-2/lesson-4\",\r\n        component: UnitTwoLessonFourLandingComponent\r\n    },\r\n    {\r\n        path: \"unit-2/lesson-4/guide\",\r\n        component: UnitTwoLessonFourGuideComponent\r\n    },\r\n    {\r\n        path: \"unit-2/lesson-5\",\r\n        component: UnitTwoLessonFiveLandingComponent\r\n    },\r\n    {\r\n        path: \"unit-2/lesson-5/guide\",\r\n        component: UnitTwoLessonFiveGuideComponent\r\n    },\r\n    {\r\n        path: \"unit-2/lesson-5/course-of-study-worksheet\",\r\n        component: UnitTwoLessonFiveCourseOfStudyWorksheetComponent,\r\n        canDeactivate: [ConfirmRouteGuard]\r\n    },\r\n    {\r\n        path: \"unit-2/lesson-6\",\r\n        component: UnitTwoLessonSixLandingComponent\r\n    },\r\n    {\r\n        path: \"unit-2/lesson-6/guide\",\r\n        component: UnitTwoLessonSixGuideComponent\r\n    },\r\n    {\r\n        path: \"unit-2/lesson-6/agency-connections-worksheet\",\r\n        component: UnitTwoLessonSixAgencyConnectionsWorksheetComponent,\r\n        canDeactivate: [ConfirmRouteGuard]\r\n    },\r\n    {\r\n        path: \"unit-2/lesson-7\",\r\n        component: UnitTwoLessonSevenLandingComponent\r\n    },\r\n    {\r\n        path: \"unit-2/lesson-7/guide\",\r\n        component: UnitTwoLessonSevenGuideComponent\r\n    },\r\n    {\r\n        path: \"unit-2/lesson-7/action-plan\",\r\n        component: UnitTwoLessonSevenActionPlanComponent,\r\n        canDeactivate: [ConfirmRouteGuard]\r\n    },\r\n    {\r\n        path: \"unit-3\",\r\n        component: UnitThreeLandingComponent\r\n    },\r\n    {\r\n        path: \"unit-3/lesson-1\",\r\n        component: UnitThreeLessonOneLandingComponent\r\n    },\r\n    {\r\n        path: \"unit-3/lesson-1/guide\",\r\n        component: UnitThreeLessonOneGuideComponent\r\n    },\r\n    {\r\n        path: \"unit-3/lesson-2\",\r\n        component: UnitThreeLessonTwoLandingComponent\r\n    },\r\n    {\r\n        path: \"unit-3/lesson-2/guide\",\r\n        component: UnitThreeLessonTwoGuideComponent\r\n    },\r\n    {\r\n        path: \"unit-3/lesson-2/scans-skills-assessment\",\r\n        component: UnitThreeLessonTwoScansSkillsAssessmentComponent,\r\n        canDeactivate: [ConfirmRouteGuard]\r\n    },\r\n    {\r\n        path: \"unit-3/lesson-3\",\r\n        component: UnitThreeLessonThreeLandingComponent\r\n    },\r\n    {\r\n        path: \"unit-3/lesson-3/guide\",\r\n        component: UnitThreeLessonThreeGuideComponent\r\n    },\r\n    {\r\n        path: \"unit-3/lesson-3/informational-interview-worksheet\",\r\n        component: UnitThreeLessonThreeInformationalInterviewWorksheetComponent,\r\n        canDeactivate: [ConfirmRouteGuard]\r\n    },\r\n    {\r\n        path: \"unit-3/lesson-4\",\r\n        component: UnitThreeLessonFourLandingComponent\r\n    },\r\n    {\r\n        path: \"unit-3/lesson-4/guide\",\r\n        component: UnitThreeLessonFourGuideComponent\r\n    },\r\n    {\r\n        path: \"unit-3/lesson-4/job-shadow-workbook\",\r\n        component: UnitThreeLessonFourWorkbookLandingComponent\r\n    },\r\n    {\r\n        path: \"unit-3/lesson-4/job-shadow-workbook/cover-letter\",\r\n        component: UnitThreeLessonFourWorkbookCoverLetterComponent,\r\n        canDeactivate: [ConfirmRouteGuard]\r\n    },\r\n    {\r\n        path: \"unit-3/lesson-4/job-shadow-workbook/checklist\",\r\n        component: UnitThreeLessonFourWorkbookChecklistComponent,\r\n        canDeactivate: [ConfirmRouteGuard]\r\n    },\r\n    {\r\n        path: \"unit-3/lesson-4/job-shadow-workbook/phone-script\",\r\n        component: UnitThreeLessonFourWorkbookPhoneScriptComponent,\r\n        canDeactivate: [ConfirmRouteGuard]\r\n    },\r\n    {\r\n        path: \"unit-3/lesson-4/job-shadow-workbook/email-script\",\r\n        component: UnitThreeLessonFourWorkbookEmailScriptComponent,\r\n        canDeactivate: [ConfirmRouteGuard]\r\n    },\r\n    {\r\n        path: \"unit-3/lesson-4/job-shadow-workbook/student-questions\",\r\n        component: UnitThreeLessonFourWorkbookStudentQuestionsComponent,\r\n        canDeactivate: [ConfirmRouteGuard]\r\n    },\r\n    {\r\n        path: \"unit-3/lesson-4/job-shadow-workbook/day-of\",\r\n        component: UnitThreeLessonFourWorkbookDayOfComponent,\r\n        canDeactivate: [ConfirmRouteGuard]\r\n    },\r\n    {\r\n        path: \"unit-3/lesson-4/job-shadow-workbook/host-feedback\",\r\n        component: UnitThreeLessonFourWorkbookHostFeedbackComponent,\r\n        canDeactivate: [ConfirmRouteGuard]\r\n    },\r\n    {\r\n        path: \"unit-3/lesson-4/job-shadow-workbook/observation\",\r\n        component: UnitThreeLessonFourWorkbookObservationComponent,\r\n        canDeactivate: [ConfirmRouteGuard]\r\n    },\r\n    {\r\n        path: \"unit-3/lesson-4/job-shadow-workbook/reflection\",\r\n        component: UnitThreeLessonFourWorkbookReflectionComponent,\r\n        canDeactivate: [ConfirmRouteGuard]\r\n    },\r\n    {\r\n        path: \"unit-3/lesson-4/job-shadow-workbook/evaluation\",\r\n        component: UnitThreeLessonFourWorkbookEvaluationComponent,\r\n        canDeactivate: [ConfirmRouteGuard]\r\n    },\r\n    {\r\n        path: \"unit-3/lesson-4/job-shadow-workbook/thank-you\",\r\n        component: UnitThreeLessonFourWorkbookThankYouComponent,\r\n        canDeactivate: [ConfirmRouteGuard]\r\n    },\r\n    {\r\n        path: \"unit-3/lesson-5\",\r\n        component: UnitThreeLessonFiveLandingComponent\r\n    },\r\n    {\r\n        path: \"unit-3/lesson-5/guide\",\r\n        component: UnitThreeLessonFiveGuideComponent\r\n    },\r\n    {\r\n        path: \"unit-3/lesson-5/performance-review\",\r\n        component: UnitThreeLessonFivePerformanceReviewComponent,\r\n        canDeactivate: [ConfirmRouteGuard]\r\n    },\r\n\r\n    {\r\n        path: \"unit-3/lesson-6\",\r\n        component: UnitThreeLessonSixLandingComponent\r\n    },\r\n    {\r\n        path: \"unit-3/lesson-6/guide\",\r\n        component: UnitThreeLessonSixGuideComponent\r\n    },\r\n    {\r\n        path: \"unit-4\",\r\n        component: UnitFourLandingComponent\r\n    },\r\n    {\r\n        path: \"unit-4/lesson-1\",\r\n        component: UnitFourLessonOneLandingComponent\r\n    },\r\n    {\r\n        path: \"unit-4/lesson-1/guide\",\r\n        component: UnitFourLessonOneGuideComponent\r\n    },\r\n    {\r\n        path: \"unit-4/lesson-1/work-maturity-skills-list\",\r\n        component: UnitFourLessonOneWorkMaturitySkillsListComponent,\r\n        canDeactivate: [ConfirmRouteGuard]\r\n    },\r\n    {\r\n        path: \"unit-4/lesson-2\",\r\n        component: UnitFourLessonTwoLandingComponent\r\n    },\r\n    {\r\n        path: \"unit-4/lesson-2/guide\",\r\n        component: UnitFourLessonTwoGuideComponent\r\n    },\r\n    {\r\n        path: \"unit-4/lesson-2/resume-keywords-worksheet\",\r\n        component: UnitFourLessonTwoResumeKeywordsWorksheetComponent,\r\n        canDeactivate: [ConfirmRouteGuard]\r\n    },\r\n    {\r\n        path: \"unit-4/lesson-2/resume-template\",\r\n        component: UnitFourLessonTwoResumeTemplateComponent,\r\n        canDeactivate: [ConfirmRouteGuard]\r\n    },\r\n    {\r\n        path: \"unit-4/lesson-3\",\r\n        component: UnitFourLessonThreeLandingComponent\r\n    },\r\n    {\r\n        path: \"unit-4/lesson-3/elevator-speech-worksheet\",\r\n        component: UnitFourLessonThreeElevatorSpeechWorksheetComponent,\r\n        canDeactivate: [ConfirmRouteGuard]\r\n    },\r\n    {\r\n        path: \"unit-4/lesson-3/elevator-speech-feedback\",\r\n        component: UnitFourLessonThreeElevatorSpeechFeedbackComponent,\r\n        canDeactivate: [ConfirmRouteGuard]\r\n    },\r\n    {\r\n        path: \"unit-4/lesson-3/guide\",\r\n        component: UnitFourLessonThreeGuideComponent\r\n    },\r\n    {\r\n        path: \"unit-4/lesson-4\",\r\n        component: UnitFourLessonFourLandingComponent\r\n    },\r\n    {\r\n        path: \"unit-4/lesson-4/guide\",\r\n        component: UnitFourLessonFourGuideComponent\r\n    },\r\n    {\r\n        path: \"unit-4/lesson-4/practice-job-application\",\r\n        component: UnitFourLessonFourPracticeJobApplicationComponent,\r\n        canDeactivate: [ConfirmRouteGuard]\r\n    },\r\n    {\r\n        path: \"unit-4/lesson-4/job-applications-tracker\",\r\n        component: UnitFourLessonFourJobApplicationsTrackerComponent,\r\n        canDeactivate: [ConfirmRouteGuard]\r\n    },\r\n    {\r\n        path: \"unit-4/lesson-5\",\r\n        component: UnitFourLessonFiveLandingComponent\r\n    },\r\n    {\r\n        path: \"unit-4/lesson-5/guide\",\r\n        component: UnitFourLessonFiveGuideComponent\r\n    },\r\n    {\r\n        path: \"unit-4/lesson-5/job-interview-questions\",\r\n        component: UnitFourLessonFiveJobInterviewQuestionsComponent,\r\n        canDeactivate: [ConfirmRouteGuard]\r\n    },\r\n    {\r\n        path: \"unit-4/lesson-5/job-interview-feedback\",\r\n        component: UnitFourLessonFiveJobInterviewFeedbackComponent,\r\n        canDeactivate: [ConfirmRouteGuard]\r\n    },\r\n    {\r\n        path: \"unit-4/lesson-5/job-interview-evaluation\",\r\n        component: UnitFourLessonFiveInterviewEvaluationComponent,\r\n        canDeactivate: [ConfirmRouteGuard]\r\n    },\r\n    {\r\n        path: \"unit-4/lesson-6\",\r\n        component: UnitFourLessonSixLandingComponent\r\n    },\r\n    {\r\n        path: \"unit-4/lesson-6/guide\",\r\n        component: UnitFourLessonSixGuideComponent\r\n    },\r\n    {\r\n        path: \"unit-4/lesson-6/thank-you-note-template\",\r\n        component: UnitFourLessonSixThankYouNoteTemplateComponent,\r\n        canDeactivate: [ConfirmRouteGuard]\r\n    },\r\n    {\r\n        path: \"unit-4/lesson-7\",\r\n        component: UnitFourLessonSevenLandingComponent\r\n    },\r\n    {\r\n        path: \"unit-4/lesson-7/guide\",\r\n        component: UnitFourLessonSevenGuideComponent\r\n    },\r\n    {\r\n        path: \"unit-4/lesson-7/activity-action-plan-template\",\r\n        component: UnitFourLessonSevenActivityActionPlanTemplateComponent,\r\n        canDeactivate: [ConfirmRouteGuard]\r\n    },\r\n    {\r\n        path: \"unit-5\",\r\n        component: UnitFiveLandingComponent\r\n    },\r\n    {\r\n        path: \"unit-5/lesson-1\",\r\n        component: UnitFiveLessonOneLandingComponent\r\n    },\r\n    {\r\n        path: \"unit-5/lesson-1/guide\",\r\n        component: UnitFiveLessonOneGuideComponent\r\n    },\r\n    {\r\n        path: \"unit-5/lesson-1/work-maturity-skills-list\",\r\n        component: UnitFourLessonOneWorkMaturitySkillsListComponent,\r\n        canDeactivate: [ConfirmRouteGuard]\r\n    },\r\n    {\r\n        path: \"unit-5/lesson-2\",\r\n        component: UnitFiveLessonTwoLandingComponent\r\n    },\r\n    {\r\n        path: \"unit-5/lesson-2/guide\",\r\n        component: UnitFiveLessonTwoGuideComponent\r\n    },\r\n    {\r\n        path: \"unit-5/lesson-2/resume-keywords-worksheet\",\r\n        component: UnitFourLessonTwoResumeKeywordsWorksheetComponent,\r\n        canDeactivate: [ConfirmRouteGuard]\r\n    },\r\n    {\r\n        path: \"unit-5/lesson-2/self-advocacy-goals-worksheet\",\r\n        component: UnitFiveLessonTwoSelfAdvocacyGoalsWorksheetComponent,\r\n        canDeactivate: [ConfirmRouteGuard]\r\n    },\r\n    {\r\n        path: \"unit-5/lesson-3\",\r\n        component: UnitFiveLessonThreeLandingComponent,\r\n\r\n    },\r\n    {\r\n        path: \"unit-5/lesson-3/guide\",\r\n        component: UnitFiveLessonThreeGuideComponent,\r\n\r\n    },\r\n    {\r\n        path: \"unit-5/lesson-3/a-to-z\",\r\n        component: UnitFiveLessonThreeAToZComponent,\r\n        canDeactivate: [ConfirmRouteGuard]\r\n    },\r\n    {\r\n        path: \"unit-5/lesson-3/independent-living-assessment\",\r\n        component: UnitFiveLessonThreeIndependentLivingAssessmentComponent,\r\n        canDeactivate: [ConfirmRouteGuard]\r\n    },\r\n    {\r\n        path: \"unit-5/lesson-3/independent-living-goals-worksheet\",\r\n        component: UnitFiveLessonThreeIndependentLivingGoalsWorksheetComponent,\r\n        canDeactivate: [ConfirmRouteGuard]\r\n    },\r\n    {\r\n        path: \"unit-5/lesson-4\",\r\n        component: UnitFiveLessonFourLandingComponent,\r\n    },\r\n    {\r\n        path: \"unit-5/lesson-4/guide\",\r\n        component: UnitFiveLessonFourGuideComponent,\r\n    },\r\n    {\r\n        path: \"unit-5/lesson-5\",\r\n        component: UnitFiveLessonFiveLandingComponent,\r\n    },\r\n    {\r\n        path: \"unit-5/lesson-5/guide\",\r\n        component: UnitFiveLessonFiveGuideComponent,\r\n    },\r\n    {\r\n        path: \"unit-5/lesson-5/action-plan\",\r\n        component: UnitFiveLessonFiveActionPlanComponent,\r\n        canDeactivate: [ConfirmRouteGuard]\r\n    },\r\n    {\r\n        path: \"unit-5/lesson-6\",\r\n        component: UnitFiveLessonSixLandingComponent,\r\n\r\n    },\r\n    {\r\n        path: \"unit-5/lesson-6/guide\",\r\n        component: UnitFiveLessonSixGuideComponent,\r\n    },\r\n    {\r\n        path: \"unit-5/lesson-6/final-reflection-worksheet\",\r\n        component: UnitFiveLessonSixFinalReflectionWorksheetComponent,\r\n        canDeactivate: [ConfirmRouteGuard]\r\n    },\r\n    {\r\n        path: \"create-ticket\",\r\n        component: FeedbackComponent\r\n    },\r\n    {\r\n        path: \"about\",\r\n        component: AboutComponent\r\n    },\r\n    {\r\n        path: \"help\",\r\n        component: HelpComponent\r\n    },\r\n    {\r\n        path: \"feedback\",\r\n        component: FeedbackComponent\r\n    },\r\n    {\r\n        path: '**',\r\n        component: PageNotFoundComponent\r\n    }\r\n];\r\n\r\nexport const AppRoutingProviders: any[] = [];\r\nexport const AppRouting: ModuleWithProviders = RouterModule.forRoot(appRoutes, { useHash: true });\r\n","module.exports = \"<landing-page-banner banner-text=\\\"{{title}}\\\"></landing-page-banner>\\r\\n<div class=\\\"container-fluid background-box\\\" style=\\\"width:60%;margin-left:20%;margin-right:20%;\\\">\\r\\n    <div class=\\\"row\\\" style=\\\"margin-bottom:18%;\\\">\\r\\n        <div class=\\\"col-md-6\\\" style=\\\"background-color:white;\\\">\\r\\n            <div class=\\\"row-fluid content-area\\\" style=\\\"width:100%;\\\">\\r\\n                <div class=\\\"content-area-header\\\">Content Feedback Survey</div>\\r\\n                <div class=\\\"col-md-12\\\" style=\\\"margin-top:10px;\\\">\\r\\n                    <div style=\\\"margin-top:10px;\\\">\\r\\n                        We value direct feedback and suggestions from the field about T-folio content.\\r\\n                        Please click here to complete a short survey that will help us understand how to improve the T-Folio.\\r\\n                        Thank you!\\r\\n                    </div>\\r\\n                    <div style=\\\"margin-top:10px;\\\">\\r\\n                        <button onclick=\\\"window.open('https://seattleux.qualtrics.com/jfe/form/SV_1Opiqa2AjtswVwN')\\\">Survey</button>\\r\\n                    </div>\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row-fluid content-area\\\" style=\\\"width:100%;margin-top:10px;\\\">\\r\\n                <div class=\\\"content-area-header\\\">Unable to access content?</div>\\r\\n                <div class=\\\"col-md-12\\\" style=\\\"margin-top:10px;\\\">\\r\\n                    <div style=\\\"margin-top:10px;\\\">\\r\\n                        Some schools and organizations have firewalls or other protections in place that block access to T-Folio content.\\r\\n                        <br />Download the \\\"white list\\\" by clicking the link below and give it to your IT department to add to the list of URLs recognized as safe.\\r\\n                        <br />The white list will automatically download as an Excel file.\\r\\n                    </div>\\r\\n                    <div style=\\\"margin-top:10px;\\\">                        \\r\\n                        <button onclick=\\\"window.open('/Whitelist/TFolioWhiteList.xlsx','_blank')\\\">White List</button>\\r\\n                    </div>\\r\\n                    </div>\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-6 what-youll-need\\\" style=\\\"background-color:white;\\\">\\r\\n                <div class=\\\"row-fluid content-area\\\" style=\\\"width:100%\\\">\\r\\n                    <div class=\\\"content-area-header\\\">Technical Issues</div>\\r\\n                    <div class=\\\"text-content-area\\\">\\r\\n                        <div style=\\\"margin-top:10px;\\\">\\r\\n                            Use this form to report technical issues with the T-Folio website.\\r\\n                        </div>\\r\\n                        <div style=\\\"margin-top:10px;\\\">\\r\\n                          <div><b>Name</b></div>\\r\\n                          <input type=\\\"text\\\" [(ngModel)]=\\\"userName\\\" />\\r\\n                          <div><b>Contact Phone Number</b></div>\\r\\n                          <input type=\\\"text\\\" [(ngModel)]=\\\"phone\\\" />\\r\\n                          <div><b>Contact Email</b></div>\\r\\n                          <input type=\\\"text\\\" [(ngModel)]=\\\"email\\\" />\\r\\n                          <div><b>Location</b></div>\\r\\n                          <div style=\\\"font-size:small\\\">\\r\\n                            Please tell us where the issue occurred.\\r\\n                            Examples: \\\"Unit One landing page,\\\" \\\"Unit 1, Lesson 3, Activity,\\\" or \\\"Introduction, Lesson 1, Lesson Guide\\\"\\r\\n                          </div>\\r\\n                          <input type=\\\"text\\\" [(ngModel)]=\\\"location\\\" />\\r\\n                        </div>\\r\\n                        <div style=\\\"margin-top:10px;\\\">\\r\\n                            <div><b>Description</b></div>\\r\\n                            <div style=\\\"font-size:small\\\">\\r\\n                                Please describe the issue.\\r\\n                                What happened?\\r\\n                                What were you doing when the problem occurred?\\r\\n                                What should have happened instead?\\r\\n                            </div>\\r\\n                            <textarea [(ngModel)]=\\\"description\\\" style=\\\"resize:none;\\\"></textarea>\\r\\n                        </div>\\r\\n                        <div style=\\\"margin-top:10px;\\\">\\r\\n                            <div><b>Device</b></div>\\r\\n                            <select [(ngModel)]=\\\"device\\\">\\r\\n                                <option *ngFor=\\\"let device of devices\\\" [ngValue]=\\\"device.value\\\">{{device.name}}</option>\\r\\n                            </select>\\r\\n                        </div>\\r\\n                        <div style=\\\"margin-top:10px;\\\">\\r\\n                            <div><b>Browser</b></div>\\r\\n                            <select [(ngModel)]=\\\"browser\\\">\\r\\n                                <option *ngFor=\\\"let browser of browsers\\\" [ngValue]=\\\"browser.value\\\">{{browser.name}}</option>\\r\\n                            </select>\\r\\n                        </div>\\r\\n                        <div style=\\\"margin-top:25px;\\\">\\r\\n                            <button (click)=\\\"cancel();\\\">Cancel</button>\\r\\n                            <button (click)=\\\"createTicket();\\\">Create Ticket</button>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n        <tfolio-copyright></tfolio-copyright>\\r\\n    </div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Router } from \"@angular/router\";\r\nimport { TicketingService } from \"./_services/ticketing.service\";\r\n\r\n@Component({\r\n    selector: \"create-ticket\",\r\n    templateUrl: './create-ticket.component.html',\r\n    styleUrls: ['./_shared/landing-pages/landing-page.component.css'],\r\n    providers: [TicketingService]\r\n})\r\n\r\nexport class CreateTicketComponent {\r\n\r\n    title: string = \"Feedback\";\r\n\r\n    public userName: string =\"\";\r\n    public phone: string = \"\";\r\n    public email: string = \"\";\r\n    public description: string = \"\";\r\n    public location: string = \"\";\r\n    public browser: string = \"\";\r\n    public device: string = \"\";\r\n\r\n    public devices: Device[] = [\r\n        { \"name\": \"Laptop — PC\", \"value\": \"Laptop-PC\" },\r\n        { \"name\": \"Laptop — Apple\", \"value\": \"Laptop-Apple\" },\r\n        { \"name\": \"Desktop — PC\", \"value\": \"Desktop-PC\" },\r\n        { \"name\": \"Desktop — Apple\", \"value\": \"Desktop-Apple\" },\r\n        { \"name\": \"iPad\", \"value\": \"iPad\" },\r\n        { \"name\": \"Chromebook\", \"value\": \"Chromebook\" },\r\n        { \"name\": \"Other\", \"value\": \"Other\" },\r\n    ];\r\n    public browsers: Browser[] = [\r\n        { \"name\": \"Chrome\", \"value\": \"Chrome\" },\r\n        { \"name\": \"Safari\", \"value\": \"Safari\" },\r\n        { \"name\": \"Edge\", \"value\": \"Edge\" },\r\n        { \"name\": \"Firefox\", \"value\": \"Firefox\" },\r\n        { \"name\": \"Other\", \"value\": \"Other\" },\r\n    ];\r\n\r\n    constructor(private ticketingService: TicketingService, private router: Router) { }\r\n\r\n    createTicket() {\r\n\r\n        var meta: string = \"\";\r\n        meta += \"Name: \" + this.userName + \"<br/>\";\r\n        meta += \"Phone: \" + this.phone + \"<br/>\";\r\n        meta += \"Email: \" + this.email + \"<br/>\";\r\n        meta += \"Location: \" + this.location + \"<br/>\";\r\n        meta += \"Device: \" + this.device + \"<br/>\";\r\n        meta += \"Browser: \" + this.browser + \"<br/>\";\r\n        meta += \"<br/>\";\r\n\r\n        var data = {\r\n            description: meta + this.description,\r\n            subject: \"T-Folio\",\r\n            email: \"albertsj@seattleu.edu\",\r\n            priority: 1,\r\n            status: 2\r\n        }\r\n        this.ticketingService.createTicket(data);\r\n        window.alert(\"Your ticket has been submitted. Thank you for your feedback!\");\r\n        //window.history.back();\r\n        window.location.reload(true);\r\n\r\n    }\r\n\r\n    cancel() {\r\n      //window.history.back();\r\n      window.location.reload(true);\r\n    }\r\n}\r\n\r\nclass Device {\r\n    name: string;\r\n    value: string;\r\n}\r\n\r\nclass Browser {\r\n    name: string;\r\n    value: string;\r\n}\r\n","module.exports = \".background-box {\\r\\n    background-color: #ffffff;\\r\\n    border-radius: 25px 25px 25px 25px;\\r\\n    box-shadow: 0px -2px 10px #7b7b7b;\\r\\n    margin: 0px;\\r\\n    margin-top: 20px;\\r\\n    padding: 20px;\\r\\n    min-width: 288px;\\r\\n}\\r\\n\\r\\n.content-area {\\r\\n    position: relative;\\r\\n    height: 100%;\\r\\n    padding: 0px 20px 20px 20px;\\r\\n    border-radius: 25px;\\r\\n    box-shadow: inset 0px 0px 5px #737373;\\r\\n    background-color: white;\\r\\n    display: inline-block;\\r\\n}\\r\\n\\r\\n.content-area-header {\\r\\n    display: inline-block;\\r\\n    background-color: white;\\r\\n    padding: 10px;\\r\\n    margin: 0px 25px 10px 25px;\\r\\n    border-radius: 0px 0px 15px 15px;\\r\\n    box-shadow: 0px 2px 3px #9e9e9e;\\r\\n    font-family: Rockwell;\\r\\n    font-size: 16px;\\r\\n    font-weight: bold;\\r\\n}\\r\\n\\r\\n.list-button {\\r\\n    white-space: pre-wrap;\\r\\n    border-radius: 8px;\\r\\n    margin-left: 10px;\\r\\n    box-shadow: 0px 2px 2px #848484;\\r\\n    margin-top: 10px;\\r\\n    width: 90%\\r\\n}\\r\\n\\r\\n.caption {\\r\\n    color: black;\\r\\n    border-radius: 8px;\\r\\n    margin-left: 4px;\\r\\n    margin-right: 4px;\\r\\n    text-align: left;\\r\\n    padding-left: 10px;\\r\\n    font-size: 0.7vw;\\r\\n}\\r\\n\\r\\n.active {\\r\\n    color: #2C3E50;\\r\\n}\\r\\n\"","module.exports = \"<landing-page-banner banner-text=\\\"{{title}}\\\"></landing-page-banner>\\n<div class=\\\"container-fluid background-box\\\" style=\\\"width:60%;margin-left:20%;margin-right:20%;\\\">\\r\\n    <div class=\\\"\\\" style=\\\"background-color:white\\\">\\r\\n        <div class=\\\"row-fluid content-area\\\" style=\\\"width:100%;\\\">\\r\\n            <div class=\\\"content-area-header\\\">Content Feedback Survey</div>\\r\\n            <div class=\\\"col-md-12\\\" style=\\\"margin-top:10px;\\\">\\r\\n                <div style=\\\"margin-top:10px;\\\">\\r\\n                    We value direct feedback and suggestions from our users about T-Folio content.\\r\\n                    This short survey is for general site feedback and will help us understand how to improve the T-Folio.\\r\\n                    To report technical problems such as: pages not working as expected, broken links, or spelling or grammar errors,\\r\\n                    <a [routerLink]=\\\"['/help']\\\">click here to create a support ticket.</a>\\r\\n                    Thank you!\\r\\n                </div>\\r\\n                <div style=\\\"margin-top:10px;\\\">\\r\\n                    <button onclick=\\\"window.open('https://seattleux.qualtrics.com/jfe/form/SV_9ueVA6xPEoX80bX')\\\">Survey</button>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\n\"","import { Component, OnInit } from '@angular/core';\r\nimport { Title } from '@angular/platform-browser';\n\n@Component({\n  selector: 'feedback',\n  templateUrl: './feedback.component.html',\n  styleUrls: ['./feedback.component.css']\n})\nexport class FeedbackComponent {\n\n    title: string = \"Feedback\";\n    pageTitle: string = this.title + \" | T-Folio\";\n\n    constructor(private titleService: Title) {\n        this.titleService.setTitle(this.pageTitle);\n    }\n}\n","module.exports = \"<landing-page-banner banner-text=\\\"{{title}}\\\"></landing-page-banner>\\n<div class=\\\"container-fluid background-box\\\" style=\\\"width:60%;margin-left:20%;margin-right:20%\\\">\\r\\n\\r\\n    <div class=\\\"row\\\" *ngIf=\\\"HelpLandingPageData.breadcrumbs\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"padding-bottom:10px;\\\">\\r\\n            <ol class=\\\"breadcrumb\\\" style=\\\"background-color:white;margin-bottom:0px;padding-bottom:0px;\\\">\\r\\n                <li *ngFor=\\\"let crumb of HelpLandingPageData.breadcrumbs.crumbs\\\">\\r\\n                    <a [routerLink]=\\\"crumb.route\\\">{{crumb.linktext}}</a>\\r\\n                </li>\\r\\n                <li class=\\\"active\\\">{{HelpLandingPageData.breadcrumbs.label}}</li>\\r\\n            </ol>\\r\\n        </div><a></a>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"row\\\" style=\\\"margin-bottom:18%\\\">\\r\\n        <div class=\\\"col-md-6 what-youll-need\\\" style=\\\"background-color:white;\\\">\\r\\n            <div class=\\\"row-fluid content-area\\\" style=\\\"width:100%\\\">\\r\\n                <div class=\\\"content-area-header\\\">Technical Issues</div>\\r\\n                <div class=\\\"text-content-area\\\">\\r\\n                    <div style=\\\"margin-top:10px;\\\">\\r\\n                        Use this form to report technical issues with the T-Folio website.\\r\\n                        This form should be used to report technical problems including:\\r\\n                        pages not working as expected, broken links, spelling or grammar errors,\\r\\n                        and/or added functionality requests. To leave general feedback about the site content\\r\\n                        <a href=\\\"https://seattleux.qualtrics.com/jfe/form/SV_9ueVA6xPEoX80bX\\\" target=\\\"_blank\\\">Click here to open our feedback survey</a>.\\r\\n                        \\r\\n                    </div>\\r\\n                    <div style=\\\"margin-top:10px;\\\">\\r\\n                        <div><b>Name</b></div>\\r\\n                        <input type=\\\"text\\\" [(ngModel)]=\\\"userName\\\" />\\r\\n                        <div><b>Contact Phone Number</b></div>\\r\\n                        <input type=\\\"text\\\" [(ngModel)]=\\\"phone\\\" />\\r\\n                        <div><b>Contact Email</b></div>\\r\\n                        <input type=\\\"text\\\" [(ngModel)]=\\\"email\\\" />\\r\\n                        <div><b>Location</b></div>\\r\\n                        <div style=\\\"font-size:small\\\">\\r\\n                            Please tell us where the issue occurred.\\r\\n                            Examples: \\\"Unit One landing page,\\\" \\\"Unit 1, Lesson 3, Activity,\\\" or \\\"Introduction, Lesson 1, Lesson Guide\\\"\\r\\n                        </div>\\r\\n                        <input type=\\\"text\\\" [(ngModel)]=\\\"location\\\" />\\r\\n                    </div>\\r\\n                    <div style=\\\"margin-top:10px;\\\">\\r\\n                        <div><b>Description</b></div>\\r\\n                        <div style=\\\"font-size:small\\\">\\r\\n                            Please describe the issue.\\r\\n                            What happened?\\r\\n                            What were you doing when the problem occurred?\\r\\n                            What should have happened instead?\\r\\n                        </div>\\r\\n                        <textarea [(ngModel)]=\\\"description\\\" style=\\\"resize:none;\\\"></textarea>\\r\\n                    </div>\\r\\n                    <div style=\\\"margin-top:10px;\\\">\\r\\n                        <div><b>Device</b></div>\\r\\n                        <select [(ngModel)]=\\\"device\\\">\\r\\n                            <option *ngFor=\\\"let device of devices\\\" [ngValue]=\\\"device.value\\\">{{device.name}}</option>\\r\\n                        </select>\\r\\n                    </div>\\r\\n                    <div style=\\\"margin-top:10px;\\\">\\r\\n                        <div><b>Browser</b></div>\\r\\n                        <select [(ngModel)]=\\\"browser\\\">\\r\\n                            <option *ngFor=\\\"let browser of browsers\\\" [ngValue]=\\\"browser.value\\\">{{browser.name}}</option>\\r\\n                        </select>\\r\\n                    </div>\\r\\n                    <div style=\\\"margin-top:25px;\\\">\\r\\n                        <button (click)=\\\"cancel();\\\">Cancel</button>\\r\\n                        <button (click)=\\\"createTicket();\\\">Create Ticket</button>\\r\\n                    </div>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-6\\\" style=\\\"background-color:white;\\\">\\r\\n            <div class=\\\"row-fluid content-area\\\" style=\\\"width:100%\\\">\\r\\n                <div class=\\\"content-area-header\\\">Unable to access content?</div>\\r\\n                <div class=\\\"col-md-12\\\">\\r\\n                    <div style=\\\"margin-top:10px;\\\">\\r\\n                        Some schools and organizations have firewalls or other protections in place that block access to T-Folio content.\\r\\n                        Download the \\\"white list\\\" by clicking the link below and give it to your IT department to add to the list of URLs recognized as safe.\\r\\n                        The link will direct you to a Google spreadsheet which you can share or download as an Excel file.\\r\\n                    </div>\\r\\n                    <div style=\\\"margin-top:10px;\\\">\\r\\n                        <a href=\\\"https://docs.google.com/spreadsheets/d/1tcrv6FnnP7IlvRUy5EXusppuLtUZvmjEFy1P6wHyZ3k/edit#gid=0\\\" class=\\\"btn\\\" target=\\\"_blank\\\" style=\\\"border:black solid 2px; border-radius:5px; color:black; padding:1px 6px 1px 6px;\\\">White List (Excel spreadsheet)</a>\\r\\n                    </div>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\n\"","import { Component, OnInit } from '@angular/core';\r\nimport { Router } from \"@angular/router\";\r\nimport { TicketingService } from \"./_services/ticketing.service\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\n@Component({\n    selector: 'help',\n    templateUrl: './help.component.html',\n    styleUrls: ['./_shared/landing-pages/landing-page.component.css'],\r\n    providers: [TicketingService]\n})\nexport class HelpComponent implements OnInit {\n\n    title: string = \"Help\";\n    pageTitle: string = \"Help | T-Folio\";\n\n    public userName: string = \"\";\r\n    public phone: string = \"\";\r\n    public email: string = \"\";\r\n    public description: string = \"\";\r\n    public location: string = \"\";\r\n    public browser: string = \"\";\r\n    public device: string = \"\";\n\n    HelpLandingPageData = {\r\n        breadcrumbs: {\r\n            label: \"Help\",\r\n            crumbs: [\r\n                {\r\n                    route: \"\",\r\n                    linktext: \"T-Folio\"\r\n                }\r\n            ]\r\n        },\r\n    }\n\n    public devices: Device[] = [\r\n        { \"name\": \"Laptop — PC\", \"value\": \"Laptop-PC\" },\r\n        { \"name\": \"Laptop — Apple\", \"value\": \"Laptop-Apple\" },\r\n        { \"name\": \"Desktop — PC\", \"value\": \"Desktop-PC\" },\r\n        { \"name\": \"Desktop — Apple\", \"value\": \"Desktop-Apple\" },\r\n        { \"name\": \"iPad\", \"value\": \"iPad\" },\r\n        { \"name\": \"Chromebook\", \"value\": \"Chromebook\" },\r\n        { \"name\": \"Other\", \"value\": \"Other\" },\r\n    ];\r\n    public browsers: Browser[] = [\r\n        { \"name\": \"Chrome\", \"value\": \"Chrome\" },\r\n        { \"name\": \"Safari\", \"value\": \"Safari\" },\r\n        { \"name\": \"Edge\", \"value\": \"Edge\" },\r\n        { \"name\": \"Firefox\", \"value\": \"Firefox\" },\r\n        { \"name\": \"Other\", \"value\": \"Other\" },\r\n    ];\n\n    constructor(private ticketingService: TicketingService, private router: Router, private titleService: Title) {\n        this.titleService.setTitle(this.pageTitle);\n    }\n\n    ngOnInit() {\n    }\n\n    createTicket() {\r\n\r\n        var meta: string = \"\";\r\n        meta += \"Name: \" + this.userName + \"<br/>\";\r\n        meta += \"Phone: \" + this.phone + \"<br/>\";\r\n        meta += \"Email: \" + this.email + \"<br/>\";\r\n        meta += \"Location: \" + this.location + \"<br/>\";\r\n        meta += \"Device: \" + this.device + \"<br/>\";\r\n        meta += \"Browser: \" + this.browser + \"<br/>\";\r\n        meta += \"<br/>\";\r\n\r\n        var data = {\r\n            description: meta + this.description,\r\n            subject: \"T-Folio\",\r\n            email: \"ccts@seattleu.edu\",\r\n            priority: 1,\r\n            status: 2\r\n        }\r\n        this.ticketingService.createTicket(data);\r\n        window.alert(\"Your ticket has been submitted. Thank you for your feedback!\");\r\n        window.location.reload(true);\r\n\r\n    }\r\n\r\n    cancel() {\r\n        window.location.reload(true);\r\n    }\n\n}\n\nclass Device {\r\n    name: string;\r\n    value: string;\r\n}\r\n\r\nclass Browser {\r\n    name: string;\r\n    value: string;\r\n}\n","module.exports = \".background-box {\\r\\n    background-color: #ffffff;\\r\\n    border-radius: 25px 25px 25px 25px;\\r\\n    box-shadow: 0px -2px 10px #7b7b7b;\\r\\n    margin: 0px;\\r\\n    margin-top: 20px;\\r\\n    padding: 20px;\\r\\n    min-height: 700px;\\r\\n    min-width: 384px;\\r\\n}\\r\\n\\r\\n.content-area {\\r\\n    position: relative;\\r\\n    height: 100%;\\r\\n    top: 10px;\\r\\n    padding: 0px 20px 20px 20px;\\r\\n    margin: 10px;\\r\\n    border-radius: 25px;\\r\\n    box-shadow: inset 0px 0px 5px #737373;\\r\\n    background-color: white;\\r\\n    display: inline-block;\\r\\n}\\r\\n\\r\\n.content-area-header {\\r\\n    display: inline-block;\\r\\n    background-color: white;\\r\\n    padding: 10px;\\r\\n    margin: 0px 25px 10px 25px;\\r\\n    border-radius: 0px 0px 15px 15px;\\r\\n    box-shadow: 0px 2px 3px #9e9e9e;\\r\\n    font-family: Rockwell;\\r\\n    font-size: 16px;\\r\\n    font-weight: bold;\\r\\n}\\r\\n\\r\\n.button-container {\\r\\n    box-shadow: 0px 2px 2px #848484;\\r\\n    width: 90%;\\r\\n    margin-left: 10px;\\r\\n    margin-top: 10px;\\r\\n    border-radius: 10px\\r\\n}\\r\\n\\r\\n.button-image {\\r\\n    float: left;\\r\\n    max-width: 24%;\\r\\n}\\r\\n\\r\\n.button-text {\\r\\n    float: right;\\r\\n    width: 74%;\\r\\n    white-space: normal;\\r\\n    font-size: 15px;\\r\\n    font-weight: bold;\\r\\n}\\r\\n\\r\\n.training-button-text {\\r\\n    background-color: #FDB913;\\r\\n    border-color: #FDB913;\\r\\n    color: #000000;\\r\\n    font-size: 15px;\\r\\n    font-weight: bold;\\r\\n}\\r\\n\\r\\n.lesson-image {\\r\\n    max-width: 100%;\\r\\n    min-width: 90%;\\r\\n    min-height: 80%;\\r\\n    max-height: 100%;\\r\\n    height: auto;\\r\\n    width: auto;\\r\\n    border-radius: 15px;\\r\\n    margin: 0%;\\r\\n    top: 3%;\\r\\n    position: relative;\\r\\n    padding: 4px;\\r\\n    margin-top: 16px;\\r\\n    overflow: hidden;\\r\\n}\\r\\n\\r\\n.background-box {\\r\\n    background-color: #ffffff;\\r\\n    border-radius: 25px 25px 25px 25px;\\r\\n    box-shadow: 0px -2px 10px #7d7d7d;\\r\\n    margin: 0px;\\r\\n    margin-top: 20px;\\r\\n    padding: 20px;\\r\\n    min-height: 700px;\\r\\n    min-width: 288px;\\r\\n}\\r\\n\\r\\n.content-area {\\r\\n    position: relative;\\r\\n    height: 100%;\\r\\n    padding: 0px 20px 20px 20px;\\r\\n    border-radius: 25px;\\r\\n    box-shadow: inset 0px 0px 5px #737373;\\r\\n    background-color: white;\\r\\n    display: inline-block;\\r\\n}\\r\\n\\r\\n.content-area-header {\\r\\n    display: inline-block;\\r\\n    background-color: white;\\r\\n    padding: 10px;\\r\\n    margin: 0px 25px 10px 25px;\\r\\n    border-radius: 0px 0px 15px 15px;\\r\\n    box-shadow: 0px 2px 3px #9e9e9e;\\r\\n    font-family: Rockwell;\\r\\n    font-size: 16px;\\r\\n    font-weight: bold;\\r\\n}\\r\\n\\r\\n.list-button {\\r\\n    white-space: pre-wrap;\\r\\n    border-radius: 8px;\\r\\n    margin-left: 10px;\\r\\n    box-shadow: 0px 2px 5px black;\\r\\n    margin-top: 10px;\\r\\n    width: 90%\\r\\n}\\r\\n\\r\\n.lesson-image {\\r\\n    max-width: 100%;\\r\\n    min-width: 90%;\\r\\n    min-height: 80%;\\r\\n    max-height: 100%;\\r\\n    height: auto;\\r\\n    width: auto;\\r\\n    border-radius: 15px;\\r\\n    margin: 0%;\\r\\n    top: 3%;\\r\\n    position: relative;\\r\\n    padding: 4px;\\r\\n    margin-top: 16px;\\r\\n    overflow: hidden;\\r\\n}\\r\\n\\r\\n.powerpoint-button {\\r\\n    white-space: pre-wrap;\\r\\n    border-radius: 8px;\\r\\n    margin-left: 10px;\\r\\n    margin-top: 10px;\\r\\n    box-shadow: 0px 2px 5px #000000;\\r\\n    background-color: #800080;\\r\\n    color: #ffffff;\\r\\n    border-color: #800080;\\r\\n    width: 90%;\\r\\n}\\r\\n\\r\\n.tile {\\r\\n    position: relative;\\r\\n    width: 10vw;\\r\\n    border-radius: 15px;\\r\\n    height: 10vw;\\r\\n    margin: 1%;\\r\\n    box-shadow: 0px 1px 5px rgba(0,0,4,.77);\\r\\n    display: inline-block;\\r\\n}\\r\\n\\r\\n.tile-image {\\r\\n    width: 10vw;\\r\\n    height: 10vw;\\r\\n}\\r\\n\\r\\n.tile:hover {\\r\\n    opacity: 0.5;\\r\\n}\\r\\n\\r\\n.text1 {\\r\\n    font-weight: bolder;\\r\\n    color:white;\\r\\n    text-align:center;\\r\\n    background-color: rgba(0,0,0,.4);\\r\\n    border-radius: 10px 10px 0 0;\\r\\n    font-size: medium;\\r\\n}\\r\\n\\r\\n.short-title {\\r\\n    color: white;\\r\\n    align-content: center;\\r\\n    font-weight: bold;\\r\\n    display: block;\\r\\n    font-size: 18px;\\r\\n    background-color: rgba(0,0,0,.4);\\r\\n    border-radius: 10px 10px 0 0;\\r\\n}\\r\\n\\r\\n.short-title:hover{\\r\\n    display: none;\\r\\n}\\r\\n\\r\\n.container {\\r\\n    position: relative;\\r\\n    width: 10vw;\\r\\n    height: 10vw;\\r\\n    padding:0px;\\r\\n    margin: 1%;\\r\\n    border-radius: 15px;\\r\\n    box-shadow: 0px 1px 5px rgba(0,0,4,.77);\\r\\n    display: inline-block;\\r\\n}\\r\\n\\r\\n.image {\\r\\n    display: block;\\r\\n    width: 100%;\\r\\n    height: auto;\\r\\n}\\r\\n\\r\\n.overlay {\\r\\n    position: absolute;\\r\\n    bottom: 100%;\\r\\n    left: 0;\\r\\n    right: 0;\\r\\n    background-color: #008CBA;\\r\\n    overflow: hidden;\\r\\n    width: 100%;\\r\\n    height: 0;\\r\\n    transition: .5s ease;\\r\\n    border-radius: 15px;\\r\\n}\\r\\n\\r\\n.container:hover .overlay {\\r\\n    bottom: 0;\\r\\n    height: 100%;\\r\\n}\\r\\n\\r\\n.text {\\r\\n    color: white;\\r\\n    font-size: 20px;\\r\\n    font-weight: bold;\\r\\n    position: absolute;\\r\\n    top: 50%;\\r\\n    left: 50%;\\r\\n    -webkit-transform: translate(-50%, -50%);\\r\\n            transform: translate(-50%, -50%);\\r\\n    -ms-transform: translate(-50%, -50%);\\r\\n    text-align: center;\\r\\n}\\r\\n\\r\\n.show-break {\\r\\n    display:none;\\r\\n}\\r\\n\\r\\n@media (max-width:1300px) {\\r\\n    .tile {\\r\\n        width: 20vw;\\r\\n    }\\r\\n}\\r\\n\\r\\n@media (max-width: 1233px) and (min-width: 993px), (max-width: 620px) {\\r\\n    .show-break {\\r\\n        display:initial;\\r\\n    }\\r\\n}\\r\\n\\r\\n@media (max-width: 992px) {\\r\\n    .what-youll-need {\\r\\n        margin-top: 25px;\\r\\n    }\\r\\n    .tile {\\r\\n        width: 20vw;\\r\\n    }\\r\\n}\\r\\n\"","module.exports = \"<landing-page-banner banner-text=\\\"{{title}}\\\"></landing-page-banner>\\r\\n<div class=\\\"container-fluid background-box\\\" style=\\\"width:60%;margin-left:20%;margin-right:20%;margin-bottom:15px;\\\">\\r\\n    <div class=\\\"row\\\" style=\\\"margin-bottom:5%;\\\">\\r\\n        <div class=\\\"col-md-6 narrow-gutter\\\" style=\\\"background-color:white;\\\">\\r\\n            <div class=\\\"row-fluid content-area\\\">\\r\\n                <div class=\\\"content-area-header\\\">{{header}}</div>\\r\\n                <div class=\\\"col-md-12 narrow-gutter\\\" style=\\\"margin-top:10px;\\\">\\r\\n                    T-Folio is a free <b>transition portfolio</b> tool for high school age youth with disabilities.\\r\\n                    It is designed to guide youth in exploring, identifying, and planning for their desired post-school goals.\\r\\n                    This tool represents a compilation of activities and products showcasing each youth’s ongoing transition process.\\r\\n                    It is their individual story of who they are, where they have been, and where they are headed after high school.<br /><br />\\r\\n                    This tool was designed in Washington state through the collaboration of the\\r\\n                    <a href=\\\"https://www.seattleu.edu/ccts/\\\" target=\\\"_blank\\\">Center for Change in Transition Services (CCTS)</a> and the\\r\\n                    <a href=\\\"https://www.dshs.wa.gov/office-of-the-secretary/division-vocational-rehabilitation\\\" target=\\\"_blank\\\">Division of Vocational Rehabilitation (DVR)</a>.\\r\\n                    It aligns with both IEP transition planning and DVR's Pre-Employment Transition Services so that both educators and agency personnel will find it useful in working with youth.\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row-fluid content-area\\\">\\r\\n                <div class=\\\"row content-area-header\\\">Getting Started</div>\\r\\n                <div class=\\\"col-md-12\\\" style=\\\"margin-top:10px;\\\">\\r\\n                    <a href=\\\"/img/training/T-Folio-Training.pptx\\\">\\r\\n                        <div class=\\\"btn btn-warning button-container\\\" type=\\\"button\\\" style=\\\"margin-bottom:10px;background-color:#FDB913;border-color:#FDB913;color:#000000\\\">\\r\\n                            <div class=\\\"training-button-text\\\">T-Folio Training (PowerPoint)</div>\\r\\n                        </div>\\r\\n                    </a>\\r\\n                    <ul>\\r\\n                        <li> Get oriented to the T-Folio with a quick training by clicking the link above.</li>\\r\\n                        <li> Each unit is made up of lessons that contain a lesson guide and at least one activity.</li>\\r\\n                        <li> The lesson guides can be accessed from the lesson landing pages and either followed online or saved as a PDF/printed.</li>\\r\\n                        <li> The activities can either be filled in online and then saved as a PDF or printed once complete, or they can be printed first and then completed with pen or pencil.</li>\\r\\n                        <li> Youth can keep track of their documents using the <a href=\\\"/img/introduction/lesson-1/T-Folio_Introduction_Lesson-1_T-Folio-Tracker.docx\\\">T-Folio Tracker (Word document)</a>. The Tracker is introduced in Lesson 1 of the Student-Centered Introduction.</li>\\r\\n                    </ul>\\r\\n                </div>\\r\\n            </div> \\r\\n        </div>\\r\\n        <div class=\\\"col-md-6 narrow-gutter\\\" style=\\\"background-color:white\\\">\\r\\n            <div class=\\\"row-fluid content-area\\\" style=\\\"width:90%\\\">\\r\\n                <div class=\\\"row content-area-header\\\">Important!</div>\\r\\n                <div class=\\\"col-md-12\\\" style=\\\"margin-top:10px;\\\">\\r\\n                    T-Folio will <b>not</b> store any of the youth's work or information. Users should save their work by \\\"printing to PDF\\\" at the end of each activity:\\r\\n                    <ul>\\r\\n                        <li> Click on the print button and then choose \\\"Save to PDF\\\" from the printer menu.</li>\\r\\n                        <li> Make sure youth know to save their work in a designated folder organized by unit and lesson number.</li>\\r\\n                        <li> Once the form is saved, it can also be printed and added to a physical folder if desired.</li>\\r\\n                    </ul>\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row-fluid content-area\\\"  style=\\\"width:90%\\\">\\r\\n                <div class=\\\"content-area-header\\\">Units</div>\\r\\n                <div>\\r\\n                    <a [routerLink]=\\\"['introduction']\\\">\\r\\n                        <div class=\\\"btn btn-primary button-container\\\" type=\\\"button\\\">\\r\\n                            <img src=\\\"/img/introduction/UNIT_LANDING_PAGE_INTRODUCTION_whats_your_story.jpg\\\" alt=\\\"The words “What’s Your Story” are written on a chalkboard.\\\" class=\\\"button-image\\\" />\\r\\n                            <div class=\\\"button-text\\\">Student-Centered Introduction</div>\\r\\n                        </div>\\r\\n                    </a>\\r\\n                    <a [routerLink]=\\\"['/unit-1']\\\">\\r\\n                        <div class=\\\"btn btn-primary button-container\\\">\\r\\n                            <img alt=\\\" A shovel is shown in extreme close up digging into the earth. Small green leaves are sprouting next to it and in the background. \\\" class=\\\"button-image\\\" src=\\\"/img/unit-1/UNIT_1_LANDING_PAGE_pexels-photo-296230.jpg\\\" />\\r\\n                            <div class=\\\"button-text\\\">Unit 1: Job Exploration Groundwork</div>\\r\\n                        </div>\\r\\n                    </a>\\r\\n                    <a [routerLink]=\\\"['/unit-2']\\\">\\r\\n                        <div class=\\\"btn btn-primary button-container\\\">\\r\\n                            <img alt=\\\"A black and white analog clock is positioned on a green chalkboard and is surrounded by a yellow chalk spiral with around 30 rings. The bottom half of the spiral and the rest of the chalkboard are covered in colorful chalked words, drawings, and smudges.\\\" class=\\\"button-image\\\" src=\\\"/img/unit-2/_landing/UNIT_2_LANDING_PAGE_school4.jpg\\\" />\\r\\n                            <div class=\\\"button-text\\\">Unit 2: Postsecondary Employment and Education Options</div>\\r\\n                        </div>\\r\\n                    </a>\\r\\n                    <a [routerLink]=\\\"['/unit-3']\\\">\\r\\n                        <div class=\\\"btn btn-primary button-container\\\">\\r\\n                            <img alt=\\\"A worker wearing dark jeans and a grey pullover is kneeling on a large piece of plywood and drawing a line with a white pencil on a small beam of wood.\\\" class=\\\"button-image\\\" src=\\\"/img/unit-3/_landing/UNIT 3_landing page_jobs_construction.jpg\\\" />\\r\\n                            <div class=\\\"button-text\\\">Unit 3: Work-Based Learning Experiences</div>\\r\\n                        </div>\\r\\n                    </a>\\r\\n                    <a [routerLink]=\\\"['/unit-4']\\\">\\r\\n                        <div class=\\\"btn btn-primary button-container\\\">\\r\\n                            <img alt=\\\"A young person smiles at the camera beside two coworkers who are discussing work materials.\\\" class=\\\"button-image\\\" src=\\\"/img/unit-4/_landing/UNIT 4_229-num-002-id-259951-jpeg.jpg\\\" />\\r\\n                            <div class=\\\"button-text\\\">Unit 4: Workplace Readiness Training</div>\\r\\n                        </div>\\r\\n                    </a>\\r\\n                    <a [routerLink]=\\\"['/unit-5']\\\">\\r\\n                        <div class=\\\"btn btn-primary button-container\\\">\\r\\n                            <img alt=\\\"\\\" class=\\\"button-image\\\" src=\\\"/img/unit-5/_landing/UNIT_AMERICANED_CAPCITY_032-2.jpg\\\" />\\r\\n                            <div class=\\\"button-text\\\">Unit 5: Self-Advocacy</div>\\r\\n                        </div>\\r\\n                    </a>\\r\\n                </div>\\r\\n\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n<!--\\r\\n    \\r\\n                   <div class=\\\"row-fluid\\\">\\r\\n                        <div *ngFor=\\\"let tile of HomePageData.tiles\\\" [routerLink]=\\\"tile.route\\\" class=\\\"container\\\" [ngStyle]=\\\"tile.getTileStyles()\\\">\\r\\n                            <div style=\\\"text-align:center\\\"class=\\\"short-title\\\">{{tile.shortTitle}}</div>\\r\\n                            <div class=\\\"overlay\\\">\\r\\n                                <div class=\\\"text\\\">{{tile.tileText}}</div>\\r\\n                            </div>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                   <div class=\\\"row-fluid\\\" >\\r\\n                    <div *ngFor=\\\"let tile of HomePageData.tiles\\\" [routerLink]=\\\"tile.route\\\" class=\\\"container\\\"  [ngStyle]=\\\"tile.getTileStyles()\\\">\\r\\n                        <div class=\\\"short-title\\\">{{tile.shortTitle}}</div>\\r\\n                        <div class=\\\"overlay\\\">\\r\\n                            <div class=\\\"text\\\">{{tile.tileText}}</div>\\r\\n                        </div>\\r\\n                    </div> \\r\\n                </div>\\r\\n    -->\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: \"home\",\r\n    templateUrl: './home.component.html',\r\n    styleUrls: ['./home.component.css'],\r\n    providers: [Title]\r\n})\r\n\r\nexport class HomeComponent {\r\n    title = \"Welcome to T-Folio!\";\r\n    header = \"What is T-Folio?\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(\"Home | T-Folio\");\r\n    }\r\n\r\n    HomePageData = {\r\n        summary: \"In Lesson 1, youth will learn how to set goals that will help them to reach their dreams. They will learn to write SMART goals for themselves and will complete the S.M.A.R.T.Goals Worksheet.\",\r\n        objectives: [\r\n            \"Define a goal.\",\r\n            \"Outline the steps needed to achieve the goal.\",\r\n            \"Consider possible blocks and a plan to deal with them.\",\r\n            \"Set deadlines.\",\r\n        ],\r\n        tiles: [\r\n            {\r\n                shortTitle: \"Introduction\",\r\n                tileText: \"Student-Centered Introduction\",\r\n                route: \"/introduction\",\r\n                getTileStyles() {\r\n                    let tileStyles = {\r\n                        'background-size': 'cover',\r\n                        'background-image': 'url(/img/introduction/UNIT_LANDING_PAGE_INTRODUCTION_whats_your_story.jpeg)'\r\n                    };\r\n                    return tileStyles;\r\n                }  \r\n            },\r\n            {\r\n                shortTitle: \"Unit 1\",\r\n                tileText: \"Unit 1: Job Exploration Groundwork\",\r\n                route: \"/unit-1\",\r\n                getTileStyles() {\r\n                    let tileStyles = {\r\n                        'background-size': 'cover',\r\n                        'background-image': 'url(/img/unit-1/UNIT_1_LANDING_PAGE_pexels-photo-296230.jpeg)'\r\n                    };\r\n                    return tileStyles;\r\n                }  \r\n            },\r\n            {\r\n                shortTitle: \"Unit 2\",\r\n                tileText: \"Unit 2: Postsecondary Employment and Education Options\",\r\n                route: \"/unit-2\",\r\n                getTileStyles() {\r\n                    let tileStyles = {\r\n                        'background-size': 'cover',\r\n                        'background-image': 'url(/img/unit-2/_landing/UNIT_2_LANDING_PAGE_school4.jpeg)'\r\n                    };\r\n                    return tileStyles;\r\n                }  \r\n            },\r\n            {\r\n                shortTitle: \"Unit 3\",\r\n                tileText: \"Unit 3: Work-Based Learning Experiences\",\r\n                route: \"/unit-3\",\r\n                getTileStyles() {\r\n                    let tileStyles = {\r\n                        'background-size': 'cover',\r\n                        'background-image': 'url(/img/unit-3/_landing/UNIT 3_landing page_jobs_construction.jpeg)'\r\n                    };\r\n                    return tileStyles;\r\n                }  \r\n            },\r\n            {\r\n                shortTitle: \"Unit 4\",\r\n                tileText: \"Unit 4: Workplace Readiness Training\",\r\n                route: \"/unit-4\",\r\n                getTileStyles() {\r\n                    let tileStyles = {\r\n                        'background-size': 'cover',\r\n                        'background-image': ''\r\n                    };\r\n                    return tileStyles;\r\n                }\r\n            }\r\n\r\n        ],\r\n        \r\n\r\n    }\r\n}\r\n","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: 'student-centered-introduction',\r\n    templateUrl: '../_shared/landing-pages/unit-landing-page.component.html',\r\n    styleUrls: ['../_shared/landing-pages/unit-landing-page.component.css']\r\n})\r\n\r\nexport class StudentCenteredIntroductionlandingpage {\r\n    title = \"Student-Centered Introduction\";\r\n    pageTitle = this.title + \" | Introduction | T-Folio\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n\r\n    UnitLandingPageData = {\r\n        breadcrumbs: {\r\n            label: \"Introduction\",\r\n            crumbs: [\r\n                {\r\n                    route: \"\",\r\n                    linktext: \"T-Folio\"\r\n                }\r\n            ]\r\n        },\r\n        portfolioitems: [\r\n            {\r\n                text: \"What’s Important to Me\",\r\n            },\r\n            {\r\n                text: \"T-Folio Tracker\",\r\n            }\r\n\r\n        ],\r\n        summary: \"This introductory unit is meant to give both students and facilitators a chance to warm up and prepare for the work of the T-Folio. It encourages students to use their own voice, promoting student-centered planning in the development of the transition portfolio. It provides facilitators the opportunity to practice their facilitation roles; to support and guide through questioning, dialog, and encouragement.\",\r\n        buttons: [\r\n            {\r\n                route: \"/introduction/lesson-1\",\r\n                linktext: \"Lesson 1: Spotlight on Student Warm- up\",\r\n                color: \"btn-success\",\r\n                image: \"/img/introduction/LESSON 1_dayne-topkin-76099.jpg\",\r\n                alttext: 'A young person pictured from the shoulders up holds a card in front of their right eye that reads \"Dare to Dream.\"',\r\n            },\r\n            {\r\n                route: \"/introduction/lesson-2\",\r\n                linktext: \"Lesson 2: Taking Assessments\",\r\n                color: \"btn-success\",\r\n                image: \"/img/introduction/lesson-2/pencil-918449_960_720.jpg\",\r\n                alttext: \"A pencil with bite marks and a pencil sharpener rest on a notebook that is opened to a blank lined page. There are pencil shavings on the page.\",\r\n            }\r\n        ],\r\n        image: \"/img/introduction/UNIT_LANDING_PAGE_INTRODUCTION_whats_your_story.jpg\",\r\n        alttext: \"The words 'What's Your Story' are written on a chalkboard.\",\r\n\r\n        photoText: \"Photo\",\r\n        photoLink: \"https://pixabay.com/en/chalkboard-story-blogging-believe-620316/\",\r\n        caption: \"on\",\r\n        source: \"Pixabay \",\r\n        sourceLink: \"https://pixabay.com/en/\",\r\n        licence: \"/ CC0 license\",\r\n        licenceLink: \"https://creativecommons.org/publicdomain/zero/1.0/\",\r\n    \r\n    }\r\n}\r\n","module.exports = \"h1 {\\r\\n    font-size: x-large;\\r\\n    font-weight: bold;\\r\\n    padding: 0px;\\r\\n    text-align: left;\\r\\n    margin-bottom: 0px;\\r\\n    margin-top: 25px;\\r\\n    font-family: Rockwell;\\r\\n    font-size: 30px;\\r\\n}\\r\\n\\r\\nh2 {\\r\\n    font-size: x-large;\\r\\n    font-weight: bold;\\r\\n    margin-top: 25px;\\r\\n    margin-bottom: 5px;\\r\\n}\\r\\n\\r\\nli {\\r\\n    margin-top: 5px;\\r\\n    margin-bottom: 5px;\\r\\n}\\r\\n\\r\\nul li.foo {\\r\\n    list-style: none;\\r\\n}\\r\\n\\r\\nul li.foo:before {\\r\\n    font-size: small;\\r\\n    content: '\\\\25B6'\\r\\n}\\r\\n\\r\\n.moo {\\r\\n    font-family: Wingdings;\\r\\n}\\r\\n\\r\\nbutton {\\r\\n    color: black;\\r\\n    border-radius: 5px;\\r\\n    border: 2px solid black;\\r\\n    background-color: white;\\r\\n    float: right;\\r\\n    font-size: 15px;\\r\\n}\\r\\n\\r\\n.bordered-outer {\\r\\n    border: 1px solid black;\\r\\n}\\r\\n\\r\\n.bordered {\\r\\n    border: 1px solid black;\\r\\n    padding: 15px;\\r\\n}\\r\\n\\r\\n.container.header {\\r\\n    margin-top: 15px;\\r\\n    border-top: solid 1px;\\r\\n    border-bottom: solid 1px;\\r\\n    overflow: hidden;\\r\\n    clear: right;\\r\\n    float: left;\\r\\n    width: 100%;\\r\\n}\\r\\n\\r\\n.subtitle {\\r\\n    font-family: Rockwell;\\r\\n    margin-top: 5px;\\r\\n    margin-bottom: 5px;\\r\\n    float: left;\\r\\n}\\r\\n\\r\\ndiv.row.header {\\r\\n    margin-bottom: 15px;\\r\\n}\\r\\n\\r\\ncontainer.exercise-content.guide {\\r\\n    font-family: Arial;\\r\\n    padding-right: 20px;\\r\\n}\\r\\n\\r\\n.col-md-12.crumbs {\\r\\n    font-size: 11px;\\r\\n}\\r\\n\\r\\ndiv.container.objectives {\\r\\n    margin-top: 50px;\\r\\n}\\r\\n\\r\\ndiv.container.box {\\r\\n    border: 1px solid;\\r\\n    width: 250px;\\r\\n    float: right;\\r\\n}\\r\\n\\r\\ndiv.container.activity {\\r\\n    margin-top: 20px;\\r\\n}\\r\\n\\r\\n.active {\\r\\n    color: #2C3E50;\\r\\n}\"","module.exports = \"<div class=\\\"container exercise-content guide\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/introduction']\\\">Introduction</a></li>\\r\\n                <li><a [routerLink]=\\\"['/introduction/lesson-1']\\\">Lesson 1</a></li>\\r\\n                <li class=\\\"active\\\">Lesson Guide</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/introduction/\\\">Introduction</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/introduction/lesson-1/\\\">Lesson 1</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/introduction/lesson-1/guide/\\\">Lesson Guide</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'introduction/lesson-1/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n        <div class=\\\"col-md-12\\\"><h1>{{title}}</h1></div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-9\\\">\\r\\n            <h2 class=\\\"subtitle\\\">{{subtitle}}</h2>\\r\\n            <br />\\r\\n            <br />\\r\\n            <p>\\r\\n                This introductory lesson introduces both youth and facilitators to the student-led work of the T-Folio.\\r\\n                Through a guided activity, peer work, and suggested discussion points, students identify what is important to them in their lives and reflect on using their own voice.\\r\\n            </p>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-3 box\\\" style=\\\"border:1px solid black;\\\">\\r\\n            <i class=\\\"fa fa-folder-open\\\" aria-hidden=\\\"true\\\"></i>\\r\\n            <b>Item to be added to student's Transition Portfolio:</b>\\r\\n            <ul class=\\\"hidden-print\\\">\\r\\n                <li><a [routerLink]=\\\"['/introduction/lesson-1/whats-important-to-me']\\\">What's Important to Me</a></li>\\r\\n                <li><a href=\\\"/img/introduction/lesson-1/T-Folio_Introduction_Lesson-1_T-Folio-Tracker.docx\\\">T-Folio Tracker (Word document)</a></li>\\r\\n            </ul>\\r\\n            <ul class=\\\"visible-print-block\\\">\\r\\n                <li><a href=\\\"https://cctstfolio.com/#/introduction/lesson-1/whats-important-to-me\\\">What's Important to Me</a></li>\\r\\n                <li><a href=\\\"/img/introduction/lesson-1/T-Folio_Introduction_Lesson-1_T-Folio-Tracker.docx\\\">T-Folio Tracker (Word document)</a></li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n            <h2>Lesson Objectives</h2>\\r\\n            <b>Participants will:</b>\\r\\n            <ol>\\r\\n                <li>Self-reflect and explore what is important to them and their future.</li>\\r\\n                <li>Increase ability to identify and voice future desires.</li>\\r\\n                <li>Complete the What's Important to Me worksheet.</li>\\r\\n                <li>Learn about the T-Folio Tracker.</li>\\r\\n                <li>Develop a system for saving their documents as they use the T-Folio curriculum.</li>\\r\\n            </ol>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <h2>Facilitator Notes</h2>\\r\\n                <ul>\\r\\n                    <li>The transition planning process requires a shift in roles from teacher or counselor to facilitator and advocate. Consider and reflect:\\r\\n                        <ul>\\r\\n                            <li>As facilitator, you provide support rather than having all the answers. Engaging in dialog and discussion, you guide students to think through their interests and concerns.</li>\\r\\n                            <li>As advocate, you can model and communicate to youth that you believe they can succeed and that you are there for them.</li>\\r\\n                            <li>You will continue providing valuable resources (e.g., assessment options) and supports (e.g., career center) for information gathering and learning. Youth will continue to tap into your expertise and resources, but there is a shift in who takes a more active, primary role in requesting or seeking out the information.</li>\\r\\n                        </ul>\\r\\n                    </li>\\r\\n                    <li>T-Folio Tracker: The T-Folio Tracker will assist youth with the organization of their portfolio, including the location of each document and the date it was completed. You will want to decide ahead of time where youth should store their T-Folio files, whether it will be on a server, a thumb drive, or a physical binder.</li>\\r\\n                    <li>\\r\\n                        A PowerPoint is included with this lesson and can be used as part of a presentation or for your information. It is recommended that you review the PowerPoint (including the Notes section) prior to using the lesson. It can be accessed in either PowerPoint or as a PDF:\\r\\n                        <ul>\\r\\n                            <li><a href=\\\"/img/introduction/lesson-1/T-Folio_Introduction_Lesson-1_Spotlight-on-Student.pptx\\\">PowerPoint: \\\"Spotlight on Student\\\"</a></li>\\r\\n                            <li><a href=\\\"/img/introduction/lesson-1/T-Folio_Introduction_Lesson-1_Spotlight-on-Student.pdf\\\" target=\\\"_blank\\\">PDF: \\\"Spotlight on Student\\\"</a></li>\\r\\n                        </ul>\\r\\n                    </li>\\r\\n                </ul>                \\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <div><h2>Introduction</h2></div>\\r\\n                <div>\\r\\n                    <b>Say</b>: Think of a time/event (at school, home, community) when you were instructed to perform a task that you didn’t want to do (or were not capable of).\\r\\n                    <ul>\\r\\n                        <li>What was your reaction?</li>\\r\\n                        <li>How did it make you feel?</li>\\r\\n                    </ul>\\r\\n                </div>\\r\\n                <div>\\r\\n                    Now, think of a time/event when you asked for something you needed or wanted and what happened as a result.\\r\\n                    <ul>\\r\\n                        <li>Did you get what you needed? Why or why not?</li>\\r\\n                        <li>What could have improved the situation?</li>\\r\\n                    </ul>\\r\\n                </div>\\r\\n                <div>\\r\\n                    <b>Ask</b> students to share out their experiences.\\r\\n                    <ul>\\r\\n                        <li>Summarize and share common themes from responses.</li>\\r\\n                    </ul>\\r\\n                </div>\\r\\n                <div class=\\\"keep-together\\\"><b>Say</b>: The work you will be doing in creating your future goals and plans will celebrate your voice first. Sometimes it can be challenging to say what you want because you may not know, you may be unsure you will be heard, or have had little practice in doing so! That is OK! We will be working on developing your skills and voice over time.</div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container activity\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n               <h2>Activity</h2>\\r\\n                <p><b>Say:</b> You will be completing an activity titled <a [routerLink]=\\\"['/introduction/lesson-1/whats-important-to-me']\\\">What's Important to Me?</a> This activity is an opportunity to think about and give voice to your future dreams, desires, and needs related to work, education, and independent living.</p>\\r\\n                <p><b>Directions:</b> Complete the mapping activity by filling in your answers to the questions in each of the areas provided. There are no ‘right’ or ‘wrong’ answers, only thoughts that represent you. (See activity for further instructions.)</p>\\r\\n                <p><b>Tip:</b> Display a full class visual of the <a [routerLink]=\\\"['/introduction/lesson-1/whats-important-to-me-facilitator']\\\">facilitator version</a> of this activity, that provides question probes for each arrow, or use it as a guide for prompting answers.</p>\\r\\n                <p>\\r\\n                   Next, invite students to share with a peer. Provide the following guidance:\\r\\n                </p>\\r\\n                    <ul>\\r\\n                        <li>With your paired peer, identify and share your completed responses to two of the questions.</li>\\r\\n                        <li>Your peer receiving the information should display good listening behaviors (eye contact, not talking or interrupting).</li>\\r\\n                        <li>The listening peer can ask up to two clarifying questions and/or offer supporting comments.</li>\\r\\n                        <li>Switch roles.</li>\\r\\n                    </ul>             \\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <h2>Debrief and Guiding Questions</h2>\\r\\n                <ul>\\r\\n                    <li>What did you learn about yourself?</li>\\r\\n                    <li>What was easy about this activity? What was difficult? Why?</li>\\r\\n                    <li>What more would you like to know about yourself?</li>\\r\\n                    <li>What was your comfort level in completing this activity? Why?</li>\\r\\n                    <li>What was your comfort level in sharing with your peer? Why?</li>\\r\\n                    <li>What might you need to feel a greater level of comfort in sharing about what is important to you?</li>\\r\\n                </ul>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <h2>Introducing the T-Folio Tracker</h2>\\r\\n                <p>\\r\\n                    As students work through the T-Folio, they will accumulate many documents and activities. The\\r\\n                    <a href=\\\"/img/introduction/lesson-1/T-Folio_Introduction_Lesson-1_T-Folio-Tracker.docx\\\">T-Folio Tracker  (Word document)</a>\\r\\n                    will assist youth with the organization of their portfolio, including the location of each\\r\\n                    document and the date it was completed. As the facilitator, you may have a designated place available\\r\\n                    for the youth to store their work: it could be a cloud-based option, a flash drive or a binder. Guide\\r\\n                    the youth to where they will store items and provide an efficient way to title their work so it can be\\r\\n                    easily found.\\r\\n                </p>\\r\\n                <p>\\r\\n                    <b>Say:</b> As you move through the T-Folio, you will begin to create several documents and complete many activities.\\r\\n                    The T-Folio Tracker will assist you with keeping track of what you have accomplished. Don’t be overwhelmed by\\r\\n                    the document: it will guide you through the activities and help you keep track of what you have accomplished\\r\\n                    and where you have stored the information.\\r\\n                </p>\\r\\n                <p>Saving your work:</p>\\r\\n                <ul>\\r\\n                    <li>Determine where you will save your documents (e.g., to a cloud-based server, a flash drive, or a physical binder).</li>\\r\\n                    <li>Make sure you put your name and the date on any work where it is requested. </li>\\r\\n                    <li>Title your chosen location with a name that you will remember (“T-Folio” is a good option!).</li>\\r\\n                    <li>Title each document you save with a descriptive name that will let you know what it is (e.g., “Intro Unit_Lesson 1_What’s Important to Me”).</li>\\r\\n                    <li>Record the date and location on the T-Folio Tracker.</li>\\r\\n                    <li>The tracker should also be saved in the same location as your other documents so that it can be easily updated as you go.</li>\\r\\n                </ul>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12 keep-together\\\">\\r\\n                <h2>Considerations for Accommodation</h2>    \\r\\n                <ul>\\r\\n                    <li>Alternate completion of the activity might include pictorial representations or voiced responses.</li>\\r\\n                    <li>Facilitator models activity work by 'thinking' out loud and populating the arrows with words, phrases, or sentences when responding to the question prompt.</li>\\r\\n                    <li>For Culturally and Linguistically Diverse (CLD) youth, consider recommending the use of a\\r\\n                    <a href=\\\"https://chrome.google.com/webstore/detail/google-translate/aapbdbdomjkkjkaonfhkkikfgjllcleb?hl=en\\\" target=\\\"_blank\\\">Google Translate Chrome extension</a>\\r\\n                    that will translate web pages to the language of their choice. Follow the above link, click on the extension icon, and select \\\"Extension Options\\\" to choose primary language.\\r\\n                    </li>\\r\\n                </ul>         \\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <h2>Up Next</h2>\\r\\n                <div>\\r\\n                    In Lesson 2, youth will learn about the purpose of - and guidelines for - taking age-appropriate <b>transition assessments</b>.\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'introduction/lesson-1/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from '@angular/platform-browser';\r\n\r\n\r\n@Component({\r\n    selector: 'introduction-lesson-zero-guide',\r\n    templateUrl: './_guide.component.html',\r\n    styleUrls: ['./_guide.component.css']\r\n})\r\nexport class IntroductionLessonOneGuideComponent {\r\n\r\n    pageTitle: string = \"Lesson Guide | Introduction, Lesson 1 | T-Folio\";\r\n    title: string = \"Lesson Guide\";\r\n    subtitle: string = \"Lesson 1: Spotlight on Student Warm-up\";\r\n    \r\n    doPrint(): void {\r\n        window.print();\r\n    }\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n}\r\n","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: 'introduction-lesson-one-landing',\r\n    templateUrl: '../../_shared/landing-pages/landing-page.component.html',\r\n    styleUrls: ['../../_shared/landing-pages/landing-page.component.css']\r\n})\r\n\r\nexport class IntroductionLessonOneLandingComponent {\r\n    title = \"Lesson 1: Spotlight on Student Warm-Up\";\r\n    pageTitle = \"Spotlight on Student Warm-Up | Introduction, Lesson 1 | T-Folio\";\r\n    bannerHeader = \"Student-Centered Introduction: Lesson 1\";\r\n\r\n    openInNewWindow(url: string) {\r\n        window.open(url, '_blank');\r\n    }\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n\r\n    LandingPageData = {\r\n        breadcrumbs: {\r\n            label: \"Lesson 1\",\r\n            crumbs: [\r\n                {\r\n                    route: \"\",\r\n                    linktext: \"T-Folio\"\r\n                },\r\n                {\r\n                    route: \"/introduction\",\r\n                    linktext: \"Introduction\"\r\n                }\r\n            ]\r\n        },\r\n        summary: \"This introductory lesson introduces both youth and facilitators to the student-led work of the T-Folio. Through a guided activity, peer work, and suggested discussion points, students identify what is important to them in their lives and reflect on using their own voice.\",\r\n        objectives: [\r\n            \"Self-reflect and explore what is important to them and their future.\",\r\n            \"Increase ability to identify and voice future desires.\",\r\n            \"Complete the What's Important to Me worksheet.\",\r\n            \"Learn about the T-Folio Tracker.\",\r\n            \"Develop a system for saving their documents as they use the T-Folio curriculum.\",\r\n        ],\r\n        buttons: [\r\n            {\r\n                route: \"/introduction/lesson-1/guide\",\r\n                linktext: \"Lesson Guide\",\r\n                color: \"btn-success\",\r\n            },\r\n            {\r\n                route: \"/introduction/lesson-1/whats-important-to-me\",\r\n                linktext: \"What's Important to Me\",\r\n                color: \"btn-primary\",\r\n            },\r\n            {\r\n                route: \"/introduction/lesson-1/whats-important-to-me-facilitator\",\r\n                linktext: \"What's Important to Me (Facilitator)\",\r\n                color: \"btn-primary\",\r\n            },\r\n            {\r\n                route: \"/img/introduction/lesson-1/T-Folio_Introduction_Lesson-1_T-Folio-Tracker.docx\",\r\n                linktext: \"T-Folio Tracker (Word document)\",\r\n                color: \"btn-primary\",\r\n                window: true,\r\n            },\r\n            {\r\n                route: \"/img/introduction/lesson-1/T-Folio_Introduction_Lesson-1_Spotlight-on-Student.pptx\",\r\n                linktext: \"PowerPoint Presentation\",\r\n                color: \"powerpoint-button\",\r\n                window: true,\r\n            }\r\n        ],\r\n        image: \"/img/introduction/LESSON 1_dayne-topkin-76099.jpg\",\r\n        imgalt: \"A young person pictured from the shoulders up holds a card in front of their right eye that reads “Dare to Dream.”\", \r\n        caption: \"by Dayne Topkin on\",\r\n        photoLink: \"https://unsplash.com/photos/Z9OC6FeDKzg\",\r\n        source: \"Unsplash\",\r\n        sourceLink: \"https://unsplash.com/\",\r\n        licence: \"Open license\",\r\n        licenceLink: \"https://unsplash.com/license\",\r\n\r\n    }\r\n}\r\n","module.exports = \"#citation {\\r\\n    padding-left: 20px;\\r\\n    font-size: small;\\r\\n}\\r\\n\\r\\n.print-scroll-button {\\r\\n    padding-top:20px;\\r\\n}\\r\\n\\r\\n@media print, screen and (min-width: 970px) {\\r\\n    textarea {\\r\\n        font-family: 'Oxygen Mono','Roboto Mono', monospace;\\r\\n        line-height: 1.1;\\r\\n    }\\r\\n\\r\\n    .exercise-content {\\r\\n        max-width: 1200px;\\r\\n    }\\r\\n\\r\\n    .arrows-container {\\r\\n        position: relative;\\r\\n        margin-left: auto;\\r\\n        margin-right: auto;\\r\\n        margin-top: 15px;\\r\\n        height: 1150px;\\r\\n        width: 1050px;\\r\\n        font-weight: bold;\\r\\n        font-family: \\\"Lato\\\",\\\"Helvetica Neue\\\",Helvetica,Arial,sans-serif;\\r\\n    }\\r\\n\\r\\n    .circle {\\r\\n        position: absolute;\\r\\n        width: 275px;\\r\\n        height: 275px;\\r\\n        left: 365px;\\r\\n        top: 380px;\\r\\n    }\\r\\n\\r\\n    .circle_text {\\r\\n        position: absolute;\\r\\n        left: 400px;\\r\\n        top: 445px;\\r\\n        width: 225px;\\r\\n        text-align: center;\\r\\n        font-size: 20px;\\r\\n        font-weight: bold;\\r\\n    }\\r\\n\\r\\n    .north_arrow {\\r\\n        position: absolute;\\r\\n        left: 625px;\\r\\n        top: 20px;\\r\\n        width: 430px;\\r\\n        height: 215px;\\r\\n        -webkit-transform: rotate(90deg);\\r\\n                transform: rotate(90deg);\\r\\n        -webkit-transform-origin: left top;\\r\\n                transform-origin: left top;\\r\\n    }\\r\\n\\r\\n    .north_entry {\\r\\n        position: absolute;\\r\\n        left: 460px;\\r\\n        top: 48px;\\r\\n        width: 103px;\\r\\n        height: 295px;\\r\\n        resize: none;\\r\\n        border: none;\\r\\n        font-size: 16px;\\r\\n    }\\r\\n\\r\\n    .north_quest {\\r\\n        position: absolute;\\r\\n        left: 430px;\\r\\n        top: 0px;\\r\\n        width: 200px;\\r\\n        font-size: 20px;\\r\\n        font-weight:bold;\\r\\n    }\\r\\n\\r\\n    .northeast_arrow {\\r\\n        position: absolute;\\r\\n        left: 960px;\\r\\n        top: 240px;\\r\\n        width: 430px;\\r\\n        height: 215px;\\r\\n        -webkit-transform: rotate(135deg);\\r\\n                transform: rotate(135deg);\\r\\n        -webkit-transform-origin: left top;\\r\\n                transform-origin: left top;\\r\\n    }\\r\\n\\r\\n    .northeast_entry {\\r\\n        position: absolute;\\r\\n        left: 615px;\\r\\n        top: 361px;\\r\\n        width: 305px;\\r\\n        height: 90px;\\r\\n        resize: none;\\r\\n        -webkit-transform: rotate(-45deg);\\r\\n                transform: rotate(-45deg);\\r\\n        -webkit-transform-origin: left top;\\r\\n                transform-origin: left top;\\r\\n        border: none;\\r\\n        font-size: 17px;\\r\\n    }\\r\\n\\r\\n    .northeast_quest {\\r\\n        position: absolute;\\r\\n        left: 600px;\\r\\n        top: 260px;\\r\\n        width: 250px;\\r\\n        -webkit-transform: rotate(-52deg);\\r\\n                transform: rotate(-52deg);\\r\\n        -webkit-transform-origin: left top;\\r\\n                transform-origin: left top;\\r\\n        font-size: 20px;\\r\\n    }\\r\\n\\r\\n    .east_arrow {\\r\\n        position: absolute;\\r\\n        left: 1050px;\\r\\n        top: 630px;\\r\\n        height: 215px;\\r\\n        width: 430px;\\r\\n        -webkit-transform: rotate(180deg);\\r\\n                transform: rotate(180deg);\\r\\n        -webkit-transform-origin: left top;\\r\\n                transform-origin: left top;\\r\\n    }\\r\\n\\r\\n    .east_entry {\\r\\n        position: absolute;\\r\\n        left: 716px;\\r\\n        top: 472px;\\r\\n        width: 305px;\\r\\n        height: 90px;\\r\\n        resize: none;\\r\\n        border: none;\\r\\n        font-size: 16px;\\r\\n    }\\r\\n\\r\\n\\r\\n    .east_quest {\\r\\n        position: absolute;\\r\\n        /*left: 755px;\\r\\n        top: 400px;*/\\r\\n        left: 775px;\\r\\n        top: 400px;\\r\\n        width: 250px;\\r\\n        -webkit-transform: rotate(-7deg);\\r\\n                transform: rotate(-7deg);\\r\\n        -webkit-transform-origin: left top;\\r\\n                transform-origin: left top;\\r\\n        font-size: 20px;\\r\\n    }\\r\\n\\r\\n\\r\\n    .southeast_arrow {\\r\\n        position: absolute;\\r\\n        left: 811px;\\r\\n        top: 957px;\\r\\n        width: 430px;\\r\\n        height: 215px;\\r\\n        -webkit-transform: rotate(-135deg);\\r\\n                transform: rotate(-135deg);\\r\\n        -webkit-transform-origin: left top;\\r\\n                transform-origin: left top;\\r\\n    }\\r\\n\\r\\n    .southeast_entry {\\r\\n        position: absolute;\\r\\n        left: 688px;\\r\\n        top: 612px;\\r\\n        width: 305px;\\r\\n        height: 90px;\\r\\n        resize: none;\\r\\n        -webkit-transform: rotate(45deg);\\r\\n                transform: rotate(45deg);\\r\\n        -webkit-transform-origin: left top;\\r\\n                transform-origin: left top;\\r\\n        border: none;\\r\\n        font-size: 17px;\\r\\n    }\\r\\n\\r\\n\\r\\n    .southeast_quest {\\r\\n        position: absolute;\\r\\n        left: 752px;\\r\\n        top: 612px;\\r\\n        /*left: 735px;\\r\\n        top: 605px;*/\\r\\n        width: 300px;\\r\\n        -webkit-transform: rotate(38deg);\\r\\n                transform: rotate(38deg);\\r\\n        -webkit-transform-origin: left top;\\r\\n                transform-origin: left top;\\r\\n        font-size: 20px;\\r\\n    }\\r\\n\\r\\n\\r\\n    .south_arrow {\\r\\n        position: absolute;\\r\\n        left: 393px;\\r\\n        top: 1031px;\\r\\n        width: 464px;\\r\\n        height: 235px;\\r\\n        -webkit-transform: rotate(-90deg);\\r\\n                transform: rotate(-90deg);\\r\\n        -webkit-transform-origin: left top;\\r\\n                transform-origin: left top;\\r\\n    }\\r\\n\\r\\n    .south_entry {\\r\\n        position: absolute;\\r\\n        left: 465px;\\r\\n        top: 673px;\\r\\n        width: 103px;\\r\\n        height: 320px;\\r\\n        resize: none;\\r\\n        border: none;\\r\\n        font-size: 14px;\\r\\n        overflow-x: hidden;\\r\\n        overflow-y: hidden;\\r\\n    }\\r\\n\\r\\n    .south_quest {\\r\\n        position: absolute;\\r\\n        left: 430px;\\r\\n        top: 1015px;\\r\\n        width: 200px;\\r\\n        font-size: 20px;\\r\\n        text-align: center;\\r\\n    }\\r\\n\\r\\n    .southwest_arrow {\\r\\n        position: absolute;\\r\\n        left: 52px;\\r\\n        top: 810px;\\r\\n        width: 436px;\\r\\n        height: 215px;\\r\\n        -webkit-transform: rotate(-45deg);\\r\\n                transform: rotate(-45deg);\\r\\n        -webkit-transform-origin: left top;\\r\\n                transform-origin: left top;\\r\\n    }\\r\\n\\r\\n    .southwest_entry {\\r\\n        position: absolute;\\r\\n        left: 118px;\\r\\n        top: 833px;\\r\\n        width: 309px;\\r\\n        height: 94px;\\r\\n        resize: none;\\r\\n        border: none;\\r\\n        -webkit-transform: rotate(-45deg);\\r\\n                transform: rotate(-45deg);\\r\\n        -webkit-transform-origin: left top;\\r\\n                transform-origin: left top;\\r\\n        font-size: 16px;\\r\\n    }\\r\\n\\r\\n    .southwest_quest {\\r\\n        position: absolute;\\r\\n        left: 85px;\\r\\n        top: 780px;\\r\\n        width: 200px;\\r\\n        -webkit-transform: rotate(-42deg);\\r\\n                transform: rotate(-42deg);\\r\\n        -webkit-transform-origin: left top;\\r\\n                transform-origin: left top;\\r\\n        font-size: 20px;\\r\\n        text-align: center;\\r\\n    }\\r\\n\\r\\n    .west_arrow {\\r\\n        position: absolute;\\r\\n        left: 0px;\\r\\n        top: 410px;\\r\\n        width: 430px;\\r\\n        height: 215px;\\r\\n    }\\r\\n\\r\\n    .west_entry {\\r\\n        position: absolute;\\r\\n        left: 27px;\\r\\n        top: 477px;\\r\\n        width: 305px;\\r\\n        height: 90px;\\r\\n        resize: none;\\r\\n        border: none;\\r\\n        font-size: 16px;\\r\\n    }\\r\\n\\r\\n    .west_quest {\\r\\n        position: absolute;\\r\\n        left: 55px;\\r\\n        top: 410px;\\r\\n        width: 300px;\\r\\n        -webkit-transform: rotate(5deg);\\r\\n                transform: rotate(5deg);\\r\\n        -webkit-transform-origin: left top;\\r\\n                transform-origin: left top;\\r\\n        font-size: 20px;\\r\\n    }\\r\\n\\r\\n    .northwest_arrow {\\r\\n        position: absolute;\\r\\n        left: 230px;\\r\\n        top: 80px;\\r\\n        width: 430px;\\r\\n        height: 215px;\\r\\n        -webkit-transform: rotate(45deg);\\r\\n                transform: rotate(45deg);\\r\\n        -webkit-transform-origin: left top;\\r\\n                transform-origin: left top;\\r\\n    }\\r\\n\\r\\n    .northwest_entry {\\r\\n        position: absolute;\\r\\n        left: 202px;\\r\\n        top: 148px;\\r\\n        width: 305px;\\r\\n        height: 90px;\\r\\n        resize: none;\\r\\n        -webkit-transform: rotate(45deg);\\r\\n                transform: rotate(45deg);\\r\\n        -webkit-transform-origin: left top;\\r\\n                transform-origin: left top;\\r\\n        border: none;\\r\\n        font-size: 15px;\\r\\n    }\\r\\n\\r\\n    .northwest_quest {\\r\\n        position: absolute;\\r\\n        left: 247px;\\r\\n        top: 88px;\\r\\n        width: 300px;\\r\\n        -webkit-transform: rotate(52deg);\\r\\n                transform: rotate(52deg);\\r\\n        -webkit-transform-origin: left top;\\r\\n                transform-origin: left top;\\r\\n        font-size: 20px;\\r\\n    }\\r\\n}\\r\\n\\r\\n@media screen and (max-width: 970px) {\\r\\n\\r\\n    textarea {\\r\\n        height: 150px;\\r\\n        resize: none;\\r\\n        font-family:unset;\\r\\n    }\\r\\n\\r\\n    .print_button {\\r\\n    }\\r\\n\\r\\n    .circle_text {\\r\\n        padding-bottom: 25px;\\r\\n    }\\r\\n\\r\\n    .north_arrow, .northeast_arrow, .east_arrow, .southeast_arrow, .south_arrow, .southwest_arrow, .west_arrow, .northwest_arrow {\\r\\n        display: none;\\r\\n    }\\r\\n\\r\\n    .north_quest, .northeast_quest, .east_quest, .southeast_quest, .south_quest, .southwest_quest, .west_quest, .northwest_quest {\\r\\n    }\\r\\n\\r\\n    .north_entry, .northeast_entry, .east_entry, .southeast_entry, .south_entry, .southwest_entry, .west_entry, .northwest_entry {\\r\\n        font-size: small;\\r\\n    }\\r\\n    #citation {\\r\\n        padding-top: 20px;\\r\\n        font-size: small;\\r\\n    }\\r\\n}\\r\\n\\r\\n.active {\\r\\n    color: #2C3E50;\\r\\n}\\r\\n\\r\\n@media print {\\r\\n    .print-scroll-button {\\r\\n        display:none;\\r\\n    }\\r\\n    .arrows-container {\\r\\n        -webkit-transform: scale(.85,.85);\\r\\n                transform: scale(.85,.85);\\r\\n        position: relative;\\r\\n        height: 950px;\\r\\n        top: -70px;\\r\\n        left: -60px;\\r\\n    }\\r\\n    .south_quest{\\r\\n        left:390px;\\r\\n        top:1015px;\\r\\n        width:auto;\\r\\n\\r\\n    }\\r\\n    #citation {\\r\\n        height: 20px;\\r\\n        font-size: small;\\r\\n    }\\r\\n    \\r\\n    a[href]:after {\\r\\n        content: none !important;\\r\\n    }\\r\\n\\r\\n    .exercise-content {\\r\\n        padding-top: 0px;\\r\\n        margin-top: 0px;\\r\\n        padding-bottom: 0px;\\r\\n        margin-bottom: 0px;\\r\\n    }\\r\\n    .breadcrumb {\\r\\n        margin-bottom: 0px;\\r\\n    }\\r\\n}\\r\\n\"","module.exports = \"<link href=\\\"https://fonts.googleapis.com/css?family=Oxygen+Mono|Roboto+Mono\\\" rel=\\\"stylesheet\\\">\\r\\n<!--google fonts above-->\\r\\n<div class=\\\"container exercise-content\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/introduction']\\\">Introduction</a></li>\\r\\n                <li><a [routerLink]=\\\"['/introduction/lesson-1']\\\">Lesson 1</a></li>\\r\\n                <li class=\\\"active\\\">{{title}}</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/introduction/\\\">Introduction</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/introduction/lesson-1/\\\">Lesson 1</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/introduction/lesson-1/whats-important-to-me-facilitator\\\">{{title}}</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><!--<tfolio-whats-important-to-me-pdf-button [fileName]=\\\"'introduction/lesson-1/what&quot;s important to me (facilitator)'\\\"></tfolio-whats-important-to-me-pdf-button>-->\\r\\n        </div>\\r\\n    </div>\\r\\n    <tfolio-heading></tfolio-heading>\\r\\n    <tfolio-page-title content=\\\"{{title}}\\\"></tfolio-page-title>\\r\\n    <tfolio-directions identifier=\\\"witm-facilitator-directions\\\" tag=\\\"Directions\\\" [padBottom]=\\\"true\\\">\\r\\n        <span>\\r\\n            The following prompts can be used to help students fill out the mapping activity.\\r\\n        </span>\\r\\n    </tfolio-directions>\\r\\n    <div class=\\\"container-fluid\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <div class=\\\"arrows-container\\\">\\r\\n                    <div class=\\\"circle_text\\\">What’s important to me in the future around work, education or training and independent living?</div>\\r\\n\\r\\n                    <img class=\\\"north_arrow\\\" src=\\\"/img/introduction/lesson-1/arrow_purple.svg\\\" />\\r\\n                    <div class=\\\"north_quest\\\">Who can help?</div>\\r\\n                    <textarea class=\\\"north_entry\\\" tabindex=\\\"1\\\" readonly=\\\"readonly\\\">What sort of people I like around me?&#13;&#10;&#13;&#10;Qualities/ attributes of an employer?&#13;&#10;&#13;&#10;Teachers? Peers? Family?</textarea>\\r\\n\\r\\n                    <img class=\\\"northeast_arrow\\\" src=\\\"/img/introduction/lesson-1/arrow_green.svg\\\" />\\r\\n                    <div class=\\\"northeast_quest\\\">Where would I want to be in the future?</div>\\r\\n                    <textarea class=\\\"northeast_entry\\\" tabindex=\\\"2\\\" readonly=\\\"readonly\\\">Next summer?&#13;&#10;After high school?&#13;&#10;In five years?</textarea>\\r\\n\\r\\n                    <img class=\\\"east_arrow\\\" src=\\\"/img/introduction/lesson-1/arrow_purple.svg\\\" />\\r\\n                    <div class=\\\"east_quest\\\">What do people like and admire about me?</div>\\r\\n                    <textarea class=\\\"east_entry\\\" tabindex=\\\"3\\\" readonly=\\\"readonly\\\">What do people like and admire about me?&#13;&#10;What do I like about myself?&#13;&#10;What do others like about me?&#13;&#10;Interpersonal qualities?</textarea>\\r\\n\\r\\n                    <img class=\\\"southeast_arrow\\\" src=\\\"/img/introduction/lesson-1/arrow_green.svg\\\" />\\r\\n                    <div class=\\\"southeast_quest\\\">What do I not want to do?</div>\\r\\n                    <textarea class=\\\"southeast_entry\\\" tabindex=\\\"4\\\" readonly=\\\"readonly\\\">What would frighten me?&#13;&#10;What do I really not like?&#13;&#10;Worst jobs?&#13;&#10;Worst tasks?</textarea>\\r\\n\\r\\n                    <img class=\\\"south_arrow\\\" src=\\\"/img/introduction/lesson-1/arrow_purple.svg\\\" />\\r\\n                    <div class=\\\"south_quest\\\">What work am I interested in?</div>\\r\\n                    <textarea class=\\\"south_entry\\\" tabindex=\\\"5\\\" readonly=\\\"readonly\\\">Noisy / quiet? What time of day? &#013;&#010;Indoors / outdoors? Sitting or physically active? Working with other people? How many days? How long? Things I do in my spare time? For fun? Close to home or away?</textarea>\\r\\n\\r\\n                    <img class=\\\"southwest_arrow\\\" src=\\\"/img/introduction/lesson-1/arrow_green.svg\\\" />\\r\\n                    <div class=\\\"southwest_quest\\\">What have I tried?</div>\\r\\n                    <textarea class=\\\"southwest_entry\\\" tabindex=\\\"6\\\" readonly=\\\"readonly\\\">Work experience?&#13;&#10;Saturday jobs?&#13;&#10;Volunteer work?&#13;&#10;Responsibilities at home / school?</textarea>\\r\\n\\r\\n                    <img class=\\\"west_arrow\\\" src=\\\"/img/introduction/lesson-1/arrow_purple.svg\\\" />\\r\\n                    <div class=\\\"west_quest\\\">What am I good at?</div>\\r\\n                    <textarea class=\\\"west_entry\\\" tabindex=\\\"7\\\" readonly=\\\"readonly\\\">Gifts?&#13;&#10;Talents?&#13;&#10;Skills?</textarea>\\r\\n\\r\\n\\r\\n                    <img class=\\\"northwest_arrow\\\" src=\\\"/img/introduction/lesson-1/arrow_green.svg\\\" />\\r\\n                    <div class=\\\"northwest_quest\\\">What support would I need?</div>\\r\\n                    <textarea class=\\\"northwest_entry\\\" tabindex=\\\"8\\\" readonly=\\\"readonly\\\">Getting ready in the morning? Getting to work? For college or technical school? Lunch/breaks? For work?</textarea>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <p id=\\\"citation\\\">\\r\\n        This activity is modified from a diagram by Charlotte Sweeney and Yola Jacobsen found in:\\r\\n        Jacobsen, Y. (2010). <a href=\\\"https://www.learningandwork.org.uk/sites/niace_en/files/resources/Making%20it%20Work.pdf\\\" target=\\\"_blank\\\"><i>Making it Work</i></a>. Leicester: NIACE.\\r\\n        Used with permission of Robert Gill at the Learning and Work Institute (formerly NIACE).\\r\\n    </p>\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10 print-scroll-button\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2 print-scroll-button\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><!--<tfolio-whats-important-to-me-pdf-button [fileName]=\\\"'introduction/lesson-1/what&quot;s important to me (facilitator)'\\\"></tfolio-whats-important-to-me-pdf-button>-->\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from '@angular/platform-browser';\r\n\r\n@Component({\r\n    selector: 'facilitator-whats-important-to-me',\r\n    templateUrl: './whats-important-to-me-facilitator.component.html',\r\n    styleUrls: ['./whats-important-to-me-facilitator.component.css']\r\n})\r\nexport class IntroductionWhatsImportantToMeFacilitatorComponent {\r\n\r\n    title: string = \"What's Important to Me (Facilitator)\";\r\n    pageTitle: string = this.title + \" | Introduction, Lesson 1 | T-Folio\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n\r\n    doPrint(): void {\r\n        window.print();\r\n    }\r\n}\r\n","module.exports = \"textarea {\\r\\n    resize:none;\\r\\n    overflow: hidden;\\r\\n}\\r\\n\\r\\n#citation {\\r\\n    padding-left: 20px;\\r\\n    font-size: small;\\r\\n    padding-top: 20px;\\r\\n}\\r\\n\\r\\n.print-formatting-bottom {\\r\\n    padding-top:20px;\\r\\n}\\r\\n\\r\\n@media print, screen and (min-width: 970px) {\\r\\n\\r\\n    .exercise-content {\\r\\n        max-width: 1200px;\\r\\n    }\\r\\n    textarea {\\r\\n        font-family: 'Oxygen Mono','Roboto Mono', monospace;\\r\\n        line-height: 1.1;\\r\\n    }\\r\\n    /*.exercise-content {\\r\\n        max-width: 1000px;\\r\\n    }*/\\r\\n    tfolio-directions > div.row {\\r\\n        padding-bottom: 50px;\\r\\n    }\\r\\n\\r\\n    .arrows-container {\\r\\n        position: relative;\\r\\n        margin-left: auto;\\r\\n        margin-right: auto;\\r\\n        height: 1150px;\\r\\n        width: 1050px;\\r\\n        font-weight: bold;\\r\\n        font-family: \\\"Lato\\\",\\\"Helvetica Neue\\\",Helvetica,Arial,sans-serif;\\r\\n        /*transform: scale(.9);\\r\\n        margin-left: 0px;*/\\r\\n    }\\r\\n\\r\\n\\r\\n    .circle {\\r\\n        position: absolute;\\r\\n        width: 275px;\\r\\n        height: 275px;\\r\\n        left: 365px;\\r\\n        top: 380px;\\r\\n    }\\r\\n\\r\\n    .circle_text {\\r\\n        position: absolute;\\r\\n        left: 400px;\\r\\n        top: 445px;\\r\\n        width: 225px;\\r\\n        text-align: center;\\r\\n        font-size: 20px;\\r\\n    }\\r\\n\\r\\n    .north_arrow {\\r\\n        position: absolute;\\r\\n        left: 625px;\\r\\n        top: 20px;\\r\\n        width: 430px;\\r\\n        height: 215px;\\r\\n        -webkit-transform: rotate(90deg);\\r\\n                transform: rotate(90deg);\\r\\n        -webkit-transform-origin: left top;\\r\\n                transform-origin: left top;\\r\\n    }\\r\\n\\r\\n    .north_entry {\\r\\n        position: absolute;\\r\\n        left: 466px;\\r\\n        top: 48px;\\r\\n        width: 92px;\\r\\n        height: 305px;\\r\\n        resize: none;\\r\\n        border: 1px solid #e0e0e0;\\r\\n        font-size: 15px;\\r\\n    }\\r\\n\\r\\n    .north_quest {\\r\\n        position: absolute;\\r\\n        left: 430px;\\r\\n        top: 0px;\\r\\n        width: 200px;\\r\\n        font-size: 20px;\\r\\n    }\\r\\n\\r\\n    .northeast_arrow {\\r\\n        position: absolute;\\r\\n        left: 960px;\\r\\n        top: 240px;\\r\\n        width: 430px;\\r\\n        height: 215px;\\r\\n        -webkit-transform: rotate(135deg);\\r\\n                transform: rotate(135deg);\\r\\n        -webkit-transform-origin: left top;\\r\\n                transform-origin: left top;\\r\\n    }\\r\\n\\r\\n    .northeast_entry {\\r\\n        position: absolute;\\r\\n        left: 615px;\\r\\n        top: 361px;\\r\\n        width: 305px;\\r\\n        height: 90px;\\r\\n        resize: none;\\r\\n        -webkit-transform: rotate(-45deg);\\r\\n                transform: rotate(-45deg);\\r\\n        -webkit-transform-origin: left top;\\r\\n                transform-origin: left top;\\r\\n        border: 1px solid #e0e0e0;\\r\\n        font-size: 15px;\\r\\n    }\\r\\n\\r\\n    .northeast_quest {\\r\\n        position: absolute;\\r\\n        left: 600px;\\r\\n        top: 260px;\\r\\n        width: 250px;\\r\\n        -webkit-transform: rotate(-52deg);\\r\\n                transform: rotate(-52deg);\\r\\n        -webkit-transform-origin: left top;\\r\\n                transform-origin: left top;\\r\\n        font-size: 20px;\\r\\n    }\\r\\n\\r\\n    .east_arrow {\\r\\n        position: absolute;\\r\\n        left: 1050px;\\r\\n        top: 630px;\\r\\n        height: 215px;\\r\\n        width: 430px;\\r\\n        -webkit-transform: rotate(180deg);\\r\\n                transform: rotate(180deg);\\r\\n        -webkit-transform-origin: left top;\\r\\n                transform-origin: left top;\\r\\n    }\\r\\n\\r\\n    .east_entry {\\r\\n        position: absolute;\\r\\n        left: 716px;\\r\\n        top: 472px;\\r\\n        width: 305px;\\r\\n        height: 90px;\\r\\n        resize: none;\\r\\n        border: 1px solid #e0e0e0;\\r\\n        font-size: 15px;\\r\\n    }\\r\\n\\r\\n    .east_quest {\\r\\n        position: absolute;\\r\\n        left: 785px;\\r\\n        top: 395px;\\r\\n        /*left: 755px;\\r\\n        top: 400px;*/\\r\\n        width: 250px;\\r\\n        -webkit-transform: rotate(-7deg);\\r\\n                transform: rotate(-7deg);\\r\\n        -webkit-transform-origin: left top;\\r\\n                transform-origin: left top;\\r\\n        font-size: 20px;\\r\\n    }\\r\\n\\r\\n    .southeast_arrow {\\r\\n        position: absolute;\\r\\n        left: 800px;\\r\\n        top: 950px;\\r\\n        width: 430px;\\r\\n        height: 215px;\\r\\n        -webkit-transform: rotate(-135deg);\\r\\n                transform: rotate(-135deg);\\r\\n        -webkit-transform-origin: left top;\\r\\n                transform-origin: left top;\\r\\n    }\\r\\n\\r\\n    .southeast_entry {\\r\\n        position: absolute;\\r\\n        left: 678px;\\r\\n        top: 603px;\\r\\n        width: 305px;\\r\\n        height: 90px;\\r\\n        resize: none;\\r\\n        -webkit-transform: rotate(45deg);\\r\\n                transform: rotate(45deg);\\r\\n        -webkit-transform-origin: left top;\\r\\n                transform-origin: left top;\\r\\n        border: 1px solid #e0e0e0;\\r\\n        font-size: 15px;\\r\\n    }\\r\\n\\r\\n\\r\\n    .southeast_quest {\\r\\n        position: absolute;\\r\\n        left: 755px;\\r\\n        top: 620px;\\r\\n        /*left: 735px;\\r\\n        top: 605px;*/\\r\\n        width: 300px;\\r\\n        -webkit-transform: rotate(38deg);\\r\\n                transform: rotate(38deg);\\r\\n        -webkit-transform-origin: left top;\\r\\n                transform-origin: left top;\\r\\n        font-size: 20px;\\r\\n    }\\r\\n\\r\\n    .south_arrow {\\r\\n        position: absolute;\\r\\n        left: 405px;\\r\\n        top: 1025px;\\r\\n        width: 430px;\\r\\n        height: 215px;\\r\\n        -webkit-transform: rotate(-90deg);\\r\\n                transform: rotate(-90deg);\\r\\n        -webkit-transform-origin: left top;\\r\\n                transform-origin: left top;\\r\\n    }\\r\\n\\r\\n    .south_entry {\\r\\n        position: absolute;\\r\\n        left: 472px;\\r\\n        top: 690px;\\r\\n        width: 90px;\\r\\n        height: 305px;\\r\\n        resize: none;\\r\\n        border: 1px solid #e0e0e0;\\r\\n        font-size: 15px;\\r\\n    }\\r\\n\\r\\n    .south_quest {\\r\\n        position: absolute;\\r\\n        left: 430px;\\r\\n        top: 1015px;\\r\\n        width: 200px;\\r\\n        font-size: 20px;\\r\\n        text-align: center;\\r\\n    }\\r\\n\\r\\n    .southwest_arrow {\\r\\n        position: absolute;\\r\\n        left: 60px;\\r\\n        top: 810px;\\r\\n        width: 430px;\\r\\n        height: 215px;\\r\\n        -webkit-transform: rotate(-45deg);\\r\\n                transform: rotate(-45deg);\\r\\n        -webkit-transform-origin: left top;\\r\\n                transform-origin: left top;\\r\\n    }\\r\\n\\r\\n    .southwest_entry {\\r\\n        position: absolute;\\r\\n        left: 125px;\\r\\n        top: 840px;\\r\\n        width: 305px;\\r\\n        height: 90px;\\r\\n        resize: none;\\r\\n        border: 1px solid #e0e0e0;\\r\\n        -webkit-transform: rotate(-45deg);\\r\\n                transform: rotate(-45deg);\\r\\n        -webkit-transform-origin: left top;\\r\\n                transform-origin: left top;\\r\\n        font-size: 15px;\\r\\n    }\\r\\n\\r\\n    .southwest_quest {\\r\\n        position: absolute;\\r\\n        left: 80px;\\r\\n        top: 800px;\\r\\n        width: 200px;\\r\\n        -webkit-transform: rotate(-42deg);\\r\\n                transform: rotate(-42deg);\\r\\n        -webkit-transform-origin: left top;\\r\\n                transform-origin: left top;\\r\\n        font-size: 20px;\\r\\n        text-align: center;\\r\\n    }\\r\\n\\r\\n    .west_arrow {\\r\\n        position: absolute;\\r\\n        left: 0px;\\r\\n        top: 410px;\\r\\n        width: 430px;\\r\\n        height: 215px;\\r\\n    }\\r\\n\\r\\n    .west_entry {\\r\\n        position: absolute;\\r\\n        left: 27px;\\r\\n        top: 477px;\\r\\n        width: 305px;\\r\\n        height: 90px;\\r\\n        resize: none;\\r\\n        border: 1px solid #e0e0e0;\\r\\n        font-size: 15px;\\r\\n    }\\r\\n\\r\\n    .west_quest {\\r\\n        position: absolute;\\r\\n        left: 55px;\\r\\n        top: 410px;\\r\\n        width: 300px;\\r\\n        -webkit-transform: rotate(5deg);\\r\\n                transform: rotate(5deg);\\r\\n        -webkit-transform-origin: left top;\\r\\n                transform-origin: left top;\\r\\n        font-size: 20px;\\r\\n    }\\r\\n\\r\\n    .northwest_arrow {\\r\\n        position: absolute;\\r\\n        left: 230px;\\r\\n        top: 80px;\\r\\n        width: 430px;\\r\\n        height: 215px;\\r\\n        -webkit-transform: rotate(45deg);\\r\\n                transform: rotate(45deg);\\r\\n        -webkit-transform-origin: left top;\\r\\n                transform-origin: left top;\\r\\n    }\\r\\n\\r\\n    .northwest_entry {\\r\\n        position: absolute;\\r\\n        left: 202px;\\r\\n        top: 148px;\\r\\n        width: 305px;\\r\\n        height: 90px;\\r\\n        resize: none;\\r\\n        -webkit-transform: rotate(45deg);\\r\\n                transform: rotate(45deg);\\r\\n        -webkit-transform-origin: left top;\\r\\n                transform-origin: left top;\\r\\n        border: 1px solid #e0e0e0;\\r\\n        font-size: 15px;\\r\\n    }\\r\\n\\r\\n    .northwest_quest {\\r\\n        position: absolute;\\r\\n        left: 247px;\\r\\n        top: 88px;\\r\\n        width: 300px;\\r\\n        -webkit-transform: rotate(52deg);\\r\\n                transform: rotate(52deg);\\r\\n        -webkit-transform-origin: left top;\\r\\n                transform-origin: left top;\\r\\n        font-size: 20px;\\r\\n    }\\r\\n\\r\\n    .licensing-row {\\r\\n        padding-top:50px;\\r\\n    }\\r\\n}\\r\\n\\r\\n@media print {\\r\\n    .licensing-row {\\r\\n        margin-top:-150px;\\r\\n    }\\r\\n\\r\\n    .arrows-container {\\r\\n        -webkit-transform: scale(.9,.85);\\r\\n                transform: scale(.9,.85);\\r\\n        margin-top: -50px;\\r\\n        margin-left: -60px;\\r\\n    }\\r\\n\\r\\n    .print-formatting-bottom {\\r\\n       display:none;\\r\\n    }\\r\\n    #citation {\\r\\n        height: 15px;\\r\\n        font-size: small;\\r\\n    }\\r\\n    .small-print {\\r\\n        height:950px;\\r\\n\\r\\n    }\\r\\n    a[href]:after {\\r\\n        content: none !important;\\r\\n    }\\r\\n    .breadcrumb {\\r\\n        margin-bottom:0px;\\r\\n    }\\r\\n    .exercise-content{\\r\\n      padding-top:0px;\\r\\n      margin-top:0px;\\r\\n      padding-bottom:0px;\\r\\n      margin-bottom:0px;\\r\\n    }\\r\\n}\\r\\n\\r\\n@media screen and (max-width: 970px) {\\r\\n\\r\\n    .print_button {\\r\\n    }\\r\\n\\r\\n    .circle_text {\\r\\n        padding-bottom: 25px;\\r\\n    }\\r\\n\\r\\n    .north_arrow, .northeast_arrow, .east_arrow, .southeast_arrow, .south_arrow, .southwest_arrow, .west_arrow, .northwest_arrow {\\r\\n        display:none;\\r\\n    }\\r\\n\\r\\n    .north_quest, .northeast_quest, .east_quest, .southeast_quest, .south_quest, .southwest_quest, .west_quest, .northwest_quest {\\r\\n    }\\r\\n\\r\\n    .north_entry, .northeast_entry, .east_entry, .southeast_entry, .south_entry, .southwest_entry, .west_entry, .northwest_entry {\\r\\n    }\\r\\n}\\r\\n\\r\\n@media screen and (max-width: 480px) {\\r\\n\\r\\n    .print_button {\\r\\n    }\\r\\n\\r\\n    .circle_text {\\r\\n        padding-bottom: 25px;\\r\\n    }\\r\\n\\r\\n    .north_arrow, .northeast_arrow, .east_arrow, .southeast_arrow, .south_arrow, .southwest_arrow, .west_arrow, .northwest_arrow {\\r\\n        display: none;\\r\\n    }\\r\\n\\r\\n    .north_quest, .northeast_quest, .east_quest, .southeast_quest, .south_quest, .southwest_quest, .west_quest, .northwest_quest {\\r\\n    }\\r\\n\\r\\n    .north_entry, .northeast_entry, .east_entry, .southeast_entry, .south_entry, .southwest_entry, .west_entry, .northwest_entry {\\r\\n        height:80px;\\r\\n    }\\r\\n}\\r\\n\\r\\n.active {\\r\\n    color: #2C3E50;\\r\\n}\\r\\n\"","module.exports = \"<link href=\\\"https://fonts.googleapis.com/css?family=Oxygen+Mono|Roboto+Mono\\\" rel=\\\"stylesheet\\\">\\r\\n<div class=\\\"container exercise-content\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/introduction']\\\">Introduction</a></li>\\r\\n                <li><a [routerLink]=\\\"['/introduction/lesson-1']\\\">Lesson 1</a></li>\\r\\n                <li class=\\\"active\\\">{{title}}</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/introduction/\\\">Introduction</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/introduction/lesson-1/\\\">Lesson 1</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/introduction/lesson-1/whats-important-to-me/\\\">What's Important to Me</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-whats-important-to-me-pdf-button [fileName]=\\\"'introduction/lesson-1/what&quot;s important to me'\\\"></tfolio-whats-important-to-me-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <tfolio-heading></tfolio-heading>\\r\\n    <tfolio-page-title content=\\\"{{title}}\\\"></tfolio-page-title>\\r\\n    <tfolio-directions identifier=\\\"self-determination-scale-directions\\\" tag=\\\"Directions\\\" [padBottom]=\\\"true\\\">\\r\\n        <span>\\r\\n            Reflect and respond to each question, using the spaces provided to write your answer.\\r\\n            Your answers can be single words, phrases, or full sentences.\\r\\n            Begin with \\\"Where would I want to be in the future?\\\" and then move to the next question.\\r\\n        </span>\\r\\n    </tfolio-directions>\\r\\n    <div class=\\\"container-fluid small-print\\\" >\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <div class=\\\"arrows-container small-print\\\">\\r\\n                    <div class=\\\"circle_text\\\">What’s important to me in the future around work, education or training and independent living?</div>\\r\\n\\r\\n                    <img class=\\\"northeast_arrow\\\" src=\\\"/img/introduction/lesson-1/arrow_green.svg\\\" />\\r\\n                    <div class=\\\"northeast_quest\\\">Where would I want to be in the future?</div>\\r\\n                    <textarea class=\\\"northeast_entry\\\" tabindex=\\\"2\\\" maxlength=\\\"150\\\" (keydown.enter)=\\\"onEnter($event)\\\"></textarea>\\r\\n\\r\\n                    <img class=\\\"east_arrow\\\" src=\\\"/img/introduction/lesson-1/arrow_purple.svg\\\" />\\r\\n                    <div class=\\\"east_quest\\\">What do people like and admire about me?</div>\\r\\n                    <textarea class=\\\"east_entry\\\" tabindex=\\\"3\\\" maxlength=\\\"150\\\" (keydown.enter)=\\\"onEnter($event)\\\"></textarea>\\r\\n\\r\\n                    <img class=\\\"southeast_arrow\\\" src=\\\"/img/introduction/lesson-1/arrow_green.svg\\\" />\\r\\n                    <div class=\\\"southeast_quest\\\">What do I not want to do?</div>\\r\\n                    <textarea class=\\\"southeast_entry\\\" tabindex=\\\"4\\\" maxlength=\\\"150\\\"(keydown.enter)=\\\"onEnter($event)\\\"></textarea>\\r\\n\\r\\n                    <img class=\\\"south_arrow\\\" src=\\\"/img/introduction/lesson-1/arrow_purple.svg\\\" />\\r\\n                    <div class=\\\"south_quest\\\">What work am I interested in?</div>\\r\\n                    <textarea class=\\\"south_entry\\\" tabindex=\\\"5\\\" maxlength=\\\"135\\\"(keydown.enter)=\\\"onEnter($event)\\\"></textarea>\\r\\n\\r\\n                    <img class=\\\"southwest_arrow\\\" src=\\\"/img/introduction/lesson-1/arrow_green.svg\\\" />\\r\\n                    <div class=\\\"southwest_quest\\\">What have I tried?</div>\\r\\n                    <textarea class=\\\"southwest_entry\\\" tabindex=\\\"6\\\" maxlength=\\\"150\\\"(keydown.enter)=\\\"onEnter($event)\\\"></textarea>\\r\\n\\r\\n                    <img class=\\\"west_arrow\\\" src=\\\"/img/introduction/lesson-1/arrow_purple.svg\\\" />\\r\\n                    <div class=\\\"west_quest\\\">What am I good at?</div>\\r\\n                    <textarea class=\\\"west_entry\\\" tabindex=\\\"7\\\" maxlength=\\\"150\\\"(keydown.enter)=\\\"onEnter($event)\\\"></textarea>\\r\\n\\r\\n                    <img class=\\\"northwest_arrow\\\" src=\\\"/img/introduction/lesson-1/arrow_green.svg\\\" />\\r\\n                    <div class=\\\"northwest_quest\\\">What support would I need?</div>\\r\\n                    <textarea class=\\\"northwest_entry\\\" tabindex=\\\"8\\\" maxlength=\\\"150\\\"(keydown.enter)=\\\"onEnter($event)\\\"></textarea>\\r\\n\\r\\n                    <img class=\\\"north_arrow\\\" src=\\\"/img/introduction/lesson-1/arrow_purple.svg\\\" />\\r\\n                    <div class=\\\"north_quest\\\">Who can help?</div>\\r\\n                    <textarea class=\\\"north_entry\\\" tabindex=\\\"1\\\" maxlength=\\\"135\\\"(keydown.enter)=\\\"onEnter($event)\\\"></textarea>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <p id=\\\"citation\\\">This activity is modified from a diagram by Charlotte Sweeney and Yola Jacobsen found in:\\r\\n    Jacobsen, Y. (2010). <a href=\\\"https://www.learningandwork.org.uk/sites/niace_en/files/resources/Making%20it%20Work.pdf\\\" target=\\\"_blank\\\"><i>Making it Work</i></a>. Leicester: NIACE. \\r\\n    Used with permission of Robert Gill at the Learning and Work Institute (formerly NIACE).</p>\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10 print-formatting-bottom\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2 print-formatting-bottom\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-whats-important-to-me-pdf-button [fileName]=\\\"'introduction/lesson-1/what&quot;s important to me'\\\"></tfolio-whats-important-to-me-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from '@angular/platform-browser';\r\n\r\n@Component({\r\n    selector: 'whats-important-to-me',\r\n    templateUrl: './whats-important-to-me.component.html',\r\n    styleUrls: ['./whats-important-to-me.component.css']\r\n})\r\nexport class IntroductionWhatsImportantToMeComponent {\r\n\r\n    title: string = \"What's Important to Me\";    \r\n    pageTitle: string = this.title + \" | Introduction, Lesson 1 | T-Folio\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n\r\n    doPrint(): void {\r\n        window.print();\r\n    }\r\n    doScroll() {\r\n        window.scrollTo(0, 0);\r\n    }\r\n\r\n    onEnter(event) {\r\n        if (event.keyCode == 13) {\r\n            event.preventDefault();\r\n            return false;\r\n        }\r\n        \r\n    }\r\n}\r\n","module.exports = \"h1 {\\r\\n    font-size: x-large;\\r\\n    font-weight: bold;\\r\\n    padding: 0px;\\r\\n    text-align: left;\\r\\n    margin-bottom: 0px;\\r\\n    margin-top: 25px;\\r\\n    font-family: Rockwell;\\r\\n    font-size: 30px;\\r\\n}\\r\\n\\r\\nh2 {\\r\\n    font-size: x-large;\\r\\n    font-weight: bold;\\r\\n    margin-top: 25px;\\r\\n    margin-bottom: 5px;\\r\\n}\\r\\n\\r\\nli {\\r\\n    margin-top: 5px;\\r\\n    margin-bottom: 5px;\\r\\n}\\r\\n\\r\\nbutton {\\r\\n    color: black;\\r\\n    border-radius: 5px;\\r\\n    border: 2px solid black;\\r\\n    background-color: white;\\r\\n    float: right;\\r\\n    font-size: 15px;\\r\\n}\\r\\n\\r\\n.bordered-outer {\\r\\n    border: 1px solid black;\\r\\n}\\r\\n\\r\\n.bordered {\\r\\n    border: 1px solid black;\\r\\n    padding: 15px;\\r\\n}\\r\\n\\r\\n.container.header {\\r\\n    margin-top: 15px;\\r\\n    border-top: solid 1px;\\r\\n    border-bottom: solid 1px;\\r\\n    overflow: hidden;\\r\\n    clear: right;\\r\\n    float: left;\\r\\n    width: 100%;\\r\\n}\\r\\n\\r\\n.subtitle {\\r\\n    font-family: Rockwell;\\r\\n    margin-top: 5px;\\r\\n    margin-bottom: 5px;\\r\\n    float: left;\\r\\n}\\r\\n\\r\\ndiv.row.header {\\r\\n    margin-bottom: 15px;\\r\\n}\\r\\n\\r\\ncontainer.exercise-content.guide {\\r\\n    font-family: Arial;\\r\\n    padding-right: 20px;\\r\\n}\\r\\n\\r\\n.col-md-12.crumbs {\\r\\n    font-size: 11px;\\r\\n}\\r\\n\\r\\ndiv.container.objectives {\\r\\n    margin-top: 50px;\\r\\n}\\r\\n\\r\\ndiv.container.box {\\r\\n    border: 1px solid;\\r\\n    width: 250px;\\r\\n    float: right;\\r\\n}\\r\\n\\r\\ndiv.container.activity {\\r\\n    margin-top: 20px;\\r\\n}\\r\\n\\r\\n.active {\\r\\n    color: #2C3E50;\\r\\n}\"","module.exports = \"<div class=\\\"container exercise-content guide\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/introduction']\\\">Introduction</a></li>\\r\\n                <li><a [routerLink]=\\\"['/introduction/lesson-2']\\\">Lesson 2</a></li>\\r\\n                <li class=\\\"active\\\">Lesson Guide</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/introduction/\\\">Introduction</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/introduction/lesson-2/\\\">Lesson 2</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/introduction/lesson-2/guide/\\\">Lesson Guide</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'introduction/lesson-2/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n        <div class=\\\"col-md-12\\\"><h1>{{title}}</h1></div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-9\\\">\\r\\n            <h2 class=\\\"subtitle\\\">{{subtitle}}</h2>\\r\\n            <br />\\r\\n            <br />\\r\\n            <p>\\r\\n                In this lesson, students will reflect on their past experiences taking assessments and will explore the idea of assessments as tools for self-discovery and growth.\\r\\n                A self-reflection activity will guide students to express their concerns and expectations regarding taking assessments.\\r\\n            </p>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-3 box hidden-print\\\" style=\\\"border:1px solid black;\\\">\\r\\n            <i class=\\\"fa fa-folder-open\\\" aria-hidden=\\\"true\\\"></i>\\r\\n            <a [routerLink]=\\\"['/introduction/lesson-2/self-reflection']\\\"><b>The Self-Reflection worksheet</b></a> serves as a personal development and reflection tool and is not intended as a T-folio entry.\\r\\n        </div>\\r\\n        <div class=\\\"col-md-3 box visible-print-block\\\" style=\\\"border:1px solid black;\\\">\\r\\n            <i class=\\\"fa fa-folder-open\\\" aria-hidden=\\\"true\\\"></i>\\r\\n            <a style=\\\"font-weight:bold;\\\" href=\\\"https://cctstfolio.com/#/introduction/lesson-2/self-reflection\\\">The Self-Reflection worksheet</a> serves as a personal development and reflection tool and is not intended as a T-folio entry.\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n            <h2>Lesson Objectives</h2>\\r\\n            <b>Participants will:</b>\\r\\n            <ol>\\r\\n                <li>Understand the purpose for taking assessments.</li>\\r\\n                <li>Become familiar with readiness factors in preparation for taking assessments.</li>\\r\\n                <li>Identify and voice personal readiness methods for taking assesments.</li>\\r\\n                <li>Identify and voice personal supports needed when taking assessments.</li>\\r\\n                <li>Complete Self-Reflection: Taking Assessments worksheet.</li>\\r\\n            </ol>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <h2>Facilitator Notes</h2>\\r\\n                <div>\\r\\n                    <ul>\\r\\n                      <li>\\\"Research suggests that by engaging in self-exploration, career exploration, and career planning and management activities, students will perceive the relevance of how courses in high school and college connect to self-defined career and life goals\\\" (Larson, 2011).</li>\\r\\n                        <li>Career assessments should not be used to dissuade a youth from a particular career pathway or program; the intent is to develop their awareness of various options, not to narrow their options.</li>\\r\\n                        <li>A PowerPoint is included with this lesson and can be used as part of a presentation or for your information. It is recommended that you review the PowerPoint (including the Notes section) prior to using the lesson. It can be accessed in either PowerPoint or as a PDF:\\r\\n                            <ul>\\r\\n                                <li><a href=\\\"/img/introduction/lesson-2/T-Folio_Introduction_Lesson-2_Taking-Assessments.pptx\\\">PowerPoint: \\\"Taking Assessments\\\"</a></li>\\r\\n                                <li><a href=\\\"/img/introduction/lesson-2/T-Folio_Introduction_Lesson-2_Taking-Assessments.pdf\\\" target=\\\"_blank\\\">PDF: \\\"Taking Assessments\\\"</a></li>\\r\\n                            </ul>\\r\\n                        </li>\\r\\n                    </ul>                        \\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <div><h2>Introduction</h2></div>\\r\\n                <div>\\r\\n                    <b>Warm-up questions:</b>\\r\\n                    <ul>\\r\\n                        <li>When you think about what you will be doing after high school, what comes to mind?</li>\\r\\n                        <li>Have you participated in any career assessments, and if so, what were your experiences with them? (Responses may address: emotional reactions, academic demands, interest levels, understanding purpose, etc.)</li>\\r\\n                        <li>When you think about taking career assessments now, what might you be excited, curious or anxious about?</li>\\r\\n                    </ul>\\r\\n                </div>\\r\\n                <p>\\r\\n                    <b>Say:</b> Thinking about and exploring what you want to do after high school can feel overwhelming, exciting, or scary. Or you might not have thought about it much at all.\\r\\n                    Career assessments can help you to learn more about yourself - what you might be good at and enjoy doing after high school.\\r\\n                </p>\\r\\n                <p>\\r\\n                    Today we will be loking more closely at how to prepare for and develop a positive mindset for taking career assessments.\\r\\n                </p>\\r\\n                <div>\\r\\n                    <b>Warm-up group activity:</b>\\r\\n                    <ul>\\r\\n                        <li>Ask students to identify past tests or assessments they have taken. These might include questionnaires, academic tests, driver's license test, Food Handler's permit.</li>\\r\\n                        <li>\\r\\n                            Guide the following:\\r\\n                            <ul>\\r\\n                                <li>Arrange students into threes - with <b>large Post-It paper</b> folded vertically and <b>marker</b>.</li>\\r\\n                                <li>\\r\\n                                    On one side of the paper, students jot down the activities they did to prepare themselves for past assessments taken.\\r\\n                                    These activities might include studying content, getting a good night's sleep, showing up for the exam early, and/or mentally committing to trying their hardest.\\r\\n                                </li>\\r\\n                                <li>\\r\\n                                    On the other side of the paper, students brainstorm what they needed to perform their best.\\r\\n                                    These supports might include extra time to complete the exam or a quiet environment.\\r\\n                                </li>\\r\\n                                <li>Teams share out.</li>\\r\\n                            </ul>\\r\\n                        </li>\\r\\n                    </ul>\\r\\n                </div>\\r\\n                <p>\\r\\n                    Continue the discussion of the work ahead in completing different types of assessments.\\r\\n                </p>\\r\\n                <p>\\r\\n                    Additional talking points might reinforce or include:\\r\\n                </p>\\r\\n                <div>                   \\r\\n                    <p><b>Addressing Purpose</b></p>\\r\\n                    <p>Assessments are tools that can help you:</p>\\r\\n                    <ul>\\r\\n                        <li>Learn more about yourself.</li>\\r\\n                        <li>Tell you what you <i>already</i> know about yourself.</li>\\r\\n                        <li>Match your blend of strong skills to specific occupations.</li>\\r\\n                        <li>Consider careers you may not have thought about before.</li>\\r\\n                        <li>Learn what skills need to be enhanced to be ready for a specific job of interest.</li>\\r\\n                        <li>Reflect about your career pathway and what you need to do to achieve your goals.</li>\\r\\n                    </ul>\\r\\n                </div>\\r\\n                    <div>\\r\\n                        <b>Addressing Behavior</b>\\r\\n                        <ul>\\r\\n                            <li>This is <b>not</b> a test; you will not be graded for how you answer.</li>\\r\\n                            <li>There are no right or wrong answers - we all are different.</li>\\r\\n                            <li>Answer honestly, not what you think others would like you to choose.</li>\\r\\n                            <li>Take your time answering the questions. There is no need to rush!</li>\\r\\n                            <li>Come with the right mindset, rested and ready to do your best.</li>\\r\\n                            <li>Have fun taking the assessments. Learning about yourself is almost always informative and is often a pleasurable activity.</li>\\r\\n                        </ul>\\r\\n                    </div>\\r\\n                    <div>Consider viewing <a href=\\\"https://safeshare.tv/x/IlQSVLkILE4\\\" target=\\\"_blank\\\">Career Search: How to take a Career Test</a> (see Additional Resources below) to reinforce discussion points and to prepare for activity.</div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container activity\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <h2>Activity</h2>\\r\\n                <div style=\\\"padding-bottom:10px;\\\">\\r\\n                    <b>Say:</b> Everyone prepares for and responds to taking assessments differently.\\r\\n                    Your experiences can shape the way you feel about and participate in them.\\r\\n                    This next activity will challenge you to think about and plan for your readiness and support needs for taking assessments.\\r\\n                </div>\\r\\n                <div style=\\\"padding-bottom:10px;\\\">\\r\\n                    <div style=\\\"padding-bottom:10px;\\\">Introduce the <a [routerLink]=\\\"['/introduction/lesson-2/self-reflection']\\\">Self-Reflection: Taking Career Assessments</a> worksheet.</div>\\r\\n                    <div>\\r\\n                        <b>Say:</b> You will reflect upon and complete each section of the worksheet, writing <i>what you know</i>,<i>what you think you know</i>, and <i>what you still want to know or need</i> for each category (\\\"Assessment Readiness\\\" and \\\"Strategies and/or Supports to Perform My Best\\\").\\r\\n                    </div>\\r\\n                    <ul>\\r\\n                        <li>\\r\\n                            As a full group, look at and discuss the examples provided on the worksheet.\\r\\n                            Emphasize the differences between the three prompts: what I know, what I think I know, and what I still want to know or need.\\r\\n                            <ul>\\r\\n                                <li><b>Ask</b>: How might this example response help the student be more successful in taking an assessment?</li>\\r\\n                            </ul>\\r\\n                        </li>\\r\\n                        <li>Give students time to think of their own answers and fill in the boxes.</li>\\r\\n                        <li>Next, have them respond to the final two questions.</li>\\r\\n                    </ul>\\r\\n                    <div>\\r\\n                        <b>Say:</b>\\r\\n                        Be honest with yourself and ask for what you need or what you are still curious about.\\r\\n                        This is an important skill in asserting your voice to get your needs and wants met and it will bring you one step closer to discovering your best future self.\\r\\n                    </div>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <h2>Debrief and Guiding Questions</h2>\\r\\n                <div>\\r\\n                    <ul>\\r\\n                        <li>Are there strategies and/or supports that you need to put in place? If so, how will you go about doing such?</li>\\r\\n                        <li>As a result of today's work, do you feel more prepared and invested in taking career transition assessments? In what ways?</li>\\r\\n                    </ul>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <h2>Additional Resources</h2>\\r\\n                <div>\\r\\n                    <ul style=\\\"list-style:url('/img/arrow.png');\\\">\\r\\n                        <li>Video: <a href=\\\"https://safeshare.tv/x/IlQSVLkILE4\\\" target=\\\"_blank\\\">Career Search: How to Take a Career Test</a> (1 minute 56 seconds) by eHow, Jul 3, 2009. https://safeshare.tv/x/IlQSVLkILE4</li>\\r\\n                        <li>Larson, M. (2011). Using career interest inventories to inform career planning. Practice Brief (1), 1-6. Retrieved from <a href=\\\"http://www.ncwd-youth.info/publications/using-career-interest-inventories-to-inform-career-planning/\\\" target=\\\"_blank\\\">NCWD publications</a>.</li>\\r\\n                    </ul>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <h2>Considerations for Accommodation</h2>\\r\\n                <div>\\r\\n                    <ul>\\r\\n                        <li>Consider providing examples and guided practice in completing the Self-Reflection Taking Career Assessments workseet.</li>\\r\\n                    </ul>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-11\\\">\\r\\n                <h2>Up Next</h2>\\r\\n                <div>\\r\\n                    Next, students will be introduced to and take an assessment to further explore their <b>strengths</b>. They will begin reflecting upon how these attributes can be put to work!\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'introduction/lesson-2/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from '@angular/platform-browser';\r\n\r\n@Component({\r\n    selector: 'introduction-lesson-one-guide',\r\n    templateUrl: './_guide.component.html',\r\n    styleUrls: ['./_guide.component.css']\r\n})\r\nexport class IntroductionLessonTwoGuideComponent {\r\n\r\n    pageTitle: string = \"Lesson Guide | Introduction, Lesson 2 | T-Folio\";\r\n    title: string = \"Lesson Guide\";\r\n    subtitle: string = \"Lesson 2: Taking Assessments\";\r\n\r\n    doPrint(): void {\r\n        window.print();\r\n    }\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n}\r\n","\r\nimport { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: 'introduction-lesson-two-landing',\r\n    templateUrl: '../../_shared/landing-pages/landing-page.component.html',\r\n    styleUrls: ['../../_shared/landing-pages/landing-page.component.css']\r\n})\r\n\r\nexport class IntroductionLessonTwoLandingComponent {\r\n    title = \"Lesson 2: Taking Assessments\";\r\n    pageTitle: string = \"Taking Assessments | Introduction, Lesson 2 | T-Folio\";\r\n    bannerHeader = \"Student-Centered Introduction: Lesson 2\";\r\n\r\n    doPrint(): void {\r\n        window.print();\r\n    }\r\n\r\n    openInNewWindow(url: string) {\r\n        window.open(url, '_blank');\r\n    }\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n\r\n    LandingPageData = {\r\n        breadcrumbs: {\r\n            label: \"Lesson 2\",\r\n            crumbs: [\r\n                {\r\n                    route: \"\",\r\n                    linktext: \"T-Folio\"\r\n                },\r\n                {\r\n                    route: \"/introduction\",\r\n                    linktext: \"Introduction\"\r\n                }\r\n            ]\r\n        },\r\n        summary: \"In this lesson, students will reflect on their past experiences taking assessments and will explore the idea of assessments as tools for self-discovery and growth. A self-reflection activity will guide students to express their concerns and expectations regarding taking assessments.\",\r\n        objectives: [\r\n            \"Understand the purpose for taking assessments.\",\r\n            \"Become familiar with readiness factors in preparation for taking assessments.\",\r\n            \"Identify and voice personal readiness methods for taking assessments.\",\r\n            \"Identify and voice personal supports needed when taking assessments.\",\r\n            \"Complete Self-Reflection: Taking Assessments worksheet.\",\r\n        ],\r\n        buttons: [\r\n            {\r\n                route: \"/introduction/lesson-2/guide\",\r\n                linktext: \"Lesson Guide\",\r\n                color: \"btn-success\",\r\n            },\r\n            {\r\n                route: \"/introduction/lesson-2/self-reflection\",\r\n                linktext: \"Self Reflection: Taking Career Assessments\",\r\n                color: \"btn-primary\",\r\n            },\r\n            {\r\n                route: \"/img/introduction/lesson-2/T-Folio_Introduction_Lesson-2_Taking-Assessments.pptx\",\r\n                linktext: \"PowerPoint Presentation\",\r\n                color: \"powerpoint-button\",\r\n                window: true,\r\n            }\r\n        ],\r\n        image: \"/img/introduction/lesson-2/pencil-918449_960_720.jpg\",\r\n        imgalt: \"A pencil with bite marks and a pencil sharpener rest on a notebook that is opened to a blank lined page. There are pencil shavings on the page.\",\r\n        caption: \"on\",\r\n        photoLink: \"https://pixabay.com/en/pencil-sharpener-notebook-paper-918449/\",\r\n        source: \"Pixabay\",\r\n        sourceLink: \"https://pixabay.com/en/\",\r\n        licence: \"CC0 license\",\r\n        licenceLink: \"https://creativecommons.org/publicdomain/zero/1.0/\",\r\n\r\n    }\r\n}\r\n","module.exports = \"h3 {\\r\\n    font-weight: bold;\\r\\n}\\r\\n\\r\\n.centered {\\r\\n    text-align: center;\\r\\n}\\r\\n\\r\\n.bordered {\\r\\n    border: 1px solid black;\\r\\n}\\r\\n\\r\\nthead {\\r\\n    font-weight: bold;\\r\\n    text-align: center;\\r\\n    border: 1px solid black;\\r\\n    font-size: medium; \\r\\n}\\r\\n\\r\\ntable {\\r\\n    border-collapse: collapse; \\r\\n}\\r\\n\\r\\nth {\\r\\n    border: 1px solid black; \\r\\n}\\r\\n\\r\\ntd {\\r\\n    position: relative;\\r\\n    border: 1px solid black;\\r\\n    font-size: medium;\\r\\n    height: 250px;\\r\\n}\\r\\n\\r\\n.left-column {\\r\\n    font-size: medium;\\r\\n    font-weight: bold; \\r\\n    padding-top: 10px;\\r\\n    padding-left: 5px;\\r\\n    text-align:left;\\r\\n    vertical-align:top;\\r\\n}\\r\\n\\r\\n.editor {\\r\\n    border: 1px solid gray;\\r\\n    margin-left:8px;\\r\\n}\\r\\n\\r\\ninput, div[contenteditable=true], td[contenteditable=true] {\\r\\n    font-weight: bold;\\r\\n}\\r\\n\\r\\n[contenteditable=true]:empty:not(:focus):before {\\r\\n    content: attr(placeholder);\\r\\n    font-weight:normal;\\r\\n}\\r\\n\\r\\n.td-cell{\\r\\n    vertical-align:top;\\r\\n}\\r\\n\\r\\n.margin-question {\\r\\n    margin: 20px; \\r\\n}\\r\\n\\r\\n.top-bottom-margin {\\r\\n    margin-top: 20px;\\r\\n    margin-bottom: 20px;\\r\\n}\\r\\n\\r\\n.fixed-width{\\r\\n    table-layout:fixed;\\r\\n    width:100%;\\r\\n}\\r\\n\\r\\n.desktop {\\r\\n    display: block;\\r\\n    \\r\\n}\\r\\n\\r\\n/* if desktop */\\r\\n\\r\\n.mobile_device_480px {\\r\\n    display: none;\\r\\n}\\r\\n\\r\\n/* if mobile device max width 480px */\\r\\n\\r\\n@media only screen and (max-device-width: 480px) {\\r\\n    .mobile_device_480px {\\r\\n        display: block;\\r\\n    }\\r\\n\\r\\n    .desktop {\\r\\n        display: none;\\r\\n    }\\r\\n}\\r\\n\\r\\n/* for print view*/\\r\\n\\r\\n@media print {\\r\\n    textarea::-webkit-input-placeholder {\\r\\n        visibility: hidden;\\r\\n    }\\r\\n\\r\\n    [contenteditable=true]:empty:not(:focus):before {\\r\\n        content: \\\"\\\";\\r\\n        font-style: italic;\\r\\n    }\\r\\n\\r\\n    div.editor{\\r\\n        border: none; \\r\\n    }\\r\\n    .td-cell{\\r\\n        padding-bottom:initial;\\r\\n    }\\r\\n    /*for firefox bug*/\\r\\n    .print-test {\\r\\n        page-break-before:always;\\r\\n    }\\r\\n\\r\\n}\\r\\n\\r\\n@media print and (max-device-width: 480px) {\\r\\n    textarea::-webkit-input-placeholder {\\r\\n        visibility: hidden;\\r\\n    }\\r\\n\\r\\n    .mobile_device_480px {\\r\\n        display: block;\\r\\n    }\\r\\n\\r\\n    .desktop {\\r\\n        display: none;\\r\\n    }\\r\\n}\\r\\n\\r\\n.active {\\r\\n    color: #2C3E50;\\r\\n}\\r\\n\"","module.exports = \"<div class=\\\"container exercise-content\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/introduction']\\\">Introduction</a></li>\\r\\n                <li><a [routerLink]=\\\"['/introduction/lesson-2']\\\">Lesson 2</a></li>\\r\\n                <li class=\\\"active\\\">{{title}}</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/introduction/\\\">Introduction</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/introduction/lesson-2/\\\">Lesson 2</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/introduction/lesson-2/self-reflection/\\\">{{title}}</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'introduction/lesson-2/self reflection'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <tfolio-heading></tfolio-heading>\\r\\n    <tfolio-page-title content=\\\"{{title}}\\\"></tfolio-page-title>\\r\\n    <tfolio-directions identifier=\\\"self-reflection\\\" tag=\\\"Directions\\\">\\r\\n        <span>\\r\\n            Complete the following chart by reflecting on how ready you feel to take career assessments.\\r\\n            Thinking about the areas of Assessment Readiness and Strategies and/or Supports to Perform My Best, you'll be asked to fill in what you know, what you think you know, and what you still want to know or need.\\r\\n            Next, answer the two questions below the table.\\r\\n        </span>\\r\\n    </tfolio-directions>\\r\\n    <div class=\\\"container-fluid col-xs-12 col-md-12\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-xs-12 col-md-12\\\">\\r\\n                <div class=\\\"desktop top-bottom-margin\\\">\\r\\n                    <table class=\\\"fixed-width\\\">\\r\\n                        <thead>\\r\\n                            <tr>\\r\\n                                <th class=\\\"col-xs-2\\\"></th>\\r\\n                                <th class=\\\"col-xs-5\\\"> {{column1}}</th>\\r\\n                                <th class=\\\"col-xs-5\\\"> {{column2}}</th>\\r\\n                            </tr>\\r\\n                        </thead>\\r\\n                        <tbody>\\r\\n                            <tr *ngFor=\\\"let assessment of content\\\">\\r\\n                                <td class=\\\"left-column\\\">{{assessment.question}}</td>\\r\\n                                <td class = \\\"td-cell\\\" contenteditable=\\\"true\\\" [attr.placeholder]=\\\"assessment.example1\\\"></td>\\r\\n                                <td class = \\\"td-cell\\\" contenteditable=\\\"true\\\" [attr.placeholder]=\\\"assessment.example2\\\"></td>\\r\\n                            </tr>\\r\\n                        </tbody>\\r\\n                    </table>\\r\\n                </div>\\r\\n                <div class=\\\"mobile_device_480px top-bottom-margin\\\">\\r\\n                    <div *ngFor=\\\"let assessment of content\\\">\\r\\n                        <h3>{{assessment.question}}</h3>\\r\\n                        <div class=\\\"top-bottom-margin\\\">\\r\\n                            {{column1}}\\r\\n                            <textarea rows=\\\"{{rowNum}}\\\" placeholder=\\\"{{assessment.example1}}\\\"></textarea>\\r\\n                        </div>\\r\\n                        <div class=\\\"top-bottom-margin\\\">\\r\\n                            {{column2}}\\r\\n                            <textarea rows=\\\"{{rowNum}}\\\" placeholder=\\\"{{assessment.example2}}\\\"></textarea>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\" style=\\\"page-break-before:always;\\\">\\r\\n            <div class=\\\"margin-question\\\">Are there any concerns or apprehensions you still have as you prepare to take the assessments? If so, what?</div>\\r\\n            <div class=\\\"col-md-8\\\">\\r\\n                <div contenteditable=\\\"true\\\" class=\\\"editor\\\" style=\\\"min-height:100px;width:100%;margin-top:5px;text-align:left\\\"><b></b></div>               \\r\\n            </div>\\r\\n            <div class=\\\"col-md-6\\\">\\r\\n                &nbsp;\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"margin-question\\\">Is there anything you need from me to address these concerns or apprehensions?  Please be specific so I know how to support you!</div>\\r\\n            <div class=\\\"col-md-8\\\">\\r\\n                <div contenteditable=\\\"true\\\" class=\\\"editor\\\" style=\\\"min-height:100px;width:100%;margin-top:5px;text-align:left\\\"><b></b></div>               \\r\\n            </div>\\r\\n            <div class=\\\"col-md-6\\\">\\r\\n                &nbsp;\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row print-test\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'introduction/lesson-2/self reflection'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright style=\\\"position:relative;\\\"></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component, HostListener } from \"@angular/core\";\r\nimport { Title } from '@angular/platform-browser';\r\n\r\n@Component({\r\n    selector: 'self-reflection',\r\n    templateUrl: './_self-reflection.component.html',\r\n    styleUrls: ['./_self-reflection.component.css']\r\n})\r\nexport class IntroductionLessonTwoSelfIntroductionComponent {\r\n\r\n    title: string = \"Self-Reflection: Taking Career Assessments\";\r\n    pageTitle: string = this.title + \" | Introduction, Lesson 2 | T-Folio\";\r\n    column1: string = \"Assessment Readiness\";\r\n    column2: string = \"Strategies and/or Supports to Perform My Best\"\r\n    rowNum: number = 8; \r\n    content = [\r\n        { id: '01', question: 'What I know: ', example1: '(example: I know I’m most successful in the front row.)', example2: '(example: I need noise reducing earphones to fully focus on the assessment.)'},\r\n        { id: '02', question: 'What I think I know: ', example1: '(example: I think I can navigate online OK but it might make me anxious.)', example2: '(example: Frequent breaks help me stay focused but I’m not clear what the rules are.)' },\r\n        { id: '03', question: 'What I still want to know or need: ', example1: '(example: I need some ideas on how to keep my test-taking anxiety in check.)', example2: '(example: Will I get support in reading some of the text?)' },\r\n\r\n    ]; \r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n\r\n    doPrint(): void {\r\n        window.print();\r\n    }\r\n}\r\n","import { Component } from \"@angular/core\";\r\n\r\n@Component({\r\n    selector: \"page-not-found\",\r\n    template: `\r\n<h2>{{title}}</h2>\r\n<div>\r\n    Oops.. This page does not exist (yet!).\r\n</div>\r\n`\r\n})\r\n\r\nexport class PageNotFoundComponent {\r\n    title = \"Page not Found\";\r\n}","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: 'unit-one-landingpage',\r\n    templateUrl: '../_shared/landing-pages/unit-landing-page.component.html',\r\n    styleUrls: ['../_shared/landing-pages/unit-landing-page.component.css']\r\n})\r\nexport class UnitOneLandingpage {\r\n\r\n    title: string = \"Unit 1: Job Exploration Groundwork\";\r\n    pageTitle: string = \"Job Exploration Groundwork | Unit 1 | T-Folio\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n\r\n\r\n    doPrint(): void {\r\n        window.print();\r\n    }\r\n\r\n    UnitLandingPageData = {\r\n        breadcrumbs: {\r\n            label: \"Unit 1\",\r\n            crumbs: [\r\n                {\r\n                    route: \"\",\r\n                    linktext: \"T-Folio\"\r\n                }\r\n            ]\r\n        },\r\n        portfolioitems: [\r\n            {\r\n                text: \"Strengths Assessment\",\r\n            },\r\n            {\r\n                text: \"Preferences Assessment\",\r\n            },\r\n            {\r\n                text: \"Career Clusters Interest Survey\",\r\n            },\r\n            {\r\n                text: \"Challenges in the Classroom and Beyond \",\r\n            },\r\n            {\r\n                text: \"Needs Assessment\",\r\n            },\r\n            {\r\n                text: \"AIR Self - Determination Scale\",\r\n            },\r\n            {\r\n                text: \"Skills Assessment\",\r\n            },\r\n            {\r\n                text: \"Synthesizing Assessment Results: Bringing It All Together\",\r\n            },\r\n            {\r\n                text: \"Career Research Worksheet\",\r\n            }\r\n        ],\r\n        summary: \"Unit 1 guides youth through a series of assessments that can be added to their transition portfolio. The final two lessons ask students to synthesize and reflect on the information gathered and to use it in their exploration of potential jobs and careers.\",\r\n        buttons: [\r\n            {\r\n                route: \"/unit-1/lesson-1\",\r\n                linktext: \"Lesson 1: Strengths\",\r\n                color: \"btn-success\",\r\n                image: \"/img/unit-1/LESSON 1_teen4.jpg\",\r\n                alttext: \"A young person with orange braids looks over their right shoulder with eyes closed and a smile.\",\r\n            },\r\n            {\r\n                route: \"/unit-1/lesson-2\",\r\n                linktext: \"Lesson 2: Preferences\",\r\n                color: \"btn-success\",\r\n                image: \"/img/unit-1/LESSON 2_Checklist_yes_no.jpg\",\r\n                alttext: \"A hand holding a sharpie pen writes a checkmark on a small notebook page with the word “Checklist” at the top and the words “yes” and “no” underneath. The yes has a check to the left of it and the no has an x to the left of it.\",\r\n            },\r\n            {\r\n                route: \"/unit-1/lesson-3\",\r\n                linktext: \"Lesson 3: Interests\",\r\n                color: \"btn-success\",\r\n                image: \"/img/unit-1/LESSON 3_jobs_photography.jpg\",\r\n                alttext: \"A person holds a printed photograph of a lake and mountains in front of their computer screen.\",\r\n            },\r\n            {\r\n                route: \"/unit-1/lesson-4\",\r\n                linktext: \"Lesson 4: Needs\",\r\n                color: \"btn-success\",\r\n                image: \"/img/unit-1/LESSON 4_lightbulb_thoughtbubbles.jpg\",\r\n                alttext: \"A chalkboard drawing of a light bulb in the center and six circles drawn out from the lightbulb, like thought bubbles.\",\r\n            },\r\n            {\r\n                route: \"/unit-1/lesson-5\",\r\n                linktext: \"Lesson 5: Self-Determination\",\r\n                color: \"btn-success\",\r\n                image: \"/img/unit-1/LESSON 5_zachary-nelson-192289.jpg\",\r\n                alttext: \"Three young people are jumping in the air with big smiles on their faces. They are on a sidewalk that has mounds of snow on either side, next to a three way intersection.\",\r\n            },\r\n            {\r\n                route: \"/unit-1/lesson-6\",\r\n                linktext: \"Lesson 6: Work Maturity Skills\",\r\n                color: \"btn-success\",\r\n                image: \"img/unit-1/LESSON 6_climate-kic-350836.jpg\",\r\n                alttext: \"Five college-aged students are gathered around a small, wooden table working on a design project with Legos, play dough, and other creative materials, as well as three computer laptops.\",\r\n            },\r\n            {\r\n                route: \"/unit-1/lesson-7\",\r\n                linktext: \"Lesson 7: Synthesize and Reflect\",\r\n                color: \"btn-success\",\r\n                image: \"/img/unit-1/LESSON 7_nature-laptop-outside-macbook.jpg\",\r\n                alttext: \" A person holds two tablets, one vertical in front of their face and one horizontal to the left of their face. The person is standing in front of a panoramic blue sky with fluffy clouds, and the screens of the tablets match the sky. There is also a laptop in the right hand corner whose screen also matches the blue sky.\",\r\n            },\r\n            {\r\n                route: \"/unit-1/lesson-8\",\r\n                linktext: \"Lesson 8: Researching Occupations\",\r\n                color: \"btn-success\",\r\n                image: \"/img/unit-1/LESSON 8_jobs_happy.jpg\",\r\n                alttext: \"A person sitting in a computer lab stretches their arms upwards while smiling at their computer screen.\",\r\n            },\r\n        ],\r\n        image: \"/img/unit-1/UNIT_1_LANDING_PAGE_pexels-photo-296230.jpg\",\r\n        alttext: \"A shovel is shown in extreme close up digging into the earth. Small green leaves are sprouting next to it and in the background.\",\r\n        caption: \"by Lukas on\",\r\n        photoText: \"Photo\",\r\n        photoLink: \"https://www.pexels.com/photo/agriculture-backyard-blur-close-up-296230/\",\r\n        source: \"Pexels\",\r\n        sourceLink: \"https://www.pexels.com/\",\r\n        licence: \"/ CC0 license\",\r\n        licenceLink: \"https://www.pexels.com/photo-license/\",\r\n    }\r\n}\r\n","module.exports = \"h1 {\\r\\n    font-size: x-large;\\r\\n    font-weight: bold;\\r\\n    padding: 0px;\\r\\n    text-align: left;\\r\\n    margin-bottom: 0px;\\r\\n    margin-top: 25px;\\r\\n    font-family: Rockwell;\\r\\n    font-size: 30px;\\r\\n}\\r\\n\\r\\nh2 {\\r\\n    font-size: x-large;\\r\\n    font-weight: bold;\\r\\n    margin-top: 25px;\\r\\n    margin-bottom: 5px;\\r\\n}\\r\\n\\r\\nli {\\r\\n    margin-top: 5px;\\r\\n    margin-bottom: 5px;\\r\\n}\\r\\n\\r\\nbutton {\\r\\n    color: black;\\r\\n    border-radius: 5px;\\r\\n    border: 2px solid black;\\r\\n    background-color: white;\\r\\n    float: right;\\r\\n    font-size: 15px;\\r\\n}\\r\\n\\r\\n.bordered-outer {\\r\\n    border: 1px solid black;\\r\\n}\\r\\n\\r\\n.bordered {\\r\\n    border: 1px solid black;\\r\\n    padding: 15px;\\r\\n}\\r\\n\\r\\n.container.header {\\r\\n    margin-top: 15px;\\r\\n    border-top: solid 1px;\\r\\n    border-bottom: solid 1px;\\r\\n    overflow: hidden;\\r\\n    clear: right;\\r\\n    float: left;\\r\\n    width: 100%;\\r\\n}\\r\\n\\r\\n.subtitle {\\r\\n    font-family: Rockwell;\\r\\n    margin-top: 5px;\\r\\n    margin-bottom: 5px;\\r\\n    float: left;\\r\\n}\\r\\n\\r\\ndiv.row.header {\\r\\n    margin-bottom: 15px;\\r\\n}\\r\\n\\r\\ncontainer.exercise-content.guide {\\r\\n    font-family: Arial;\\r\\n    padding-right: 20px;\\r\\n}\\r\\n\\r\\n.col-md-12.crumbs {\\r\\n    font-size: 11px;\\r\\n}\\r\\n\\r\\ndiv.container.objectives {\\r\\n    margin-top: 50px;\\r\\n}\\r\\n\\r\\ndiv.container.box {\\r\\n    border: 1px solid;\\r\\n    width: 250px;\\r\\n    float: right;\\r\\n}\\r\\n\\r\\ndiv.container.activity {\\r\\n    margin-top: 20px;\\r\\n}\\r\\n\\r\\n.active {\\r\\n    color: #2C3E50;\\r\\n}\"","module.exports = \"<div class=\\\"container exercise-content guide\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-1']\\\">Unit 1</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-1/lesson-1']\\\">Lesson 1</a></li>\\r\\n                <li class=\\\"active\\\">Lesson Guide</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-1/\\\">Unit 1</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-1/lesson-1/\\\">Lesson 1</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-1/lesson-1/guide/\\\">Lesson Guide</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-1/lesson-1/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n        <div class=\\\"col-md-12\\\"><h1>{{title}}</h1></div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-9\\\">\\r\\n            <h2 class=\\\"subtitle\\\">{{subtitle}}</h2>\\r\\n            <br />\\r\\n            <br />\\r\\n            <p>\\r\\n                In Lesson 1, students will identify their own strengths in various categories (personal, work-related, and specialty).\\r\\n                They will complete a Strengths Assessment that can be added to the student's portfolio.\\r\\n                The lesson facilitates self-reflection, assessment, and self-advocacy.\\r\\n            </p>  \\r\\n        </div>\\r\\n        <div class=\\\"col-md-3 box\\\" style=\\\"border:1px solid black;\\\">\\r\\n            <i class=\\\"fa fa-folder-open\\\" aria-hidden=\\\"true\\\"></i>\\r\\n            <b>Item to be added to student's Transition Portfolio:</b>\\r\\n            <ul class=\\\"hidden-print\\\">\\r\\n                <li><a [routerLink]=\\\"['/unit-1/lesson-1/strengths-assessment']\\\">Strengths Assessment</a></li>\\r\\n            </ul>\\r\\n            <ul class=\\\"visible-print-block\\\">\\r\\n                <li><a href=\\\"https://cctstfolio.com/#/unit-1/lesson-1/strengths-assessment\\\">Strengths Assessment</a></li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n            <h2>Lesson Objectives</h2>\\r\\n            <b>Participants will:</b>\\r\\n            <ol>\\r\\n                <li>Identify strengths as they relate to job exploration.</li>\\r\\n                <li>Develop and practice self-determination skills by sharing identified personal strengths and talents.</li>\\r\\n                <li>Apply readiness methods and supports when taking strengths assessment.</li>\\r\\n                <li>Complete a strength assessment.</li>\\r\\n            </ol>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Facilitator Notes</h2>\\r\\n            <ul>\\r\\n                <li>Students might be shy to talk about their strengths, or afraid of coming off as arrogant. Assure students that what they contribute to this activity will NOT be shared unless they give permission to do so.</li>\\r\\n                <li>Consider using the \\\"Brag Bag Activity\\\" from the Additional Resources section as an additional hook before completing the assessment.</li>\\r\\n                <li>Students should have available the <a [routerLink]=\\\"['/introduction/lesson-2/self-reflection']\\\"> Self-Reflection: Taking Career Assessments </a> worksheet (from the Student-Centered Introduction: Lesson 2) to reference as needed.</li>\\r\\n                <li>\\r\\n                    A PowerPoint is included with this lesson and can be used as part of a presentation or for your information. It is recommended that you review the PowerPoint (including the Notes section) prior to using the lesson. It can be accessed in either PowerPoint or as a PDF:\\r\\n                    <ul>\\r\\n                        <li><a href=\\\"/img/unit-1/lesson-1/T-Folio_Unit-1_Lesson-1_Identifying-Your-Strengths.pptx\\\">PowerPoint: \\\"Identifying Your Strengths\\\"</a></li>\\r\\n                        <li><a href=\\\"/img/unit-1/lesson-1/T-Folio_Unit-1_Lesson-1_Identifying-Your-Strengths.pdf\\\" target=\\\"_blank\\\">PDF: \\\"Identifying Your Strengths\\\"</a></li>\\r\\n                    </ul>\\r\\n                </li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Introduction</h2>\\r\\n            <div>\\r\\n                <b>Warm-up questions:</b>\\r\\n                <ul>\\r\\n                    <li>What would you think about someone who talks about their strengths all the time?</li>\\r\\n                    <li>What would you think about someone who never talks about their strengths?</li>\\r\\n                </ul>\\r\\n            </div>\\r\\n            <div style=\\\"padding-bottom:10px;\\\">\\r\\n                <div style=\\\"padding-bottom:5px;\\\"><b>What are Strengths?</b></div>\\r\\n                <b>Say:</b>&nbsp;Strengths are things <b>you naturally do well.</b> Your strengths include your personality traits and your talents. Some examples:\\r\\n                <ul>\\r\\n                    <li>Quickly thinking of creative ways to solve a problem.</li>\\r\\n                    <li>Being able to see \\\"the big picture\\\" and to know how you can help make things better.</li>\\r\\n                    <li>Good at operating mechanical things.</li>\\r\\n                </ul>\\r\\n            </div>\\r\\n            <div style=\\\"padding-bottom:10px;\\\"><b>Ask:</b> What are some strengths you can think of?</div>\\r\\n            <div>Even if you have a strength, such as strong speaking skills, it's a good idea to practice and increase your strengths. Know how you can use your strengths at work.</div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Activity</h2>\\r\\n            <div>\\r\\n                <b>Say:</b> In a few minutes you will be completing an assessment. Think about or refer to your generated list of readiness and support needs to best prepare you for taking this assessment. What do you need to do (e.g., practice self-calming techniques) or ask for (e.g., a quiet place to work)?\\r\\n                <ul><li>As needed, provide students time and guidance.</li></ul>\\r\\n            </div>\\r\\n            <div>\\r\\n                <b>Say:</b>&nbsp;You will be exploring your strengths in this next activity. Look at the <a [routerLink]=\\\"['/unit-1/lesson-1/strengths-assessment']\\\">Strengths Assessment</a>.\\r\\n                <ul>\\r\\n                    <li>There are three sections with different types of strengths. What are they? Do each section one at a time. </li>\\r\\n                    <li>For each section, read all of the options and put a checkmark next to all of your strengths. (You can pick as many as you want.)</li>\\r\\n                    <li>At the end of each section, respond to the questions completely and thoughtfully.</li>\\r\\n                </ul>\\r\\n            </div>\\r\\n            <div>Be honest in your strengths! Everybody is good at something, and nobody is good at everything!</div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Debrief and Guiding Questions</h2>\\r\\n            <ul>\\r\\n                <li>Select a strength you tagged from each of the three areas. Think of a past event or experience that best describes you showcasing that talent.</li>\\r\\n                <li>How does it feel to talk about your strengths?</li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2 id=\\\"careersearch\\\">Additional Resources</h2>\\r\\n            <div>\\r\\n                <ul style=\\\"list-style:url('/img/arrow.png');\\\">\\r\\n                    <li>\\r\\n                        <b>Brag Bag Activity</b>\\r\\n                        <ul style=\\\"list-style:initial;\\\">\\r\\n                            Students jot down on paper as many strengths as they can think of about themselves - it can be anything.\\r\\n                            <li type=\\\"disc\\\">\\r\\n                                Offer these thinking points:\\r\\n                                <ol>\\r\\n                                    <li>Think about aspects of your experience that you absolutely love doing or hate doing.</li>\\r\\n                                    <li>What types of activities always gain positive or less complimentary comments from bosses, teachers, friends or family?</li>\\r\\n                                    <li>If you ask a good friend, what would they see as your strengths?</li>\\r\\n                                </ol>\\r\\n                            </li>\\r\\n                            <li type=\\\"disc\\\">Drop them in the bag when done.&nbsp;<b>Ask:</b>&nbsp;How did you feel when you were given this assignment? Why can it be difficult to say what you are good at?</li>\\r\\n                            <li type=\\\"disc\\\">Build upon discussion based on student input.</li>\\r\\n                        </ul>\\r\\n                    </li>\\r\\n                    <li>\\r\\n                        <b>Interview Activity</b>\\r\\n                        <ul style=\\\"list-style:initial;\\\">\\r\\n                            Students will identify one person they know well. It could be a family member, friend, teacher or employer, etc.\\r\\n                            <li type=\\\"disc\\\">\\r\\n                                Student will ask the following questions:\\r\\n                                <ol>\\r\\n                                    <li>What do you see as my 3 top strengths that are work related?</li>\\r\\n                                    <li>What do you see as my 3 top strengths that are learning related?</li>\\r\\n                                </ol>\\r\\n                            </li>\\r\\n                            <li type=\\\"disc\\\">In selected format of choice (written, video or audio taped), student will record interview information provided.</li>\\r\\n                            <li type=\\\"disc\\\">\\r\\n                                Ask student to reflect upon the responses given:\\r\\n                                <ul>\\r\\n                                    <li>Identify one strength from each area that you agree with. Explain why you agree with it and one example of how you use those strengths in or out of school.</li>\\r\\n                                </ul>\\r\\n                            </li>\\r\\n                        </ul>\\r\\n                    </li>\\r\\n                    <li>\\r\\n                        <a href=\\\"https://www.careeronestop.org/Toolkit/Skills/skills.aspx\\\" target=\\\"_blank\\\">CareerOneStop</a>\\r\\n                        <ul style=\\\"list-style:initial;\\\">\\r\\n                            <li type=\\\"disc\\\">Students that have a strong sense of self-determined strengths knowledge may be interested in taking the Skills Profiler. Sub-sections include: Basic Skills, Social Skills, Complex Problem-Solving Skills, Technical Skills, System Skills, Resource Management Skills, and Desktop Computer Skills.</li>\\r\\n                        </ul>\\r\\n                    </li>\\r\\n                    <li>\\r\\n                        <a href=\\\"http://www.military.com/join-armed-forces/asvab/\\\" target=\\\"_blank\\\">Armed Services Vocational Aptitude Battery (ASVAB)</a>\\r\\n                        <ul style=\\\"list-style:initial;\\\">\\r\\n                            <li type=\\\"disc\\\">HS Career Centers often host the military in offering this test to any interested student - they do not have to be intending to go into the armed services to take it either. There are set dates for this event. See your Career Center for details.</li>\\r\\n                            <li type=\\\"disc\\\">Secondly, this site does offer the ability to take practice tests with feedback. It does require providing email address and DOB.</li>\\r\\n                        </ul>\\r\\n                    </li>\\r\\n                </ul>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Up Next</h2>\\r\\n            <div>\\r\\n                Next, students will explore their<b> preferences</b> and <b>interests.</b> By thinking about things they like and what jobs they want to do, students can prepare to build on the strengths that will help them succeed in their goals.\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n   \\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\"> \\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-1/lesson-1/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n   </div>\\r\\n        <!-- copyright -->\\r\\n        <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from '@angular/platform-browser';\r\ndeclare let kendo;\r\n\r\n\r\n@Component({\r\n    selector: 'unit-one-lesson-one-guide',\r\n    templateUrl: './_guide.component.html',\r\n    styleUrls: ['./_guide.component.css']\r\n})\r\n\r\nexport class UnitOneLessonOneGuideComponent {\r\n\r\n    pageTitle: string = \"Lesson Guide | Unit 1, Lesson 1 | T-Folio\";\r\n    title: string = \"Lesson Guide\";\r\n    subtitle: string = \"Lesson 1: Strengths\";\r\n\r\n\r\n    doPrint(): void {\r\n        window.print();\r\n    }\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n }\r\n","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: 'unit-one-lesson-one-landing',\r\n    templateUrl: '../../_shared/landing-pages/landing-page.component.html',\r\n    styleUrls: ['../../_shared/landing-pages/landing-page.component.css']\r\n})\r\n\r\nexport class UnitOneLessonOneLandingComponent {\r\n    title = \"Lesson 1: Strengths\";\r\n    pageTitle: string = \"Strengths | Unit 1, Lesson 1 | T-Folio\";\r\n    bannerHeader = \"Job Exploration Groundwork: Lesson 1\";\r\n\r\n    openInNewWindow(url: string) {\r\n        window.open(url, '_blank');\r\n    }\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n\r\n    LandingPageData = {\r\n        breadcrumbs: {\r\n            label: \"Lesson 1\",\r\n            crumbs: [\r\n                {\r\n                    route: \"\",\r\n                    linktext: \"T-Folio\"\r\n                },\r\n                {\r\n                    route: \"/unit-1\",\r\n                    linktext: \"Unit 1\"\r\n                }\r\n            ]\r\n        },\r\n        summary: \"In Lesson 1, students will identify their own strengths in various categories (personal, work-related, and specialty). They will complete a Strengths Assessment that can be added to the student's portfolio. The lesson facilitates self-reflection, assessment, and self-advocacy.\",\r\n        objectives: [\r\n            \"Identify strengths as it relates to job exploration.\",\r\n            \"Develop and practice self-determination skills by sharing identified personal strengths and talents.\",\r\n            \"Apply readiness methods and supports when taking strengths assessment.\",\r\n            \"Complete a strength assessment.\",\r\n        ],\r\n        buttons: [\r\n            {\r\n                route: \"/unit-1/lesson-1/guide\",\r\n                linktext: \"Lesson Guide\",\r\n                color: \"btn-success\",\r\n            },\r\n            {\r\n                route: \"/unit-1/lesson-1/strengths-assessment\",\r\n                linktext: \"Strengths Assessment\",\r\n                color: \"btn-primary\",\r\n            },\r\n            {\r\n                route: \"/img/unit-1/lesson-1/T-Folio_Unit-1_Lesson-1_Identifying-Your-Strengths.pptx\",\r\n                linktext: \"PowerPoint Presentation\",\r\n                color: \"powerpoint-button\",\r\n                window: true,\r\n            }\r\n        ],\r\n        image: \"/img/unit-1/LESSON 1_teen4.jpg\",\r\n        imgalt: \"\",\r\n        caption: \" on\",\r\n        photoLink: \"https://www.pexels.com/photo/adolescent-adult-attractive-beautiful-235485/\",\r\n        source: \"Pexels\",\r\n        sourceLink: \"https://www.pexels.com/\",\r\n        licence: \"CC0 license\",\r\n        licenceLink: \"https://www.pexels.com/photo-license/\",\r\n\r\n\r\n    }\r\n}\r\n","module.exports = \"div.row div {\\r\\n    padding-top:3px;\\r\\n    padding-bottom:3px;\\r\\n}\\r\\n\\r\\nlabel {\\r\\n    font-size: medium;\\r\\n}\\r\\n\\r\\ndiv.textarea-label {\\r\\n    margin-top: 15px;\\r\\n}\\r\\n\\r\\ndiv.top-three-label {\\r\\n    margin-top: 15px;\\r\\n    font-size: medium;\\r\\n}\\r\\n\\r\\n.checkbox-with-label {\\r\\n    display: flex;\\r\\n    align-items: center;\\r\\n}\\r\\n\\r\\n.checkbox-padded {\\r\\n    padding-right: 10px;\\r\\n}\\r\\n\\r\\n.strengths-section {\\r\\n    padding-bottom: 25px;\\r\\n}\\r\\n\\r\\n.active {\\r\\n    color: #2C3E50;\\r\\n}\\r\\n\\r\\n.editor {\\r\\n    border: 1px solid gray;\\r\\n    min-height: 75px;\\r\\n    width: 100%;\\r\\n    margin-top: 5px;\\r\\n    text-align: left;\\r\\n    font-family: Lato;\\r\\n}\\r\\n\\r\\ninput, div[contenteditable=true] {\\r\\n    font-weight: bold;\\r\\n    font-family: Lato;\\r\\n}\\r\\n\\r\\n@media print {\\r\\n    .editor, input[type=text] {\\r\\n        border: none;\\r\\n    }\\r\\n}\\r\\n\"","module.exports = \"<div class=\\\"container exercise-content\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-1']\\\">Unit 1</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-1/lesson-1']\\\">Lesson 1</a></li>\\r\\n                <li class=\\\"active\\\">{{title}}</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-1/lesson-1/\\\">Unit 1</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-1/lesson-1/guide\\\">Lesson 1</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-1/lesson-1/strengths-assessment/\\\">{{title}}</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit/lesson-1/strengths assessment'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <tfolio-heading></tfolio-heading>\\r\\n    <tfolio-page-title content=\\\"{{title}}\\\"></tfolio-page-title>\\r\\n    <tfolio-directions identifier=\\\"strengths-assessment-directions\\\" tag=\\\"Directions\\\">\\r\\n        <span>\\r\\n            Look at the list of strengths below.\\r\\n            Check all the strengths you think apply to you and include as many as you can.\\r\\n            <b>Add any others</b> you can think of in the space provided.\\r\\n        </span>\\r\\n    </tfolio-directions>\\r\\n    <div id=\\\"personalStrengths\\\" class=\\\"container-fluid strengths-section\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\"><h2>Personal Strengths</h2></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6 checkbox-with-label\\\">\\r\\n                <div class=\\\"checkbox-padded\\\"><input type=\\\"checkbox\\\" id=\\\"strengths-assessment-checkbox-01\\\" name=\\\"strengths-assessment-checkbox-01\\\" class=\\\"personal-strengths-assessment-checkbox\\\" /></div>\\r\\n                <label for=\\\"strengths-assessment-checkbox-01\\\">Honest</label>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-6 checkbox-with-label\\\">\\r\\n                <div class=\\\"checkbox-padded\\\"><input type=\\\"checkbox\\\" id=\\\"strengths-assessment-checkbox-02\\\" name=\\\"strengths-assessment-checkbox-02\\\" class=\\\"personal-strengths-assessment-checkbox\\\" /></div>\\r\\n                <label for=\\\"strengths-assessment-checkbox-02\\\">Productive</label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6 checkbox-with-label\\\">\\r\\n                <div class=\\\"checkbox-padded\\\"><input type=\\\"checkbox\\\" id=\\\"strengths-assessment-checkbox-03\\\" name=\\\"strengths-assessment-checkbox-03\\\" class=\\\"personal-strengths-assessment-checkbox\\\" /></div>\\r\\n                <label for=\\\"strengths-assessment-checkbox-03\\\">Friendly</label>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-6 checkbox-with-label\\\">\\r\\n                <div class=\\\"checkbox-padded\\\"><input type=\\\"checkbox\\\" id=\\\"strengths-assessment-checkbox-04\\\" name=\\\"strengths-assessment-checkbox-04\\\" class=\\\"personal-strengths-assessment-checkbox\\\" /></div>\\r\\n                <label for=\\\"strengths-assessment-checkbox-04\\\">Problem solver</label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6 checkbox-with-label\\\">\\r\\n                <div class=\\\"checkbox-padded\\\"><input type=\\\"checkbox\\\" id=\\\"strengths-assessment-checkbox-05\\\" name=\\\"strengths-assessment-checkbox-05\\\" class=\\\"personal-strengths-assessment-checkbox\\\" /></div>\\r\\n                <label for=\\\"strengths-assessment-checkbox-05\\\">Creative</label>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-6 checkbox-with-label\\\">\\r\\n                <div class=\\\"checkbox-padded\\\"><input type=\\\"checkbox\\\" id=\\\"strengths-assessment-checkbox-06\\\" name=\\\"strengths-assessment-checkbox-06\\\" class=\\\"personal-strengths-assessment-checkbox\\\" /></div>\\r\\n                <label for=\\\"strengths-assessment-checkbox-06\\\">Polite</label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6 checkbox-with-label\\\">\\r\\n                <div class=\\\"checkbox-padded\\\"><input type=\\\"checkbox\\\" id=\\\"strengths-assessment-checkbox-07\\\" name=\\\"strengths-assessment-checkbox-07\\\" class=\\\"personal-strengths-assessment-checkbox\\\" /></div>\\r\\n                <label for=\\\"strengths-assessment-checkbox-07\\\">Positive attitude</label>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-6 checkbox-with-label\\\">\\r\\n                <div class=\\\"checkbox-padded\\\"><input type=\\\"checkbox\\\" id=\\\"strengths-assessment-checkbox-08\\\" name=\\\"strengths-assessment-checkbox-08\\\" class=\\\"personal-strengths-assessment-checkbox\\\" /></div>\\r\\n                <label for=\\\"strengths-assessment-checkbox-08\\\">Patient</label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6 checkbox-with-label\\\">\\r\\n                <div class=\\\"checkbox-padded\\\"><input type=\\\"checkbox\\\" id=\\\"strengths-assessment-checkbox-09\\\" name=\\\"strengths-assessment-checkbox-09\\\" class=\\\"personal-strengths-assessment-checkbox\\\" /></div>\\r\\n                <label for=\\\"strengths-assessment-checkbox-09\\\">Cooperative</label>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-6 checkbox-with-label\\\">\\r\\n                <div class=\\\"checkbox-padded\\\"><input type=\\\"checkbox\\\" id=\\\"strengths-assessment-checkbox-10\\\" name=\\\"strengths-assessment-checkbox-10\\\" class=\\\"personal-strengths-assessment-checkbox\\\" /></div>\\r\\n                <label for=\\\"strengths-assessment-checkbox-10\\\">Trustworthy</label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6 checkbox-with-label\\\">\\r\\n                <div class=\\\"checkbox-padded\\\"><input type=\\\"checkbox\\\" id=\\\"strengths-assessment-checkbox-11\\\" name=\\\"strengths-assessment-checkbox-11\\\" class=\\\"personal-strengths-assessment-checkbox\\\" /></div>\\r\\n                <label for=\\\"strengths-assessment-checkbox-11\\\">Likes responsibility</label>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-6 checkbox-with-label\\\">\\r\\n                <div class=\\\"checkbox-padded\\\"><input type=\\\"checkbox\\\" id=\\\"strengths-assessment-checkbox-12\\\" name=\\\"strengths-assessment-checkbox-12\\\" class=\\\"personal-strengths-assessment-checkbox\\\" /></div>\\r\\n                <label for=\\\"strengths-assessment-checkbox-12\\\">Confident</label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6 checkbox-with-label\\\">\\r\\n                <div class=\\\"checkbox-padded\\\"><input type=\\\"checkbox\\\" id=\\\"strengths-assessment-checkbox-13\\\" name=\\\"strengths-assessment-checkbox-13\\\" class=\\\"personal-strengths-assessment-checkbox\\\" /></div>\\r\\n                <label for=\\\"strengths-assessment-checkbox-13\\\">Neat appearance</label>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-6 checkbox-with-label\\\">\\r\\n                <div class=\\\"checkbox-padded\\\"><input type=\\\"checkbox\\\" id=\\\"strengths-assessment-checkbox-14\\\" name=\\\"strengths-assessment-checkbox-14\\\" class=\\\"personal-strengths-assessment-checkbox\\\" /></div>\\r\\n                <label for=\\\"strengths-assessment-checkbox-14\\\">Accurate, quality work</label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6 checkbox-with-label\\\">\\r\\n                <div class=\\\"checkbox-padded\\\"><input type=\\\"checkbox\\\" id=\\\"strengths-assessment-checkbox-15\\\" name=\\\"strengths-assessment-checkbox-15\\\" class=\\\"personal-strengths-assessment-checkbox\\\" /></div>\\r\\n                <label for=\\\"strengths-assessment-checkbox-15\\\">Willing to learn</label>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-6 checkbox-with-label\\\">\\r\\n                <div class=\\\"checkbox-padded\\\"><input type=\\\"checkbox\\\" id=\\\"strengths-assessment-checkbox-16\\\" name=\\\"strengths-assessment-checkbox-16\\\" class=\\\"personal-strengths-assessment-checkbox\\\" /></div>\\r\\n                <label for=\\\"strengths-assessment-checkbox-16\\\">Good listener</label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6 checkbox-with-label\\\">\\r\\n                <div class=\\\"checkbox-padded\\\"><input type=\\\"checkbox\\\" id=\\\"strengths-assessment-checkbox-17\\\" name=\\\"strengths-assessment-checkbox-17\\\" class=\\\"personal-strengths-assessment-checkbox\\\" /></div>\\r\\n                <label for=\\\"strengths-assessment-checkbox-17\\\">Works well under pressure</label>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-6 checkbox-with-label\\\">\\r\\n                <div class=\\\"checkbox-padded\\\"><input type=\\\"checkbox\\\" id=\\\"strengths-assessment-checkbox-18\\\" name=\\\"strengths-assessment-checkbox-18\\\" class=\\\"personal-strengths-assessment-checkbox\\\" /></div>\\r\\n                <label for=\\\"strengths-assessment-checkbox-18\\\">Rarely gets angry</label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6 checkbox-with-label\\\">\\r\\n                <div class=\\\"checkbox-padded\\\"><input type=\\\"checkbox\\\" id=\\\"strengths-assessment-checkbox-19\\\" name=\\\"strengths-assessment-checkbox-19\\\" class=\\\"personal-strengths-assessment-checkbox\\\" /></div>\\r\\n                <label for=\\\"strengths-assessment-checkbox-19\\\">Follows directions</label>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-6 checkbox-with-label\\\">\\r\\n                <div class=\\\"checkbox-padded\\\"><input type=\\\"checkbox\\\" id=\\\"strengths-assessment-checkbox-20\\\" name=\\\"strengths-assessment-checkbox-20\\\" class=\\\"personal-strengths-assessment-checkbox\\\" /></div>\\r\\n                <label for=\\\"strengths-assessment-checkbox-20\\\">Learns quickly</label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6 checkbox-with-label\\\">\\r\\n                <div class=\\\"checkbox-padded\\\"><input type=\\\"checkbox\\\" id=\\\"strengths-assessment-checkbox-21\\\" name=\\\"strengths-assessment-checkbox-21\\\" class=\\\"personal-strengths-assessment-checkbox\\\" /></div>\\r\\n                <label for=\\\"strengths-assessment-checkbox-21\\\">Flexible</label>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-6 checkbox-with-label\\\">\\r\\n                <div class=\\\"checkbox-padded\\\"><input type=\\\"checkbox\\\" id=\\\"strengths-assessment-checkbox-22\\\" name=\\\"strengths-assessment-checkbox-22\\\" class=\\\"personal-strengths-assessment-checkbox\\\" /></div>\\r\\n                <label for=\\\"strengths-assessment-checkbox-22\\\">High attention to detail</label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <button (click)=\\\"clearAllPersonalStrengthBoxes($event);\\\">Clear</button>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12  textarea-label\\\">\\r\\n                <label for=\\\"strengths-assessment-textarea-01\\\">Use this section to add your other <b> personal strengths:</b></label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-9\\\">\\r\\n                <div contenteditable=\\\"true\\\" class=\\\"editor\\\"><b></b></div>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-3\\\"></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <div id=\\\"personal-strengths-label\\\" class=\\\"top-three-label\\\">Review the strengths you have noted and/or added above. What are the<b> top three</b> strengths that represent you?</div>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-1\\\">\\r\\n                <label for=\\\"strengths-assessment-textbox-01\\\">1.</label>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-8\\\">\\r\\n                <input type=\\\"text\\\" id=\\\"strengths-assessment-textbox-01\\\" name=\\\"strengths-assessment-textbox-01\\\" aria-labelledby=\\\"personal-strengths-label\\\" />\\r\\n            </div>\\r\\n            <div class=\\\"col-md-3\\\"></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-1\\\">\\r\\n                <label for=\\\"strengths-assessment-textbox-02\\\">2.</label>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-8\\\">\\r\\n                <input type=\\\"text\\\" id=\\\"strengths-assessment-textbox-02\\\" name=\\\"strengths-assessment-textbox-02\\\" aria-labelledby=\\\"personal-strengths-label\\\" />\\r\\n            </div>\\r\\n            <div class=\\\"col-md-3\\\"></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-1\\\">\\r\\n                <label for=\\\"strengths-assessment-textbox-03\\\">3.</label>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-8\\\">\\r\\n                <input type=\\\"text\\\" id=\\\"strengths-assessment-textbox-03\\\" name=\\\"strengths-assessment-textbox-03\\\" aria-labelledby=\\\"personal-strengths-label\\\" />\\r\\n            </div>\\r\\n            <div class=\\\"col-md-3\\\"></div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div id=\\\"workRelatedStrengths\\\" class=\\\"container-fluid strengths-section\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\"><h2>Work-Related Strengths</h2></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6 checkbox-with-label\\\">\\r\\n                <div class=\\\"checkbox-padded\\\"><input type=\\\"checkbox\\\" id=\\\"strengths-assessment-checkbox-23\\\" name=\\\"strengths-assessment-checkbox-23\\\" class=\\\"work-strengths-assessment-checkbox\\\" /></div>\\r\\n                <label for=\\\"strengths-assessment-checkbox-23\\\">Organized</label>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-6 checkbox-with-label\\\">\\r\\n                <div class=\\\"checkbox-padded\\\"><input type=\\\"checkbox\\\" id=\\\"strengths-assessment-checkbox-24\\\" name=\\\"strengths-assessment-checkbox-24\\\" class=\\\"work-strengths-assessment-checkbox\\\" /></div>\\r\\n                <label for=\\\"strengths-assessment-checkbox-24\\\">Punctual (on time)</label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6 checkbox-with-label\\\">\\r\\n                <div class=\\\"checkbox-padded\\\"><input type=\\\"checkbox\\\" id=\\\"strengths-assessment-checkbox-25\\\" name=\\\"strengths-assessment-checkbox-25\\\" class=\\\"work-strengths-assessment-checkbox\\\" /></div>\\r\\n                <label for=\\\"strengths-assessment-checkbox-25\\\">Dependable</label>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-6 checkbox-with-label\\\">\\r\\n                <div class=\\\"checkbox-padded\\\"><input type=\\\"checkbox\\\" id=\\\"strengths-assessment-checkbox-26\\\" name=\\\"strengths-assessment-checkbox-26\\\" class=\\\"work-strengths-assessment-checkbox\\\" /></div>\\r\\n                <label for=\\\"strengths-assessment-checkbox-26\\\">Works hard</label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6 checkbox-with-label\\\">\\r\\n                <div class=\\\"checkbox-padded\\\"><input type=\\\"checkbox\\\" id=\\\"strengths-assessment-checkbox-27\\\" name=\\\"strengths-assessment-checkbox-27\\\" class=\\\"work-strengths-assessment-checkbox\\\" /></div>\\r\\n                <label for=\\\"strengths-assessment-checkbox-27\\\">Completes tasks on time and accurately</label>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-6 checkbox-with-label\\\">\\r\\n                <div class=\\\"checkbox-padded\\\"><input type=\\\"checkbox\\\" id=\\\"strengths-assessment-checkbox-28\\\" name=\\\"strengths-assessment-checkbox-28\\\" class=\\\"work-strengths-assessment-checkbox\\\" /></div>\\r\\n                <label for=\\\"strengths-assessment-checkbox-28\\\">Seeks out information to improve skills</label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6 checkbox-with-label\\\">\\r\\n                <div class=\\\"checkbox-padded\\\"><input type=\\\"checkbox\\\" id=\\\"strengths-assessment-checkbox-29\\\" name=\\\"strengths-assessment-checkbox-29\\\" class=\\\"work-strengths-assessment-checkbox\\\" /></div>\\r\\n                <label for=\\\"strengths-assessment-checkbox-29\\\">Flexible and adaptable</label>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-6 checkbox-with-label\\\">\\r\\n                <div class=\\\"checkbox-padded\\\"><input type=\\\"checkbox\\\" id=\\\"strengths-assessment-checkbox-30\\\" name=\\\"strengths-assessment-checkbox-30\\\" class=\\\"work-strengths-assessment-checkbox\\\" /></div>\\r\\n                <label for=\\\"strengths-assessment-checkbox-30\\\">Completes all tasks, even if unpleasant</label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6 checkbox-with-label\\\">\\r\\n                <div class=\\\"checkbox-padded\\\"><input type=\\\"checkbox\\\" id=\\\"strengths-assessment-checkbox-31\\\" name=\\\"strengths-assessment-checkbox-31\\\" class=\\\"work-strengths-assessment-checkbox\\\" /></div>\\r\\n                <label for=\\\"strengths-assessment-checkbox-31\\\">Neat work habits</label>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-6 checkbox-with-label\\\">\\r\\n                <div class=\\\"checkbox-padded\\\"><input type=\\\"checkbox\\\" id=\\\"strengths-assessment-checkbox-32\\\" name=\\\"strengths-assessment-checkbox-32\\\" class=\\\"work-strengths-assessment-checkbox\\\" /></div>\\r\\n                <label for=\\\"strengths-assessment-checkbox-32\\\">Can work without constant supervision</label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6 checkbox-with-label\\\">\\r\\n                <div class=\\\"checkbox-padded\\\"><input type=\\\"checkbox\\\" id=\\\"strengths-assessment-checkbox-33\\\" name=\\\"strengths-assessment-checkbox-33\\\" class=\\\"work-strengths-assessment-checkbox\\\" /></div>\\r\\n                <label for=\\\"strengths-assessment-checkbox-33\\\">Works well with others</label>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-6 checkbox-with-label\\\">\\r\\n                <div class=\\\"checkbox-padded\\\"><input type=\\\"checkbox\\\" id=\\\"strengths-assessment-checkbox-34\\\" name=\\\"strengths-assessment-checkbox-34\\\" class=\\\"work-strengths-assessment-checkbox\\\" /></div>\\r\\n                <label for=\\\"strengths-assessment-checkbox-34\\\">Accepts change</label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6 checkbox-with-label\\\">\\r\\n                <div class=\\\"checkbox-padded\\\"><input type=\\\"checkbox\\\" id=\\\"strengths-assessment-checkbox-35\\\" name=\\\"strengths-assessment-checkbox-35\\\" class=\\\"work-strengths-assessment-checkbox\\\" /></div>\\r\\n                <label for=\\\"strengths-assessment-checkbox-35\\\">Willing to start, stop, and switch duties</label>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-6 checkbox-with-label\\\">\\r\\n                <div class=\\\"checkbox-padded\\\"><input type=\\\"checkbox\\\" id=\\\"strengths-assessment-checkbox-36\\\" name=\\\"strengths-assessment-checkbox-36\\\" class=\\\"work-strengths-assessment-checkbox\\\" /></div>\\r\\n                <label for=\\\"strengths-assessment-checkbox-36\\\">Works calmly in busy environments</label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6 checkbox-with-label\\\">\\r\\n                <div class=\\\"checkbox-padded\\\"><input type=\\\"checkbox\\\" id=\\\"strengths-assessment-checkbox-37\\\" name=\\\"strengths-assessment-checkbox-37\\\" class=\\\"work-strengths-assessment-checkbox\\\" /></div>\\r\\n                <label for=\\\"strengths-assessment-checkbox-37\\\">Starts tasks without prompting</label>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-6 checkbox-with-label\\\">\\r\\n                <div class=\\\"checkbox-padded\\\"><input type=\\\"checkbox\\\" id=\\\"strengths-assessment-checkbox-38\\\" name=\\\"strengths-assessment-checkbox-38\\\" class=\\\"work-strengths-assessment-checkbox\\\" /></div>\\r\\n                <label for=\\\"strengths-assessment-checkbox-38\\\">Asks questions to solve problems to do a task better</label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6 checkbox-with-label\\\">\\r\\n                <div class=\\\"checkbox-padded\\\"><input type=\\\"checkbox\\\" id=\\\"strengths-assessment-checkbox-39\\\" name=\\\"strengths-assessment-checkbox-39\\\" class=\\\"work-strengths-assessment-checkbox\\\" /></div>\\r\\n                <label for=\\\"strengths-assessment-checkbox-39\\\">Takes responsibility for own share of work</label>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-6 checkbox-with-label\\\">\\r\\n                <div class=\\\"checkbox-padded\\\"><input type=\\\"checkbox\\\" id=\\\"strengths-assessment-checkbox-40\\\" name=\\\"strengths-assessment-checkbox-40\\\" class=\\\"work-strengths-assessment-checkbox\\\" /></div>\\r\\n                <label for=\\\"strengths-assessment-checkbox-40\\\">Listens, understands, and asks questions</label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6 checkbox-with-label\\\">\\r\\n                <div class=\\\"checkbox-padded\\\"><input type=\\\"checkbox\\\" id=\\\"strengths-assessment-checkbox-41\\\" name=\\\"strengths-assessment-checkbox-41\\\" class=\\\"work-strengths-assessment-checkbox\\\" /></div>\\r\\n                <label for=\\\"strengths-assessment-checkbox-41\\\">Follows directions</label>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-6 checkbox-with-label\\\">\\r\\n                <div class=\\\"checkbox-padded\\\"><input type=\\\"checkbox\\\" id=\\\"strengths-assessment-checkbox-42\\\" name=\\\"strengths-assessment-checkbox-42\\\" class=\\\"work-strengths-assessment-checkbox\\\" /></div>\\r\\n                <label for=\\\"strengths-assessment-checkbox-42\\\">Attention to detail</label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12 checkbox-with-label\\\">\\r\\n                <div class=\\\"checkbox-padded\\\"><input type=\\\"checkbox\\\" id=\\\"strengths-assessment-checkbox-43\\\" name=\\\"strengths-assessment-checkbox-43\\\" class=\\\"work-strengths-assessment-checkbox\\\" /></div>\\r\\n                <label for=\\\"strengths-assessment-checkbox-43\\\">Communicates thoughts clearly</label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <button (click)=\\\"clearAllWorkStrengthBoxes($event);\\\">Clear</button>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12 textarea-label\\\">\\r\\n                <label for=\\\"strengths-assessment-textarea-02\\\">Use this section to add your other <b>work-related strengths</b>:</label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-9\\\">\\r\\n                <div contenteditable=\\\"true\\\" class=\\\"editor\\\"><b></b></div>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-3\\\"></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <div id=\\\"work-strengths-label\\\" class=\\\"top-three-label\\\">Review the strengths you have noted and/or added above. What are the <b>top three</b> strengths that represent you?</div>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-1\\\">\\r\\n                <label for=\\\"strengths-assessment-textbox-04\\\">1.</label>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-8\\\">\\r\\n                <input type=\\\"text\\\" id=\\\"strengths-assessment-textbox-04\\\" name=\\\"strengths-assessment-textbox-04\\\" aria-labelledby=\\\"work-strengths-label\\\" />\\r\\n            </div>\\r\\n            <div class=\\\"col-md-3\\\"></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-1\\\">\\r\\n                <label for=\\\"strengths-assessment-textbox-05\\\">2.</label>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-8\\\">\\r\\n                <input type=\\\"text\\\" id=\\\"strengths-assessment-textbox-05\\\" name=\\\"strengths-assessment-textbox-05\\\" aria-labelledby=\\\"work-strengths-label\\\" />\\r\\n            </div>\\r\\n            <div class=\\\"col-md-3\\\"></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-1\\\">\\r\\n                <label for=\\\"strengths-assessment-textbox-06\\\">3.</label>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-8\\\">\\r\\n                <input type=\\\"text\\\" id=\\\"strengths-assessment-textbox-06\\\" name=\\\"strengths-assessment-textbox-06\\\" aria-labelledby=\\\"work-strengths-label\\\" />\\r\\n            </div>\\r\\n            <div class=\\\"col-md-3\\\"></div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div id=\\\"specialtyStrengths\\\" class=\\\"container-fluid strengths-section\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\"><h2>Specialty Strengths</h2></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6 checkbox-with-label\\\">\\r\\n                <div class=\\\"checkbox-padded\\\"><input type=\\\"checkbox\\\" id=\\\"strengths-assessment-checkbox-44\\\" name=\\\"strengths-assessment-checkbox-44\\\" class=\\\"speciality-strengths-assessment-checkbox\\\" /></div>\\r\\n                <label for=\\\"strengths-assessment-checkbox-44\\\">Computer programming</label>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-6 checkbox-with-label\\\">\\r\\n                <div class=\\\"checkbox-padded\\\"><input type=\\\"checkbox\\\" id=\\\"strengths-assessment-checkbox-45\\\" name=\\\"strengths-assessment-checkbox-45\\\" class=\\\"speciality-strengths-assessment-checkbox\\\" /></div>\\r\\n                <label for=\\\"strengths-assessment-checkbox-45\\\">Using computer applications: Word doc, Excel, spreadsheets, PowerPoints</label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6 checkbox-with-label\\\">\\r\\n                <div class=\\\"checkbox-padded\\\"><input type=\\\"checkbox\\\" id=\\\"strengths-assessment-checkbox-46\\\" name=\\\"strengths-assessment-checkbox-46\\\" class=\\\"speciality-strengths-assessment-checkbox\\\" /></div>\\r\\n                <label for=\\\"strengths-assessment-checkbox-46\\\">Gaming</label>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-6 checkbox-with-label\\\">\\r\\n                <div class=\\\"checkbox-padded\\\"><input type=\\\"checkbox\\\" id=\\\"strengths-assessment-checkbox-47\\\" name=\\\"strengths-assessment-checkbox-47\\\" class=\\\"speciality-strengths-assessment-checkbox\\\" /></div>\\r\\n                <label for=\\\"strengths-assessment-checkbox-47\\\">Teaching/instructing/training others</label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6 checkbox-with-label\\\">\\r\\n                <div class=\\\"checkbox-padded\\\"><input type=\\\"checkbox\\\" id=\\\"strengths-assessment-checkbox-48\\\" name=\\\"strengths-assessment-checkbox-48\\\" class=\\\"speciality-strengths-assessment-checkbox\\\" /></div>\\r\\n                <label for=\\\"strengths-assessment-checkbox-48\\\">Reading and following technical manuals</label>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-6 checkbox-with-label\\\">\\r\\n                <div class=\\\"checkbox-padded\\\"><input type=\\\"checkbox\\\" id=\\\"strengths-assessment-checkbox-49\\\" name=\\\"strengths-assessment-checkbox-49\\\" class=\\\"speciality-strengths-assessment-checkbox\\\" /></div>\\r\\n                <label for=\\\"strengths-assessment-checkbox-49\\\">Repairing equipment</label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6 checkbox-with-label\\\">\\r\\n                <div class=\\\"checkbox-padded\\\"><input type=\\\"checkbox\\\" id=\\\"strengths-assessment-checkbox-50\\\" name=\\\"strengths-assessment-checkbox-50\\\" class=\\\"speciality-strengths-assessment-checkbox\\\" /></div>\\r\\n                <label for=\\\"strengths-assessment-checkbox-50\\\">Assembling</label>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-6 checkbox-with-label\\\">\\r\\n                <div class=\\\"checkbox-padded\\\"><input type=\\\"checkbox\\\" id=\\\"strengths-assessment-checkbox-51\\\" name=\\\"strengths-assessment-checkbox-51\\\" class=\\\"speciality-strengths-assessment-checkbox\\\" /></div>\\r\\n                <label for=\\\"strengths-assessment-checkbox-51\\\">Fixing things</label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6 checkbox-with-label\\\">\\r\\n                <div class=\\\"checkbox-padded\\\"><input type=\\\"checkbox\\\" id=\\\"strengths-assessment-checkbox-52\\\" name=\\\"strengths-assessment-checkbox-52\\\" class=\\\"speciality-strengths-assessment-checkbox\\\" /></div>\\r\\n                <label for=\\\"strengths-assessment-checkbox-52\\\">Cooking expertise</label>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-6 checkbox-with-label\\\">\\r\\n                <div class=\\\"checkbox-padded\\\"><input type=\\\"checkbox\\\" id=\\\"strengths-assessment-checkbox-53\\\" name=\\\"strengths-assessment-checkbox-53\\\" class=\\\"speciality-strengths-assessment-checkbox\\\" /></div>\\r\\n                <label for=\\\"strengths-assessment-checkbox-53\\\">Taking care of animals</label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6 checkbox-with-label\\\">\\r\\n                <div class=\\\"checkbox-padded\\\"><input type=\\\"checkbox\\\" id=\\\"strengths-assessment-checkbox-54\\\" name=\\\"strengths-assessment-checkbox-54\\\" class=\\\"speciality-strengths-assessment-checkbox\\\" /></div>\\r\\n                <label for=\\\"strengths-assessment-checkbox-54\\\">Working with children</label>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-6 checkbox-with-label\\\">\\r\\n                <div class=\\\"checkbox-padded\\\"><input type=\\\"checkbox\\\" id=\\\"strengths-assessment-checkbox-55\\\" name=\\\"strengths-assessment-checkbox-55\\\" class=\\\"speciality-strengths-assessment-checkbox\\\" /></div>\\r\\n                <label for=\\\"strengths-assessment-checkbox-55\\\">Working with the elderly</label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6 checkbox-with-label\\\">\\r\\n                <div class=\\\"checkbox-padded\\\"><input type=\\\"checkbox\\\" id=\\\"strengths-assessment-checkbox-56\\\" name=\\\"strengths-assessment-checkbox-56\\\" class=\\\"speciality-strengths-assessment-checkbox\\\" /></div>\\r\\n                <label for=\\\"strengths-assessment-checkbox-56\\\">Good memory for words, pictures or numbers</label>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-6 checkbox-with-label\\\">\\r\\n                <div class=\\\"checkbox-padded\\\"><input type=\\\"checkbox\\\" id=\\\"strengths-assessment-checkbox-57\\\" name=\\\"strengths-assessment-checkbox-57\\\" class=\\\"speciality-strengths-assessment-checkbox\\\" /></div>\\r\\n                <label for=\\\"strengths-assessment-checkbox-57\\\">Math</label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6 checkbox-with-label\\\">\\r\\n                <div class=\\\"checkbox-padded\\\"><input type=\\\"checkbox\\\" id=\\\"strengths-assessment-checkbox-58\\\" name=\\\"strengths-assessment-checkbox-58\\\" class=\\\"speciality-strengths-assessment-checkbox\\\" /></div>\\r\\n                <label for=\\\"strengths-assessment-checkbox-58\\\">Expressing ideas orally to individuals or groups</label>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-6 checkbox-with-label\\\">\\r\\n                <div class=\\\"checkbox-padded\\\"><input type=\\\"checkbox\\\" id=\\\"strengths-assessment-checkbox-59\\\" name=\\\"strengths-assessment-checkbox-59\\\" class=\\\"speciality-strengths-assessment-checkbox\\\" /></div>\\r\\n                <label for=\\\"strengths-assessment-checkbox-59\\\">Preparing written communications</label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6 checkbox-with-label\\\">\\r\\n                <div class=\\\"checkbox-padded\\\"><input type=\\\"checkbox\\\" id=\\\"strengths-assessment-checkbox-60\\\" name=\\\"strengths-assessment-checkbox-60\\\" class=\\\"speciality-strengths-assessment-checkbox\\\" /></div>\\r\\n                <label for=\\\"strengths-assessment-checkbox-60\\\">Counseling/consulting people</label>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-6 checkbox-with-label\\\">\\r\\n                <div class=\\\"checkbox-padded\\\"><input type=\\\"checkbox\\\" id=\\\"strengths-assessment-checkbox-61\\\" name=\\\"strengths-assessment-checkbox-61\\\" class=\\\"speciality-strengths-assessment-checkbox\\\" /></div>\\r\\n                <label for=\\\"strengths-assessment-checkbox-61\\\">Constructing things</label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <button (click)=\\\"clearAllSpecialityStrengthBoxes($event);\\\">Clear</button>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12 textarea-label\\\">\\r\\n                <label for=\\\"strengths-assessment-textarea-03\\\">Use this section to add your other <b>specialty strengths</b>:</label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-9\\\">\\r\\n                <div contenteditable=\\\"true\\\" class=\\\"editor\\\"><b></b></div>\\r\\n                <!--<textarea id=\\\"strengths-assessment-textarea-03\\\" name=\\\"strengths-assessment-textarea-03\\\" rows=\\\"4\\\"></textarea>-->\\r\\n            </div>\\r\\n            <div class=\\\"col-md-3\\\"></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <div id=\\\"specialty-strengths-label\\\" class=\\\"top-three-label\\\">Review the strengths you have noted and/or added above. What are the <b>top three</b> strengths that represent you?</div>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-1\\\">\\r\\n                <label for=\\\"strengths-assessment-textbox-07\\\">1.</label>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-8\\\">\\r\\n                <input type=\\\"text\\\" id=\\\"strengths-assessment-textbox-07\\\" name=\\\"strengths-assessment-textbox-07\\\" aria-labelledby=\\\"specialty-strengths-label\\\" />\\r\\n            </div>\\r\\n            <div class=\\\"col-md-3\\\"></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-1\\\">\\r\\n                <label for=\\\"strengths-assessment-textbox-08\\\">2.</label>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-8\\\">\\r\\n                <input type=\\\"text\\\" id=\\\"strengths-assessment-textbox-08\\\" name=\\\"strengths-assessment-textbox-08\\\" aria-labelledby=\\\"specialty-strengths-label\\\" />\\r\\n            </div>\\r\\n            <div class=\\\"col-md-3\\\"></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-1\\\">\\r\\n                <label for=\\\"strengths-assessment-textbox-09\\\">3.</label>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-8\\\">\\r\\n                <input type=\\\"text\\\" id=\\\"strengths-assessment-textbox-09\\\" name=\\\"strengths-assessment-textbox-09\\\" aria-labelledby=\\\"specialty-strengths-label\\\" />\\r\\n            </div>\\r\\n            <div class=\\\"col-md-3\\\"></div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-1/lesson-1/strengths assessment'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\\r\\n\"","import { Component} from \"@angular/core\";\r\nimport { Title } from '@angular/platform-browser';\r\n\r\ndeclare let $;\r\n\r\n@Component({\r\n    selector: 'strengths-assessment',\r\n    templateUrl: './strengths-assessment.component.html',\r\n    styleUrls: ['./strengths-assessment.component.css']\r\n})\r\n\r\nexport class UnitOneLessonOneStrengthsAssessmentComponent {\r\n\r\n    title: string = \"Strengths Assessment\";\r\n    pageTitle: string = this.title + \" | Unit 1, Lesson 1 | T-Folio\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n \r\n    clearAllPersonalStrengthBoxes(event: any) {\r\n        $(\".personal-strengths-assessment-checkbox\").prop(\"checked\", false);\r\n    }\r\n\r\n    clearAllWorkStrengthBoxes(event: any) {\r\n        $(\".work-strengths-assessment-checkbox\").prop(\"checked\", false);\r\n    }\r\n\r\n    clearAllSpecialityStrengthBoxes(event: any) {\r\n        $(\".speciality-strengths-assessment-checkbox\").prop(\"checked\", false);\r\n    }\r\n}\r\n","module.exports = \"h1 {\\r\\n    font-size: x-large;\\r\\n    font-weight: bold;\\r\\n    padding: 0px;\\r\\n    text-align: left;\\r\\n    margin-bottom: 0px;\\r\\n    margin-top: 25px;\\r\\n    font-family: Rockwell;\\r\\n    font-size: 30px;\\r\\n}\\r\\n\\r\\nh2 {\\r\\n    font-size: x-large;\\r\\n    font-weight: bold;\\r\\n    margin-top: 25px;\\r\\n    margin-bottom: 5px;\\r\\n}\\r\\n\\r\\nli {\\r\\n    margin-top: 5px;\\r\\n    margin-bottom: 5px;\\r\\n}\\r\\n\\r\\nbutton {\\r\\n    color: black;\\r\\n    border-radius: 5px;\\r\\n    border: 2px solid black;\\r\\n    background-color: white;\\r\\n    float: right;\\r\\n    font-size: 15px;\\r\\n}\\r\\n\\r\\n.bordered-outer {\\r\\n    border: 1px solid black;\\r\\n}\\r\\n\\r\\n.bordered {\\r\\n    border: 1px solid black;\\r\\n    padding: 15px;\\r\\n}\\r\\n\\r\\n.container.header {\\r\\n    margin-top: 15px;\\r\\n    border-top: solid 1px;\\r\\n    border-bottom: solid 1px;\\r\\n    overflow: hidden;\\r\\n    clear: right;\\r\\n    float: left;\\r\\n    width: 100%;\\r\\n}\\r\\n\\r\\n.subtitle {\\r\\n    font-family: Rockwell;\\r\\n    margin-top: 5px;\\r\\n    margin-bottom: 5px;\\r\\n    float: left;\\r\\n}\\r\\n\\r\\ndiv.row.header {\\r\\n    margin-bottom: 15px;\\r\\n}\\r\\n\\r\\ncontainer.exercise-content.guide {\\r\\n    font-family: Arial;\\r\\n    padding-right: 20px;\\r\\n}\\r\\n\\r\\n.col-md-12.crumbs {\\r\\n    font-size: 11px;\\r\\n}\\r\\n\\r\\ndiv.container.objectives {\\r\\n    margin-top: 50px;\\r\\n}\\r\\n\\r\\ndiv.container.box {\\r\\n    border: 1px solid;\\r\\n    width: 250px;\\r\\n    float: right;\\r\\n}\\r\\n\\r\\ndiv.container.activity {\\r\\n    margin-top: 20px;\\r\\n}\\r\\n\\r\\n.active {\\r\\n    color: #2C3E50;\\r\\n}\"","module.exports = \"<div class=\\\"container exercise-content guide\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-1']\\\">Unit 1</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-1/lesson-2']\\\">Lesson 2</a></li>\\r\\n                <li class=\\\"active\\\">Lesson Guide</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-1/\\\">Unit 1</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-1/lesson-2/\\\">Lesson 2</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-1/lesson-2/guide/\\\">Lesson Guide</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-1/lesson-2/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n        <div class=\\\"col-md-12\\\"><h1>{{title}}</h1></div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-9\\\">\\r\\n            <h2 class=\\\"subtitle\\\">{{subtitle}}</h2>\\r\\n            <br />\\r\\n            <br />\\r\\n            <p>\\r\\n                This lesson helps students to identify their own preferences in a work setting and encourages voicing one's preferences in all areas of life.\\r\\n                After completing a Preferences Assessment, students will begin to connect their preferences to different employment conditions and opportunities.\\r\\n            </p>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-3 box\\\" style=\\\"border:1px solid black;\\\">\\r\\n            <i class=\\\"fa fa-folder-open\\\" aria-hidden=\\\"true\\\"></i>\\r\\n            <b>Item to be added to student's Transition Portfolio:</b>\\r\\n            <ul class=\\\"hidden-print\\\">\\r\\n                <li><a [routerLink]=\\\"['/unit-1/lesson-2/preferences-assessment']\\\">Preferences Assessment</a></li>\\r\\n            </ul>\\r\\n            <ul class=\\\"visible-print-block\\\">\\r\\n                <li><a href=\\\"https://cctstfolio.com/#/unit-1/lesson-2/preferences-assessment\\\">Preferences Assessment</a></li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n            <h2>Lesson Objectives</h2>\\r\\n            <b>Participants will:</b>\\r\\n            <ol>\\r\\n                <li>Explore and identify personal preferences as they relate to work environments.</li>\\r\\n                <li>Identify possible jobs that match stated preferences.</li>\\r\\n                <li>Analyze and compare common preference features of identified jobs.</li>\\r\\n                <li>Apply readiness methods and supports when taking preferences assessment.</li>\\r\\n                <li>Complete a preferences assessment.</li>\\r\\n            </ol>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <h2>Facilitator Notes</h2>\\r\\n                <div>\\r\\n                    <ul>\\r\\n                        <li>A way to differentiate between <b>interests</b> and <b>preferences</b>: \\\"When we are presented with different interests and asked to select one, the response is called a <i>choice</i>. When choice responses are reliably repeated, we call them <i>preferences</i>\\\" (Lohrman-O’Rourke & Gomez, 2001).</li>\\r\\n                        <li>Be prepared to provide minimal guidance (i.e. through questioning) to students as they apply their assessment readiness supports before taking the assessment.</li>\\r\\n                        <li>\\r\\n                            A PowerPoint is included with this lesson and can be used as part of a presentation or for your information. It is recommended that you review the PowerPoint (including the Notes section) prior to using the lesson. It can be accessed in either PowerPoint or as a PDF:\\r\\n                            <ul>\\r\\n                                <li><a href=\\\"/img/unit-1/lesson-2/T-Folio_Unit-1_Lesson-2_Preferences.pptx\\\">PowerPoint: \\\"Preferences\\\"</a></li>\\r\\n                                <li><a href=\\\"/img/unit-1/lesson-2/T-Folio_Unit-1_Lesson-2_Preferences.pdf\\\" target=\\\"_blank\\\">PDF: \\\"Preferences\\\"</a></li>\\r\\n                            </ul>\\r\\n                        </li>\\r\\n                    </ul>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container keep-together\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <div><h2>Introduction</h2></div>\\r\\n                <div><b>Warm-up:</b></div>\\r\\n                <div>\\r\\n                    <b>Ask:</b> Would you rather:\\r\\n                    <ul>\\r\\n                        <li>Watch a superhero movie or a funny movie?</li>\\r\\n                        <li>Own an expensive and fancy car or a reliable car?\\r\\n                        <li>Have a pet cat or a pet dog? Or no pets?</li>\\r\\n                        <li>Wear fashionable clothes or wear comfortable clothes?</li>\\r\\n                    </ul>\\r\\n                    <b>Follow-up questions:</b>\\r\\n                    <ul>\\r\\n                        <li>Do you think everyone has the same answers to the above questions? Why or why not?</li>\\r\\n                        <li>Why do you think people should know their own preferences?</li>\\r\\n                        <li>What might happen as a result of not voicing your preferences?</li>\\r\\n                    </ul>\\r\\n                    <div>\\r\\n                        <div><b>Say:</b> Different people prefer different things. There is no best flavor of ice cream, because different people have different favorite flavors, and some people don't like ice cream at all!</div>\\r\\n                        <br/>\\r\\n                        <div>Ask students to come up with preference differences to generate engagement and to check for understanding.</div>\\r\\n                        <br/>\\r\\n                        <div><b>Say</b>: In this lesson, we are going to take a look at our own preferences. You will decide which things you would like in a job or in your life. After that, you will think about your preferences and what you might look for in your career and lifestyle goals.</div>\\r\\n                    </div>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12 keep-together\\\">\\r\\n            <h2>Activity</h2>\\r\\n            <div>\\r\\n                <b>Say:</b>\\r\\n                You will be exploring your preferences in this next activity.\\r\\n                Please use the next three minutes to prepare yourself.\\r\\n                <i>Facilitator is observing and/or using guided questions for those students who need support</i>.\\r\\n                Next, look at the <a [routerLink]=\\\"['/unit-1/lesson-2/preferences-assessment']\\\">Preferences Assessment</a>.\\r\\n            </div>\\r\\n            <ul>\\r\\n                <li>There are five sections with different types of preferences. What are they? Do each section one at a time.</li>\\r\\n                <li>For each section, read all of the options and put a checkmark next to all the options that you prefer. (You can pick as many as you want.)</li>\\r\\n                <li>At the end of each section, respond to the question completely and thoughtfully.</li>\\r\\n            </ul>\\r\\n            <div>\\r\\n                Be honest in your preferences! Think about what makes you happy and what helps you be the best you can be.\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Debrief and Guiding Questions</h2>\\r\\n            <ul>\\r\\n                <li>Make a list of jobs that you thought about while completing the Preferences Assessment activity.</li>\\r\\n                <li>What do those jobs have in common with each other?</li>\\r\\n                <li>Are there other jobs that are related?</li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2 id=\\\"careersearch\\\">Additional Resources</h2>\\r\\n            <div>\\r\\n                <ul style=\\\"list-style:url('/img/arrow.png');\\\">\\r\\n                    <li><a href=\\\"http://www.careerbridge.wa.gov/Home_ExploreCareers.aspx\\\" target=\\\"_blank\\\">Washington Career Bridge</a> has a number of great tools for exploring careers.</li>\\r\\n                    <li>Lohrman-O’Rourke, S., & Gomez, O. (2001). <a href=\\\"http://tandfonline.com/doi/abs/10.1207/S15327035EX0903_6\\\" target=\\\"_blank\\\">Integrating preference assessment within the transition process to create meaningful school-to-life outcomes.</a> <i>Exceptionality, 9</i>, 157-74. doi: 10.1207/S15327035EX0903_6</li>\\r\\n                </ul>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Considerations for Accommodation</h2>\\r\\n            <div>Consider accommodations such as: reading assessment to student, reviewing key terms.</div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Up Next</h2>\\r\\n            <div>\\r\\n                In the next lesson, students will connect these preferences to <b>interests</b>, looking more closely at jobs and careers that they might like, and why they would like them.\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-1/lesson-2/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from '@angular/platform-browser';\r\n\r\n@Component({\r\n    selector: 'unit-one-lesson-two-guide',\r\n    templateUrl: './_guide.component.html',\r\n    styleUrls: ['./_guide.component.css']\r\n})\r\nexport class UnitOneLessonTwoGuideComponent {\r\n\r\n    pageTitle: string = \"Lesson Guide | Unit 1, Lesson 2 | T-Folio\";\r\n    title: string = \"Lesson Guide\";\r\n    subtitle: string = \"Lesson 2: Preferences\";\r\n    breadcrumbs: string = \"T-Folio | Unit 1: Job Exploration Groundwork | Lesson 2: Preferences\";\r\n\r\n    doPrint(): void {\r\n        window.print();\r\n    }\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n}\r\n","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: 'unit-one-lesson-two-landing',\r\n    templateUrl: '../../_shared/landing-pages/landing-page.component.html',\r\n    styleUrls: ['../../_shared/landing-pages/landing-page.component.css']\r\n})\r\n\r\nexport class UnitOneLessonTwoLandingComponent {\r\n    title = \"Lesson 2: Preferences\";\r\n    pageTitle: string = \"Preferences | Unit 1, Lesson 2 | T-Folio\";\r\n    link = \"http://www.careerbridge.wa.gov/Home_ExploreCareers.aspx\";\r\n    route = \"['/unit-1/lesson-2/preferences-assessment']\";\r\n    bannerHeader = \"Job Exploration Groundwork: Lesson 2\";\r\n\r\n    openInNewWindow(url: string) {\r\n        window.open(url, '_blank');\r\n    }\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n\r\n    LandingPageData = {\r\n        breadcrumbs: {\r\n            label: \"Lesson 2\",\r\n            crumbs: [\r\n                {\r\n                    route: \"\",\r\n                    linktext: \"T-Folio\"\r\n                },\r\n                {\r\n                    route: \"/unit-1\",\r\n                    linktext: \"Unit 1\"\r\n                }\r\n            ]\r\n        },\r\n        summary: \"This lesson helps students to identify their own preferences in a work setting and encourages voicing one's preferences in all areas of life. After completing a Preferences Assessment, students will begin to connect their preferences to different employment conditions and opportunities.\",\r\n        objectives: [\r\n            \"Explore and identify personal preferences as it relates to work environments.\",\r\n            \"Identify possible jobs that match stated preferences.\",\r\n            \"Analyze and compare common preference features of identified jobs.\",\r\n            \"Apply readiness methods and supports when taking preferences assessment.\",\r\n            \"Complete a preferences assessment.\",\r\n        ],\r\n        buttons: [\r\n            {\r\n                route: \"/unit-1/lesson-2/guide\",\r\n                linktext: \"Lesson Guide\",\r\n                color: \"btn-success\",\r\n            },\r\n            {\r\n                route: \"/unit-1/lesson-2/preferences-assessment\",\r\n                linktext: \"Preferences Assessment\",\r\n                color: \"btn-primary\",\r\n            },\r\n            {\r\n                route: \"/img/unit-1/lesson-2/T-Folio_Unit-1_Lesson-2_Preferences.pptx\",\r\n                linktext: \"PowerPoint Presentation\",\r\n                color: \"powerpoint-button\",\r\n                window: true,\r\n            }\r\n        ],\r\n        image: \"/img/unit-1/LESSON 2_Checklist_yes_no.jpg\",\r\n        imgalt: \"A hand holding a sharpie pen writes a checkmark on a small notebook page with the word “Checklist” at the top and the words “yes” and “no” underneath. The yes has a check to the left of it and the no has an x to the left of it.\",\r\n        caption: \"by MorganK on\",\r\n        photoLink: \"https://pixabay.com/en/checklist-check-yes-or-no-decision-2313804/\",\r\n        source: \"Pixabay\",\r\n        sourceLink: \"https://pixabay.com/en/\",\r\n        licence: \"CC0 license\",\r\n        licenceLink: \"https://creativecommons.org/publicdomain/zero/1.0/\",\r\n    }\r\n}\r\n","module.exports = \"div.row div {\\r\\n    padding-top: 3px;\\r\\n    padding-bottom: 3px;\\r\\n}\\r\\n\\r\\ninput[type='checkbox'] {\\r\\n    margin-right: 10px;\\r\\n}\\r\\n\\r\\nlabel {\\r\\n    font-size: medium;\\r\\n}\\r\\n\\r\\n.active {\\r\\n    color: #2C3E50;\\r\\n}\\r\\n\\r\\n.editor {\\r\\n    border: 1px solid gray;\\r\\n    min-height: 75px;\\r\\n    width: 100%;\\r\\n    margin-top: 5px;\\r\\n    text-align: left;\\r\\n    font-weight:bold;\\r\\n}\\r\\n\\r\\n@media print {\\r\\n    .editor {\\r\\n        border: none;\\r\\n    }\\r\\n}\"","module.exports = \"<div class=\\\"container exercise-content\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-1']\\\">Unit 1</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-1/lesson-2']\\\">Lesson 2</a></li>\\r\\n                <li class=\\\"active\\\">{{title}}</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-1/\\\">Unit 1</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-1/lesson-2/\\\">Lesson 2</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-1/lesson-2/preferences-assessment\\\">{{title}}</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-1/lesson-2/preferences assessment'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <tfolio-heading></tfolio-heading>\\r\\n    <tfolio-page-title content=\\\"{{title}}\\\"></tfolio-page-title>\\r\\n    <tfolio-directions identifier=\\\"preferences-assessment-directions\\\" tag=\\\"Directions\\\">\\r\\n        <span>\\r\\n            Put a checkmark next to the types of <b>work conditions</b> you prefer.\\r\\n            <b>Check all the options</b> that describe you.\\r\\n        </span>\\r\\n    </tfolio-directions>\\r\\n    <div class=\\\"container-fluid\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <h3>1. <b>Where</b> do you like to work?</h3>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <input type=\\\"checkbox\\\" id=\\\"preferences-assessment-checkbox-01\\\" name=\\\"preferences-assessment-checkbox-01\\\" />\\r\\n                <label for=\\\"preferences-assessment-checkbox-01\\\">work indoors</label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <input type=\\\"checkbox\\\" id=\\\"preferences-assessment-checkbox-02\\\" name=\\\"preferences-assessment-checkbox-02\\\" />\\r\\n                <label for=\\\"preferences-assessment-checkbox-02\\\">work outdoors</label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <input type=\\\"checkbox\\\" id=\\\"preferences-assessment-checkbox-03\\\" name=\\\"preferences-assessment-checkbox-03\\\" />\\r\\n                <label for=\\\"preferences-assessment-checkbox-03\\\">work in a city</label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <input type=\\\"checkbox\\\" id=\\\"preferences-assessment-checkbox-04\\\" name=\\\"preferences-assessment-checkbox-04\\\" />\\r\\n                <label for=\\\"preferences-assessment-checkbox-04\\\">work in the country</label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <input type=\\\"checkbox\\\" id=\\\"preferences-assessment-checkbox-05\\\" name=\\\"preferences-assessment-checkbox-05\\\" />\\r\\n                <label for=\\\"preferences-assessment-checkbox-05\\\">have a job where you travel</label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <input type=\\\"checkbox\\\" id=\\\"preferences-assessment-checkbox-06\\\" name=\\\"preferences-assessment-checkbox-06\\\" />\\r\\n                <label for=\\\"preferences-assessment-checkbox-06\\\">have a job where you stay in one place</label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <input type=\\\"checkbox\\\" id=\\\"preferences-assessment-checkbox-07\\\" name=\\\"preferences-assessment-checkbox-07\\\" />\\r\\n                <label for=\\\"preferences-assessment-checkbox-07\\\">in your own home</label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <input type=\\\"checkbox\\\" id=\\\"preferences-assessment-checkbox-08\\\" name=\\\"preferences-assessment-checkbox-08\\\" />\\r\\n                <label for=\\\"preferences-assessment-checkbox-08\\\">work in an office</label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <input type=\\\"checkbox\\\" id=\\\"preferences-assessment-checkbox-09\\\" name=\\\"preferences-assessment-checkbox-09\\\" />\\r\\n                <label for=\\\"preferences-assessment-checkbox-09\\\">work in a shop</label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <input type=\\\"checkbox\\\" id=\\\"preferences-assessment-checkbox-10\\\" name=\\\"preferences-assessment-checkbox-10\\\" />\\r\\n                <label for=\\\"preferences-assessment-checkbox-10\\\">work in a quiet workplace</label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <input type=\\\"checkbox\\\" id=\\\"preferences-assessment-checkbox-11\\\" name=\\\"preferences-assessment-checkbox-11\\\" />\\r\\n                <label for=\\\"preferences-assessment-checkbox-11\\\">work in a noisy workplace</label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <label for=\\\"preferences-assessment-textarea-01\\\">Based on your answers to the above, what are some jobs that might work with your preferences?</label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\">\\r\\n                <div contenteditable=\\\"true\\\" class=\\\"editor\\\"><b></b></div>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-6\\\">\\r\\n                &nbsp;\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"keep-together\\\">\\r\\n            <div class=\\\"row\\\">\\r\\n                <div class=\\\"col-md-12\\\">\\r\\n                    <h3>2. <b>When</b> do you like to work?</h3>\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row\\\">\\r\\n                <div class=\\\"col-md-12\\\">\\r\\n                    <input type=\\\"checkbox\\\" id=\\\"preferences-assessment-checkbox-12\\\" name=\\\"preferences-assessment-checkbox-12\\\" />\\r\\n                    <label for=\\\"preferences-assessment-checkbox-12\\\">work in the morning</label>\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row\\\">\\r\\n                <div class=\\\"col-md-12\\\">\\r\\n                    <input type=\\\"checkbox\\\" id=\\\"preferences-assessment-checkbox-13\\\" name=\\\"preferences-assessment-checkbox-13\\\" />\\r\\n                    <label for=\\\"preferences-assessment-checkbox-13\\\">work in the afternoon</label>\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row\\\">\\r\\n                <div class=\\\"col-md-12\\\">\\r\\n                    <input type=\\\"checkbox\\\" id=\\\"preferences-assessment-checkbox-14\\\" name=\\\"preferences-assessment-checkbox-14\\\" />\\r\\n                    <label for=\\\"preferences-assessment-checkbox-14\\\">work at night</label>\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row\\\">\\r\\n                <div class=\\\"col-md-12\\\">\\r\\n                    <input type=\\\"checkbox\\\" id=\\\"preferences-assessment-checkbox-15\\\" name=\\\"preferences-assessment-checkbox-15\\\" />\\r\\n                    <label for=\\\"preferences-assessment-checkbox-15\\\">weekdays only</label>\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row\\\">\\r\\n                <div class=\\\"col-md-12\\\">\\r\\n                    <input type=\\\"checkbox\\\" id=\\\"preferences-assessment-checkbox-16\\\" name=\\\"preferences-assessment-checkbox-16\\\" />\\r\\n                    <label for=\\\"preferences-assessment-checkbox-16\\\">weekends too</label>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"keep-together\\\">\\r\\n            <div class=\\\"row\\\">\\r\\n                <div class=\\\"col-md-12\\\">\\r\\n                    <label for=\\\"preferences-assessment-textarea-02\\\">What are some jobs that might work with your time preferences?</label>\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row\\\">\\r\\n                <div class=\\\"col-md-6\\\">\\r\\n                    <div contenteditable=\\\"true\\\" class=\\\"editor\\\"><b></b></div>\\r\\n                </div>\\r\\n                <div class=\\\"col-md-6\\\">\\r\\n                    &nbsp;\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"keep-together\\\">\\r\\n            <div class=\\\"row\\\">\\r\\n                <div class=\\\"col-md-12\\\">\\r\\n                    <h3>3. <b>Who</b> do you like to work with?</h3>\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row\\\">\\r\\n                <div class=\\\"col-md-12\\\">\\r\\n                    <input type=\\\"checkbox\\\" id=\\\"preferences-assessment-checkbox-17\\\" name=\\\"preferences-assessment-checkbox-17\\\" />\\r\\n                    <label for=\\\"preferences-assessment-checkbox-17\\\">work alone</label>\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row\\\">\\r\\n                <div class=\\\"col-md-12\\\">\\r\\n                    <input type=\\\"checkbox\\\" id=\\\"preferences-assessment-checkbox-18\\\" name=\\\"preferences-assessment-checkbox-18\\\" />\\r\\n                    <label for=\\\"preferences-assessment-checkbox-18\\\">work on a small team</label>\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row\\\">\\r\\n                <div class=\\\"col-md-12\\\">\\r\\n                    <input type=\\\"checkbox\\\" id=\\\"preferences-assessment-checkbox-19\\\" name=\\\"preferences-assessment-checkbox-19\\\" />\\r\\n                    <label for=\\\"preferences-assessment-checkbox-19\\\">work on a big team</label>\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row\\\">\\r\\n                <div class=\\\"col-md-12\\\">\\r\\n                    <input type=\\\"checkbox\\\" id=\\\"preferences-assessment-checkbox-20\\\" name=\\\"preferences-assessment-checkbox-20\\\" />\\r\\n                    <label for=\\\"preferences-assessment-checkbox-20\\\">work with people the same age as you</label>\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row\\\">\\r\\n                <div class=\\\"col-md-12\\\">\\r\\n                    <input type=\\\"checkbox\\\" id=\\\"preferences-assessment-checkbox-21\\\" name=\\\"preferences-assessment-checkbox-21\\\" />\\r\\n                    <label for=\\\"preferences-assessment-checkbox-21\\\">work with people of different ages</label>\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row\\\">\\r\\n                <div class=\\\"col-md-12\\\">\\r\\n                    <input type=\\\"checkbox\\\" id=\\\"preferences-assessment-checkbox-22\\\" name=\\\"preferences-assessment-checkbox-22\\\" />\\r\\n                    <label for=\\\"preferences-assessment-checkbox-22\\\">have a job where you help other people</label>\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row\\\">\\r\\n                <div class=\\\"col-md-12\\\">\\r\\n                    <input type=\\\"checkbox\\\" id=\\\"preferences-assessment-checkbox-23\\\" name=\\\"preferences-assessment-checkbox-23\\\" />\\r\\n                    <label for=\\\"preferences-assessment-checkbox-23\\\">have a job where you work with machines, papers, and other things</label>\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row\\\">\\r\\n                <div class=\\\"col-md-12\\\">\\r\\n                    <input type=\\\"checkbox\\\" id=\\\"preferences-assessment-checkbox-24\\\" name=\\\"preferences-assessment-checkbox-24\\\" />\\r\\n                    <label for=\\\"preferences-assessment-checkbox-24\\\">supervisors who let you work your own way</label>\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row\\\">\\r\\n                <div class=\\\"col-md-12\\\">\\r\\n                    <input type=\\\"checkbox\\\" id=\\\"preferences-assessment-checkbox-25\\\" name=\\\"preferences-assessment-checkbox-25\\\" />\\r\\n                    <label for=\\\"preferences-assessment-checkbox-25\\\">meet new people</label>\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row\\\">\\r\\n                <div class=\\\"col-md-12\\\">\\r\\n                    <input type=\\\"checkbox\\\" id=\\\"preferences-assessment-checkbox-26\\\" name=\\\"preferences-assessment-checkbox-26\\\" />\\r\\n                    <label for=\\\"preferences-assessment-checkbox-26\\\">teach other people how to do things</label>\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row\\\">\\r\\n                <div class=\\\"col-md-12\\\">\\r\\n                    <input type=\\\"checkbox\\\" id=\\\"preferences-assessment-checkbox-27\\\" name=\\\"preferences-assessment-checkbox-27\\\" />\\r\\n                    <label for=\\\"preferences-assessment-checkbox-27\\\">dress up for work</label>\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row\\\">\\r\\n                <div class=\\\"col-md-12\\\">\\r\\n                    <input type=\\\"checkbox\\\" id=\\\"preferences-assessment-checkbox-28\\\" name=\\\"preferences-assessment-checkbox-28\\\" />\\r\\n                    <label for=\\\"preferences-assessment-checkbox-28\\\">wear a uniform to work</label>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"keep-together\\\">\\r\\n            <div class=\\\"row\\\">\\r\\n                <div class=\\\"col-md-12\\\">\\r\\n                    <label for=\\\"preferences-assessment-textarea-03\\\">What are some jobs that might work with your social preferences?</label>\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row\\\">\\r\\n                <div class=\\\"col-md-6\\\">\\r\\n                    <div contenteditable=\\\"true\\\" class=\\\"editor\\\"><b></b></div>\\r\\n                </div>\\r\\n                <div class=\\\"col-md-6\\\">\\r\\n                    &nbsp;\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"keep-together\\\">\\r\\n            <div class=\\\"row\\\">\\r\\n                <div class=\\\"col-md-12\\\">\\r\\n                    <h3>4. <b>How</b> do you like to work?</h3>\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row\\\">\\r\\n                <div class=\\\"col-md-12\\\">\\r\\n                    <input type=\\\"checkbox\\\" id=\\\"preferences-assessment-checkbox-29\\\" name=\\\"preferences-assessment-checkbox-29\\\" />\\r\\n                    <label for=\\\"preferences-assessment-checkbox-29\\\">standing up</label>\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row\\\">\\r\\n                <div class=\\\"col-md-12\\\">\\r\\n                    <input type=\\\"checkbox\\\" id=\\\"preferences-assessment-checkbox-30\\\" name=\\\"preferences-assessment-checkbox-30\\\" />\\r\\n                    <label for=\\\"preferences-assessment-checkbox-30\\\">sitting down</label>\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row\\\">\\r\\n                <div class=\\\"col-md-12\\\">\\r\\n                    <input type=\\\"checkbox\\\" id=\\\"preferences-assessment-checkbox-31\\\" name=\\\"preferences-assessment-checkbox-31\\\" />\\r\\n                    <label for=\\\"preferences-assessment-checkbox-31\\\">moving around</label>\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row\\\">\\r\\n                <div class=\\\"col-md-12\\\">\\r\\n                    <input type=\\\"checkbox\\\" id=\\\"preferences-assessment-checkbox-32\\\" name=\\\"preferences-assessment-checkbox-32\\\" />\\r\\n                    <label for=\\\"preferences-assessment-checkbox-32\\\">thinking work</label>\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row\\\">\\r\\n                <div class=\\\"col-md-12\\\">\\r\\n                    <input type=\\\"checkbox\\\" id=\\\"preferences-assessment-checkbox-33\\\" name=\\\"preferences-assessment-checkbox-33\\\" />\\r\\n                    <label for=\\\"preferences-assessment-checkbox-33\\\">physical work</label>\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row\\\">\\r\\n                <div class=\\\"col-md-12\\\">\\r\\n                    <input type=\\\"checkbox\\\" id=\\\"preferences-assessment-checkbox-34\\\" name=\\\"preferences-assessment-checkbox-34\\\" />\\r\\n                    <label for=\\\"preferences-assessment-checkbox-34\\\">detail important</label>\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row\\\">\\r\\n                <div class=\\\"col-md-12\\\">\\r\\n                    <input type=\\\"checkbox\\\" id=\\\"preferences-assessment-checkbox-35\\\" name=\\\"preferences-assessment-checkbox-35\\\" />\\r\\n                    <label for=\\\"preferences-assessment-checkbox-35\\\">detail not important</label>\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row\\\">\\r\\n                <div class=\\\"col-md-12\\\">\\r\\n                    <input type=\\\"checkbox\\\" id=\\\"preferences-assessment-checkbox-36\\\" name=\\\"preferences-assessment-checkbox-36\\\" />\\r\\n                    <label for=\\\"preferences-assessment-checkbox-36\\\">job same every day</label>\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row\\\">\\r\\n                <div class=\\\"col-md-12\\\">\\r\\n                    <input type=\\\"checkbox\\\" id=\\\"preferences-assessment-checkbox-37\\\" name=\\\"preferences-assessment-checkbox-37\\\" />\\r\\n                    <label for=\\\"preferences-assessment-checkbox-37\\\">job different every day</label>\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row\\\">\\r\\n                <div class=\\\"col-md-12\\\">\\r\\n                    <input type=\\\"checkbox\\\" id=\\\"preferences-assessment-checkbox-38\\\" name=\\\"preferences-assessment-checkbox-38\\\" />\\r\\n                    <label for=\\\"preferences-assessment-checkbox-38\\\">important to work fast</label>\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row\\\">\\r\\n                <div class=\\\"col-md-12\\\">\\r\\n                    <input type=\\\"checkbox\\\" id=\\\"preferences-assessment-checkbox-39\\\" name=\\\"preferences-assessment-checkbox-39\\\" />\\r\\n                    <label for=\\\"preferences-assessment-checkbox-39\\\">not important to work fast</label>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"keep-together\\\">\\r\\n            <div class=\\\"row\\\">\\r\\n                <div class=\\\"col-md-12\\\">\\r\\n                    <label for=\\\"preferences-assessment-textarea-04\\\">What are some jobs that match your physical and productivity preferences?</label>\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row\\\">\\r\\n                <div class=\\\"col-md-6\\\">\\r\\n                    <div contenteditable=\\\"true\\\" class=\\\"editor\\\"><b></b></div>\\r\\n                </div>\\r\\n                <div class=\\\"col-md-6\\\">\\r\\n                    &nbsp;\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"keep-together\\\">\\r\\n            <div class=\\\"row\\\">\\r\\n                <div class=\\\"col-md-12\\\">\\r\\n                    <h3>5. <b>What kind</b> of work do you like to do?</h3>\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row\\\">\\r\\n                <div class=\\\"col-md-12\\\">\\r\\n                    <input type=\\\"checkbox\\\" id=\\\"preferences-assessment-checkbox-40\\\" name=\\\"preferences-assessment-checkbox-40\\\" />\\r\\n                    <label for=\\\"preferences-assessment-checkbox-40\\\">a job that requires only a high school diploma</label>\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row\\\">\\r\\n                <div class=\\\"col-md-12\\\">\\r\\n                    <input type=\\\"checkbox\\\" id=\\\"preferences-assessment-checkbox-41\\\" name=\\\"preferences-assessment-checkbox-41\\\" />\\r\\n                    <label for=\\\"preferences-assessment-checkbox-41\\\">a job that requires college</label>\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row\\\">\\r\\n                <div class=\\\"col-md-12\\\">\\r\\n                    <input type=\\\"checkbox\\\" id=\\\"preferences-assessment-checkbox-42\\\" name=\\\"preferences-assessment-checkbox-42\\\" />\\r\\n                    <label for=\\\"preferences-assessment-checkbox-42\\\">easy jobs</label>\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row\\\">\\r\\n                <div class=\\\"col-md-12\\\">\\r\\n                    <input type=\\\"checkbox\\\" id=\\\"preferences-assessment-checkbox-43\\\" name=\\\"preferences-assessment-checkbox-43\\\" />\\r\\n                    <label for=\\\"preferences-assessment-checkbox-43\\\">challenging jobs</label>\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row\\\">\\r\\n                <div class=\\\"col-md-12\\\">\\r\\n                    <input type=\\\"checkbox\\\" id=\\\"preferences-assessment-checkbox-44\\\" name=\\\"preferences-assessment-checkbox-44\\\" />\\r\\n                    <label for=\\\"preferences-assessment-checkbox-44\\\">working with tools</label>\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row\\\">\\r\\n                <div class=\\\"col-md-12\\\">\\r\\n                    <input type=\\\"checkbox\\\" id=\\\"preferences-assessment-checkbox-45\\\" name=\\\"preferences-assessment-checkbox-45\\\" />\\r\\n                    <label for=\\\"preferences-assessment-checkbox-45\\\">working with computers</label>\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row\\\">\\r\\n                <div class=\\\"col-md-12\\\">\\r\\n                    <input type=\\\"checkbox\\\" id=\\\"preferences-assessment-checkbox-46\\\" name=\\\"preferences-assessment-checkbox-46\\\" />\\r\\n                    <label for=\\\"preferences-assessment-checkbox-46\\\">jobs that require reading</label>\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row\\\">\\r\\n                <div class=\\\"col-md-12\\\">\\r\\n                    <input type=\\\"checkbox\\\" id=\\\"preferences-assessment-checkbox-47\\\" name=\\\"preferences-assessment-checkbox-47\\\" />\\r\\n                    <label for=\\\"preferences-assessment-checkbox-47\\\">jobs that require math</label>\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row\\\">\\r\\n                <div class=\\\"col-md-12\\\">\\r\\n                    <input type=\\\"checkbox\\\" id=\\\"preferences-assessment-checkbox-48\\\" name=\\\"preferences-assessment-checkbox-48\\\" />\\r\\n                    <label for=\\\"preferences-assessment-checkbox-48\\\">making a list (organized)</label>\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row\\\">\\r\\n                <div class=\\\"col-md-12\\\">\\r\\n                    <input type=\\\"checkbox\\\" id=\\\"preferences-assessment-checkbox-49\\\" name=\\\"preferences-assessment-checkbox-49\\\" />\\r\\n                    <label for=\\\"preferences-assessment-checkbox-49\\\">making music</label>\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row\\\">\\r\\n                <div class=\\\"col-md-12\\\">\\r\\n                    <input type=\\\"checkbox\\\" id=\\\"preferences-assessment-checkbox-50\\\" name=\\\"preferences-assessment-checkbox-50\\\" />\\r\\n                    <label for=\\\"preferences-assessment-checkbox-50\\\">making art</label>\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row\\\">\\r\\n                <div class=\\\"col-md-12\\\">\\r\\n                    <input type=\\\"checkbox\\\" id=\\\"preferences-assessment-checkbox-51\\\" name=\\\"preferences-assessment-checkbox-51\\\" />\\r\\n                    <label for=\\\"preferences-assessment-checkbox-51\\\">selling things</label>\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row\\\">\\r\\n                <div class=\\\"col-md-12\\\">\\r\\n                    <input type=\\\"checkbox\\\" id=\\\"preferences-assessment-checkbox-52\\\" name=\\\"preferences-assessment-checkbox-52\\\" />\\r\\n                    <label for=\\\"preferences-assessment-checkbox-52\\\">building things</label>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <label for=\\\"preferences-assessment-textarea-05\\\">Based on your preferences, what are some jobs you might like?</label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\">\\r\\n                <div contenteditable=\\\"true\\\" class=\\\"editor\\\"><b></b></div>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-6\\\">\\r\\n                &nbsp;\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-1/lesson-2/preferences assessment'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from '@angular/platform-browser';\r\n\r\n@Component({\r\n    selector: 'preferences-assessment',\r\n    templateUrl: './preferences-assessment.component.html',\r\n    styleUrls: ['./preferences-assessment.component.css']\r\n})\r\nexport class UnitOneLessonTwoPreferencesAssessmentComponent {\r\n\r\n    title: string = \"Preferences Assessment\";\r\n    pageTitle: string = this.title + \" | Unit 1, Lesson 2 | T-Folio\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n}\r\n","module.exports = \"h1 {\\r\\n    font-size: x-large;\\r\\n    font-weight: bold;\\r\\n    padding: 0px;\\r\\n    text-align: left;\\r\\n    margin-bottom: 0px;\\r\\n    margin-top: 25px;\\r\\n    font-family: Rockwell;\\r\\n    font-size: 30px;\\r\\n}\\r\\n\\r\\nh2 {\\r\\n    font-size: x-large;\\r\\n    font-weight: bold;\\r\\n    margin-top: 25px;\\r\\n    margin-bottom: 5px;\\r\\n}\\r\\n\\r\\nli {\\r\\n    margin-top: 5px;\\r\\n    margin-bottom: 5px;\\r\\n}\\r\\n\\r\\nbutton {\\r\\n    color: black;\\r\\n    border-radius: 5px;\\r\\n    border: 2px solid black;\\r\\n    background-color: white;\\r\\n    float: right;\\r\\n    font-size: 15px;\\r\\n}\\r\\n\\r\\n.bordered-outer {\\r\\n    border: 1px solid black;\\r\\n}\\r\\n\\r\\n.bordered {\\r\\n    border: 1px solid black;\\r\\n    padding: 15px;\\r\\n}\\r\\n\\r\\n.container.header {\\r\\n    margin-top: 15px;\\r\\n    border-top: solid 1px;\\r\\n    border-bottom: solid 1px;\\r\\n    overflow: hidden;\\r\\n    clear: right;\\r\\n    float: left;\\r\\n    width: 100%;\\r\\n}\\r\\n\\r\\n.subtitle {\\r\\n    font-family: Rockwell;\\r\\n    margin-top: 5px;\\r\\n    margin-bottom: 5px;\\r\\n    float: left;\\r\\n}\\r\\n\\r\\ndiv.row.header {\\r\\n    margin-bottom: 15px;\\r\\n}\\r\\n\\r\\ncontainer.exercise-content.guide {\\r\\n    font-family: Arial;\\r\\n    padding-right: 20px;\\r\\n}\\r\\n\\r\\n.col-md-12.crumbs {\\r\\n    font-size: 11px;\\r\\n}\\r\\n\\r\\ndiv.container.objectives {\\r\\n    margin-top: 50px;\\r\\n}\\r\\n\\r\\ndiv.container.box {\\r\\n    border: 1px solid;\\r\\n    width: 250px;\\r\\n    float: right;\\r\\n}\\r\\n\\r\\ndiv.container.activity {\\r\\n    margin-top: 20px;\\r\\n}\\r\\n\\r\\n.active {\\r\\n    color: #2C3E50;\\r\\n}\\r\\n\"","module.exports = \"<div class=\\\"container exercise-content guide\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-1']\\\">Unit 1</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-1/lesson-3']\\\">Lesson 3</a></li>\\r\\n                <li class=\\\"active\\\">Lesson Guide</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-1/\\\">Unit 1</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-1/lesson-3/\\\">Lesson 3</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-1/lesson-3/guide/\\\">Lesson Guide</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-1/lesson-3/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n        <div class=\\\"col-md-12\\\"><h1>{{title}}</h1></div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-9\\\">\\r\\n            <h2 class=\\\"subtitle\\\">{{subtitle}}</h2>\\r\\n            <br />\\r\\n            <br />\\r\\n            <p>\\r\\n                In this lesson, students will brainstorm careers and jobs they are interested in through guided discussion and interest surveys.\\r\\n                This lesson facilitates a deeper understanding of which jobs would be a good fit for the individual and why, based on their own interests and preferences.\\r\\n            </p>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-3 box\\\" style=\\\"border:1px solid black;\\\">\\r\\n            <i class=\\\"fa fa-folder-open\\\" aria-hidden=\\\"true\\\"></i>\\r\\n            <b>Item to be added to student's Transition Portfolio:</b>\\r\\n            <ul class=\\\"hidden-print\\\">\\r\\n                <li><a [routerLink]=\\\"['/unit-1/lesson-3/interests-survey']\\\">Career Clusters Interest Survey</a></li>\\r\\n            </ul>\\r\\n            <ul class=\\\"visible-print-block\\\">\\r\\n                <li><a href=\\\"https://cctstfolio.com/#/unit-1/lesson-3/interests-survey\\\">Career Clusters Interest Survey</a></li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n            <h2>Lesson Objectives</h2>\\r\\n            <b>Participants will:</b>\\r\\n            <ol>\\r\\n                <li>Understand and reflect upon the importance of identifying work they enjoy.</li>\\r\\n                <li>Explore career clusters results and jobs that match interests.</li>\\r\\n                <li>Apply readiness methods and supports when taking interests assessment.</li>\\r\\n                <li>Complete one or more interest assessments.</li>\\r\\n            </ol>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <h2>Facilitator Notes</h2>\\r\\n                <ul>\\r\\n                    <li>\\r\\n                        While preferences and interests can overlap, here is one way to think about them:\\r\\n                        <ul>\\r\\n                            <li>\\r\\n                                <b>Interests</b>: What are your interests, currently and in the future?<br />\\r\\n                                What experiences promote curiosity and catch your attention?\\r\\n                            </li>\\r\\n                            <li><b>Preferences</b>: What options will motivate you and make you your happiest and most productive? (e.g., indoors/outdoors)</li>\\r\\n                        </ul>\\r\\n                    </li>\\r\\n                    <li>Familiarize yourself with the <a href=\\\"https://youtube.com/playlist?list=PLT2oobwvjzw4_cNAsVPouaY57Qb6cjXg9\\\" target=\\\"_blank\\\">“I love my job” video interview series</a>. Identify any accommodations (e.g., pacing of video) students may need for use in the warm-up activity.</li>\\r\\n                    <li>\\r\\n                        Consider organizational access and support for students' use of the <b>online</b> O*NET Interest Profiler. Prior to taking the assessment students might:\\r\\n                        <ul>\\r\\n                            <li>set up individual accounts and profiles.</li>\\r\\n                            <li>explore and navigate site.</li>\\r\\n                            <li>determine supports or strategies needed (as identified in Student-Centered Introduction unit, Lesson 2) to successfully complete online assessment.</li>\\r\\n                            <li>observe facilitator modeling above tasks.</li>\\r\\n                        </ul>\\r\\n                    </li>\\r\\n                    <li>\\r\\n                        A PowerPoint is included with this lesson and can be used as part of a presentation or for your information. It is recommended that you review the PowerPoint (including the Notes section) prior to using the lesson. It can be accessed in either PowerPoint or as a PDF:\\r\\n                        <ul>\\r\\n                            <li><a href=\\\"/img/unit-1/lesson-3/T-Folio_Unit-1_Lesson-3_Interests.pptx\\\">PowerPoint: \\\"Interests\\\"</a></li>\\r\\n                            <li><a href=\\\"/img/unit-1/lesson-3/T-Folio_Unit-1_Lesson-3_Interests.pdf\\\" target=\\\"_blank\\\">PDF: \\\"Interests\\\"</a></li>\\r\\n                        </ul>\\r\\n                    </li>\\r\\n                </ul>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <div><h2>Introduction</h2></div>\\r\\n                <div><b>Warm-up group activity:</b></div>\\r\\n                <ul>\\r\\n                    <li>As a full group, have students brainstorm for one minute identifying jobs that they have heard about and might be interested in learning more about. Write generated ideas on board.</li>\\r\\n                    <li>Next, select one job and have them view it using the <a href=\\\"https://youtube.com/playlist?list=PLT2oobwvjzw4_cNAsVPouaY57Qb6cjXg9\\\" target=\\\"_blank\\\">“I love my job” video interview series</a></li>\\r\\n                    <li>\\r\\n                        Then ask the following:\\r\\n                        <ol>\\r\\n                            <li>Did this person appear to enjoy his/her job? What did you see and/or hear that leads you to believe this?</li>\\r\\n                            <li>How important is it to you to have a job that you like or even love? Why or why not?</li>\\r\\n                            <li>How might having a job you like impact your day-to-day quality of life?</li>\\r\\n                        </ol>\\r\\n                    </li>\\r\\n                </ul>\\r\\n                <div>\\r\\n                    <p>\\r\\n                        <b>Say</b>: Imagine if you got paid to do your favorite activity! By finding jobs and careers that include your <b>interests</b>, you can get closer to finding the work you will love.\\r\\n                    </p>\\r\\n                    <p>\\r\\n                        Next, you will be exploring your interests by completing an interest assessment. Remember this activity is NOT a test and there are no wrong or right answers – simply responses of what you are interested in!\\r\\n                    </p>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container activity\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <div><h2>Activity</h2></div>\\r\\n                <div style=\\\"padding-bottom:10px;\\\"><b>Note</b>: Students can choose to complete <i>one</i> or <i>both</i> of the following assessments. The first option can also be completed as a paper/pencil option if preferred.</div>\\r\\n                <div>\\r\\n                    <b>Option 1</b>: <b>Career Clusters Interests Survey</b>\\r\\n                    <ul>\\r\\n                        <li>\\r\\n                            <b>Say</b>:\\r\\n                            Now you will complete the <a [routerLink]=\\\"['/unit-1/lesson-3/interests-survey']\\\">Career Clusters Interest Survey</a> on T-Folio by checking as many boxes as you feel apply to you in each section.\\r\\n                            Your total number of boxes checked will be calculated on the right hand side for each career cluster.\\r\\n                        </li>\\r\\n                        <li>When the assessment is complete, you can view the three career clusters that are the closest matches by clicking on the “Show Me” button, and then scrolling down to read about each cluster.</li>\\r\\n                        <li>\\r\\n                            Search your three top career clusters online to find specific jobs that might match your interests. (Students can also find detailed information about each career cluster at <a href=\\\"http://www.careerbridge.wa.gov/Home_JobClusters.aspx\\\" target=\\\"_blank\\\">Career Bridge Washington</a>.)\\r\\n                        </li>\\r\\n                        <li>If completing with pencil/paper, first go to “Print” and then “Save to pdf” in order to create a printable copy of the survey.</li>\\r\\n                    </ul>\\r\\n                </div>\\r\\n                <div>\\r\\n                    <div style=\\\"padding-bottom:5px;\\\"><b>Option 2</b>: <b>O*NET Interest Profiler</b></div>\\r\\n                    <div><b>Say</b> (and model as needed):</div>\\r\\n                    <ul>\\r\\n                        <li>The following link is for the online <a href=\\\"https://www.mynextmove.org/explore/ip\\\" target=\\\"_blank\\\">O*NET Interest Profiler</a>.</li>\\r\\n                        <li>Follow the directions on the website to complete an assessment and view your matches. You can print your results with your name.</li>\\r\\n                        <li>Click links on the Careers tab to view information about your job matches. These can also be printed or saved as a pdf.</li>\\r\\n                    </ul>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <h2>Debrief and Guiding Questions</h2>\\r\\n                <div><b>Say</b>: Spend time exploring at least two careers that are recommended by this assessment.</div>\\r\\n                <br /><div>\\r\\n                    For each one answer the following:\\r\\n                    <ul>\\r\\n                        <li>What do you think a normal day is like for somebody in this job?</li>\\r\\n                        <li>What does it take to be good at this job?</li>\\r\\n                        <li>Do you think this would be a good career for you? Why or why not?</li>\\r\\n                    </ul>\\r\\n                </div>\\r\\n                <div>\\r\\n                    And for both/all:\\r\\n                    <ul>\\r\\n                        <li>What similarities and differences do you notice in the jobs you matched with?</li>\\r\\n                    </ul>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <h2 id=\\\"careersearch\\\">Additional Resources</h2>\\r\\n                <div>\\r\\n                    <ul style=\\\"list-style:url('/img/arrow.png');\\\">\\r\\n                        <li><a href=\\\"https://youtube.com/playlist?list=PLT2oobwvjzw4_cNAsVPouaY57Qb6cjXg9\\\" target=\\\"_blank\\\">“I love my job” video interview series </a> from You & Me</li>\\r\\n                    </ul>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <h2>Considerations for Accommodation</h2>\\r\\n                <ul>\\r\\n                    <li>\\r\\n                        Culturally and Linguistically Diverse (CLD):\\r\\n                        <ul>\\r\\n                            <li><a href=\\\"https://careertech.org/student-interest-survey\\\" target=\\\"_blank\\\">A print version of the Career Clusters Interest Survey</a> is available in English and Spanish.</li>\\r\\n                            <li><a href=\\\"https://www.miproximopaso.org/explore/ip\\\" target=\\\"_blank\\\">The Spanish version of the Interest Profiler</a> can be found at MiPróximoPaso.</li>\\r\\n                        </ul>\\r\\n                    </li>\\r\\n                </ul>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <h2>Up Next</h2>\\r\\n                <div>\\r\\n                    The next lesson helps students to identify what they need in order to attain the jobs and careers that interest them, and how they can get help (or help themselves) to get what they need.\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-1/lesson-3/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from '@angular/platform-browser';\r\n\r\n@Component({\r\n    selector: 'unit-one-lesson-three-guide',\r\n    templateUrl: './_guide.component.html',\r\n    styleUrls: ['./_guide.component.css']\r\n})\r\nexport class UnitOneLessonThreeGuideComponent {\r\n\r\n    pageTitle: string = \"Lesson Guide | Unit 1, Lesson 3 | T-Folio\";\r\n    title: string = \"Lesson Guide\";\r\n    subtitle: string = \"Lesson 3: Interests\";\r\n\r\n    doPrint(): void {\r\n        window.print();\r\n    }\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n}\r\n","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: 'unit-one-lesson-three-landing',\r\n    templateUrl: '../../_shared/landing-pages/landing-page.component.html',\r\n    styleUrls: ['../../_shared/landing-pages/landing-page.component.css']\r\n})\r\n\r\nexport class UnitOneLessonThreeLandingComponent {\r\n    title = \"Lesson 3: Interests\";\r\n    pageTitle = \"Interests | Unit 1, Lesson 3 | T-Folio\";\r\n    bannerHeader = \"Job Exploration Groundwork: Lesson 3\";\r\n\r\n    openInNewWindow(url: string) {\r\n        window.open(url, '_blank');\r\n    }\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n\r\n    LandingPageData = {\r\n        breadcrumbs: {\r\n            label: \"Lesson 3\",\r\n            crumbs: [\r\n                {\r\n                    route: \"\",\r\n                    linktext: \"T-Folio\"\r\n                },\r\n                {\r\n                    route: \"/unit-1\",\r\n                    linktext: \"Unit 1\"\r\n                }\r\n            ]\r\n        },\r\n        summary: \"In this lesson, students will brainstorm careers and jobs they are interested in, through guided discussion and interest surveys. This lesson facilitates a deeper understanding of which jobs would be a good fit for the individual and why, based on their own interests and preferences.\",\r\n        objectives: [\r\n            \"Understand and reflect upon the importance of identifying work they enjoy.\",\r\n            \"Explore career clusters results and jobs that match interests.\",\r\n            \"Apply readiness methods and supports when taking interests assessment.\",\r\n            \"Complete one or more interest assessments.\",\r\n        ],\r\n        buttons: [\r\n            {\r\n                route: \"/unit-1/lesson-3/guide\",\r\n                linktext: \"Lesson Guide\",\r\n                color: \"btn-success\",\r\n            },\r\n            {\r\n                route: \"/unit-1/lesson-3/interests-survey\",\r\n                linktext: \"Career Clusters Interest Survey\",\r\n                color: \"btn-primary\",\r\n            },\r\n            {\r\n                route: \"/img/unit-1/lesson-3/T-Folio_Unit-1_Lesson-3_Interests.pptx\",\r\n                linktext: \"PowerPoint Presentation\",\r\n                color: \"powerpoint-button\",\r\n                window: true,\r\n            }\r\n        ],\r\n        image: \"/img/unit-1/LESSON 3_jobs_photography.jpg\",\r\n        imgalt: \"A person holds a printed photograph of a lake and mountains in front of their computer screen.\",\r\n        caption: \"on\",\r\n        source: \"Pexels\",\r\n        photoLink: \"https://www.pexels.com/photo/adult-art-artist-blur-297648/\",\r\n        sourceLink: \"https://www.pexels.com/\",\r\n        licence: \"CC0 license\",\r\n        licenceLink: \"https://www.pexels.com/photo-license/\",\r\n\r\n    }\r\n}\r\n","module.exports = \".bordered {\\r\\n    border: 1px solid black;\\r\\n    border-radius: 25px;\\r\\n    padding: 20px; \\r\\n    margin: 10px;\\r\\n}\\r\\n\\r\\n.top {\\r\\n    background-color: rgb(247,191,102);\\r\\n    font-weight: bold;\\r\\n    border: 5px solid black;\\r\\n}\\r\\n\\r\\n.page-break {\\r\\n    page-break-after: always;\\r\\n}\\r\\n   \\r\\n\"","module.exports = \"<div id=\\\"career-cluster-{{num}}\\\" class=\\\"row bordered\\\" style=\\\"page-break-inside:avoid\\\">\\r\\n    <div class=\\\"col-md-4\\\">\\r\\n        <img src=\\\"/img/unit-1/lesson-3/{{num}}.png\\\" alt=\\\"this.altDisplay.get('{{num}}')\\\" />\\r\\n    </div>\\r\\n    <div class=\\\"col-md-8\\\">\\r\\n        <h3 [id]=\\\"identifier\\\">{{this.jobTitles.get(this.num)}}</h3>\\r\\n        <div [attr.aria-labelledby]=\\\"identifier\\\" class=\\\"cluster-description\\\">\\r\\n            <ng-content></ng-content>\\r\\n        </div>\\r\\n    </div>\\r\\n</div>\\r\\n\\r\\n\\r\\n\"","import { Component, Input } from \"@angular/core\";\r\n\r\n@Component({\r\n    selector: 'career-clusters',\r\n    templateUrl: './career-clusters.component.html',\r\n    styleUrls: ['./career-clusters.component.css']\r\n})\r\nexport class UnitOneLessonThreeCareerClustersComponent {\r\n\r\n    @Input() isTop: boolean; \r\n    @Input() num: string;\r\n    @Input() identifier: string; \r\n    @Input() pageBreakBefore: boolean;\r\n\r\n    jobTitles: Map<string, string> = new Map(); \r\n    altDisplay: Map<string, string> = new Map(); \r\n\r\n\r\n    constructor() {\r\n\r\n        this.jobTitles.set('01', '1. Agriculture, Food, and Natural Resources Career Cluster');\r\n        this.jobTitles.set('02', '2. Architecture and Construction Career Cluster');\r\n        this.jobTitles.set('03', '3. Arts, Audio/Visual Technology and Communications Career Cluster');\r\n        this.jobTitles.set('04', '4. Business, Management and Administration Career Cluster');\r\n        this.jobTitles.set('05', '5. Education and Training Career Cluster');\r\n        this.jobTitles.set('06', '6. Finance Career Cluster');\r\n        this.jobTitles.set('07', '7. Government and Public Administration Career Cluster');\r\n        this.jobTitles.set('08', '8. Health Science Career Cluster');\r\n        this.jobTitles.set('09', '9. Hospitality and Tourism Career Cluster');\r\n        this.jobTitles.set('10', '10. Human Services Career Cluster');\r\n        this.jobTitles.set('11', '11. Information Technology (IT) Career Cluster');\r\n        this.jobTitles.set('12', '12. Law, Public Safety, Corrections and Security Career Cluster');\r\n        this.jobTitles.set('13', '13. Manufacturing Career Cluster');\r\n        this.jobTitles.set('14', '14. Marketing Career Cluster');\r\n        this.jobTitles.set('15', '15. Science, Technology, Engineering and Mathematics (STEM) Career Cluster');\r\n        this.jobTitles.set('16', '16. Transportation, Distribution and Logistics Career Cluster');\r\n\r\n        this.altDisplay.set('01', 'Agriculture, Food, and Natural Resources');\r\n        this.altDisplay.set('02', 'Architecture and Construction');\r\n        this.altDisplay.set('03', 'Arts, Audio/Visual Technology and Communications');\r\n        this.altDisplay.set('04', 'Business, Management and Administration');\r\n        this.altDisplay.set('05', 'Education and Training');\r\n        this.altDisplay.set('06', 'Finance');\r\n        this.altDisplay.set('07', 'Government and Public Administration');\r\n        this.altDisplay.set('08', 'Health Science');\r\n        this.altDisplay.set('09', 'Hospitality and Tourism');\r\n        this.altDisplay.set('10', 'Human Services');\r\n        this.altDisplay.set('11', 'Information Technology');\r\n        this.altDisplay.set('12', 'Law, Public Safety, Corrections and Security');\r\n        this.altDisplay.set('13', 'Manufacturing');\r\n        this.altDisplay.set('14', 'Marketing');\r\n        this.altDisplay.set('15', 'Science, Technology, Engineering and Mathematics');\r\n        this.altDisplay.set('16', 'Transportation, Distribution and Logistics');\r\n\r\n    }\r\n\r\n}","module.exports = \"h1 {\\r\\n    font-size: xx-large;\\r\\n    text-align: center;\\r\\n    padding-bottom: 15px;\\r\\n}\\r\\n\\r\\nh2 {\\r\\n    font-size: x-large;\\r\\n    padding-bottom: 10px;\\r\\n}\\r\\n\\r\\nh3 {\\r\\n    font-size: large;\\r\\n    padding-bottom: 5px;\\r\\n}\\r\\n\\r\\nbutton {\\r\\n    color: black;\\r\\n    border-radius: 5px;\\r\\n    border: 2px solid black;\\r\\n    background-color: white;\\r\\n}\\r\\n\\r\\nlabel {\\r\\n    font-size: medium;\\r\\n    margin-left: 10px;\\r\\n    white-space: normal;\\r\\n}\\r\\n\\r\\ntd {\\r\\n    padding-left: 15px;\\r\\n    padding-right: 15px;\\r\\n}\\r\\n\\r\\n.margin-5 {\\r\\n    margin: 5px;\\r\\n}\\r\\n\\r\\n.margin-10 {\\r\\n    margin-top: 15px;\\r\\n    margin-bottom: 15px;\\r\\n    margin-left: 25px;\\r\\n}\\r\\n\\r\\n.bordered {\\r\\n    border: 1px solid black;\\r\\n}\\r\\n\\r\\n.box {\\r\\n    width: 75px;\\r\\n    height: 75px;\\r\\n    border: 1px solid black;\\r\\n    font-size: xx-large;\\r\\n    text-align: center;\\r\\n    line-height: 75px;\\r\\n    margin: auto;\\r\\n}\\r\\n\\r\\n.row-header {\\r\\n    text-align: center;\\r\\n}\\r\\n\\r\\n.item-header {\\r\\n    font-size: large;\\r\\n    margin-top: 3px;\\r\\n    margin-bottom: 3px;\\r\\n}\\r\\n\\r\\n.item {\\r\\n    font-size: medium;\\r\\n    margin-top: 3px;\\r\\n    margin-bottom: 3px;\\r\\n    white-space: nowrap;\\r\\n}\\r\\n\\r\\n.centered {\\r\\n    text-align: center;\\r\\n}\\r\\n\\r\\n.content-vert-centered {\\r\\n    display: flex;\\r\\n    justify-content: center;\\r\\n    align-items: center;\\r\\n}\\r\\n\\r\\n.top {\\r\\n    background-color: lightpink;\\r\\n    font-weight: bold;\\r\\n}\\r\\n\\r\\n.font-large {\\r\\n    font-size: large;\\r\\n}\\r\\n\\r\\n@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {\\r\\n\\r\\n    table,\\r\\n    thead,\\r\\n    tbody,\\r\\n    th,\\r\\n    td,\\r\\n    tr {\\r\\n        display: block;\\r\\n    }\\r\\n\\r\\n    .item-header {\\r\\n        font-size: medium;\\r\\n    }\\r\\n\\r\\n    .item label {\\r\\n        font-size: small;\\r\\n    }\\r\\n}\\r\\n\\r\\n.active {\\r\\n    color: #2C3E50;\\r\\n}\\r\\n\\r\\n\"","module.exports = \"<div class=\\\"container\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-1\\\"><button class=\\\"hidden-print\\\" (click)=\\\"doPrint();\\\">Print</button></div>\\r\\n        <div class=\\\"col-md-2\\\"><b>Nombre:</b></div>\\r\\n        <div class=\\\"col-md-4\\\"><input type=\\\"text\\\" size=\\\"50\\\" /></div>\\r\\n        <div class=\\\"col-md-1\\\"></div>\\r\\n        <div class=\\\"col-md-1\\\"><b>Fecha:</b></div>\\r\\n        <div class=\\\"col-md-3\\\"><input type=\\\"text\\\" size=\\\"20\\\" /></div>\\r\\n    </div>\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-12 margin-5\\\">&nbsp;</div>\\r\\n    </div>\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-12\\\"><h1>{{title}}</h1></div>\\r\\n    </div>\\r\\n    <div class=\\\"row margin-5\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Direcciones</h2>\\r\\n            <div>\\r\\n                Circule los articulos en cada caja que mejor lo describa a usted.\\r\\n                Usted puede circular cuatos quiera por cada caja que usted escoja.\\r\\n                Sume los circulos de cada caja.\\r\\n                Determine cual de las tres cajas tiene el numero mayor.\\r\\n                Busque la carrera correspondiente en las paginas siguientes de esta encuesta para ver cual carrera es la que usted desea explorar.\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <table class=\\\"margin-5\\\">\\r\\n        <tbody>\\r\\n            <tr>\\r\\n                <td class=\\\"bordered\\\">\\r\\n                    <h3 class=\\\"row-header\\\">1.</h3>\\r\\n                </td>\\r\\n                <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                    <div class=\\\"item-header\\\">Actividades que describe lo que me gusta hacer:</div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-01-01\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-01-01\\\">Aprender como las cosas crecen y siguen vivas</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-01-02\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-01-02\\\">Hacer el mejor uso de los recursos naturales de la tierra.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-01-03\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-01-03\\\">Cazar y/o pescar.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-01-04\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-01-04\\\">Proteger el hambiente.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-01-05\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-01-05\\\">Estar afuera en cualquier tipo de tiempo. </label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-01-06\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-01-06\\\">Planea presupuesto, y manten tus records</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-01-07\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-01-07\\\">Manejar maquinas y mantenerlas en buenas condiciones.</label></div>\\r\\n                </td>\\r\\n                <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                    <div class=\\\"item-header\\\">Cualidades personales que me describen a mi</div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-01-08\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-01-08\\\">Confianza en si mismo</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-01-09\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-01-09\\\">Amante a la naturaleza</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-01-10\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-01-10\\\">Físicamente activo/a</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-01-11\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-01-11\\\">Planeador </label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-01-12\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-01-12\\\">Creativo en resolver problemas</label></div>\\r\\n                </td>\\r\\n                <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                    <div class=\\\"item-header\\\">Materias de la escuela que a mi me gustan: </div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-01-13\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-01-13\\\">Matematicas</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-01-14\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-01-14\\\">Ciencias de la vida</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-01-15\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-01-15\\\">Ciencias de la tierra</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-01-16\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-01-16\\\">Quimica</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-01-17\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-01-17\\\">Agricultura</label></div>\\r\\n                </td>\\r\\n                <td class=\\\"bordered centered\\\" valign=\\\"top\\\">\\r\\n                    <div class=\\\"item-header\\\">Total de numeros circulados en Caja 1</div>\\r\\n                    <div class=\\\"box\\\"><span *ngIf=\\\"this.boxTotals.get('01')\\\">{{this.boxTotals.get('01')}}</span></div>\\r\\n                </td>\\r\\n            </tr>\\r\\n            <tr>\\r\\n                <td class=\\\"bordered\\\">\\r\\n                    <h3 class=\\\"row-header\\\">2.</h3>\\r\\n                </td>\\r\\n                <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                    <div class=\\\"item-header\\\">Actividades que describe lo que me gusta hacer:</div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-02-01\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-02-01\\\">Leer y seguir las instrucciones de mapas.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-02-02\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-02-02\\\">Crear una foto en la mente de como un producto terminado se va a ver.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-02-03\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-02-03\\\">Trabajar con mis manos.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-02-04\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-02-04\\\">Realizar trabajos que requieran resultados precisos.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-02-05\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-02-05\\\">Resolver problemas técnicos.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-02-06\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-02-06\\\">Visitar y aprender de la belleza histórica, o edificios interesantes.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-02-07\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-02-07\\\">Seguir la logica, procedimientos de paso a paso.</label></div>\\r\\n                </td>\\r\\n                <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                    <div class=\\\"item-header\\\">Cualidades personales que me describen a mi</div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-02-08\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-02-08\\\">Curioso</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-02-09\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-02-09\\\">Eres bueno en seguir direcciones</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-02-10\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-02-10\\\">Prestas atencion a detalles</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-02-11\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-02-11\\\">Eres bueno en visualizar posibilidades</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-02-12\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-02-12\\\">Paciente y persistente</label></div>\\r\\n                </td>\\r\\n                <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                    <div class=\\\"item-header\\\">Materias de la escuela que a mi me gustan: </div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-02-13\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-02-13\\\">Matematicas</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-02-14\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-02-14\\\">Diseño</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-02-15\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-02-15\\\">Ciencia Fisica</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-02-16\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-02-16\\\">Oficio de Construccion</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-02-17\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-02-17\\\">Oficio Electrico; Calenton, Aire Acondicionado y Refrigeracion; Educacion Tecnologica</label></div>\\r\\n                </td>\\r\\n                <td class=\\\"bordered centered\\\" valign=\\\"top\\\">\\r\\n                    <div class=\\\"item-header\\\">Total de numeros circulados en Caja 2</div>\\r\\n                    <div class=\\\"box\\\"><span *ngIf=\\\"this.boxTotals.get('02')\\\">{{this.boxTotals.get('02')}}</span></div>\\r\\n                </td>\\r\\n            </tr>\\r\\n            <tr>\\r\\n                <td class=\\\"bordered\\\">\\r\\n                    <h3 class=\\\"row-header\\\">3.</h3>\\r\\n                </td>\\r\\n                <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                    <div class=\\\"item-header\\\">Actividades que describe lo que me gusta hacer:</div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-03-01\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-03-01\\\">Uso mi imaginacion para comunicar nueva informacion con otros.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-03-02\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-03-02\\\">Obrar en frente de otros.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-03-03\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-03-03\\\">Leer y escribir.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-03-04\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-03-04\\\">Tocar un instrumento musical.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-03-05\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-03-05\\\">Obrar creativamente, actividades artisticas.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-03-06\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-03-06\\\">Usar video y usar tecnologia.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-03-07\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-03-07\\\">Diseñar folletos y anuncios.</label></div>\\r\\n                </td>\\r\\n                <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                    <div class=\\\"item-header\\\">Cualidades personales que me describen a mi</div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-03-08\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-03-08\\\">Creativo y imaginativo</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-03-09\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-03-09\\\">Buen comunicador, Tienes buen vocabulario</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-03-10\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-03-10\\\">Curioso a la nueva tecnologia</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-03-11\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-03-11\\\">Se relaciona bien con sentimientos y a pensamientos de otros</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-03-12\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-03-12\\\">Determinado/tenaz</label></div>\\r\\n                </td>\\r\\n                <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                    <div class=\\\"item-header\\\">Materias de la escuela que a mi me gustan: </div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-03-13\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-03-13\\\">Diseño de Arte/grafico</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-03-14\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-03-14\\\">Musica</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-03-15\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-03-15\\\">Discurso y drama</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-03-16\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-03-16\\\">Jornalismo/Literatura</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-03-17\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-03-17\\\">Tecnologia Audiovisual</label></div>\\r\\n                </td>\\r\\n                <td class=\\\"bordered centered\\\" valign=\\\"top\\\">\\r\\n                    <div class=\\\"item-header\\\">Total de numeros circulados en Caja 3</div>\\r\\n                    <div class=\\\"box\\\"><span *ngIf=\\\"this.boxTotals.get('03')\\\">{{this.boxTotals.get('03')}}</span></div>\\r\\n                </td>\\r\\n            </tr>\\r\\n            <tr>\\r\\n                <td class=\\\"bordered\\\">\\r\\n                    <h3 class=\\\"row-header\\\">4.</h3>\\r\\n                </td>\\r\\n                <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                    <div class=\\\"item-header\\\">Actividades que describe lo que me gusta hacer:</div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-04-01\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-04-01\\\">Realizar una rutina, organizar actividades pero puedo ser flexible.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-04-02\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-04-02\\\">Trabajar con numeros y informacion detallada.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-04-03\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-04-03\\\">Ser el Guia de el grupo.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-04-04\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-04-04\\\">Hacer negocios que tengan contacto con personas.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-04-05\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-04-05\\\">Trabajar con programas de computadora.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-04-06\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-04-06\\\">Crear reportes y comunicar ideas.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-04-07\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-04-07\\\">Planear mi trabajo y seguir instrucciones sin una supervision cerca.</label></div>\\r\\n                </td>\\r\\n                <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                    <div class=\\\"item-header\\\">Cualidades personales que me describen a mi</div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-04-08\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-04-08\\\">Organizado</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-04-09\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-04-09\\\">Practico y logico</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-04-10\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-04-10\\\">Paciente</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-04-11\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-04-11\\\">Prudente</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-04-12\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-04-12\\\">Responsable</label></div>\\r\\n                </td>\\r\\n                <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                    <div class=\\\"item-header\\\">Materias de la escuela que a mi me gustan: </div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-04-13\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-04-13\\\">Computadora Informacion de Tecnologia y Aplicaciones</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-04-14\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-04-14\\\">Negocio</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-04-15\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-04-15\\\">Contabilidad</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-04-16\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-04-16\\\">Matematicas</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-04-17\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-04-17\\\">Ingles</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-04-18\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-04-18\\\">Economia</label></div>\\r\\n                </td>\\r\\n                <td class=\\\"bordered centered\\\" valign=\\\"top\\\">\\r\\n                    <div class=\\\"item-header\\\">Total de numeros circulados en Caja 4</div>\\r\\n                    <div class=\\\"box\\\"><span *ngIf=\\\"this.boxTotals.get('04')\\\">{{this.boxTotals.get('04')}}</span></div>\\r\\n                </td>\\r\\n            </tr>\\r\\n            <tr>\\r\\n                <td class=\\\"bordered\\\">\\r\\n                    <h3 class=\\\"row-header\\\">5.</h3>\\r\\n                </td>\\r\\n                <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                    <div class=\\\"item-header\\\">Actividades que describe lo que me gusta hacer:</div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-05-01\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-05-01\\\">Comunicarse con diferentes tipos de personas.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-05-02\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-05-02\\\">Ayudar a otros con su tarea y aprender nuevas cosas.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-05-03\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-05-03\\\">Ir a la escuela.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-05-04\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-05-04\\\">Dirigir y planear actividades para otros. </label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-05-05\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-05-05\\\">Manipular varias responsabilidades a la vez. </label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-05-06\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-05-06\\\">Acquirir nueva informacion.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-05-07\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-05-07\\\">Ayudar a las personas a superar sus retos.</label></div>\\r\\n                </td>\\r\\n                <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                    <div class=\\\"item-header\\\">Cualidades personales que me describen a mi</div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-05-08\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-05-08\\\">Amistoso</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-05-09\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-05-09\\\">Tomar decisiones propias</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-05-10\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-05-10\\\">Servicial</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-05-11\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-05-11\\\">Innovativo/Inquisisivo</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-05-12\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-05-12\\\">Sabes escuchar</label></div>\\r\\n                </td>\\r\\n                <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                    <div class=\\\"item-header\\\">Materias de la escuela que a mi me gustan: </div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-05-13\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-05-13\\\">Ingles</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-05-14\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-05-14\\\">Geografia</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-05-15\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-05-15\\\">Matematicas</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-05-16\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-05-16\\\">Ciencia</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-05-17\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-05-17\\\">Sicologia</label></div>\\r\\n                </td>\\r\\n                <td class=\\\"bordered centered\\\" valign=\\\"top\\\">\\r\\n                    <div class=\\\"item-header\\\">Total de numeros circulados en Caja 5</div>\\r\\n                    <div class=\\\"box\\\"><span *ngIf=\\\"this.boxTotals.get('05')\\\">{{this.boxTotals.get('05')}}</span></div>\\r\\n                </td>\\r\\n            </tr>\\r\\n            <tr>\\r\\n                <td class=\\\"bordered\\\">\\r\\n                    <h3 class=\\\"row-header\\\">6.</h3>\\r\\n                </td>\\r\\n                <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                    <div class=\\\"item-header\\\">Actividades que describe lo que me gusta hacer:</div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-06-01\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-06-01\\\">Trabajar con numeros.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-06-02\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-06-02\\\">Trabajar hasta alcanzar su meta.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-06-03\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-06-03\\\">Hacer predicciones basadas en hechos.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-06-04\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-06-04\\\">Hacer una estructura de reglas por la cual usted trabaja.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-06-05\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-06-05\\\">Analizar informacion financiera y interpretarsela a otros.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-06-06\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-06-06\\\">Manipular dinero con abilidad y formalidad.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-06-07\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-06-07\\\">Tener orgullo en la forma en que me visto y luzco.</label></div>\\r\\n\\r\\n                </td>\\r\\n                <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                    <div class=\\\"item-header\\\">Cualidades personales que me describen a mi</div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-06-08\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-06-08\\\">Confiable</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-06-09\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-06-09\\\">Ordenado</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-06-10\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-06-10\\\">Seguro de si mismo</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-06-11\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-06-11\\\">Logico </label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-06-12\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-06-12\\\">Metodico o eficiente</label></div>\\r\\n                </td>\\r\\n                <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                    <div class=\\\"item-header\\\">Materias de la escuela que a mi me gustan: </div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-06-13\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-06-13\\\">Contabilidad</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-06-14\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-06-14\\\">Matematicas</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-06-15\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-06-15\\\">Economia</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-06-16\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-06-16\\\">Banco/Servicio de Financiamiento</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-06-17\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-06-17\\\">Leyes</label></div>\\r\\n                </td>\\r\\n                <td class=\\\"bordered centered\\\" valign=\\\"top\\\">\\r\\n                    <div class=\\\"item-header\\\">Total de numeros circulados en Caja 6</div>\\r\\n                    <div class=\\\"box\\\"><span *ngIf=\\\"this.boxTotals.get('06')\\\">{{this.boxTotals.get('06')}}</span></div>\\r\\n                </td>\\r\\n            </tr>\\r\\n            <tr>\\r\\n                <td class=\\\"bordered\\\">\\r\\n                    <h3 class=\\\"row-header\\\">7.</h3>\\r\\n                </td>\\r\\n                <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                    <div class=\\\"item-header\\\">Actividades que describe lo que me gusta hacer:</div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-07-01\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-07-01\\\">Estar involucrado en politica.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-07-02\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-07-02\\\">Negociador, defensor, y discutir ideas y topicos.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-07-03\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-07-03\\\">Planear actividades y trabajar cooperativamente con otros.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-07-04\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-07-04\\\">Trabajar con detalles.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-07-05\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-07-05\\\">Hacer una variedad de trabajos que pueden cambiar a menudo.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-07-06\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-07-06\\\">Analizar informacion y interpretarsela a otros.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-07-07\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-07-07\\\">Viajar y ver cosas que son nuevas para mi.</label></div>\\r\\n                </td>\\r\\n                <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                    <div class=\\\"item-header\\\">Cualidades personales que me describen a mi</div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-07-08\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-07-08\\\">Buen comunicador</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-07-09\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-07-09\\\">Competitivo</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-07-10\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-07-10\\\">Expecto en Servicio Social</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-07-11\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-07-11\\\">Bien organizado</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-07-12\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-07-12\\\">Resuelve problemas facilmente</label></div>\\r\\n                </td>\\r\\n                <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                    <div class=\\\"item-header\\\">Materias de la escuela que a mi me gustan: </div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-07-13\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-07-13\\\">Govierno</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-07-14\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-07-14\\\">Ingles</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-07-15\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-07-15\\\">Historia</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-07-16\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-07-16\\\">Matematicas</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-07-17\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-07-17\\\">Idioma</label></div>\\r\\n                </td>\\r\\n                <td class=\\\"bordered centered\\\" valign=\\\"top\\\">\\r\\n                    <div class=\\\"item-header\\\">Total de numeros circulados en Caja 7</div>\\r\\n                    <div class=\\\"box\\\"><span *ngIf=\\\"this.boxTotals.get('07')\\\">{{this.boxTotals.get('07')}}</span></div>\\r\\n                </td>\\r\\n            </tr>\\r\\n            <tr>\\r\\n                <td class=\\\"bordered\\\">\\r\\n                    <h3 class=\\\"row-header\\\">8.</h3>\\r\\n                </td>\\r\\n                <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                    <div class=\\\"item-header\\\">Actividades que describe lo que me gusta hacer:</div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-08-01\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-08-01\\\">Trabajar bajo presion.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-08-02\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-08-02\\\">Ayudar a las personas enfermas y animales.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-08-03\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-08-03\\\">Tomar decisiones basadas en logica y informacion.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-08-04\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-08-04\\\">Participar en clases de ciencia y salud.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-08-05\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-08-05\\\">Responder rapido y calmadamente en emergencias.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-08-06\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-08-06\\\">Trabajar como miembro de un equipo.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-08-07\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-08-07\\\">Seguir los requisitos con precision y hacer frente a normas extrictas con exactitud.</label></div>\\r\\n                </td>\\r\\n                <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                    <div class=\\\"item-header\\\">Cualidades personales que me describen a mi</div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-08-08\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-08-08\\\">Comprensivo y preocupado</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-08-09\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-08-09\\\">Bueno en seguir direcciones</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-08-10\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-08-10\\\">Escrupuloso y cuidadoso</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-08-11\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-08-11\\\">Paciente</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-08-12\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-08-12\\\">Eres bueno en escuchar</label></div>\\r\\n                </td>\\r\\n                <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                    <div class=\\\"item-header\\\">Materias de la escuela que a mi me gustan: </div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-08-13\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-08-13\\\">Ciencia Biologica</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-08-14\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-08-14\\\">Quimica</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-08-15\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-08-15\\\">Matemacicas</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-08-16\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-08-16\\\">Clases de Salud</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-08-17\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-08-17\\\">Ingles</label></div>\\r\\n                </td>\\r\\n                <td class=\\\"bordered centered\\\" valign=\\\"top\\\">\\r\\n                    <div class=\\\"item-header\\\">Total de numeros circulados en Caja 8</div>\\r\\n                    <div class=\\\"box\\\"><span *ngIf=\\\"this.boxTotals.get('08')\\\">{{this.boxTotals.get('08')}}</span></div>\\r\\n                </td>\\r\\n            </tr>\\r\\n            <tr>\\r\\n                <td class=\\\"bordered\\\">\\r\\n                    <h3 class=\\\"row-header\\\">9.</h3>\\r\\n                </td>\\r\\n                <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                    <div class=\\\"item-header\\\">Actividades que describe lo que me gusta hacer:</div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-09-01\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-09-01\\\">Investigar nuevos lugares y actividades.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-09-02\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-09-02\\\">Trabajar con todas las edades y tipos de personas.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-09-03\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-09-03\\\">Organizar actividades en las cuales las personas las disfrutan.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-09-04\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-09-04\\\">Tener un itinerario flexible.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-09-05\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-09-05\\\">Ayudar a las personas a tomar decisiones.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-09-06\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-09-06\\\">Comunicarme facilmente, prudentemente, y cortesmente.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-09-07\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-09-07\\\">Aprender de otras culturas.</label></div>\\r\\n                </td>\\r\\n                <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                    <div class=\\\"item-header\\\">Cualidades personales que me describen a mi</div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-09-08\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-09-08\\\">Prudente</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-09-09\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-09-09\\\">Motivador</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-09-10\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-09-10\\\">Trabajo bien con los demas</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-09-11\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-09-11\\\">Sobresaliente</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-09-12\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-09-12\\\">No me enojo facilmente</label></div>\\r\\n                </td>\\r\\n                <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                    <div class=\\\"item-header\\\">Materias de la escuela que a mi me gustan: </div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-09-13\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-09-13\\\">Lenguage de Artes/Discurso</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-09-14\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-09-14\\\">Idioma</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-09-15\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-09-15\\\">Ciencia Social</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-09-16\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-09-16\\\">Mercado</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-09-17\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-09-17\\\">Servicios de Comida</label></div>\\r\\n                </td>\\r\\n                <td class=\\\"bordered centered\\\" valign=\\\"top\\\">\\r\\n                    <div class=\\\"item-header\\\">Total de numeros circulados en Caja 9</div>\\r\\n                    <div class=\\\"box\\\"><span *ngIf=\\\"this.boxTotals.get('09')\\\">{{this.boxTotals.get('09')}}</span></div>\\r\\n                </td>\\r\\n            </tr>\\r\\n            <tr>\\r\\n                <td class=\\\"bordered\\\">\\r\\n                    <h3 class=\\\"row-header\\\">10.</h3>\\r\\n                </td>\\r\\n                <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                    <div class=\\\"item-header\\\">Actividades que describe lo que me gusta hacer:</div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-10-01\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-10-01\\\">Preocuparme por las necesidades y problemas de las personas.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-10-02\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-10-02\\\">Participar en los servicios de la comunidad y/o servir de voluntario.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-10-03\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-10-03\\\">Escuchar el punto de vista de otras personas.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-10-04\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-10-04\\\">Ayudar a las personas para que sean mejores.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-10-05\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-10-05\\\">Trabajar con las personas desde la edad de  pre-escolar hasta la edad adulta.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-10-06\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-10-06\\\">Pensar en formas diferentes de hacer las cosas.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-10-07\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-10-07\\\">Hacer amigos con diferentes tipos de personas.</label></div>\\r\\n                </td>\\r\\n                <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                    <div class=\\\"item-header\\\">Cualidades personales que me describen a mi</div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-10-08\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-10-08\\\">Buen Comunicador/Ser bueno al escuchar</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-10-09\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-10-09\\\">Cuidadoso</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-10-10\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-10-10\\\">No soy materialista </label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-10-11\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-10-11\\\">Uso la intuicion y la logica</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-10-12\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-10-12\\\">No juzgo</label></div>\\r\\n                </td>\\r\\n                <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                    <div class=\\\"item-header\\\">Materias de la escuela que a mi me gustan: </div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-10-13\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-10-13\\\">Ingles</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-10-14\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-10-14\\\">Sicologia/Sociologia</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-10-15\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-10-15\\\">Ciencias de Familia y Consumidor</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-10-16\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-10-16\\\">Financiamiento</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-10-17\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-10-17\\\">Idioma</label></div>\\r\\n                </td>\\r\\n                <td class=\\\"bordered centered\\\" valign=\\\"top\\\">\\r\\n                    <div class=\\\"item-header\\\">Total de numeros circulados en Caja 10</div>\\r\\n                    <div class=\\\"box\\\"><span *ngIf=\\\"this.boxTotals.get('10')\\\">{{this.boxTotals.get('10')}}</span></div>\\r\\n                </td>\\r\\n            </tr>\\r\\n            <tr>\\r\\n                <td class=\\\"bordered\\\">\\r\\n                    <h3 class=\\\"row-header\\\">11.</h3>\\r\\n                </td>\\r\\n                <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                    <div class=\\\"item-header\\\">Actividades que describe lo que me gusta hacer:</div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-11-01\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-11-01\\\">Trabajar con computadoras.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-11-02\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-11-02\\\">Razono claramente y logicamente para resolver problemas complejos.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-11-03\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-11-03\\\">Uso maquinas, tecnicas, y procesamientos.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-11-04\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-11-04\\\">Leo materiales tecnicos y diagramas y resuelvo problemas.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-11-05\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-11-05\\\">Me adapto a los cambios.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-11-06\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-11-06\\\">Juego juegos de video y me doy cuenta rapido como trabajan.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-11-07\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-11-07\\\">Puedo concentrarme por periodos largos sin ser distraido.</label></div>\\r\\n                </td>\\r\\n                <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                    <div class=\\\"item-header\\\">Cualidades personales que me describen a mi</div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-11-08\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-11-08\\\">Logico/analitico</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-11-09\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-11-09\\\">Veo detalles en fotos grandes</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-11-10\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-11-10\\\">Persistente</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-11-11\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-11-11\\\">Buena habilidad de concentracion</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-11-12\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-11-12\\\">Preciso y correcto</label></div>\\r\\n                </td>\\r\\n                <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                    <div class=\\\"item-header\\\">Materias de la escuela que a mi me gustan: </div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-11-13\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-11-13\\\">Matematicas</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-11-14\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-11-14\\\">Ciencias</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-11-15\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-11-15\\\">Computadora Tecnologia/Aplicaciones</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-11-16\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-11-16\\\">Comunicacion</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-11-17\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-11-17\\\">Diseño Grafico</label></div>\\r\\n                </td>\\r\\n                <td class=\\\"bordered centered\\\" valign=\\\"top\\\">\\r\\n                    <div class=\\\"item-header\\\">Total de numeros circulados en Caja 11</div>\\r\\n                    <div class=\\\"box\\\"><span *ngIf=\\\"this.boxTotals.get('11')\\\">{{this.boxTotals.get('11')}}</span></div>\\r\\n                </td>\\r\\n            </tr>\\r\\n            <tr>\\r\\n                <td class=\\\"bordered\\\">\\r\\n                    <h3 class=\\\"row-header\\\">12.</h3>\\r\\n                </td>\\r\\n                <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                    <div class=\\\"item-header\\\">Actividades que describe lo que me gusta hacer:</div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-12-01\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-12-01\\\">Trabajar bajo presion o en el peligro.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-12-02\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-12-02\\\">Tomar decisiones basadas de mis propias observaciones.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-12-03\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-12-03\\\">Interactuar con otras personas.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-12-04\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-12-04\\\">Tener una posicion de autoridad. </label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-12-05\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-12-05\\\">Respetar reglas y regulaciones.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-12-06\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-12-06\\\">Debatir y ganar discusiones.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-12-07\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-12-07\\\">Observar y analizar las conductas de las personas.</label></div>\\r\\n                </td>\\r\\n                <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                    <div class=\\\"item-header\\\">Cualidades personales que me describen a mi</div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-12-08\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-12-08\\\">Aventuroso</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-12-09\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-12-09\\\">Dependiente</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-12-10\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-12-10\\\">Facultad de llevarse bien en la comunidad</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-12-11\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-12-11\\\">Decisivo</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-12-12\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-12-12\\\">Optimista</label></div>\\r\\n                </td>\\r\\n                <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                    <div class=\\\"item-header\\\">Materias de la escuela que a mi me gustan: </div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-12-13\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-12-13\\\">Ingles</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-12-14\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-12-14\\\">Sicologia/Sociologia</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-12-15\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-12-15\\\">Govierno/Historia</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-12-16\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-12-16\\\">Leyes</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-12-17\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-12-17\\\">Primeros Auxilios</label></div>\\r\\n                </td>\\r\\n                <td class=\\\"bordered centered\\\" valign=\\\"top\\\">\\r\\n                    <div class=\\\"item-header\\\">Total de numeros circulados en Caja 12</div>\\r\\n                    <div class=\\\"box\\\"><span *ngIf=\\\"this.boxTotals.get('12')\\\">{{this.boxTotals.get('12')}}</span></div>\\r\\n                </td>\\r\\n            </tr>\\r\\n            <tr>\\r\\n                <td class=\\\"bordered\\\">\\r\\n                    <h3 class=\\\"row-header\\\">13.</h3>\\r\\n                </td>\\r\\n                <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                    <div class=\\\"item-header\\\">Actividades que describe lo que me gusta hacer:</div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-13-01\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-13-01\\\">Trabajar con mis manos y aprender de esa forma.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-13-02\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-13-02\\\">Armar/Pegar cosas.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-13-03\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-13-03\\\">Hacer una rutina, y hacer un trabajo organizado y adecuado.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-13-04\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-13-04\\\">Realizar actividades que den resultados palpables.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-13-05\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-13-05\\\">Aplicar la matematica para trabajar las soluciones.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-13-06\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-13-06\\\">Usar la manos y herramientas fuertes para operar equipos/maquinas.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-13-07\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-13-07\\\">Visualizar objetos de tres dimensiones desde dibujos.</label></div>\\r\\n                </td>\\r\\n                <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                    <div class=\\\"item-header\\\">Cualidades personales que me describen a mi</div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-13-08\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-13-08\\\">Practico</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-13-09\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-13-09\\\">Observador</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-13-10\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-13-10\\\">Fisicamente Activo</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-13-11\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-13-11\\\">Alguien que piensa poco a poco</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-13-12\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-13-12\\\">Coordinado</label></div>\\r\\n                </td>\\r\\n                <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                    <div class=\\\"item-header\\\">Materias de la escuela que a mi me gustan: </div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-13-13\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-13-13\\\">Matematicas, especialmente Geometria</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-13-14\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-13-14\\\">Quimica</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-13-15\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-13-15\\\">Cursos de Negocios y Industria</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-13-16\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-13-16\\\">Fisica</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-13-17\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-13-17\\\">Ingles</label></div>\\r\\n                </td>\\r\\n                <td class=\\\"bordered centered\\\" valign=\\\"top\\\">\\r\\n                    <div class=\\\"item-header\\\">Total de numeros circulados en Caja 13</div>\\r\\n                    <div class=\\\"box\\\"><span *ngIf=\\\"this.boxTotals.get('13')\\\">{{this.boxTotals.get('13')}}</span></div>\\r\\n                </td>\\r\\n            </tr>\\r\\n            <tr>\\r\\n                <td class=\\\"bordered\\\">\\r\\n                    <h3 class=\\\"row-header\\\">14.</h3>\\r\\n                </td>\\r\\n                <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                    <div class=\\\"item-header\\\">Actividades que describe lo que me gusta hacer:</div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-14-01\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-14-01\\\">De compras e ir a las tiendas.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-14-02\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-14-02\\\">Estar a cargo.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-14-03\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-14-03\\\">Exibir y promover ideas.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-14-04\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-14-04\\\">Dar presentaciones y disfrutar el hablar en publico.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-14-05\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-14-05\\\">Persuadir a las personas para que compren  productos o para que participen en actividades.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-14-06\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-14-06\\\">Comunicar mis ideas a otras personas.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-14-07\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-14-07\\\">Tomar ventajas de oportunidades para hacer dinero extra.</label></div>\\r\\n                </td>\\r\\n                <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                    <div class=\\\"item-header\\\">Cualidades personales que me describen a mi</div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-14-08\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-14-08\\\">Entusiastico</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-14-09\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-14-09\\\">Competente</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-14-10\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-14-10\\\">Creativo</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-14-11\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-14-11\\\">Motivador</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-14-12\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-14-12\\\">Persuasivo</label></div>\\r\\n                </td>\\r\\n                <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                    <div class=\\\"item-header\\\">Materias de la escuela que a mi me gustan: </div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-14-13\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-14-13\\\">Ingles</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-14-14\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-14-14\\\">Matematicas</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-14-15\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-14-15\\\">Education de Negocios</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-14-16\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-14-16\\\">Economia</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-14-17\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-14-17\\\">Aplicatciones de Computadora</label></div>\\r\\n                </td>\\r\\n                <td class=\\\"bordered centered\\\" valign=\\\"top\\\">\\r\\n                    <div class=\\\"item-header\\\">Total de numeros circulados en Caja 14</div>\\r\\n                    <div class=\\\"box\\\"><span *ngIf=\\\"this.boxTotals.get('14')\\\">{{this.boxTotals.get('14')}}</span></div>\\r\\n                </td>\\r\\n            </tr>\\r\\n            <tr>\\r\\n                <td class=\\\"bordered\\\">\\r\\n                    <h3 class=\\\"row-header\\\">15.</h3>\\r\\n                </td>\\r\\n                <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                    <div class=\\\"item-header\\\">Actividades que describe lo que me gusta hacer:</div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-15-01\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-15-01\\\">Interpretar formulas.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-15-02\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-15-02\\\">Buscar respuestas a preguntas.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-15-03\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-15-03\\\">Trabajar en un Laboratorio.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-15-04\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-15-04\\\">Descubrir como trabajan las cosas e investigar cosas nuevas.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-15-05\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-15-05\\\">Explorar nuevas tecnologias.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-15-06\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-15-06\\\">Experimentar para encontrar la mejor manera de hacer algo.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-15-07\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-15-07\\\">Prestar atencion a detalles y ayudar para que las cosas sean precisas.</label></div>\\r\\n                </td>\\r\\n                <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                    <div class=\\\"item-header\\\">Cualidades personales que me describen a mi</div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-15-08\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-15-08\\\">Orientador</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-15-09\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-15-09\\\">Inquisitivo</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-15-10\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-15-10\\\">Imparcial</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-15-11\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-15-11\\\">Metodico</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-15-12\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-15-12\\\">Inclinado a la mecanica</label></div>\\r\\n                </td>\\r\\n                <td class=\\\"col-md-3 bordered\\\" valign=\\\"top\\\">\\r\\n                    <div class=\\\"item-header\\\">Materias de la escuela que a mi me gustan: </div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-15-13\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-15-13\\\">Matematicas</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-15-14\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-15-14\\\">Ciencias</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-15-15\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-15-15\\\">Diseño/Auxiliar de Diseño de Computadora</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-15-16\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-15-16\\\">Electronica/Cadena de Computadora</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-15-17\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-15-17\\\">Clases Tecnicas/ Educacion en Tecnologia</label></div>\\r\\n                </td>\\r\\n                <td class=\\\"bordered centered\\\" valign=\\\"top\\\">\\r\\n                    <div class=\\\"item-header\\\">Total de numeros circulados en Caja 15</div>\\r\\n                    <div class=\\\"box\\\"><span *ngIf=\\\"this.boxTotals.get('15')\\\">{{this.boxTotals.get('15')}}</span></div>\\r\\n                </td>\\r\\n            </tr>\\r\\n            <tr>\\r\\n                <td class=\\\"bordered\\\">\\r\\n                    <h3 class=\\\"row-header\\\">16.</h3>\\r\\n                </td>\\r\\n                <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                    <div class=\\\"item-header\\\">Actividades que describe lo que me gusta hacer:</div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-16-01\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-16-01\\\">Viajar.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-16-02\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-16-02\\\">Ver bien y tener reflejos rapidos.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-16-03\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-16-03\\\">Resolver problemas mecanicos.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-16-04\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-16-04\\\">Designar procesamientos eficientes.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-16-05\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-16-05\\\">Anticipar nececidades y prepararse para ellas.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-16-06\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-16-06\\\">Manejar o montar.</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-16-07\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-16-07\\\">Mover cosas de un lugar a otro.</label></div>\\r\\n                </td>\\r\\n                <td class=\\\"col-md-3 bordered\\\" valign=\\\"top\\\">\\r\\n                    <div class=\\\"item-header\\\">Cualidades personales que me describen a mi</div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-16-08\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-16-08\\\">Realistico</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-16-09\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-16-09\\\">Mecanico</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-16-10\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-16-10\\\">Coordinado</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-16-11\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-16-11\\\">Observador</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-16-12\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-16-12\\\">Planeador</label></div>\\r\\n                </td>\\r\\n                <td class=\\\"col-md-3 bordered\\\" valign=\\\"top\\\">\\r\\n                    <div class=\\\"item-header\\\">Materias de la escuela que a mi me gustan: </div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-16-13\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-16-13\\\">Matematicas</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-16-14\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-16-14\\\">Cursos de Negocios e Industria</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-16-15\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-16-15\\\">Ciencia Fisica</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-16-16\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-16-16\\\">Economia</label></div>\\r\\n                    <div class=\\\"item\\\"><input id=\\\"item-16-17\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /><label for=\\\"item-16-17\\\">Idioma</label></div>\\r\\n                </td>\\r\\n                <td class=\\\"bordered centered\\\" valign=\\\"top\\\">\\r\\n                    <div class=\\\"item-header\\\">Total de numeros circulados en Caja 16</div>\\r\\n                    <div class=\\\"box\\\"><span *ngIf=\\\"this.boxTotals.get('16')\\\">{{this.boxTotals.get('16')}}</span></div>\\r\\n                </td>\\r\\n            </tr>\\r\\n        </tbody>\\r\\n    </table>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\n\r\n@Component({\r\n    selector: 'encuesta-de-interes',\r\n    templateUrl: './encuesta-de-interes.component.html',\r\n    styleUrls: ['./encuesta-de-interes.component.css']\r\n})\r\nexport class UnitOneLessonThreeEncuestaDeInteresComponent {\r\n\r\n    title: string = \"Encuesta de Interes de Grupos de Carreras\";\r\n\r\n    boxTotals: Map<string, number> = new Map();\r\n\r\n    constructor() {\r\n\r\n        this.boxTotals.set('01', 0);\r\n        this.boxTotals.set('02', 0);\r\n        this.boxTotals.set('03', 0);\r\n        this.boxTotals.set('04', 0);\r\n        this.boxTotals.set('05', 0);\r\n        this.boxTotals.set('06', 0);\r\n        this.boxTotals.set('07', 0);\r\n        this.boxTotals.set('08', 0);\r\n        this.boxTotals.set('09', 0);\r\n        this.boxTotals.set('10', 0);\r\n        this.boxTotals.set('11', 0);\r\n        this.boxTotals.set('12', 0);\r\n        this.boxTotals.set('13', 0);\r\n        this.boxTotals.set('14', 0);\r\n        this.boxTotals.set('15', 0);\r\n        this.boxTotals.set('16', 0);\r\n    }\r\n\r\n    totalBox(event: any) {\r\n\r\n        var chkboxId: string = event.target.id.substring(5, 7);\r\n\r\n        var incr = event.target.checked ? 1 : -1;\r\n        var curBoxTotal = this.boxTotals.get(chkboxId);\r\n        this.boxTotals.set(chkboxId, curBoxTotal + incr);\r\n    }\r\n\r\n    doPrint(): void {\r\n        window.print();\r\n    }\r\n}","module.exports = \"label {\\r\\n    font-size: small;\\r\\n    margin-left: 10px;\\r\\n    white-space: normal;\\r\\n}\\r\\ntd {\\r\\n    padding-left: 15px;\\r\\n    padding-right: 15px;\\r\\n}\\r\\nimg {\\r\\n    padding-top:15px;\\r\\n    padding-bottom:15px;\\r\\n}\\r\\n.centered {\\r\\n    text-align: center;\\r\\n}\\r\\n.bordered {\\r\\n    border: 1px solid black;\\r\\n}\\r\\n.row-header {\\r\\n    text-align: center;\\r\\n}\\r\\n.item {\\r\\n    display: flex;\\r\\n    align-items: center;\\r\\n}\\r\\n.item-header {\\r\\n    font-size: medium;\\r\\n    font-weight: bold;\\r\\n    margin-top: 3px;\\r\\n    margin-bottom: 6px;\\r\\n    white-space: nowrap;\\r\\n}\\r\\n.item-header-box {\\r\\n    font-size: medium;\\r\\n    font-weight: bold;\\r\\n    margin-top: 6px;\\r\\n    margin-bottom: 3px;\\r\\n}\\r\\n.box {\\r\\n    width: 75px;\\r\\n    height: 75px;\\r\\n    border: 1px solid black;\\r\\n    font-size: xx-large;\\r\\n    text-align: center;\\r\\n    line-height: 75px;\\r\\n    margin-left: auto;\\r\\n    margin-right: auto;\\r\\n    margin-top: 5px;\\r\\n    margin-bottom: 5px;\\r\\n}\\r\\n.top-three-clusters-section {\\r\\n    margin-top: 100px;\\r\\n    padding-bottom:10px;\\r\\n    border: 1px solid black;\\r\\n    border-radius:25px;\\r\\n    box-shadow: inset 0px 0px 15px black;\\r\\n}\\r\\n.top-three-clusters {\\r\\n    font-size:large;\\r\\n}\\r\\n.career-clusters-section {\\r\\n    margin-top: 25px;\\r\\n}\\r\\ndiv.career-clusters-section div.row {\\r\\n    margin-top: 5px;\\r\\n    margin-bottom:5px;\\r\\n    border-radius: 10px;\\r\\n}\\r\\n.cluster-description {\\r\\n    margin-left: 25px;\\r\\n    margin-top: 15px;\\r\\n    margin-bottom: 15px;\\r\\n}\\r\\n@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {\\r\\n\\r\\n    table,\\r\\n    thead,\\r\\n    tbody,\\r\\n    th,\\r\\n    td,\\r\\n    tr {\\r\\n        display: block;\\r\\n    }\\r\\n\\r\\n    .item-header {\\r\\n        font-size: medium;\\r\\n    }\\r\\n\\r\\n    .item label {\\r\\n        font-size: small;\\r\\n    }\\r\\n}\\r\\n@media print {\\r\\n\\r\\n    .reveal-button {\\r\\n        display: none;\\r\\n    }\\r\\n\\r\\n    .top-three-clusters-section {\\r\\n        page-break-after: always;\\r\\n        margin-top: 20px;\\r\\n        padding-bottom: 10px;\\r\\n        border: 1px solid black;\\r\\n        border-radius: 25px;\\r\\n        box-shadow: inset 0px 0px 15px black;\\r\\n    }\\r\\n\\r\\n    .career-clusters-section {\\r\\n        margin-top: 0px;\\r\\n    }\\r\\n}\\r\\n.active {\\r\\n    color: #2C3E50;\\r\\n}\\r\\n\\r\\n\"","module.exports = \"<div class=\\\"container exercise-content\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-1']\\\">Unit 1</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-1/lesson-3']\\\">Lesson 3</a></li>\\r\\n                <li class=\\\"active\\\">{{title}}</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-1/\\\">Unit 1</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-1/lesson-3/\\\">Lesson 3</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-1/lesson-3/interests-survey/\\\">{{title}}</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-1/lesson-3/interests survey'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <tfolio-heading></tfolio-heading>\\r\\n    <tfolio-page-title content=\\\"{{title}}\\\"></tfolio-page-title>\\r\\n    <tfolio-directions identifier=\\\"interests-survey-directions\\\" tag=\\\"Directions\\\" [padBottom]=\\\"true\\\">\\r\\n        <span>\\r\\n            Check the items in each box that best describe you.\\r\\n            You can check as many boxes as you'd like!\\r\\n            The number of checks in each box is to be totalled in the far-right column.\\r\\n            Which boxes have the highest numbers? Those are your top clusters and most closely match up with your career interests.\\r\\n            Find the corresponding Career Clusters below to see which group of careers to explore.\\r\\n        </span>\\r\\n    </tfolio-directions>\\r\\n    <div class=\\\"container-fluid\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\" style=\\\"padding-left: 0px; padding-right: 0px;\\\">\\r\\n                <table class=\\\"survey-items-table\\\">\\r\\n                    <tbody>\\r\\n                        <tr>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <h3 class=\\\"row-header\\\">1.</h3>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                                <div class=\\\"item-header\\\">What I like to do:</div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-01-01\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-01-01\\\">Learn how things grow and stay alive.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-01-02\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-01-02\\\">Make the best use of the earth's natural resources.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-01-03\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-01-03\\\">Hunt and/or fish.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-01-04\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-01-04\\\">Protect the environment.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-01-05\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-01-05\\\">Be outdoors in all kinds of weather.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-01-06\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-01-06\\\">Plan, operate, and keep records.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-01-07\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-01-07\\\">Operate machines and keep them in good repair.</label></div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                                <div class=\\\"item-header\\\">My personal qualities:</div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-01-08\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-01-08\\\">Self-reliant</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-01-09\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-01-09\\\">Nature lover</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-01-10\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-01-10\\\">Physically active</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-01-11\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-01-11\\\">Planner</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-01-12\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-01-12\\\">Creative problem solver</label></div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                                <div class=\\\"item-header\\\">School subjects I like:</div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-01-13\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-01-13\\\">Math</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-01-14\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-01-14\\\">Life Sciences</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-01-15\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-01-15\\\">Earth Sciences</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-01-16\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-01-16\\\">Chemistry</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-01-17\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-01-17\\\">Agriculture</label></div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered centered\\\" valign=\\\"top\\\">\\r\\n                                <div class=\\\"item-header-box\\\">Total number checked in Box 1</div>\\r\\n                                <div class=\\\"box\\\"><span *ngIf=\\\"this.boxTotals.get('01')\\\">{{this.boxTotals.get('01')}}</span></div>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <tr>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <h3 class=\\\"row-header\\\">2.</h3>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                                <div class=\\\"item-header\\\">What I like to do:</div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-02-01\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-02-01\\\">Read and follow blueprints and/or instructions.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-02-02\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-02-02\\\">Picture in my mind what a finished product will look like.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-02-03\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-02-03\\\">Work with my hands</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-02-04\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-02-04\\\">Perform work that requires precise results.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-02-05\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-02-05\\\">Solve technical problems.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-02-06\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-02-06\\\">Visit and learn from beautiful, historic, or interesting buildings. </label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-02-07\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-02-07\\\">Follow logical, step-by-step procedures.</label></div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                                <div class=\\\"item-header\\\">My personal qualities:</div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-02-08\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-02-08\\\">Curious</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-02-09\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-02-09\\\">Good at following instructions</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-02-10\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-02-10\\\">Pay attention to detail</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-02-11\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-02-11\\\">Good at visualizing possibilities</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-02-12\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-02-12\\\">Patient and persistent</label></div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                                <div class=\\\"item-header\\\">School subjects I like:</div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-02-13\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-02-13\\\">Math</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-02-14\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-02-14\\\">Drafting</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-02-15\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-02-15\\\">Chemistry, Physics</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-02-16\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-02-16\\\">Construction Trades</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-02-17\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-02-17\\\">Electrical Trades / Heat, Air Conditioning and Refrigeration / Technology Education</label></div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered centered\\\" valign=\\\"top\\\">\\r\\n                                <div class=\\\"item-header-box\\\">Total number checked in Box 2</div>\\r\\n                                <div class=\\\"box\\\"><span *ngIf=\\\"this.boxTotals.get('02')\\\">{{this.boxTotals.get('02')}}</span></div>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <tr>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <h3 class=\\\"row-header\\\">3.</h3>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                                <div class=\\\"item-header\\\">What I like to do:</div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-03-01\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-03-01\\\">Use my imagination to communicate new information to others.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-03-02\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-03-02\\\">Perform in front of others.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-03-03\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-03-03\\\">Read and write.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-03-04\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-03-04\\\">Play a musical instrument.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-03-05\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-03-05\\\">Perform creative, artistic activities.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-03-06\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-03-06\\\">Use video and recording technology.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-03-07\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-03-07\\\">Design brochures and posters.</label></div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                                <div class=\\\"item-header\\\">My personal qualities:</div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-03-08\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-03-08\\\">Creative and imaginative</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-03-09\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-03-09\\\">Good communicator, good vocabulary</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-03-10\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-03-10\\\">Curious about new technology</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-03-11\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-03-11\\\">Relate well to feelings and thoughts of others</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-03-12\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-03-12\\\">Determined / tenacious</label></div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                                <div class=\\\"item-header\\\">School subjects I like:</div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-03-13\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-03-13\\\">Music</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-03-14\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-03-14\\\">Speech and Drama</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-03-15\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-03-15\\\">Journalism / Literature</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-03-16\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-03-16\\\">Audiovisual</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-03-17\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-03-17\\\">Technology</label></div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered centered\\\" valign=\\\"top\\\">\\r\\n                                <div class=\\\"item-header-box\\\">Total number checked in Box 3</div>\\r\\n                                <div class=\\\"box\\\"><span *ngIf=\\\"this.boxTotals.get('03')\\\">{{this.boxTotals.get('03')}}</span></div>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <tr>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <h3 class=\\\"row-header\\\">4.</h3>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                                <div class=\\\"item-header\\\">What I like to do:</div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-04-01\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-04-01\\\">Perform routine, organized activities but can be flexible.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-04-02\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-04-02\\\">Work with numbers and detailed information.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-04-03\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-04-03\\\">Be the leader in a group.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-04-04\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-04-04\\\">Make business contact with people.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-04-05\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-04-05\\\">Work with computer programs.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-04-06\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-04-06\\\">Create reports and communicate ideas.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-04-07\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-04-07\\\">Plan my work and follow instructions without close supervision.</label></div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                                <div class=\\\"item-header\\\">My personal qualities:</div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-04-08\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-04-08\\\">Organized</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-04-09\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-04-09\\\">Practical and logical</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-04-10\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-04-10\\\">Patient</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-04-11\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-04-11\\\">Tactful</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-04-12\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-04-12\\\">Responsible</label></div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                                <div class=\\\"item-header\\\">School subjects I like:</div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-04-13\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-04-13\\\">Computer applications</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-04-14\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-04-14\\\">Business</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-04-15\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-04-15\\\">Information Technology</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-04-16\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-04-16\\\">Accounting</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-04-17\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-04-17\\\">Math</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-04-18\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-04-18\\\">English</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-04-19\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-04-19\\\">Economics</label></div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered centered\\\" valign=\\\"top\\\">\\r\\n                                <div class=\\\"item-header-box\\\">Total number checked in Box 4</div>\\r\\n                                <div class=\\\"box\\\"><span *ngIf=\\\"this.boxTotals.get('04')\\\">{{this.boxTotals.get('04')}}</span></div>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <tr>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <h3 class=\\\"row-header\\\">5.</h3>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                                <div class=\\\"item-header\\\">What I like to do:</div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-05-01\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-05-01\\\">Communicate with different types of people.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-05-02\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-05-02\\\">Help others with their homework or to learn new things. Go to school.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-05-03\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-05-03\\\">Direct and plan activities for others.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-05-04\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-05-04\\\">Handle several responsibilities at once.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-05-05\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-05-05\\\">Acquire new information.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-05-06\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-05-06\\\">Help people overcome their challenges.</label></div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                                <div class=\\\"item-header\\\">My personal qualities:</div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-05-08\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-05-08\\\">Friendly</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-05-09\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-05-09\\\">Decision maker</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-05-10\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-05-10\\\">Helpful</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-05-11\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-05-11\\\">Innovative / Inquisitive</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-05-12\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-05-12\\\">Good listener</label></div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                                <div class=\\\"item-header\\\">School subjects I like:</div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-05-13\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-05-13\\\">Language arts</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-05-14\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-05-14\\\">Social studies</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-05-15\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-05-15\\\">Math</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-05-16\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-05-16\\\">Science</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-05-17\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-05-17\\\">Psychology</label></div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered centered\\\" valign=\\\"top\\\">\\r\\n                                <div class=\\\"item-header-box\\\">Total number checked in Box 5</div>\\r\\n                                <div class=\\\"box\\\"><span *ngIf=\\\"this.boxTotals.get('05')\\\">{{this.boxTotals.get('05')}}</span></div>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <tr>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <h3 class=\\\"row-header\\\">6.</h3>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                                <div class=\\\"item-header\\\">What I like to do:</div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-06-01\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-06-01\\\">Work with numbers.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-06-02\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-06-02\\\">Work to meet a deadline.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-06-03\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-06-03\\\">Make predictions based on existing facts.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-06-04\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-06-04\\\">Have a framework of rules by which to operate.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-06-05\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-06-05\\\">Analyze financial information and interpret it to others.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-06-06\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-06-06\\\">Handle money with accuracy and reliability.</label></div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                                <div class=\\\"item-header\\\">My personal qualities:</div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-06-07\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-06-07\\\">Trustworthy</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-06-08\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-06-08\\\">Orderly</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-06-09\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-06-09\\\">Self-confident</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-06-10\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-06-10\\\">Logical</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-06-11\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-06-11\\\">Methodical or efficient</label></div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                                <div class=\\\"item-header\\\">School subjects I like:</div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-06-12\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-06-12\\\">Accounting</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-06-13\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-06-13\\\">Math</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-06-14\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-06-14\\\">Economics</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-06-15\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-06-15\\\">Banking / Financial Services</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-06-16\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-06-16\\\">Business Law</label></div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered centered\\\" valign=\\\"top\\\">\\r\\n                                <div class=\\\"item-header-box\\\">Total number checked in Box 6</div>\\r\\n                                <div class=\\\"box\\\"><span *ngIf=\\\"this.boxTotals.get('06')\\\">{{this.boxTotals.get('06')}}</span></div>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <tr>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <h3 class=\\\"row-header\\\">7.</h3>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                                <div class=\\\"item-header\\\">What I like to do:</div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-07-01\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-07-01\\\">Be involved in politics.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-07-02\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-07-02\\\">Negotiate, defend, and debate ideas and topics.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-07-03\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-07-03\\\">Plan activities and work cooperatively with others.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-07-04\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-07-04\\\">Work with details.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-07-05\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-07-05\\\">Perform a variety of duties that may change often.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-07-06\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-07-06\\\">Analyze information and interpret it to others.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-07-07\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-07-07\\\">Travel and see things that are new to me.</label></div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                                <div class=\\\"item-header\\\">My personal qualities:</div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-07-08\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-07-08\\\">Good communicator</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-07-09\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-07-09\\\">Competitive</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-07-10\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-07-10\\\">Service minded</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-07-11\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-07-11\\\">Well-organized</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-07-12\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-07-12\\\">Problem solver</label></div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                                <div class=\\\"item-header\\\">School subjects I like:</div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-07-13\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-07-13\\\">Government</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-07-14\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-07-14\\\">Language Arts</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-07-15\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-07-15\\\">History</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-07-16\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-07-16\\\">Math</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-07-17\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-07-17\\\">Foreign Language</label></div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered centered\\\" valign=\\\"top\\\">\\r\\n                                <div class=\\\"item-header-box\\\">Total number checked in Box 7</div>\\r\\n                                <div class=\\\"box\\\"><span *ngIf=\\\"this.boxTotals.get('07')\\\">{{this.boxTotals.get('07')}}</span></div>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <tr>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <h3 class=\\\"row-header\\\">8.</h3>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                                <div class=\\\"item-header\\\">What I like to do:</div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-08-01\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-08-01\\\">Work under pressure.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-08-02\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-08-02\\\">Help sick people and animals.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-08-03\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-08-03\\\">Make decisions based on logic and information.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-08-04\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-08-04\\\">Participate in health and science classes.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-08-05\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-08-05\\\">Respond calmly and quickly in emergencies.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-08-06\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-08-06\\\">Work as a member of a team.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-08-07\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-08-07\\\">Follow guidelines precisely and meet strict standards of accuracy.</label></div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                                <div class=\\\"item-header\\\">My personal qualities:</div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-08-08\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-08-08\\\">Compassionate and caring</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-08-09\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-08-09\\\">Good at following instructions</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-08-10\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-08-10\\\">Conscientious and careful</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-08-11\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-08-11\\\">Patient</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-08-12\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-08-12\\\">Good listener</label></div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                                <div class=\\\"item-header\\\">School subjects I like:</div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-08-13\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-08-13\\\">Biological sciences</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-08-14\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-08-14\\\">Chemistry</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-08-15\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-08-15\\\">Math</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-08-16\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-08-16\\\">Occupational Health</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-08-17\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-08-17\\\">Language Arts</label></div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered centered\\\" valign=\\\"top\\\">\\r\\n                                <div class=\\\"item-header-box\\\">Total number checked in Box 8</div>\\r\\n                                <div class=\\\"box\\\"><span *ngIf=\\\"this.boxTotals.get('08')\\\">{{this.boxTotals.get('08')}}</span></div>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <tr>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <h3 class=\\\"row-header\\\">9.</h3>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                                <div class=\\\"item-header\\\">What I like to do:</div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-09-01\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-09-01\\\">Investigate new places and activities.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-09-02\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-09-02\\\">Work with all ages and types of people.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-09-03\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-09-03\\\">Organize activities in which other people enjoy themselves.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-09-04\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-09-04\\\">Have a flexible schedule.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-09-05\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-09-05\\\">Help people make up their minds.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-09-06\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-09-06\\\">Communicate easily, tactfully, and courteously.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-09-07\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-09-07\\\">Learn about other cultures.</label></div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                                <div class=\\\"item-header\\\">My personal qualities:</div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-09-08\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-09-08\\\">Tactful</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-09-09\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-09-09\\\">Self-motivated</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-09-10\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-09-10\\\">Works well with others</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-09-11\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-09-11\\\">Outgoing</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-09-12\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-09-12\\\">Slow to anger</label></div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                                <div class=\\\"item-header\\\">School subjects I like:</div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-09-13\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-09-13\\\">Language Arts, Speech</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-09-14\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-09-14\\\">Foreign Languages</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-09-15\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-09-15\\\">Social Sciences</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-09-16\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-09-16\\\">Marketing</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-09-17\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-09-17\\\">Food Services</label></div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered centered\\\" valign=\\\"top\\\">\\r\\n                                <div class=\\\"item-header-box\\\">Total number checked in Box 9</div>\\r\\n                                <div class=\\\"box\\\"><span *ngIf=\\\"this.boxTotals.get('09')\\\">{{this.boxTotals.get('09')}}</span></div>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <tr>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <h3 class=\\\"row-header\\\">10.</h3>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                                <div class=\\\"item-header\\\">What I like to do:</div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-10-01\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-10-01\\\">Care about people, their needs, and their problems.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-10-02\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-10-02\\\">Participate in community services and/or volunteering.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-10-03\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-10-03\\\">Listen to other people's viewpoints.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-10-04\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-10-04\\\">Help people be at their best.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-10-05\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-10-05\\\">Work with people from preschool age to old age.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-10-06\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-10-06\\\">Think of new ways to do things.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-10-07\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-10-07\\\">Make friends with different kinds of people.</label></div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                                <div class=\\\"item-header\\\">My personal qualities:</div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-10-08\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-10-08\\\">Good communicator, good listener</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-10-09\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-10-09\\\">Caring</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-10-10\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-10-10\\\">Non-materialistic</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-10-11\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-10-11\\\">Uses intuition and logic</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-10-12\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-10-12\\\">Non-judgmental</label></div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                                <div class=\\\"item-header\\\">School subjects I like:</div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-10-13\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-10-13\\\">Language Arts</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-10-14\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-10-14\\\">Psychology, Sociology</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-10-15\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-10-15\\\">Family and Consumer Services</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-10-16\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-10-16\\\">Finance</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-10-17\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-10-17\\\">Foreign Language</label></div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered centered\\\" valign=\\\"top\\\">\\r\\n                                <div class=\\\"item-header-box\\\">Total number checked in Box 10</div>\\r\\n                                <div class=\\\"box\\\"><span *ngIf=\\\"this.boxTotals.get('10')\\\">{{this.boxTotals.get('10')}}</span></div>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <tr>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <h3 class=\\\"row-header\\\">11.</h3>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                                <div class=\\\"item-header\\\">What I like to do:</div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-11-01\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-11-01\\\">Work with computers.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-11-02\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-11-02\\\">Reason clearly and logically to solve complex problems.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-11-03\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-11-03\\\">Use machines, techniques, and processes.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-11-04\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-11-04\\\">Read technical materials and diagrams and solve technical problems.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-11-05\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-11-05\\\">Adapt to change.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-11-06\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-11-06\\\">Play video games and figure out how they work.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-11-07\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-11-07\\\">Concentrate for long periods without being distracted.</label></div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                                <div class=\\\"item-header\\\">My personal qualities:</div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-11-08\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-11-08\\\">Logical/analytical thinker</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-11-09\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-11-09\\\">See details in the big picture</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-11-10\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-11-10\\\">Persistent</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-11-11\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-11-11\\\">Good concentration skills</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-11-12\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-11-12\\\">Precise and accurate</label></div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                                <div class=\\\"item-header\\\">School subjects I like:</div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-11-13\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-11-13\\\">Math</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-11-14\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-11-14\\\">Science</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-11-15\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-11-15\\\">Computer Technology, Computer Applications</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-11-16\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-11-16\\\">Communications</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-11-17\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-11-17\\\">Graphic Design</label></div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered centered\\\" valign=\\\"top\\\">\\r\\n                                <div class=\\\"item-header-box\\\">Total number checked in Box 11</div>\\r\\n                                <div class=\\\"box\\\"><span *ngIf=\\\"this.boxTotals.get('11')\\\">{{this.boxTotals.get('11')}}</span></div>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <tr>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <h3 class=\\\"row-header\\\">12.</h3>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                                <div class=\\\"item-header\\\">What I like to do:</div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-12-01\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-12-01\\\">Work under pressure or in the face of danger.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-12-02\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-12-02\\\">Make decisions based on my own observations.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-12-03\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-12-03\\\">Interact with other people.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-12-04\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-12-04\\\">Be in positions of authority.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-12-05\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-12-05\\\">Respect rules and regulations.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-12-06\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-12-06\\\">Debate and win arguments.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-12-07\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-12-07\\\">Observe and analyze people's behavior.</label></div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                                <div class=\\\"item-header\\\">My personal qualities:</div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-12-08\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-12-08\\\">Adventurous</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-12-09\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-12-09\\\">Dependable</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-12-10\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-12-10\\\">Community-minded</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-12-11\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-12-11\\\">Decisive</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-12-12\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-12-12\\\">Optimistic</label></div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                                <div class=\\\"item-header\\\">School subjects I like:</div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-12-13\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-12-13\\\">Language Arts</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-12-14\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-12-14\\\">Psychology, Sociology</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-12-15\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-12-15\\\">Government, History</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-12-16\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-12-16\\\">Law Enforcement</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-12-17\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-12-17\\\">First Aid, Responder</label></div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered centered\\\" valign=\\\"top\\\">\\r\\n                                <div class=\\\"item-header-box\\\">Total number checked in Box 12</div>\\r\\n                                <div class=\\\"box\\\"><span *ngIf=\\\"this.boxTotals.get('12')\\\">{{this.boxTotals.get('12')}}</span></div>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <tr>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <h3 class=\\\"row-header\\\">13.</h3>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                                <div class=\\\"item-header\\\">What I like to do:</div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-13-01\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-13-01\\\">Work with my hands and learn that way.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-13-02\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-13-02\\\">Put things together.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-13-03\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-13-03\\\">Do routine, organized, and accurate work.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-13-04\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-13-04\\\">Perform activities that produce tangible results.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-13-05\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-13-05\\\">Apply math to work out solutions.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-13-06\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-13-06\\\">Use hand and power tools and operate equipment/machinery.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-13-07\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-13-07\\\">Visualize objects in three dimensions from flat drawings.</label></div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                                <div class=\\\"item-header\\\">My personal qualities:</div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-13-08\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-13-08\\\">Practical</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-13-09\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-13-09\\\">Observant</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-13-10\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-13-10\\\">Physically active</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-13-11\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-13-11\\\">Step-by-step thinker</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-13-12\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-13-12\\\">Coordinated</label></div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                                <div class=\\\"item-header\\\">School subjects I like:</div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-13-13\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-13-13\\\">Math, Geometry</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-13-14\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-13-14\\\">Chemistry</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-13-15\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-13-15\\\">Trade and Industry</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-13-16\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-13-16\\\">Physics</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-13-17\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-13-17\\\">Language Arts</label></div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered centered\\\" valign=\\\"top\\\">\\r\\n                                <div class=\\\"item-header-box\\\">Total number checked in Box 13</div>\\r\\n                                <div class=\\\"box\\\"><span *ngIf=\\\"this.boxTotals.get('13')\\\">{{this.boxTotals.get('13')}}</span></div>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <tr>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <h3 class=\\\"row-header\\\">14.</h3>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                                <div class=\\\"item-header\\\">What I like to do:</div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-14-01\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-14-01\\\">Shop and go to the mall.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-14-02\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-14-02\\\">Be in charge.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-14-03\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-14-03\\\">Make displays and promote ideas.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-14-04\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-14-04\\\">Give presentations and enjoy public speaking.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-14-05\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-14-05\\\">Persuade people to buy products or to participate in activities.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-14-06\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-14-06\\\">Communicate my ideas to other people.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-14-07\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-14-07\\\">Take advantage of opportunities to make extra money.</label></div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                                <div class=\\\"item-header\\\">My personal qualities:</div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-14-08\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-14-08\\\">Enthusiastic</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-14-09\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-14-09\\\">Competitive</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-14-10\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-14-10\\\">Creative</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-14-11\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-14-11\\\">Self-motivated</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-14-12\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-14-12\\\">Persuasive</label></div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                                <div class=\\\"item-header\\\">School subjects I like:</div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-14-13\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-14-13\\\">Language Arts</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-14-14\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-14-14\\\">Math</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-14-15\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-14-15\\\">Business Education, Marketing</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-14-16\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-14-16\\\">Economics</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-14-17\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-14-17\\\">Computer Applications</label></div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered centered\\\" valign=\\\"top\\\">\\r\\n                                <div class=\\\"item-header-box\\\">Total number checked in Box 14</div>\\r\\n                                <div class=\\\"box\\\"><span *ngIf=\\\"this.boxTotals.get('14')\\\">{{this.boxTotals.get('14')}}</span></div>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <tr>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <h3 class=\\\"row-header\\\">15.</h3>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                                <div class=\\\"item-header\\\">What I like to do:</div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-15-01\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-15-01\\\">Interpret formulas.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-15-02\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-15-02\\\">Find the answers to questions.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-15-03\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-15-03\\\">Work in a laboratory.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-15-04\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-15-04\\\">Figure out how things work and investigate new things.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-15-05\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-15-05\\\">Explore new technology.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-15-06\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-15-06\\\">Experiment to find the best way to do something.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-15-07\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-15-07\\\">Pay attention to details and help things be precise.</label></div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                                <div class=\\\"item-header\\\">My personal qualities:</div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-15-08\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-15-08\\\">Detail oriented</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-15-09\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-15-09\\\">Inquisitive</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-15-10\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-15-10\\\">Objective</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-15-11\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-15-11\\\">Methodical</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-15-12\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-15-12\\\">Mechanically inclined</label></div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                                <div class=\\\"item-header\\\">School subjects I like:</div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-15-13\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-15-13\\\">Math</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-15-14\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-15-14\\\">Science</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-15-15\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-15-15\\\">Drafting, Computer-Aided Drafting</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-15-16\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-15-16\\\">Electronics, Computer Networking</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-15-17\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-15-17\\\">Technology Education</label></div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered centered\\\" valign=\\\"top\\\">\\r\\n                                <div class=\\\"item-header-box\\\">Total number checked in Box 15</div>\\r\\n                                <div class=\\\"box\\\"><span *ngIf=\\\"this.boxTotals.get('15')\\\">{{this.boxTotals.get('15')}}</span></div>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <tr>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <h3 class=\\\"row-header\\\">16.</h3>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                                <div class=\\\"item-header\\\">What I like to do:</div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-16-01\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-16-01\\\">Travel</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-16-02\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-16-02\\\">See well and have quick reflexes.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-16-03\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-16-03\\\">Solve mechanical problems.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-16-04\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-16-04\\\">Design efficient processes.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-16-05\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-16-05\\\">Anticipate needs and prepare to meet them.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-16-06\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-16-06\\\">Drive or ride.</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-16-07\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-16-07\\\">Move things from one place to another.</label></div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                                <div class=\\\"item-header\\\">My personal qualities:</div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-16-08\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-16-08\\\">Realistic</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-16-09\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-16-09\\\">Mechanical</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-16-10\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-16-10\\\">Coordinated</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-16-11\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-16-11\\\">Observant</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-16-12\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-16-12\\\">Planner</label></div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                                <div class=\\\"item-header\\\">School subjects I like:</div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-16-13\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-16-13\\\">Math</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-16-14\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-16-14\\\">Trade and Industry</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-16-15\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-16-15\\\">Chemistry, Physics</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-16-16\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-16-16\\\">Economics</label></div>\\r\\n                                <div class=\\\"item\\\"><div class=\\\"checkbox-padded\\\"><input id=\\\"item-16-17\\\" type=\\\"checkbox\\\" (click)=\\\"totalBox($event);\\\" /></div><label for=\\\"item-16-17\\\">Foreign Language</label></div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered centered\\\" valign=\\\"top\\\">\\r\\n                                <div class=\\\"item-header-box\\\">Total number checked in Box 16</div>\\r\\n                                <div class=\\\"box\\\"><span *ngIf=\\\"this.boxTotals.get('16')\\\">{{this.boxTotals.get('16')}}</span></div>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                    </tbody>\\r\\n                </table>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container-fluid top-three-clusters-section\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <h2>\\r\\n                    Top Three Clusters\\r\\n                    <button id=\\\"btnShowTopClusters\\\"\\r\\n                            name=\\\"btnShowTopClusters\\\"\\r\\n                            class=\\\"reveal-button\\\"\\r\\n                            [ngStyle]=\\\"{'visibility': this.topClustersRevealed ? 'hidden' : 'visible' }\\\"\\r\\n                            (click)=\\\"this.revealTopClusters();\\\">\\r\\n                        Show Me\\r\\n                    </button>    \\r\\n                </h2>\\r\\n                <div>\\r\\n                    Click the \\\"Show Me\\\" button to reveal your top career clusters. \\r\\n                    The clusters will also be highlighted below - scroll down to read more about each cluster.\\r\\n                </div>            \\r\\n                <div class=\\\"top-three-clusters\\\" style=\\\"min-height:100px;padding:15px;\\\" [innerHTML]=\\\"this.topThreeClusters\\\"></div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container-fluid career-clusters-section\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <h2>Career Clusters Focus Your Search</h2>\\r\\n                <div>\\r\\n                    Career Clusters help you use what interests you to narrow your career search &mdash; without necessarily narrowing your options.\\r\\n                    With each step in your education, you focus more on the specific skills needed for a particular job.\\r\\n                    With clusters, you're able to view related careers within a larger field.\\r\\n                    To learn more about each career cluster visit the <a href=\\\"http://www.careerbridge.wa.gov/Home_JobClusters.aspx\\\" target=\\\"_blank\\\">Career Bridge Career Clusters page</a>.\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n\\r\\n        <career-clusters *ngFor=\\\"let cluster of clusters\\\" [isTop]=\\\"this.isTopCluster.get(cluster.id)\\\" [num]=\\\"cluster.id\\\" [identifier]=\\\"cluster.identifier\\\" [pageBreakBefore]=\\\"cluster.pageBreak\\\">\\r\\n            <div>{{cluster.message}}</div>\\r\\n        </career-clusters>\\r\\n\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <div style=\\\"padding-top:25px;\\\">Career quiz courtesy of <a href=\\\"http://www.CareerBridge.wa.gov\\\" target=\\\"_blank\\\">Washington Career Bridge</a> and Washington's Workforce Training and Education Coordinating Board.</div>\\r\\n            </div>\\r\\n        </div>\\r\\n\\r\\n\\r\\n        <!-- scroll, print, pdf -->\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n                <tfolio-scroll></tfolio-scroll>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n                <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-1/lesson-3/interests survey'\\\"></tfolio-pdf-button>\\r\\n            </div>\\r\\n        </div>\\r\\n        <!-- copyright -->\\r\\n        <tfolio-copyright></tfolio-copyright>\\r\\n    </div>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from '@angular/platform-browser';\r\n\r\n@Component({\r\n    selector: 'interests-survey',\r\n    templateUrl: './interests-survey.component.html',\r\n    styleUrls: ['./interests-survey.component.css']\r\n})\r\nexport class UnitOneLessonThreeInterestsSurveyComponent {\r\n\r\n    title: string = \"Career Clusters Interest Survey\";\r\n    pageTitle: string = this.title + \" | Unit 1, Lesson 3 | T-Folio\";\r\n\r\n    boxTotals: Map<string, number> = new Map();\r\n    isTopCluster: Map<string, boolean> = new Map();\r\n    clusterLabels: Map<string, string> = new Map();\r\n\r\n    topClustersRevealed: boolean = false;\r\n    topThreeClusters: string = '';\r\n\r\n    clusters = [\r\n        { id: '01', identifier: 'Agriculture', pageBreak: false, message: 'Focuses on the production, processing, marketing, distribution, financing, and development of agricultural commodities and resources including food, fiber, wood products, natural resources, horticulture, and other plant and animal products/resources.' },\r\n        { id: '02', identifier: 'Architecture', pageBreak: false, message: 'Careers in designing, planning, managing, building, and maintaining the built environment.' },\r\n        { id: '03', identifier: 'Arts', pageBreak: false, message: 'Designing, producing, exhibiting, performing, writing, and publishing multimedia content including visual and performing arts and design, journalism, and entertainment services.' },\r\n        { id: '04', identifier: 'Business', pageBreak: false, message: 'Careers in planning, organizing, directing, and evaluating business functions essential to efficient and productive business operations.' },\r\n        { id: '05', identifier: 'Education', pageBreak: false, message: 'Planning, managing, and providing education and training services, and related learning support activities.' },\r\n        { id: '06', identifier: 'Finance', pageBreak: false, message: 'Planning, services for financial and investment planning, banking, insurance, and business financial management.' },\r\n        { id: '07', identifier: 'Government', pageBreak: true, message: 'Planning and performing government functions as the local, state, and federal levels, including governance, national security, foreign service, planning, revenue and taxation, and regulations.' },\r\n        { id: '08', identifier: 'Health', pageBreak: false, message: 'Planning, managing, and providing therapeutic services, diagnostic services, health informatics, support services, and biotechnology research and development.' },\r\n        { id: '09', identifier: 'Hospitality', pageBreak: false, message: 'The management, marketing, and operations of restaurants and other food services, lodging, attractions, recreation events, and travel related services.' },\r\n        { id: '10', identifier: 'Human', pageBreak: false, message: 'Preparing individuals for employment in career pathways that relate to families and human needs such as counseling and mental health services, family and community services, personal care, and consumer services.' },\r\n        { id: '11', identifier: 'Information', pageBreak: false, message: 'Building linkages in IT occupations for entry level, technical, and professional careers related to the design, development, support and management of hardware, software, multimedia, and systems integration services.' },\r\n        { id: '12', identifier: 'Law', pageBreak: false, message: 'Planning, managing, and providing legal, public safety, protective services, and homeland security, including professional and technical support services.' },\r\n        { id: '13', identifier: 'Manufacturing', pageBreak: false, message: 'Planning, managing, and performing the processing of materials into intermediate or final products and related professional and technical support activities such as production planning and control, maintenance and manufacturing/process engineering.' },\r\n        { id: '14', identifier: 'Marketing', pageBreak: true, message: 'Planning, managing, and performing marketing activities to reach organizational objectives.' },\r\n        { id: '15', identifier: 'Science', pageBreak: false, message: 'Planning, managing, and providing scientific research and professional and technical services (such as physical science, social science, engineering) including laboratory and testing services, and research and developmental services.' },\r\n        { id: '16', identifier: 'Transportation', pageBreak: false, message: 'Planning, management, and movement of people, materials, and goods by road, pipeline, air, rail, and water and related professional support services such as transportation infrastructure planning and management, logistics services, mobile equipment, and facility maintenance.' },\r\n    ];\r\n    \r\n    constructor(private titleService: Title) {\r\n\r\n        this.titleService.setTitle(this.pageTitle);\r\n\r\n        this.boxTotals.set('01', 0);\r\n        this.boxTotals.set('02', 0);\r\n        this.boxTotals.set('03', 0);\r\n        this.boxTotals.set('04', 0);\r\n        this.boxTotals.set('05', 0);\r\n        this.boxTotals.set('06', 0);\r\n        this.boxTotals.set('07', 0);\r\n        this.boxTotals.set('08', 0);\r\n        this.boxTotals.set('09', 0);\r\n        this.boxTotals.set('10', 0);\r\n        this.boxTotals.set('11', 0);\r\n        this.boxTotals.set('12', 0);\r\n        this.boxTotals.set('13', 0);\r\n        this.boxTotals.set('14', 0);\r\n        this.boxTotals.set('15', 0);\r\n        this.boxTotals.set('16', 0);\r\n\r\n        this.isTopCluster.set('01', false);\r\n        this.isTopCluster.set('02', false);\r\n        this.isTopCluster.set('03', false);\r\n        this.isTopCluster.set('04', false);\r\n        this.isTopCluster.set('05', false);\r\n        this.isTopCluster.set('06', false);\r\n        this.isTopCluster.set('07', false);\r\n        this.isTopCluster.set('08', false);\r\n        this.isTopCluster.set('09', false);\r\n        this.isTopCluster.set('10', false);\r\n        this.isTopCluster.set('11', false);\r\n        this.isTopCluster.set('12', false);\r\n        this.isTopCluster.set('13', false);\r\n        this.isTopCluster.set('14', false);\r\n        this.isTopCluster.set('15', false);\r\n        this.isTopCluster.set('16', false);\r\n\r\n        this.clusterLabels.set('01', '&nbsp;&nbsp;1. Agriculture, Food, and Natural Resources');\r\n        this.clusterLabels.set('02', '&nbsp;&nbsp;2. Architecture and Construction');\r\n        this.clusterLabels.set('03', '&nbsp;&nbsp;3. Arts, Audio/Visual Technology and Communications');\r\n        this.clusterLabels.set('04', '&nbsp;&nbsp;4. Business, Management and Administration');\r\n        this.clusterLabels.set('05', '&nbsp;&nbsp;5. Education and Training');\r\n        this.clusterLabels.set('06', '&nbsp;&nbsp;6. Finance');\r\n        this.clusterLabels.set('07', '&nbsp;&nbsp;7. Government and Public Administration');\r\n        this.clusterLabels.set('08', '&nbsp;&nbsp;8. Health Science');\r\n        this.clusterLabels.set('09', '&nbsp;&nbsp;9. Hospitality and Tourism');\r\n        this.clusterLabels.set('10', '10. Human Services');\r\n        this.clusterLabels.set('11', '11. Information Technology');\r\n        this.clusterLabels.set('12', '12. Law, Public Safety, Corrections and Security');\r\n        this.clusterLabels.set('13', '13. Manufacturing');\r\n        this.clusterLabels.set('14', '14. Marketing');\r\n        this.clusterLabels.set('15', '15. Science, Technology, Engineering and Mathematics');\r\n        this.clusterLabels.set('16', '16. Transportation, Distribution and Logistics');\r\n\r\n    }\r\n\r\n    revealTopClusters() {\r\n        this.topClustersRevealed = true;\r\n        this.setTopClusters();\r\n    }\r\n\r\n    totalBox(event: any) {\r\n\r\n        var chkboxId: string = event.target.id.substring(5, 7);\r\n\r\n        var incr = event.target.checked ? 1 : -1;\r\n        var curBoxTotal = this.boxTotals.get(chkboxId);\r\n        this.boxTotals.set(chkboxId, curBoxTotal + incr);\r\n\r\n        if (this.topClustersRevealed) {\r\n            this.setTopClusters();\r\n        }\r\n    }\r\n\r\n    setTopClusters() {\r\n\r\n        this.topThreeClusters = '';\r\n        var htmlID = \"career-cluster-\";\r\n        for (let key of this.isTopCluster.keys()) {\r\n            this.isTopCluster.set(key, false);\r\n        }\r\n\r\n        var iNumTopClusters = 3;\r\n\r\n        var boxTotalsSorted: Map<string, number> = new Map([...this.boxTotals.entries()].sort(\r\n            (a, b) => {\r\n\r\n                var n = b[1] - a[1];\r\n                if (n != 0) {\r\n                    return n;\r\n                }\r\n\r\n                if (b[0] > a[0]) {\r\n                    return -1;\r\n                } else if (b[0] < a[0]) {\r\n                    return 1;\r\n                }\r\n                else {\r\n                    return 0;\r\n                }                \r\n            })\r\n        );\r\n        var boxTotalsSortedArray: Array<[string, number]> = [...boxTotalsSorted.entries()];\r\n\r\n        for (var i: number = 0; i < iNumTopClusters; i++) {\r\n\r\n            var boxIndex = boxTotalsSortedArray[i][0];\r\n            var temp = htmlID + boxIndex;\r\n            document.getElementById(temp).style.cssText += 'background-color:springgreen !important';\r\n            this.isTopCluster.set(boxIndex, true);\r\n            this.topThreeClusters += '<p>' + this.clusterLabels.get(boxIndex) + '</p>';\r\n        }\r\n    }\r\n}\r\n","module.exports = \"h1 {\\r\\n    font-size: x-large;\\r\\n    font-weight: bold;\\r\\n    padding: 0px;\\r\\n    text-align: left;\\r\\n    margin-bottom: 0px;\\r\\n    margin-top: 25px;\\r\\n    font-family: Rockwell;\\r\\n    font-size: 30px;\\r\\n}\\r\\n\\r\\nh2 {\\r\\n    font-size: x-large;\\r\\n    font-weight: bold;\\r\\n    margin-top: 25px;\\r\\n    margin-bottom: 5px;\\r\\n}\\r\\n\\r\\nli {\\r\\n    margin-top: 5px;\\r\\n    margin-bottom: 5px;\\r\\n}\\r\\n\\r\\nbutton {\\r\\n    color: black;\\r\\n    border-radius: 5px;\\r\\n    border: 2px solid black;\\r\\n    background-color: white;\\r\\n    float: right;\\r\\n    font-size: 15px;\\r\\n}\\r\\n\\r\\n.bordered-outer {\\r\\n    border: 1px solid black;\\r\\n}\\r\\n\\r\\n.bordered {\\r\\n    border: 1px solid black;\\r\\n    padding: 15px;\\r\\n}\\r\\n\\r\\n.container.header {\\r\\n    margin-top: 15px;\\r\\n    border-top: solid 1px;\\r\\n    border-bottom: solid 1px;\\r\\n    overflow: hidden;\\r\\n    clear: right;\\r\\n    float: left;\\r\\n    width: 100%;\\r\\n}\\r\\n\\r\\n.padded {\\r\\n    padding-top:5px;\\r\\n    padding-bottom:5px;\\r\\n}\\r\\n\\r\\n.subtitle {\\r\\n    font-family: Rockwell;\\r\\n    margin-top: 5px;\\r\\n    margin-bottom: 5px;\\r\\n    float: left;\\r\\n}\\r\\n\\r\\ndiv.row.header {\\r\\n    margin-bottom: 15px;\\r\\n}\\r\\n\\r\\ncontainer.exercise-content.guide {\\r\\n    font-family: Arial;\\r\\n    padding-right: 20px;\\r\\n}\\r\\n\\r\\n.col-md-12.crumbs {\\r\\n    font-size: 11px;\\r\\n}\\r\\n\\r\\ndiv.container.objectives {\\r\\n    margin-top: 50px;\\r\\n}\\r\\n\\r\\ndiv.container.box {\\r\\n    border: 1px solid;\\r\\n    width: 250px;\\r\\n    float: right;\\r\\n}\\r\\n\\r\\ndiv.container.activity {\\r\\n    margin-top: 20px;\\r\\n}\\r\\n\\r\\n.active {\\r\\n    color: #2C3E50;\\r\\n}\"","module.exports = \"<div class=\\\"container exercise-content guide\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-1']\\\">Unit 1</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-1/lesson-4']\\\">Lesson 4</a></li>\\r\\n                <li class=\\\"active\\\">Lesson Guide</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-1/\\\">Unit 1</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-1/lesson-4/\\\">Lesson 4</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-1/lesson-4/guide/\\\">Lesson Guide</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-1/lesson-4/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n        <div class=\\\"col-md-12\\\"><h1>{{title}}</h1></div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-9\\\">\\r\\n            <h2 class=\\\"subtitle\\\">{{subtitle}}</h2><br /><br />\\r\\n            <div style=\\\"padding-bottom:10px;\\\">\\r\\n                Lesson 4 asks students to explore and identify their own challenges through a variety of activities that promote self-reflection and self-determination.\\r\\n                The lesson focuses on growth, improvement, and success and helps students understand when and how to ask for support or accommodations.\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-3 box\\\" style=\\\"border:1px solid black;margin-bottom:10px;\\\">\\r\\n            <i class=\\\"fa fa-folder-open\\\" aria-hidden=\\\"true\\\"></i>\\r\\n            <b>Item to be added to student's Transition Portfolio:</b>\\r\\n            <ul class=\\\"hidden-print\\\">\\r\\n                <li><a [routerLink]=\\\"['/unit-1/lesson-4/classroom-challenges']\\\">Challenges in the Classroom and Beyond</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-1/lesson-4/needs-assessment']\\\">Needs Assessment</a></li>\\r\\n            </ul>\\r\\n            <ul class=\\\"visible-print-block\\\">\\r\\n                <li><a href=\\\"https://cctstfolio.com/#/unit-1/lesson-4/classroom-challenges\\\">Challenges in the Classroom and Beyond</a></li>\\r\\n                <li><a href=\\\"https://cctstfolio.com/#/unit-1/lesson-4/needs-assessment\\\">Needs Assessment</a></li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n            <h2>Lesson Objectives</h2>\\r\\n            <b>Participants will:</b>\\r\\n            <ol>\\r\\n                <li>Gain an increased awareness of the normalcy of challenges and their ability to overcome them.</li>\\r\\n                <li>Identify their own challenges as well as strategies or supports to address or accept them.</li>\\r\\n                <li>Independently apply readiness methods and supports when taking the challenges and needs assessments.</li>\\r\\n                <li>Complete challenges and needs assessments.</li>\\r\\n            </ol>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-11\\\">\\r\\n                <h2>Facilitator Notes</h2>\\r\\n                <ul>\\r\\n                    <li>The Challenges in the Classroom and Beyond questionnaire helps students to reflect upon those characteristics that make it difficult to learn in the traditional manner. These characteristics can also influence job success. For each characteristic marked, the student is to brainstorm a way they might be able to address the challenge moving forward. This questionnaire supports the work of the Needs Assessment activity.</li>\\r\\n                    <li>Continue watching for students to apply their assessment readiness and support needs.  By this point, students should be independently self-identifying and applying readiness methods and supports. Consider facilitating discussions for self-reflection to promote or reinforce assessment satisfaction outcomes.</li>\\r\\n                    <li>\\r\\n                        A PowerPoint is included with this lesson and can be used as part of a presentation or for your information. It is recommended that you review the PowerPoint (including the Notes section) prior to using the lesson. It can be accessed in either PowerPoint or as a PDF:\\r\\n                        <ul>\\r\\n                            <li><a href=\\\"/img/unit-1/lesson-4/T-Folio_Unit-1_Lesson-4_Needs.pptx\\\">PowerPoint: \\\"Needs\\\"</a></li>\\r\\n                            <li><a href=\\\"/img/unit-1/lesson-4/T-Folio_Unit-1_Lesson-4_Needs.pdf\\\" target=\\\"_blank\\\">PDF: \\\"Needs\\\"</a></li>\\r\\n                        </ul>\\r\\n                    </li>\\r\\n                </ul>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-11\\\">\\r\\n                <h2>Introduction</h2>\\r\\n                <div class=\\\"padded\\\"><b>Warm-up Activity:</b></div>\\r\\n                <div class=\\\"padded\\\">Links for this activity can be found under the <b>Additional Resources</b> section below.</div>\\r\\n                <div class=\\\"padded\\\"><b>Say</b>: In pairs or individually, you will select a famous or well-known person with a disability or challenge who contributes (or contributed) to society.</div>\\r\\n                <div class=\\\"padded\\\">\\r\\n                    You will do the following:\\r\\n                    <ul>\\r\\n                        <li>Identify and read about your person selected.</li>\\r\\n                        <li>\\r\\n                            Answer the following and be prepared to share-out:\\r\\n                            <ol>\\r\\n                                <li>Who is the person you learned about? Describe their successes and challenges.</li>\\r\\n                                <li>How do you think your person overcame their personal challenges to become who they are?</li>\\r\\n                                <li>What insight to overcoming challenges did you learn from this individual's story?</li>\\r\\n                            </ol>\\r\\n                        </li>\\r\\n                    </ul>\\r\\n                </div>\\r\\n                <div style=\\\"padding-bottom:5px;\\\">Ask students to share out their person and insights.</div>\\r\\n                <div class=\\\"padded\\\">\\r\\n                    <b>Say</b>:\\r\\n                    Equally important as knowing your personal strengths is knowing your challenges.\\r\\n                    Everybody has them!\\r\\n                    Having challenges is natural and no one is perfect, so don’t be embarrassed to look at the things you struggle with.\\r\\n                    It will help you to improve yourself to identify them.\\r\\n                </div>\\r\\n                <div class=\\\"padded\\\">\\r\\n                    Challenges are characteristics or tasks that you have a hard time with when doing, i.e., something that is difficult for you. Some examples:\\r\\n                    <ul>\\r\\n                        <li>Writing reports or essays</li>\\r\\n                        <li>Working in loud, fast paced environments</li>\\r\\n                        <li>Difficulty remembering words, numbers, pictures, or steps</li>\\r\\n                    </ul>\\r\\n                </div>\\r\\n                <div style=\\\"padding-bottom:5px;\\\"><b>Ask</b>: What are other examples of challenges - in the classroom, at a job, at home?</div>\\r\\n                <div class=\\\"padded\\\">Even if something is difficult for you, you can learn how to get better at it or accommodate it. It may mean you need further instruction or opportunities to improve. <b>Knowing your challenges</b> can be helpful in choosing the right career and/or making good decisions for yourself. If you know what you need to be successful and are able to ask a future employer for accommodations to be successful at your job, everybody will benefit.</div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container activity\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-11\\\">\\r\\n                <div><h2>Activity</h2></div>\\r\\n                <div><b>Say</b>: Look at the <a [routerLink]=\\\"['/unit-1/lesson-4/classroom-challenges']\\\">Challenges in the Classroom and Beyond</a> questionnaire.  For each of the statements, put a mark (x) in the column that best describes you.</div>\\r\\n                <br /><div>\\r\\n                    After you finish, open the <a [routerLink]=\\\"['/unit-1/lesson-4/needs-assessment']\\\">Needs Assessment</a> worksheet and place each of your challenges into the column of <i>Things I Would Like to Improve</i>.\\r\\n                    Then for each challenge, think about and write in <i>Changes I Could Make</i> and <i>Things to Accept</i>.\\r\\n                    When you are done, respond to the reflection questions at the bottom.\\r\\n                </div>\\r\\n                <br /><div>Be honest and think about yourself! A challenge can be anything that is difficult for you – it doesn’t mean anything is wrong with you or that you are the worst at it. Accepting a challenge is the first step to overcoming it!</div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-11\\\">\\r\\n                <h2>Debrief and Guiding Questions</h2>\\r\\n                <ul>\\r\\n                    <li>What skills might you need or want to improve?</li>\\r\\n                    <li>What accommodations or supports could you use to improve on your weaknesses?</li>\\r\\n                </ul>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-11\\\">\\r\\n                <h2 id=\\\"resources\\\">Additional Resources</h2>\\r\\n                <ul style=\\\"list-style:url('/img/arrow.png');\\\">\\r\\n                    <li><a href=\\\"https://www.understood.org/en/learning-attention-issues/personal-stories/famous-people\\\" target=\\\"_blank\\\">Understood: For Learning and Attention Issues</a> - Personal Stories of Famous People</li>\\r\\n                    <li><a href=\\\"https://successstory.com/inspiration/10-best-successful-personalities-with-disabilities\\\" target=\\\"_blank\\\">15 Most Successful and Inspiring Differently Abled People</a></li>\\r\\n                </ul>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-11\\\">\\r\\n                <h2>Considerations for Accommodation</h2>\\r\\n                <ul>\\r\\n                    <li>Have students communicate their needs and challenges in a video format.</li>\\r\\n                </ul>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-11\\\">\\r\\n                <h2>Up Next</h2>\\r\\n                <div>Next, students will examine their self-determined skills for expressing their needs, interests, and abilities. By strengthening their self-determined voice, students can more confidently reach their goals!</div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-1/lesson-4/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from '@angular/platform-browser';\r\n\r\n@Component({\r\n    selector: 'unit-one-lesson-four-guide',\r\n    templateUrl: './_guide.component.html',\r\n    styleUrls: ['./_guide.component.css']\r\n})\r\nexport class UnitOneLessonFourGuideComponent {\r\n\r\n    pageTitle: string = \"Lesson Guide | Unit 1, Lesson 4 | T-Folio\";\r\n    title: string = \"Lesson Guide\";\r\n    subtitle: string = \"Lesson 4: Needs\";\r\n\r\n    doPrint(): void {\r\n        window.print();\r\n    }\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n}\r\n","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: 'unit-one-lesson-four-landing',\r\n    templateUrl: '../../_shared/landing-pages/landing-page.component.html',\r\n    styleUrls: ['../../_shared/landing-pages/landing-page.component.css']\r\n})\r\n\r\nexport class UnitOneLessonFourLandingComponent {\r\n    title = \"Lesson 4: Needs\";\r\n    pageTitle = \"Needs | Unit 1, Lesson 4 | T-Folio\";\r\n    bannerHeader = \"Job Exploration Groundwork: Lesson 4\";\r\n\r\n    openInNewWindow(url: string) {\r\n        window.open(url, '_blank');\r\n    }\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n\r\n    LandingPageData = {\r\n        breadcrumbs: {\r\n            label: \"Lesson 4\",\r\n            crumbs: [\r\n                {\r\n                    route: \"\",\r\n                    linktext: \"T-Folio\"\r\n                },\r\n                {\r\n                    route: \"/unit-1\",\r\n                    linktext: \"Unit 1\"\r\n                }\r\n            ]\r\n        },\r\n        summary: \"Lesson 4 asks students to explore and identify their own challenges, through a variety of activities that promote self-reflection and self-determination. The lesson focuses on growth, improvement, and success and helps students understand when and how to ask for support or accommodations.\",\r\n        objectives: [\r\n            \"Gain an increased awareness of the normalcy of challenges and their ability to overcome them.\",\r\n            \"Identify their own challenges as well as strategies or supports to address or accept them.\",\r\n            \"Independently apply readiness methods and supports when taking the challenges and needs assessments.\",\r\n            \"Complete challenges and needs assessments.\",\r\n        ],\r\n        buttons: [\r\n            {\r\n                route: \"/unit-1/lesson-4/guide\",\r\n                linktext: \"Lesson Guide\",\r\n                color: \"btn-success\",\r\n            },\r\n            {\r\n                route: \"/unit-1/lesson-4/classroom-challenges\",\r\n                linktext: \"Challenges in the Classroom and Beyond\",\r\n                color: \"btn-primary\",\r\n            },\r\n            {\r\n                route: \"/unit-1/lesson-4/needs-assessment\",\r\n                linktext: \"Needs Assessment\",\r\n                color: \"btn-primary\",\r\n            },\r\n            {\r\n                route: \"/img/unit-1/lesson-4/T-Folio_Unit-1_Lesson-4_Needs.pptx\",\r\n                linktext: \"PowerPoint Presentation\",\r\n                color: \"powerpoint-button\",\r\n                window: true,\r\n            }\r\n        ],\r\n        image: \"/img/unit-1/LESSON 4_lightbulb_thoughtbubbles.jpg\",\r\n        imgalt: \"A chalkboard drawing of a light bulb in the center and six circles drawn out from the lightbulb, like thought bubbles.\",\r\n        caption: \" on\",\r\n        source: \"Pexels\",\r\n        photoLink: \"https://www.pexels.com/photo/abstract-blackboard-bulb-chalk-355948/\",\r\n        sourceLink: \"https://www.pexels.com/\",\r\n        licence: \"CC0 license\",\r\n        licenceLink: \"https://www.pexels.com/photo-license/\",\r\n\r\n    }\r\n}\r\n","module.exports = \"td {\\r\\n    font-size: medium;\\r\\n}\\r\\n\\r\\nlabel {\\r\\n    font-size: small;\\r\\n}\\r\\n\\r\\n.centered {\\r\\n    text-align: center;\\r\\n}\\r\\n\\r\\n.items-table {\\r\\n    width:100%;\\r\\n}\\r\\n\\r\\n.radio-buttons-table {\\r\\n    width: 100%;\\r\\n}\\r\\n\\r\\ntable.items-table > tbody > tr > td {\\r\\n    border: 1px solid black;\\r\\n}\\r\\n\\r\\n.statement-cell {\\r\\n    padding: 5px;\\r\\n}\\r\\n\\r\\n.radio-cell {\\r\\n    width: 100px;\\r\\n    padding: 5px;\\r\\n    border-right: 1px solid black;\\r\\n}\\r\\n\\r\\n.radio-cell-last-col {\\r\\n    width: 100px;\\r\\n    padding: 5px;\\r\\n    border-right: none;\\r\\n}\\r\\n\\r\\n@media only screen and (max-width: 480px) {\\r\\n\\r\\n    table,\\r\\n    thead,\\r\\n    tbody,\\r\\n    th,\\r\\n    td,\\r\\n    tr {\\r\\n        display: block;\\r\\n    }\\r\\n\\r\\n    .radio-cell {\\r\\n        width: 100%;\\r\\n        padding: 5px;\\r\\n        border: none;\\r\\n    }\\r\\n\\r\\n    .radio-cell-last-col {\\r\\n        width: 100%;\\r\\n        padding: 5px;\\r\\n        border: none;\\r\\n    }\\r\\n}\\r\\n\\r\\n.active {\\r\\n    color: #2C3E50;\\r\\n}\"","module.exports = \"<div class=\\\"container exercise-content\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-1']\\\">Unit 1</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-1/lesson-4']\\\">Lesson 4</a></li>\\r\\n                <li class=\\\"active\\\">{{title}}</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-1/\\\">Unit 1</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-1/lesson-4/\\\">Lesson 4</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-1/lesson-4/classroom-challenges/\\\">{{title}}</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-1/lesson-4/classroom challenges'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <tfolio-heading></tfolio-heading>\\r\\n    <tfolio-page-title content=\\\"{{title}}\\\"></tfolio-page-title>\\r\\n    <tfolio-directions identifier=\\\"classroom-challenges-directions\\\" tag=\\\"Directions\\\" [padBottom]=\\\"true\\\">\\r\\n        <span>\\r\\n            For each of the statements, mark the column that best describes you.\\r\\n        </span>\\r\\n    </tfolio-directions>\\r\\n    <div class=\\\"container-fluid\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <table class=\\\"items-table\\\">\\r\\n                    <tbody>\\r\\n                        <tr>\\r\\n                            <td class=\\\"statement-cell\\\">I have a hard time paying attention in class.</td>\\r\\n                            <td>\\r\\n                                <table class=\\\"radio-buttons-table\\\">\\r\\n                                    <tr>\\r\\n                                        <td class=\\\"centered radio-cell\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-00-yes\\\">Yes</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-00-yes\\\" name=\\\"classroom-challenges-item-00\\\" />\\r\\n                                        </td>\\r\\n                                        <td class=\\\"centered radio-cell\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-00-no\\\">No</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-00-no\\\" name=\\\"classroom-challenges-item-00\\\" />\\r\\n                                        </td>\\r\\n                                        <td class=\\\"centered radio-cell-last-col\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-00-sometimes\\\">Sometimes</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-00-sometimes\\\" name=\\\"classroom-challenges-item-00\\\" />\\r\\n                                        </td>\\r\\n                                    </tr>\\r\\n                                </table>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <tr>\\r\\n                            <td class=\\\"statement-cell\\\">I am easily distracted by noises and movements.</td>\\r\\n                            <td>\\r\\n                                <table class=\\\"radio-buttons-table\\\">\\r\\n                                    <tr>\\r\\n                                        <td class=\\\"centered radio-cell\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-01-yes\\\">Yes</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-01-yes\\\" name=\\\"classroom-challenges-item-01\\\" />\\r\\n                                        </td>\\r\\n                                        <td class=\\\"centered radio-cell\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-01-no\\\">No</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-01-no\\\" name=\\\"classroom-challenges-item-01\\\" />\\r\\n                                        </td>\\r\\n                                        <td class=\\\"centered radio-cell-last-col\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-01-sometimes\\\">Sometimes</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-01-sometimes\\\" name=\\\"classroom-challenges-item-01\\\" />\\r\\n                                        </td>\\r\\n                                    </tr>\\r\\n                                </table>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <tr>\\r\\n                            <td class=\\\"statement-cell\\\">It is difficult for me to learn new information when presented orally.</td>\\r\\n                            <td>\\r\\n                                <table class=\\\"radio-buttons-table\\\">\\r\\n                                    <tr>\\r\\n                                        <td class=\\\"centered radio-cell\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-02-yes\\\">Yes</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-02-yes\\\" name=\\\"classroom-challenges-item-02\\\" />\\r\\n                                        </td>\\r\\n                                        <td class=\\\"centered radio-cell\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-02-no\\\">No</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-02-no\\\" name=\\\"classroom-challenges-item-02\\\" />\\r\\n                                        </td>\\r\\n                                        <td class=\\\"centered radio-cell-last-col\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-02-sometimes\\\">Sometimes</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-02-sometimes\\\" name=\\\"classroom-challenges-item-02\\\" />\\r\\n                                        </td>\\r\\n                                    </tr>\\r\\n                                </table>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <tr>\\r\\n                            <td class=\\\"statement-cell\\\">I need visuals or videos to help me follow a multi-step task.</td>\\r\\n                            <td>\\r\\n                                <table class=\\\"radio-buttons-table\\\">\\r\\n                                    <tr>\\r\\n                                        <td class=\\\"centered radio-cell\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-03-yes\\\">Yes</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-03-yes\\\" name=\\\"classroom-challenges-item-03\\\" />\\r\\n                                        </td>\\r\\n                                        <td class=\\\"centered radio-cell\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-03-no\\\">No</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-03-no\\\" name=\\\"classroom-challenges-item-03\\\" />\\r\\n                                        </td>\\r\\n                                        <td class=\\\"centered radio-cell-last-col\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-03-sometimes\\\">Sometimes</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-03-sometimes\\\" name=\\\"classroom-challenges-item-03\\\" />\\r\\n                                        </td>\\r\\n                                    </tr>\\r\\n                                </table>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <tr>\\r\\n                            <td class=\\\"statement-cell\\\">It is difficult for me to participate in class discussions.</td>\\r\\n                            <td>\\r\\n                                <table class=\\\"radio-buttons-table\\\">\\r\\n                                    <tr>\\r\\n                                        <td class=\\\"centered radio-cell\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-04-yes\\\">Yes</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-04-yes\\\" name=\\\"classroom-challenges-item-04\\\" />\\r\\n                                        </td>\\r\\n                                        <td class=\\\"centered radio-cell\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-04-no\\\">No</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-04-no\\\" name=\\\"classroom-challenges-item-04\\\" />\\r\\n                                        </td>\\r\\n                                        <td class=\\\"centered radio-cell-last-col\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-04-sometimes\\\">Sometimes</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-04-sometimes\\\" name=\\\"classroom-challenges-item-04\\\" />\\r\\n                                        </td>\\r\\n                                    </tr>\\r\\n                                </table>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <tr>\\r\\n                            <td class=\\\"statement-cell\\\">I am hesitant to join in group discussions in social or work settings.</td>\\r\\n                            <td>\\r\\n                                <table class=\\\"radio-buttons-table\\\">\\r\\n                                    <tr>\\r\\n                                        <td class=\\\"centered radio-cell\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-05-yes\\\">Yes</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-05-yes\\\" name=\\\"classroom-challenges-item-05\\\" />\\r\\n                                        </td>\\r\\n                                        <td class=\\\"centered radio-cell\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-05-no\\\">No</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-05-no\\\" name=\\\"classroom-challenges-item-05\\\" />\\r\\n                                        </td>\\r\\n                                        <td class=\\\"centered radio-cell-last-col\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-05-sometimes\\\">Sometimes</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-05-sometimes\\\" name=\\\"classroom-challenges-item-05\\\" />\\r\\n                                        </td>\\r\\n                                    </tr>\\r\\n                                </table>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <tr>\\r\\n                            <td class=\\\"statement-cell\\\">I forget what I am supposed to do after instructions.</td>\\r\\n                            <td>\\r\\n                                <table class=\\\"radio-buttons-table\\\">\\r\\n                                    <tr>\\r\\n                                        <td class=\\\"centered radio-cell\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-06-yes\\\">Yes</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-06-yes\\\" name=\\\"classroom-challenges-item-06\\\" />\\r\\n                                        </td>\\r\\n                                        <td class=\\\"centered radio-cell\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-06-no\\\">No</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-06-no\\\" name=\\\"classroom-challenges-item-06\\\" />\\r\\n                                        </td>\\r\\n                                        <td class=\\\"centered radio-cell-last-col\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-06-sometimes\\\">Sometimes</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-06-sometimes\\\" name=\\\"classroom-challenges-item-06\\\" />\\r\\n                                        </td>\\r\\n                                    </tr>\\r\\n                                </table>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <tr>\\r\\n                            <td class=\\\"statement-cell\\\">I have difficulty understanding what I read.</td>\\r\\n                            <td>\\r\\n                                <table class=\\\"radio-buttons-table\\\">\\r\\n                                    <tr>\\r\\n                                        <td class=\\\"centered radio-cell\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-07-yes\\\">Yes</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-07-yes\\\" name=\\\"classroom-challenges-item-07\\\" />\\r\\n                                        </td>\\r\\n                                        <td class=\\\"centered radio-cell\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-07-no\\\">No</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-07-no\\\" name=\\\"classroom-challenges-item-07\\\" />\\r\\n                                        </td>\\r\\n                                        <td class=\\\"centered radio-cell-last-col\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-07-sometimes\\\">Sometimes</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-07-sometimes\\\" name=\\\"classroom-challenges-item-07\\\" />\\r\\n                                        </td>\\r\\n                                    </tr>\\r\\n                                </table>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <tr>\\r\\n                            <td class=\\\"statement-cell\\\">Reading out loud is embarrassing for me.</td>\\r\\n                            <td>\\r\\n                                <table class=\\\"radio-buttons-table\\\">\\r\\n                                    <tr>\\r\\n                                        <td class=\\\"centered radio-cell\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-08-yes\\\">Yes</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-08-yes\\\" name=\\\"classroom-challenges-item-08\\\" />\\r\\n                                        </td>\\r\\n                                        <td class=\\\"centered radio-cell\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-08-no\\\">No</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-08-no\\\" name=\\\"classroom-challenges-item-08\\\" />\\r\\n                                        </td>\\r\\n                                        <td class=\\\"centered radio-cell-last-col\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-08-sometimes\\\">Sometimes</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-08-sometimes\\\" name=\\\"classroom-challenges-item-08\\\" />\\r\\n                                        </td>\\r\\n                                    </tr>\\r\\n                                </table>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <tr>\\r\\n                            <td class=\\\"statement-cell\\\">Taking notes is hard for me.</td>\\r\\n                            <td>\\r\\n                                <table class=\\\"radio-buttons-table\\\">\\r\\n                                    <tr>\\r\\n                                        <td class=\\\"centered radio-cell\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-09-yes\\\">Yes</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-09-yes\\\" name=\\\"classroom-challenges-item-09\\\" />\\r\\n                                        </td>\\r\\n                                        <td class=\\\"centered radio-cell\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-09-no\\\">No</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-09-no\\\" name=\\\"classroom-challenges-item-09\\\" />\\r\\n                                        </td>\\r\\n                                        <td class=\\\"centered radio-cell-last-col\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-09-sometimes\\\">Sometimes</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-09-sometimes\\\" name=\\\"classroom-challenges-item-09\\\" />\\r\\n                                        </td>\\r\\n                                    </tr>\\r\\n                                </table>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <tr>\\r\\n                            <td class=\\\"statement-cell\\\">I have difficulty organizing my thoughts in an essay.</td>\\r\\n                            <td>\\r\\n                                <table class=\\\"radio-buttons-table\\\">\\r\\n                                    <tr>\\r\\n                                        <td class=\\\"centered radio-cell\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-10-yes\\\">Yes</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-10-yes\\\" name=\\\"classroom-challenges-item-10\\\" />\\r\\n                                        </td>\\r\\n                                        <td class=\\\"centered radio-cell\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-10-no\\\">No</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-10-no\\\" name=\\\"classroom-challenges-item-10\\\" />\\r\\n                                        </td>\\r\\n                                        <td class=\\\"centered radio-cell-last-col\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-10-sometimes\\\">Sometimes</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-10-sometimes\\\" name=\\\"classroom-challenges-item-10\\\" />\\r\\n                                        </td>\\r\\n                                    </tr>\\r\\n                                </table>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <tr>\\r\\n                            <td class=\\\"statement-cell\\\">I have difficulty identifying and organizing things to be ready for work or school.</td>\\r\\n                            <td>\\r\\n                                <table class=\\\"radio-buttons-table\\\">\\r\\n                                    <tr>\\r\\n                                        <td class=\\\"centered radio-cell\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-11-yes\\\">Yes</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-11-yes\\\" name=\\\"classroom-challenges-item-11\\\" />\\r\\n                                        </td>\\r\\n                                        <td class=\\\"centered radio-cell\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-11-no\\\">No</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-11-no\\\" name=\\\"classroom-challenges-item-11\\\" />\\r\\n                                        </td>\\r\\n                                        <td class=\\\"centered radio-cell-last-col\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-11-sometimes\\\">Sometimes</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-11-sometimes\\\" name=\\\"classroom-challenges-item-11\\\" />\\r\\n                                        </td>\\r\\n                                    </tr>\\r\\n                                </table>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <tr>\\r\\n                            <td class=\\\"statement-cell\\\">I misunderstand what people say to me.</td>\\r\\n                            <td>\\r\\n                                <table class=\\\"radio-buttons-table\\\">\\r\\n                                    <tr>\\r\\n                                        <td class=\\\"centered radio-cell\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-12-yes\\\">Yes</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-12-yes\\\" name=\\\"classroom-challenges-item-12\\\" />\\r\\n                                        </td>\\r\\n                                        <td class=\\\"centered radio-cell\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-12-no\\\">No</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-12-no\\\" name=\\\"classroom-challenges-item-12\\\" />\\r\\n                                        </td>\\r\\n                                        <td class=\\\"centered radio-cell-last-col\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-12-sometimes\\\">Sometimes</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-12-sometimes\\\" name=\\\"classroom-challenges-item-12\\\" />\\r\\n                                        </td>\\r\\n                                    </tr>\\r\\n                                </table>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <tr>\\r\\n                            <td class=\\\"statement-cell\\\">I have a hard time saying what I mean.</td>\\r\\n                            <td>\\r\\n                                <table class=\\\"radio-buttons-table\\\">\\r\\n                                    <tr>\\r\\n                                        <td class=\\\"centered radio-cell\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-13-yes\\\">Yes</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-13-yes\\\" name=\\\"classroom-challenges-item-13\\\" />\\r\\n                                        </td>\\r\\n                                        <td class=\\\"centered radio-cell\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-13-no\\\">No</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-13-no\\\" name=\\\"classroom-challenges-item-13\\\" />\\r\\n                                        </td>\\r\\n                                        <td class=\\\"centered radio-cell-last-col\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-13-sometimes\\\">Sometimes</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-13-sometimes\\\" name=\\\"classroom-challenges-item-13\\\" />\\r\\n                                        </td>\\r\\n                                    </tr>\\r\\n                                </table>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <tr>\\r\\n                            <td class=\\\"statement-cell\\\">Working in groups or teams is difficult for me.</td>\\r\\n                            <td>\\r\\n                                <table class=\\\"radio-buttons-table\\\">\\r\\n                                    <tr>\\r\\n                                        <td class=\\\"centered radio-cell\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-14-yes\\\">Yes</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-14-yes\\\" name=\\\"classroom-challenges-item-14\\\" />\\r\\n                                        </td>\\r\\n                                        <td class=\\\"centered radio-cell\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-14-no\\\">No</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-14-no\\\" name=\\\"classroom-challenges-item-14\\\" />\\r\\n                                        </td>\\r\\n                                        <td class=\\\"centered radio-cell-last-col\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-14-sometimes\\\">Sometimes</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-14-sometimes\\\" name=\\\"classroom-challenges-item-14\\\" />\\r\\n                                        </td>\\r\\n                                    </tr>\\r\\n                                </table>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <tr>\\r\\n                            <td class=\\\"statement-cell\\\">I lose track of time and don’t finish tasks.</td>\\r\\n                            <td>\\r\\n                                <table class=\\\"radio-buttons-table\\\">\\r\\n                                    <tr>\\r\\n                                        <td class=\\\"centered radio-cell\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-15-yes\\\">Yes</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-15-yes\\\" name=\\\"classroom-challenges-item-15\\\" />\\r\\n                                        </td>\\r\\n                                        <td class=\\\"centered radio-cell\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-15-no\\\">No</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-15-no\\\" name=\\\"classroom-challenges-item-15\\\" />\\r\\n                                        </td>\\r\\n                                        <td class=\\\"centered radio-cell-last-col\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-15-sometimes\\\">Sometimes</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-15-sometimes\\\" name=\\\"classroom-challenges-item-15\\\" />\\r\\n                                        </td>\\r\\n                                    </tr>\\r\\n                                </table>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <tr>\\r\\n                            <td class=\\\"statement-cell\\\">I am easily frustrated with a new task.</td>\\r\\n                            <td>\\r\\n                                <table class=\\\"radio-buttons-table\\\">\\r\\n                                    <tr>\\r\\n                                        <td class=\\\"centered radio-cell\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-16-yes\\\">Yes</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-16-yes\\\" name=\\\"classroom-challenges-item-16\\\" />\\r\\n                                        </td>\\r\\n                                        <td class=\\\"centered radio-cell\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-16-no\\\">No</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-16-no\\\" name=\\\"classroom-challenges-item-16\\\" />\\r\\n                                        </td>\\r\\n                                        <td class=\\\"centered radio-cell-last-col\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-16-sometimes\\\">Sometimes</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-16-sometimes\\\" name=\\\"classroom-challenges-item-16\\\" />\\r\\n                                        </td>\\r\\n                                    </tr>\\r\\n                                </table>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <tr>\\r\\n                            <td class=\\\"statement-cell\\\">My memory for math facts is poor.</td>\\r\\n                            <td>\\r\\n                                <table class=\\\"radio-buttons-table\\\">\\r\\n                                    <tr>\\r\\n                                        <td class=\\\"centered radio-cell\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-17-yes\\\">Yes</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-17-yes\\\" name=\\\"classroom-challenges-item-17\\\" />\\r\\n                                        </td>\\r\\n                                        <td class=\\\"centered radio-cell\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-17-no\\\">No</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-17-no\\\" name=\\\"classroom-challenges-item-17\\\" />\\r\\n                                        </td>\\r\\n                                        <td class=\\\"centered radio-cell-last-col\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-17-sometimes\\\">Sometimes</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-17-sometimes\\\" name=\\\"classroom-challenges-item-17\\\" />\\r\\n                                        </td>\\r\\n                                    </tr>\\r\\n                                </table>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <tr>\\r\\n                            <td class=\\\"statement-cell\\\">I forget how to do math calculations.</td>\\r\\n                            <td>\\r\\n                                <table class=\\\"radio-buttons-table\\\">\\r\\n                                    <tr>\\r\\n                                        <td class=\\\"centered radio-cell\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-18-yes\\\">Yes</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-18-yes\\\" name=\\\"classroom-challenges-item-18\\\" />\\r\\n                                        </td>\\r\\n                                        <td class=\\\"centered radio-cell\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-18-no\\\">No</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-18-no\\\" name=\\\"classroom-challenges-item-18\\\" />\\r\\n                                        </td>\\r\\n                                        <td class=\\\"centered radio-cell-last-col\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-18-sometimes\\\">Sometimes</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-18-sometimes\\\" name=\\\"classroom-challenges-item-18\\\" />\\r\\n                                        </td>\\r\\n                                    </tr>\\r\\n                                </table>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <tr>\\r\\n                            <td class=\\\"statement-cell\\\">I have a hard time asking for help.</td>\\r\\n                            <td>\\r\\n                                <table class=\\\"radio-buttons-table\\\">\\r\\n                                    <tr>\\r\\n                                        <td class=\\\"centered radio-cell\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-19-yes\\\">Yes</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-19-yes\\\" name=\\\"classroom-challenges-item-19\\\" />\\r\\n                                        </td>\\r\\n                                        <td class=\\\"centered radio-cell\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-19-no\\\">No</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-19-no\\\" name=\\\"classroom-challenges-item-19\\\" />\\r\\n                                        </td>\\r\\n                                        <td class=\\\"centered radio-cell-last-col\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-19-sometimes\\\">Sometimes</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-19-sometimes\\\" name=\\\"classroom-challenges-item-19\\\" />\\r\\n                                        </td>\\r\\n                                    </tr>\\r\\n                                </table>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <tr>\\r\\n                            <td class=\\\"statement-cell\\\">I have a hard time getting started on work without prompting.</td>\\r\\n                            <td>\\r\\n                                <table class=\\\"radio-buttons-table\\\">\\r\\n                                    <tr>\\r\\n                                        <td class=\\\"centered radio-cell\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-20-yes\\\">Yes</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-20-yes\\\" name=\\\"classroom-challenges-item-20\\\" />\\r\\n                                        </td>\\r\\n                                        <td class=\\\"centered radio-cell\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-20-no\\\">No</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-20-no\\\" name=\\\"classroom-challenges-item-20\\\" />\\r\\n                                        </td>\\r\\n                                        <td class=\\\"centered radio-cell-last-col\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-20-sometimes\\\">Sometimes</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-20-sometimes\\\" name=\\\"classroom-challenges-item-20\\\" />\\r\\n                                        </td>\\r\\n                                    </tr>\\r\\n                                </table>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <tr>\\r\\n                            <td class=\\\"statement-cell\\\">I have difficulty when tasks or requests are changed.</td>\\r\\n                            <td>\\r\\n                                <table class=\\\"radio-buttons-table\\\">\\r\\n                                    <tr>\\r\\n                                        <td class=\\\"centered radio-cell\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-21-yes\\\">Yes</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-21-yes\\\" name=\\\"classroom-challenges-item-21\\\" />\\r\\n                                        </td>\\r\\n                                        <td class=\\\"centered radio-cell\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-21-no\\\">No</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-21-no\\\" name=\\\"classroom-challenges-item-21\\\" />\\r\\n                                        </td>\\r\\n                                        <td class=\\\"centered radio-cell-last-col\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-21-sometimes\\\">Sometimes</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-21-sometimes\\\" name=\\\"classroom-challenges-item-21\\\" />\\r\\n                                        </td>\\r\\n                                    </tr>\\r\\n                                </table>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <tr>\\r\\n                            <td class=\\\"statement-cell\\\">I do not work well under pressure.</td>\\r\\n                            <td>\\r\\n                                <table class=\\\"radio-buttons-table\\\">\\r\\n                                    <tr>\\r\\n                                        <td class=\\\"centered radio-cell\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-22-yes\\\">Yes</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-22-yes\\\" name=\\\"classroom-challenges-item-22\\\" />\\r\\n                                        </td>\\r\\n                                        <td class=\\\"centered radio-cell\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-22-no\\\">No</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-22-no\\\" name=\\\"classroom-challenges-item-22\\\" />\\r\\n                                        </td>\\r\\n                                        <td class=\\\"centered radio-cell-last-col\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-22-sometimes\\\">Sometimes</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-22-sometimes\\\" name=\\\"classroom-challenges-item-22\\\" />\\r\\n                                        </td>\\r\\n                                    </tr>\\r\\n                                </table>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <tr>\\r\\n                            <td class=\\\"statement-cell\\\">It is difficult for me to be on time to an appointment.</td>\\r\\n                            <td>\\r\\n                                <table class=\\\"radio-buttons-table\\\">\\r\\n                                    <tr>\\r\\n                                        <td class=\\\"centered radio-cell\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-23-yes\\\">Yes</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-23-yes\\\" name=\\\"classroom-challenges-item-23\\\" />\\r\\n                                        </td>\\r\\n                                        <td class=\\\"centered radio-cell\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-23-no\\\">No</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-23-no\\\" name=\\\"classroom-challenges-item-23\\\" />\\r\\n                                        </td>\\r\\n                                        <td class=\\\"centered radio-cell-last-col\\\">\\r\\n                                            <label for=\\\"classroom-challenges-item-23-sometimes\\\">Sometimes</label><br />\\r\\n                                            <input type=\\\"radio\\\" id=\\\"classroom-challenges-item-23-sometimes\\\" name=\\\"classroom-challenges-item-23\\\" />\\r\\n                                        </td>\\r\\n                                    </tr>\\r\\n                                </table>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                    </tbody>\\r\\n                </table>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-1/lesson-3/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from '@angular/platform-browser';\r\n\r\n@Component({\r\n    selector: 'classroom-challenges',\r\n    templateUrl: './classroom-challenges.component.html',\r\n    styleUrls: ['./classroom-challenges.component.css']\r\n})\r\nexport class UnitOneLessonFourChallengesInTheClassroomComponent {\r\n\r\n    title: string = \"Challenges in the Classroom and Beyond\";\r\n    pageTitle: string = this.title + \" | Unit 1, Lesson 4 | T-Folio\";\r\n\r\n    constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n}\r\n","module.exports = \"div, span, b {\\r\\n    font-size: medium;\\r\\n    font-family: Lato;\\r\\n}\\r\\n\\r\\nlabel {\\r\\n    margin-left: 10px;\\r\\n    white-space: normal;\\r\\n    font-size:medium;\\r\\n}\\r\\n\\r\\n.completion-question-label {\\r\\n    font-size:medium;\\r\\n    margin-top:15px;\\r\\n}\\r\\n\\r\\n.completion-question-number {\\r\\n    margin-top:5px;\\r\\n    margin-bottom:5px;\\r\\n}\\r\\n\\r\\n.active {\\r\\n    color: #2C3E50;\\r\\n}\\r\\n\\r\\ninput[type='text'] {\\r\\n    border: 1px solid black;\\r\\n    width: 100px;\\r\\n    text-align: left;\\r\\n    margin-top: 5px;\\r\\n    margin-bottom: 5px;\\r\\n    font-weight: bold;\\r\\n    font-family: Lato;\\r\\n}\\r\\n\\r\\ntable tbody tr td {\\r\\n    border: 1px solid black;\\r\\n}\\r\\n\\r\\ntr.header-row td {\\r\\n    text-align: center;\\r\\n}\\r\\n\\r\\n.header-cell label {\\r\\n    margin-bottom: 5px;\\r\\n    font-size: medium;\\r\\n    font-weight: bold;\\r\\n}\\r\\n\\r\\n.header-secondary {\\r\\n    display: none;\\r\\n}\\r\\n\\r\\n.cell-width{\\r\\n    width:33%;\\r\\n}\\r\\n\\r\\n.editor {\\r\\n    min-height: 75px;\\r\\n    margin:0px;\\r\\n    font-weight:bold;\\r\\n}\\r\\n\\r\\ntable, tr, td, .editor {\\r\\n    height: 100%;\\r\\n}\\r\\n\\r\\n.input-row > div {\\r\\n    min-height: 110px;\\r\\n}\\r\\n\\r\\n.text-entry-box {\\r\\n    border: 1px solid gray;\\r\\n    min-height: 75px;\\r\\n    width: 100%;\\r\\n    margin-top: 5px;\\r\\n    text-align: left;\\r\\n    font-weight: bold;\\r\\n}\\r\\n\\r\\n.example-text{\\r\\n    font-weight:normal;\\r\\n}\\r\\n\\r\\n@media screen and (max-width: 760px) {\\r\\n\\r\\n    table,\\r\\n    thead,\\r\\n    tbody,\\r\\n    th,\\r\\n    td,\\r\\n    tr {\\r\\n        display: block;\\r\\n    }\\r\\n\\r\\n    tr {\\r\\n        margin-top: 5px;\\r\\n        border: 1px solid black;\\r\\n    }\\r\\n\\r\\n    tr.header-row {\\r\\n        display: none;\\r\\n    }\\r\\n\\r\\n    .header-secondary {\\r\\n        display: block;\\r\\n        text-align: center;\\r\\n        margin-bottom: 5px;\\r\\n    }\\r\\n\\r\\n    .header-secondary label {\\r\\n        font-weight: bold;\\r\\n    }\\r\\n\\r\\n    .cell-width {\\r\\n        width:100%;\\r\\n    }\\r\\n\\r\\n}\\r\\n\\r\\n[contenteditable=true]:empty:not(:focus):before {\\r\\n    content: attr(placeholder);\\r\\n    font-style: italic;\\r\\n}\\r\\n\\r\\n@media print {\\r\\n\\r\\n    [contenteditable=true]:empty:not(:focus):before {\\r\\n        content: \\\"\\\";        \\r\\n    }\\r\\n\\r\\n    input[type='text'] {\\r\\n        border: none;\\r\\n    }\\r\\n    .text-entry-box {\\r\\n        border: none;\\r\\n    }\\r\\n}\\r\\n\"","module.exports = \"<div class=\\\"container exercise-content\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-1']\\\">Unit 1</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-1/lesson-4']\\\">Lesson 4</a></li>\\r\\n                <li class=\\\"active\\\">{{title}}</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-1/\\\">Unit 1</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-1/lesson-4/\\\">Lesson 4</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-1/lesson-4/needs-assessment/\\\">{{title}}</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-1/lesson-4/needs assessment'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <tfolio-heading></tfolio-heading>\\r\\n    <tfolio-page-title content=\\\"{{title}}\\\"></tfolio-page-title>\\r\\n    <tfolio-directions identifier=\\\"needs-assessment-description\\\" tag=\\\"Directions\\\" padBottom=\\\"true\\\">\\r\\n        <span>\\r\\n            Complete the chart below.\\r\\n            Using the <a [routerLink]=\\\"['/unit-1/lesson-4/classroom-challenges']\\\">Challenges in the Classroom and Beyond</a> questionnaire, place each of your challenges into the column of <i>Things I Would Like to Improve</i>.\\r\\n            Then for each challenge, think about and write in <i>changes you could make</i> and <i>things to accept</i>.\\r\\n            When you are done, respond to the reflection questions at the bottom.\\r\\n        </span>\\r\\n    </tfolio-directions>\\r\\n    <tfolio-directions identifier=\\\"needs-assessment-tip\\\" tag=\\\"Tip\\\" padBottom=\\\"true\\\">\\r\\n        <span>\\r\\n            Consider consulting other sources of information about yourself (i.e. grades, other assessment inventories and/or questionnaires, as well as input from teachers, family, and friends).\\r\\n        </span>\\r\\n    </tfolio-directions>\\r\\n    <div class=\\\"container-fluid\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-11 col-md-offset-1\\\" style=\\\"margin-bottom:15px;\\\">\\r\\n                <b id=\\\"things-to-improve-description\\\">Things I Would Like To Improve:</b>\\r\\n                <span aria-describedby=\\\"things-to-improve-description\\\">\\r\\n                    List items you'd like to work on.\\r\\n                    They could be items related to learning, social/interpersonal skills, workplace skills, and/or independent living.\\r\\n                </span>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-11 col-md-offset-1\\\" style=\\\"margin-bottom:15px;\\\">\\r\\n                <b id=\\\"changes-i-could-make-description\\\">Changes I Could Make:</b>\\r\\n                <span aria-describedby=\\\"changes-i-could-make-description\\\">\\r\\n                    List changes you could make that would help you feel even better about yourself.\\r\\n                    But be realistic.\\r\\n                    Some things (like height, skin color, disabilities, or living situation) are very difficult or impossible to change or control.\\r\\n                </span>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-11 col-md-offset-1\\\" style=\\\"margin-bottom:15px;\\\">\\r\\n                <b id=\\\"things-to-accept-description\\\">Things to Accept:</b>\\r\\n                <span aria-describedby=\\\"things-to-accept-description\\\">\\r\\n                    List the things that are out of your control &mdash; the ones you'll have to learn to live with &mdash; in the last column of the chart.\\r\\n                </span>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <table class=\\\"grid\\\" style=\\\"width:100%;margin-top:35px;margin-bottom:25px;\\\">\\r\\n        <tbody>\\r\\n            <!-- HEADER ROW -->\\r\\n            <tr class=\\\"header-row\\\" style=\\\"min-height:86px;page-break-inside:avoid\\\">\\r\\n                <td width=\\\"33%\\\">\\r\\n                    <div class=\\\"header-cell\\\">\\r\\n                        <label for=\\\"needs-assessment-textarea-01\\\">Things I Would Like <br /> To Improve <br /></label>\\r\\n                        <br /><span class=\\\"example-text\\\">(e.g., Remembering materials I need for class.)</span>\\r\\n                    </div>\\r\\n                </td>\\r\\n                <td width=\\\"33%\\\">\\r\\n                    <div class=\\\"header-cell\\\">\\r\\n                        <label for=\\\"needs-assessment-textarea-02\\\">Changes I <br /> Could Make <br /></label>\\r\\n                        <br /><span class=\\\"example-text\\\">(e.g., Find and use a checklist app on my iPhone.)</span>\\r\\n                    </div>\\r\\n                </td>\\r\\n                <td width=\\\"33%\\\">\\r\\n                    <div class=\\\"header-cell\\\">\\r\\n                        <label for=\\\"needs-assessment-textarea-03\\\">Things<br />to Accept <br /></label>\\r\\n                        <br /><span class=\\\"example-text\\\">(e.g., Might always need a checklist to remember things.)</span>\\r\\n                    </div>\\r\\n                </td>\\r\\n            </tr>\\r\\n            <!-- ROW 1 -->\\r\\n            <tr class=\\\"input-row\\\" style=\\\"min-height:120px;page-break-inside:avoid\\\">\\r\\n                <td class=\\\"cell-width\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-01\\\">Task</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-01\\\"\\r\\n                         name=\\\"action-plan-editor-01\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"FIRST TASK\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n                <td class=\\\"cell-width\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-02\\\">Supports Needed</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-02\\\"\\r\\n                         name=\\\"action-plan-editor-02\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"SUPPORTS NEEDED\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n                <td class=\\\"cell-width\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-03\\\">Due Date</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-03\\\"\\r\\n                         name=\\\"action-plan-editor-03\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"SUPPORTS NEEDED\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n            </tr>\\r\\n            <!-- ROW 2 -->\\r\\n            <tr class=\\\"input-row\\\" style=\\\"min-height:120px;page-break-inside:avoid\\\">\\r\\n                <td class=\\\"cell-width\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-05\\\">Task</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-05\\\"\\r\\n                         name=\\\"action-plan-editor-05\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"SECOND TASK\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n                <td class=\\\"cell-width\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-06\\\">Supports Needed</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-06\\\"\\r\\n                         name=\\\"action-plan-editor-06\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"SUPPORTS NEEDED\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n                <td class=\\\"cell-width\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-text-input-07\\\">Due Date</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-07\\\"\\r\\n                         name=\\\"action-plan-editor-07\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"SUPPORTS NEEDED\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n            </tr>\\r\\n            <!-- ROW 3 -->\\r\\n            <tr class=\\\"input-row\\\" style=\\\"min-height:120px;page-break-inside:avoid\\\">\\r\\n                <td class=\\\"cell-width\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-09\\\">Task</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-09\\\"\\r\\n                         name=\\\"action-plan-editor-09\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"THIRD TASK\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n                <td class=\\\"cell-width\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-10\\\">Supports Needed</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-10\\\"\\r\\n                         name=\\\"action-plan-editor-10\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"SUPPORTS NEEDED\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n                <td class=\\\"cell-width\\\"> \\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-text-input-11\\\">Due Date</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-11\\\"\\r\\n                         name=\\\"action-plan-editor-11\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"SUPPORTS NEEDED\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n            </tr>\\r\\n            <!-- ROW 4 -->\\r\\n            <tr class=\\\"input-row\\\" style=\\\"min-height:120px;page-break-inside:avoid\\\">\\r\\n                <td class=\\\"cell-width\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-13\\\">Task</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-13\\\"\\r\\n                         name=\\\"action-plan-editor-13\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"FOURTH TASK\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n                <td class=\\\"cell-width\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-14\\\">Supports Needed</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-14\\\"\\r\\n                         name=\\\"action-plan-editor-14\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"SUPPORTS NEEDED\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n                <td class=\\\"cell-width\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-text-input-15\\\">Due Date</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-15\\\"\\r\\n                         name=\\\"action-plan-editor-15\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"SUPPORTS NEEDED\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n            </tr>\\r\\n            <!-- ROW 5 -->\\r\\n            <tr class=\\\"input-row\\\" style=\\\"min-height:120px;page-break-inside:avoid\\\">\\r\\n                <td class=\\\"cell-width\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-17\\\">Task</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-17\\\"\\r\\n                         name=\\\"action-plan-editor-17\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"FIFTH TASK\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n                <td class=\\\"cell-width\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-18\\\">Supports Needed</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-18\\\"\\r\\n                         name=\\\"action-plan-editor-18\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"SUPPORTS NEEDED\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n                <td class=\\\"cell-width\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-text-input-19\\\">Due Date</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-19\\\"\\r\\n                         name=\\\"action-plan-editor-19\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"SUPPORTS NEEDED\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n            </tr>\\r\\n            <!-- ROW 6 -->\\r\\n            <tr class=\\\"input-row\\\" style=\\\"min-height:120px;page-break-inside:avoid\\\">\\r\\n                <td class=\\\"cell-width\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-21\\\">Task</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-21\\\"\\r\\n                         name=\\\"action-plan-editor-21\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"SIXTH TASK\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n                <td class=\\\"cell-width\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-22\\\">Supports Needed</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-22\\\"\\r\\n                         name=\\\"action-plan-editor-22\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"SUPPORTS NEEDED\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n                <td class=\\\"cell-width\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-text-input-23\\\">Due Date</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-23\\\"\\r\\n                         name=\\\"action-plan-editor-23\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"SUPPORTS NEEDED\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n            </tr>\\r\\n            <!-- ROW 7 -->\\r\\n            <tr class=\\\"input-row\\\" style=\\\"min-height:120px;page-break-inside:avoid\\\">\\r\\n                <td class=\\\"cell-width\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-25\\\">Task</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-25\\\"\\r\\n                         name=\\\"action-plan-editor-25\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"SEVENTH TASK\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n                <td class=\\\"cell-width\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-26\\\">Supports Needed</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-26\\\"\\r\\n                         name=\\\"action-plan-editor-26\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"SUPPORTS NEEDED\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n                <td class=\\\"cell-width\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-text-input-27\\\">Due Date</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-27\\\"\\r\\n                         name=\\\"action-plan-editor-27\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"SUPPORTS NEEDED\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n            </tr>\\r\\n            <!-- ROW 8 -->\\r\\n            <tr class=\\\"input-row\\\" style=\\\"min-height:120px;page-break-inside:avoid\\\">\\r\\n                <td class=\\\"cell-width\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-29\\\">Task</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-29\\\"\\r\\n                         name=\\\"action-plan-editor-29\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"EIGHTH TASK\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n                <td class=\\\"cell-width\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-30\\\">Supports Needed</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-30\\\"\\r\\n                         name=\\\"action-plan-editor-30\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"SUPPORTS NEEDED\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n                <td class=\\\"cell-width\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-text-input-31\\\">Due Date</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-31\\\"\\r\\n                         name=\\\"action-plan-editor-31\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"SUPPORTS NEEDED\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n            </tr>\\r\\n        </tbody>\\r\\n    </table>\\r\\n\\r\\n    <div class=\\\"container-fluid\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <div id=\\\"top-three-question\\\" class=\\\"completion-question-label\\\" style=\\\"margin-bottom:15px;\\\">What top three skills might you need or want to improve?</div>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-1\\\">\\r\\n                <label for=\\\"needs-assessment-textbox-01\\\" class=\\\"completion-question-number\\\">1.</label>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-11\\\">\\r\\n                <input id=\\\"needs-assessment-textbox-01\\\" name=\\\"needs-assessment-textbox-01\\\" style=\\\"width:100%;text-align:left;\\\" type=\\\"text\\\" aria-describedby=\\\"top-three-question\\\" />\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-1\\\">\\r\\n                <label for=\\\"needs-assessment-textbox-02\\\" class=\\\"completion-question-number\\\">2.</label>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-11\\\">\\r\\n                <input id=\\\"needs-assessment-textbox-02\\\" name=\\\"needs-assessment-textbox-02\\\" style=\\\"width:100%;text-align:left;\\\" type=\\\"text\\\" aria-describedby=\\\"top-three-question\\\" />\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-1\\\">\\r\\n                <label for=\\\"needs-assessment-textbox-03\\\" class=\\\"completion-question-number\\\">3.</label>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-11\\\">\\r\\n                <input id=\\\"needs-assessment-textbox-03\\\" name=\\\"needs-assessment-textbox-03\\\" style=\\\"width:100%;text-align:left;\\\" type=\\\"text\\\" aria-describedby=\\\"top-three-question\\\" />\\r\\n            </div>\\r\\n        </div>\\r\\n\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <div id=\\\"acccomodations-supports-question\\\">\\r\\n                    <div for=\\\"needs-assessment-textarea-28\\\" class=\\\"completion-question-label\\\">What accommodations or supports could you use to improve on your challenges?</div>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <div contenteditable=\\\"true\\\" class=\\\"text-entry-box\\\"><b></b></div>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <div id=\\\"learn-about-self-question\\\">\\r\\n                    <div for=\\\"needs-assessment-textarea-29\\\" class=\\\"completion-question-label\\\">What did you learn about yourself and challenges as a result of this activity? How so?</div>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <div contenteditable=\\\"true\\\" class=\\\"text-entry-box\\\"><b></b></div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-1/lesson-4/needs assessment'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n\\r\\n\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from '@angular/platform-browser';\r\n\r\n\r\n@Component({\r\n    selector: 'needs-assessment',\r\n    templateUrl: './needs-assessment.component.html',\r\n    styleUrls: ['./needs-assessment.component.css']\r\n})\r\nexport class UnitOneLessonFourNeedsAssessmentComponent {\r\n\r\n    title: string = \"Needs Assessment\";\r\n    pageTitle: string = this.title + \" | Unit 1, Lesson 4 | T-Folio\";\r\n\r\n    constructor(private titleService: Title) {\r\n\r\n        this.titleService.setTitle(this.pageTitle);\r\n\r\n    }\r\n\r\n}\r\n\r\n","module.exports = \"h1 {\\r\\n    font-size: x-large;\\r\\n    font-weight: bold;\\r\\n    padding: 0px;\\r\\n    text-align: left;\\r\\n    margin-bottom: 0px;\\r\\n    margin-top: 25px;\\r\\n    font-family: Rockwell;\\r\\n    font-size: 30px;\\r\\n}\\r\\n\\r\\nh2 {\\r\\n    font-size: x-large;\\r\\n    font-weight: bold;\\r\\n    margin-top: 25px;\\r\\n    margin-bottom: 5px;\\r\\n}\\r\\n\\r\\nli {\\r\\n    margin-top: 5px;\\r\\n    margin-bottom: 5px;\\r\\n}\\r\\n\\r\\nbutton {\\r\\n    color: black;\\r\\n    border-radius: 5px;\\r\\n    border: 2px solid black;\\r\\n    background-color: white;\\r\\n    float: right;\\r\\n    font-size: 15px;\\r\\n}\\r\\n\\r\\n.bordered-outer {\\r\\n    border: 1px solid black;\\r\\n}\\r\\n\\r\\n.bordered {\\r\\n    border: 1px solid black;\\r\\n    padding: 15px;\\r\\n}\\r\\n\\r\\n.container.header {\\r\\n    margin-top: 15px;\\r\\n    border-top: solid 1px;\\r\\n    border-bottom: solid 1px;\\r\\n    overflow: hidden;\\r\\n    clear: right;\\r\\n    float: left;\\r\\n    width: 100%;\\r\\n}\\r\\n\\r\\n.subtitle {\\r\\n    font-family: Rockwell;\\r\\n    margin-top: 5px;\\r\\n    margin-bottom: 5px;\\r\\n    float: left;\\r\\n}\\r\\n\\r\\ndiv.row.header {\\r\\n    margin-bottom: 15px;\\r\\n}\\r\\n\\r\\ncontainer.exercise-content.guide {\\r\\n    font-family: Arial;\\r\\n    padding-right: 20px;\\r\\n}\\r\\n\\r\\n.col-md-12.crumbs {\\r\\n    font-size: 11px;\\r\\n}\\r\\n\\r\\ndiv.container.objectives {\\r\\n    margin-top: 50px;\\r\\n}\\r\\n\\r\\ndiv.container.box {\\r\\n    border: 1px solid;\\r\\n    width: 250px;\\r\\n    float: right;\\r\\n}\\r\\n\\r\\ndiv.container.activity {\\r\\n    margin-top: 20px;\\r\\n}\\r\\n\\r\\n.active {\\r\\n    color: #2C3E50;\\r\\n}\"","module.exports = \"<div class=\\\"container exercise-content guide\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-1']\\\">Unit 1</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-1/lesson-5']\\\">Lesson 5</a></li>\\r\\n                <li class=\\\"active\\\">Lesson Guide</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-1/\\\">Unit 1</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-1/lesson-5/\\\">Lesson 5</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-1/lesson-5/guide/\\\">Lesson Guide</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-1/lesson-5/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n        <div class=\\\"col-md-12\\\"><h1>{{title}}</h1></div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-9\\\">\\r\\n            <h2 class=\\\"subtitle\\\">{{subtitle}}</h2><br /><br />\\r\\n            <div style=\\\"padding-bottom:10px;\\\">\\r\\n                In this lesson, youth will complete the AIR Self-Determination Scale in order to gain better insight into their own level of self-determination both at school and at home.\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-3 box\\\" style=\\\"border:1px solid black;margin-bottom:10px;\\\">\\r\\n            <i class=\\\"fa fa-folder-open\\\" aria-hidden=\\\"true\\\"></i>\\r\\n            <b>Item to be added to student's Transition Portfolio:</b>\\r\\n            <ul class=\\\"hidden-print\\\">\\r\\n                <li><a [routerLink]=\\\"['/unit-1/lesson-5/self-determination-scale']\\\">AIR Self-Determination Scale (Student form)</a></li>\\r\\n            </ul>\\r\\n            <ul class=\\\"visible-print-block\\\">\\r\\n                <li><a href=\\\"https://cctstfolio.com/#/unit-1/lesson-5/self-determination-scale\\\">AIR Self-Determination Scale (Student form)</a></li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n            <h2>Lesson Objectives</h2>\\r\\n            <b>Participants will:</b>\\r\\n            <ol>\\r\\n                <li>Gain an increased awareness of the capacities and opportunities that are available to them.</li>\\r\\n                <li>Demonstrate and/or practice those skills, by setting and achieving goals both at school and at home.</li>\\r\\n                <li>Make a plan for exploring and expanding opportunities.</li>\\r\\n                <li>Begin the goal-setting process based on assessment information.</li>\\r\\n            </ol>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Facilitator Notes</h2>\\r\\n            <ul>\\r\\n                <li>\\r\\n                    <b>The Self-Determined Person</b>:\\r\\n                    Self-determined people know and can express their own needs, interests and abilities.\\r\\n                    They set appropriate goals and expectations for themselves.\\r\\n                    They make choices and plans in the pursuit of these goals.\\r\\n                    They follow through with actions and change course or adjust to achieve their goals.\\r\\n                    Self-determined people act more independently and freely in the pursuit of their goals and are less likely to be influenced by others in choosing the goals they wish to pursue.\\r\\n                </li>\\r\\n                <li>\\r\\n                    The AIR Self-Determination assessments measure two broad self-determination components:\\r\\n                    <ul>\\r\\n                        <li>Capacity refers to the student's knowledge, abilities, and perceptions that enable them to be self-determined.</li>\\r\\n                        <li>Opportunity refers to the student's chances to use their knowledge and abilities.</li>\\r\\n                    </ul>\\r\\n                </li>\\r\\n                <li>\\r\\n                    There are examples at the beginning of the scale of how to mark an answer choosing between <i>Never</i>, <i>Almost Never</i>, <i>Sometimes</i>, <i>Almost Always</i>, and <i>Always</i>. The Scale encourages the student to look within and not only evaluate how they perceive themselves but also how they think others see them.\\r\\n                    <ul>\\r\\n                        <li>Since the completion of this scale requires self-reflection, allow for ample time to complete the form.</li>\\r\\n                    </ul>\\r\\n                </li>\\r\\n                <li>The results can be used to set self-determination goals for the student and the <a href=\\\"http://www.ou.edu/content/dam/Education/documents/miscellaneous/air-self-determination-user-guide.pdf\\\" target=\\\"_blank\\\">Air Self-Determination Scale User Guide (PDF)</a> has a variety of goal examples for each area assessed.</li>\\r\\n                <li>A PowerPoint is included with this lesson and can be used as part of a presentation or for your information. It is recommended that you review the PowerPoint (including the Notes section) prior to using the lesson. It can be accessed in either PowerPoint or as a PDF:\\r\\n                    <ul>\\r\\n                        <li><a href=\\\"/img/unit-1/lesson-5/T-Folio_Unit-1_Lesson-5_Self-Determination.pptx\\\">PowerPoint: \\\"Self-Determination\\\"</a></li>\\r\\n                        <li><a href=\\\"/img/unit-1/lesson-5/T-Folio_Unit-1_Lesson-5_Self-Determination.pdf\\\" target=\\\"_blank\\\">PDF: \\\"Self-Determination\\\"</a></li>\\r\\n                    </ul>\\r\\n                </li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <div><h2>Introduction</h2></div>\\r\\n            <div><b>Warm-up questions:</b></div>\\r\\n            <div>\\r\\n                <b>Ask</b>:\\r\\n                <ul>\\r\\n                    <li>What kind of goals do you have for today/this week/this month/this school year (<i>choose one to focus on depending on the audience)</i>?</li>\\r\\n                    <li>What does your plan for achieving those goals look like?</li>\\r\\n                    <li>How do you feel when you make your goal?</li>\\r\\n                    <li>What do you do when you feel you cannot reach your goal?</li>\\r\\n                    <li>Do you share your goals with others?</li>\\r\\n                    <li>Do they know how to help you with your goals?</li>\\r\\n                </ul>\\r\\n            </div>\\r\\n            <div>\\r\\n                <div style=\\\"padding-bottom:10px;\\\">\\r\\n                    <b>Say</b>: We are going to take the <a [routerLink]=\\\"['/unit-1/lesson-5/self-determination-scale']\\\">AIR Self-Determination Scale</a> today.\\r\\n                    The purpose of this activity is to get an idea about how you go about getting what you want or need.\\r\\n                    This may occur at school or in other situations.\\r\\n                    It could be related to your friends, family, job, or other activities that you do in your life.\\r\\n                </div>\\r\\n                <div style=\\\"padding-bottom:10px;\\\">\\r\\n                    You may want to review some of the following talking points from <a [routerLink]=\\\"['/introduction/lesson-2']\\\">Student-Centered Introduction: Lesson 2</a> on taking assessments:\\r\\n                </div>\\r\\n                <div><b>Addressing Purpose</b></div>\\r\\n                <div>\\r\\n                    Assessments are tools that can help you:\\r\\n                    <ul>\\r\\n                        <li>Learn more about yourself.</li>\\r\\n                        <li>Tell you what you <i>already</i> know about yourself.</li>\\r\\n                        <li>Match your blend of strong skills to specific occupations.</li>\\r\\n                        <li>Consider careers you may not have thought about before.</li>\\r\\n                        <li>Learn what skills need to be enhanced to be ready for a specific job of interest.</li>\\r\\n                        <li>Reflect about your career pathway and what you need to do to achieve your goals!</li>\\r\\n                    </ul>\\r\\n                </div>\\r\\n                <div>\\r\\n                    <b>Addressing Behavior</b>\\r\\n                    <ul>\\r\\n                        <li>This is <b>not</b> a test; you will not be graded for how you answer!</li>\\r\\n                        <li>There are no right or wrong answers - we are all different.</li>\\r\\n                        <li>Answer honestly, not what you think others would like you to choose.</li>\\r\\n                        <li>Take your time answering the questions. There is no need to rush!</li>\\r\\n                        <li>Come with the right mindset, rested, and ready to do your best.</li>\\r\\n                        <li>Have fun taking the assessments. Learning about yourself is almost always informative and is often a pleasurable activity!</li>\\r\\n                    </ul>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid activity\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <div><h2>Activity</h2></div>\\r\\n            <div><b>Say</b>: This is NOT A TEST! 😊 There are no right or wrong answers. The questions will help you learn about what you do well, and where you might need some help.</div>\\r\\n            <br /><div>The scale has four sets of questions: Things I Do; How I Feel; What Happens at School; and What Happens at Home. There are three additional questions that ask you to write in some answers. Remember: there are no wrong answers!</div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Debrief and Guiding Questions</h2>\\r\\n            <div><b>Say</b>: The numbers in your results are not magic numbers. They provide a starting point for you to consider what skills (capacities) you might want to work on, and what opportunities you and others can think of and provide for you to use your skills more often.</div>\\r\\n            <div>\\r\\n                For instance:\\r\\n                <ul>\\r\\n                    <li>What areas in your daily life do you want to make more choices and decisions about? (<i>e.g., I want to be responsible for getting up for school on time.</i>)</li>\\r\\n                    <li>What goals do you want to create for yourself? (<i>e.g., I want to have an after-school job by January.</i>)</li>\\r\\n                    <li>What course decisions can you make at school? (<i>e.g., I want to take a digital photography course next semester because I want to be a photographer.</i>)</li>\\r\\n                </ul>\\r\\n            </div>\\r\\n            <div><b>Say</b>: Let's practice with Tony:</div>\\r\\n            <br /><div><i>Tony is a high school student who want to show his parents that he can spend money responsibly. What are some things he might do? What might his plan look like?</i></div>\\r\\n            <br /><div>(Have the students brainstorm ideas such as having Tony get a part-time job or ask parents for an allowance. Ask follow-up questions and guide the students through a simple plan.)</div>\\r\\n            <br /><div><b>Then introduce the following</b>: <i>Tony wants to buy a car. How long will it take before he can get it? What if an unexpected expense occurs or his hours at his job are cut? What should he consider?</i> (Encourage problem solving, looking for other resources, etc.)</div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2 id=\\\"resources\\\">Additional Resources</h2>\\r\\n            <div>\\r\\n                <ul style=\\\"list-style:url('/img/arrow.png');\\\">\\r\\n                    <li>User Guide: <a href=\\\"http://www.ou.edu/content/dam/Education/documents/miscellaneous/air-self-determination-user-guide.pdf\\\" target=\\\"_blank\\\">AIR Self-Determination Scale User Guide (PDF)</a></li>\\r\\n                    <li>Form: <a href=\\\"http://www.ou.edu/content/dam/Education/documents/miscellaneous/air-self-determination-educator.pdf\\\" target=\\\"_blank\\\">AIR Self-Determination Scale Educator Form (PDF)</a></li>\\r\\n                    <li>Form: <a href=\\\"http://www.ou.edu/content/dam/Education/zarrow/air-self-determination-scale-parent-form-r.pdf\\\" target=\\\"_blank\\\">AIR Self-Determination Scale Parent Form (PDF)</a></li>\\r\\n                    <li>The AIR Self-Determination Scale is also available in Spanish and French. Click to view and download the\\r\\n                        <a href=\\\"/img/unit-1/lesson-5/T-Folio_Unit-1_Lesson-5_AIR-Student-Form-Spanish.pdf\\\" target=\\\"_blank\\\">AIR Student Form Spanish (PDF)</a>, the\\r\\n                        <a href=\\\"/img/unit-1/lesson-5/T-Folio_Unit-1_Lesson-5_AIR-Parent-Form-Spanish.pdf\\\" target=\\\"_blank\\\">AIR Parent Form Spanish (PDF)</a>, the\\r\\n                        <a href=\\\"/img/unit-1/lesson-5/T-Folio_Unit-1_Lesson-5_AIR-Educator-Form-Spanish.pdf\\\" target=\\\"_blank\\\">AIR Educator Form Spanish (PDF)</a>, and the\\r\\n                        <a href=\\\"/img/unit-1/lesson-5/T-Folio_Unit-1_Lesson-5_AIR-Self-Determination-Scale-French-All-forms.pdf\\\" target=\\\"_blank\\\">AIR Self-Determination Scale in French (all forms - PDF)</a>.</li>\\r\\n                    <li>Article: Bremer, C., Kachgal, M., & Schoeller, K. (2003) <a href=\\\"https://eric.ed.gov/?id=ED478553\\\" target=\\\"_blank\\\">Self-Determination: Supporting Successful Transition</a>. NCSET.</li>\\r\\n                    <li>Teaching strategies and additional resources:\\r\\n                    <a href=\\\"http://www.selfdetermination.dept.ku.edu/wp-content/uploads/2016/03/SDI-Student-Report-Guide_small.Final_.pdf\\\" target=\\\"_blank\\\">Self-Determination Inventory: Self-Report (SDI:SR) Student Report Guide (PDF)</a>\\r\\n                    </li>\\r\\n                    <li>\\r\\n                        Shogren, K. A., Wehmeyer, M. L., Burke, K. M., & Palmer, S. B. (2017).\\r\\n                        <a href=\\\"http://www.selfdetermination.dept.ku.edu/wp-content/uploads/2017/04/SDLMI-Teachers-Guide_4-2017.pdf\\\" target=\\\"_blank\\\">The Self-Determined Learning Model of Instruction: Teacher's Guide (PDF)</a>,\\r\\n                        Lawrence, KS: Kansas University Center on Developmental Disabilities.\\r\\n                    </li>\\r\\n                </ul>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Considerations for Accommodation</h2>\\r\\n            <ul>\\r\\n                <li>Consider defining Goal and Plan as outlined in the <a href=\\\"http://www.ou.edu/content/dam/Education/documents/miscellaneous/air-self-determination-user-guide.pdf\\\" target=\\\"_blank\\\">AIR User Guide (PDF)</a></li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Up Next</h2>\\r\\n            <div>In the next lesson, students will learn about “Work Maturity Skills” (or soft skills) and will reflect on their own skills as well as identify those skills they enjoy or would like to learn.</div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-1/lesson-5/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from '@angular/platform-browser';\r\n\r\n@Component({\r\n    selector: 'unit-one-lesson-five-guide',\r\n    templateUrl: './_guide.component.html',\r\n    styleUrls: ['./_guide.component.css']\r\n})\r\nexport class UnitOneLessonFiveGuideComponent {\r\n\r\n    pageTitle: string = \"Lesson Guide | Unit 1, Lesson 5 | T-Folio\";\r\n    title: string = \"Lesson Guide\";\r\n    subtitle: string = \"Lesson 5: Self-Determination\";\r\n\r\n    doPrint(): void {\r\n        window.print();\r\n    }\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n}\r\n","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: 'unit-one-lesson-five-landing',\r\n    templateUrl: '../../_shared/landing-pages/landing-page.component.html',\r\n    styleUrls: ['../../_shared/landing-pages/landing-page.component.css']\r\n})\r\n\r\nexport class UnitOneLessonFiveLandingComponent {\r\n    title = \"Lesson 5: Self-Determination\";\r\n    pageTitle = \"Self-Determination | Unit 1, Lesson 5 | T-Folio\";\r\n    bannerHeader = \"Job Exploration Groundwork: Lesson 5\";\r\n\r\n    openInNewWindow(url: string) {\r\n        window.open(url, '_blank');\r\n    }\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n\r\n    LandingPageData = {\r\n        breadcrumbs: {\r\n            label: \"Lesson 5\",\r\n            crumbs: [\r\n                {\r\n                    route: \"\",\r\n                    linktext: \"T-Folio\"\r\n                },\r\n                {\r\n                    route: \"/unit-1\",\r\n                    linktext: \"Unit 1\"\r\n                }\r\n            ]\r\n        },\r\n        summary: \"In this lesson, students will complete the AIR Self-Determination Scale assessment in order to gain better insight into their own level of self-determination both at school and at home.\",\r\n        objectives: [\r\n            \"Gain an increased awareness of the capacities and  opportunities that are available to them.\",\r\n            \"Demonstrate and/or practice those skills, by setting and achieving goals both at school and at home.\",\r\n            \"Make a plan for exploring and expanding opportunities.\",\r\n            \"Begin the goal-setting process based on assessment information.\",\r\n        ],\r\n        buttons: [\r\n            {\r\n                route: \"/unit-1/lesson-5/guide\",\r\n                linktext: \"Lesson Guide\",\r\n                color: \"btn-success\",\r\n            },\r\n            {\r\n                route: \"/unit-1/lesson-5/self-determination-scale\",\r\n                linktext: \"AIR Self-Determination Scale\",\r\n                color: \"btn-primary\",\r\n            },\r\n            {\r\n                route: \"/img/unit-1/lesson-5/T-Folio_Unit-1_Lesson-5_Self-Determination.pptx\",\r\n                linktext: \"PowerPoint Presentation\",\r\n                color: \"powerpoint-button\",\r\n                window: true,\r\n            }\r\n        ],\r\n        image: \"/img/unit-1/LESSON 5_zachary-nelson-192289.jpg\",\r\n        imgalt: \"Three young people are jumping in the air with big smiles on their faces. They are on a sidewalk that has mounds of snow on either side, next to a three way intersection.\",\r\n        caption: \"by Zachary Nelson on\",\r\n        photoLink: \"https://unsplash.com/photos/98Elr-LIvD8\",\r\n        source: \"Unsplash\",\r\n        sourceLink: \"https://unsplash.com/\",\r\n        licence: \"Open license\",\r\n        licenceLink: \"https://unsplash.com/license\",\r\n    }\r\n}\r\n","module.exports = \"thead tr th {\\r\\n    font-size: small;\\r\\n    text-align:center;\\r\\n    font-weight:normal;\\r\\n}\\r\\n\\r\\ntd {\\r\\n    text-align:center;\\r\\n}\"","module.exports = \"<table width=\\\"40\\\">\\r\\n    <thead>\\r\\n        <tr>\\r\\n            <th height=\\\"75\\\" style=\\\"min-height:75px;font-size:x-small;\\\">{{label}}<br/>{{range}}</th>\\r\\n        </tr>\\r\\n    </thead>    \\r\\n    <tbody>\\r\\n        <tr>\\r\\n            <td width=\\\"40\\\" height=\\\"25\\\"><img *ngIf=\\\"val >= 10\\\" src=\\\"/img/unit-1/lesson-5/1x1black.png\\\" width=\\\"25\\\" height=\\\"25\\\" /></td>\\r\\n        </tr>\\r\\n        <tr>\\r\\n            <td width=\\\"40\\\" height=\\\"25\\\"><img *ngIf=\\\"val >= 9\\\" src=\\\"/img/unit-1/lesson-5/1x1black.png\\\" width=\\\"25\\\" height=\\\"25\\\" /></td>\\r\\n        </tr>\\r\\n        <tr>\\r\\n            <td width=\\\"40\\\" height=\\\"25\\\"><img *ngIf=\\\"val >= 8\\\" src=\\\"/img/unit-1/lesson-5/1x1black.png\\\" width=\\\"25\\\" height=\\\"25\\\" /></td>\\r\\n        </tr>\\r\\n        <tr>\\r\\n            <td width=\\\"40\\\" height=\\\"25\\\"><img *ngIf=\\\"val >= 7\\\" src=\\\"/img/unit-1/lesson-5/1x1black.png\\\" width=\\\"25\\\" height=\\\"25\\\" /></td>\\r\\n        </tr>\\r\\n        <tr>\\r\\n            <td width=\\\"40\\\" height=\\\"25\\\"><img *ngIf=\\\"val >= 6\\\" src=\\\"/img/unit-1/lesson-5/1x1black.png\\\" width=\\\"25\\\" height=\\\"25\\\" /></td>\\r\\n        </tr>\\r\\n        <tr>\\r\\n            <td width=\\\"40\\\" height=\\\"25\\\"><img *ngIf=\\\"val >= 5\\\" src=\\\"/img/unit-1/lesson-5/1x1black.png\\\" width=\\\"25\\\" height=\\\"25\\\" /></td>\\r\\n        </tr>\\r\\n        <tr>\\r\\n            <td width=\\\"40\\\" height=\\\"25\\\"><img *ngIf=\\\"val >= 4\\\" src=\\\"/img/unit-1/lesson-5/1x1black.png\\\" width=\\\"25\\\" height=\\\"25\\\" /></td>\\r\\n        </tr>\\r\\n        <tr>\\r\\n            <td width=\\\"40\\\" height=\\\"25\\\"><img *ngIf=\\\"val >= 3\\\" src=\\\"/img/unit-1/lesson-5/1x1black.png\\\" width=\\\"25\\\" height=\\\"25\\\" /></td>\\r\\n        </tr>\\r\\n        <tr>\\r\\n            <td width=\\\"40\\\" height=\\\"25\\\"><img *ngIf=\\\"val >= 2\\\" src=\\\"/img/unit-1/lesson-5/1x1black.png\\\" width=\\\"25\\\" height=\\\"25\\\" /></td>\\r\\n        </tr>\\r\\n        <tr>\\r\\n            <td width=\\\"40\\\" height=\\\"25\\\"><img *ngIf=\\\"val >= 1\\\" src=\\\"/img/unit-1/lesson-5/1x1black.png\\\" width=\\\"25\\\" height=\\\"25\\\" /></td>\\r\\n        </tr>\\r\\n    </tbody>\\r\\n</table>\"","import { Component, Input } from \"@angular/core\";\r\n\r\n@Component({\r\n    selector: 'self-determination-scale-graph-bar',\r\n    templateUrl: './graph-bar.component.html',\r\n    styleUrls: ['./graph-bar.component.css']\r\n})\r\nexport class SelfDeterminationScaleGraphBarComponent {\r\n    @Input() val: number;\r\n    @Input() label: string;\r\n    @Input() range: string;\r\n}","import { Component } from \"@angular/core\";\r\n\r\n@Component({\r\n    selector: 'self-determination-scale-graph-legend',\r\n    template: `\r\n<table cellpadding=\"0\" cellspacing=\"0\">\r\n    <thead>\r\n        <tr>\r\n            <th height=\"75\" style=\"min-height:75px;\"></th>\r\n        </tr>\r\n    </thead>\r\n    <tr>\r\n        <td width=\"25\" height=\"25\">10</td>\r\n    </tr>\r\n    <tr>\r\n        <td width=\"25\" height=\"25\">9</td>\r\n    </tr>\r\n    <tr>\r\n        <td width=\"25\" height=\"25\">8</td>\r\n    </tr>\r\n    <tr>\r\n        <td width=\"25\" height=\"25\">7</td>\r\n    </tr>\r\n    <tr>\r\n        <td width=\"25\" height=\"25\">6</td>\r\n    </tr>\r\n    <tr>\r\n        <td width=\"25\" height=\"25\">5</td>\r\n    </tr>\r\n    <tr>\r\n        <td width=\"25\" height=\"25\">4</td>\r\n    </tr>\r\n    <tr>\r\n        <td width=\"25\" height=\"25\">3</td>\r\n    </tr>\r\n    <tr>\r\n        <td width=\"25\" height=\"25\">2</td>\r\n    </tr>\r\n    <tr>\r\n        <td width=\"25\" height=\"25\">1</td>\r\n    </tr>\r\n</table>\r\n`,\r\n    styles: [`\r\ntd {\r\n    text-align:center;\r\n}\r\n`]\r\n})\r\nexport class SelfDeterminationScaleGraphLegendComponent {\r\n}","module.exports = \"label {\\r\\n    font-size: small;\\r\\n    display: block;\\r\\n    line-height: 18px;\\r\\n}\\r\\n\\r\\n.bordered-cap {\\r\\n    border-left: 1px solid black;\\r\\n    border-top: 1px solid black;\\r\\n    border-right: 1px solid black;\\r\\n}\\r\\n\\r\\n.row-header {\\r\\n    text-align:center;\\r\\n    padding-top: 15px;\\r\\n}\\r\\n\\r\\n.statement {\\r\\n    padding-top:15px;\\r\\n}\\r\\n\\r\\n.labelled-radio-button {\\r\\n    text-align: center;\\r\\n}\"","module.exports = \"<div class=\\\"row bordered-cap\\\">\\r\\n    <div class=\\\"col-md-1 row-header\\\">\\r\\n        <div>{{labelNumber}}.</div>\\r\\n    </div>\\r\\n    <div class=\\\"col-md-6 statement\\\">\\r\\n        <div>{{statement}}</div>\\r\\n    </div>\\r\\n    <div class=\\\"col-md-5\\\">\\r\\n        <div class=\\\"container-fluid\\\">\\r\\n            <div class=\\\"row\\\">\\r\\n                <div class=\\\"col-xs-1\\\"></div>\\r\\n                <div class=\\\"col-xs-2 labelled-radio-button\\\">\\r\\n                    <label for=\\\"{{identifier}}-never\\\">&nbsp;<br />Never</label>\\r\\n                    <input type=\\\"radio\\\" id=\\\"{{identifier}}-never\\\" name=\\\"{{identifier}}\\\" value=\\\"1\\\" (change)=\\\"getVal($event)\\\" />\\r\\n                    <div>1</div>\\r\\n                </div>\\r\\n                <div class=\\\"col-xs-2 labelled-radio-button\\\">\\r\\n                    <label for=\\\"{{identifier}}-almost-never\\\">Almost<br />Never</label>\\r\\n                    <input type=\\\"radio\\\" id=\\\"{{identifier}}-almost-never\\\" name=\\\"{{identifier}}\\\" value=\\\"2\\\" (change)=\\\"getVal($event)\\\" />\\r\\n                    <div>2</div>\\r\\n                </div>\\r\\n                <div class=\\\"col-xs-2 labelled-radio-button\\\">\\r\\n                    <label for=\\\"{{identifier}}-sometimes\\\">Some-<br />times</label>\\r\\n                    <input type=\\\"radio\\\" id=\\\"{{identifier}}-sometimes\\\" name=\\\"{{identifier}}\\\" value=\\\"3\\\" (change)=\\\"getVal($event)\\\" />\\r\\n                    <div>3</div>\\r\\n                </div>\\r\\n                <div class=\\\"col-xs-2 labelled-radio-button\\\">\\r\\n                    <label for=\\\"{{identifier}}-almost-always\\\">Almost<br />Always</label>\\r\\n                    <input type=\\\"radio\\\" id=\\\"{{identifier}}-almost-always\\\" name=\\\"{{identifier}}\\\" value=\\\"4\\\" (change)=\\\"getVal($event)\\\" />\\r\\n                    <div>4</div>\\r\\n                </div>\\r\\n                <div class=\\\"col-xs-2 labelled-radio-button\\\">\\r\\n                    <label for=\\\"{{identifier}}-always\\\">&nbsp;<br />Always</label>\\r\\n                    <input type=\\\"radio\\\" id=\\\"{{identifier}}-always\\\" name=\\\"{{identifier}}\\\" value=\\\"5\\\" (change)=\\\"getVal($event)\\\" />\\r\\n                    <div>5</div>\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"col-xs-1\\\"></div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n</div>\"","import { Component, Input, Output, EventEmitter} from \"@angular/core\";\r\n\r\n@Component({\r\n    selector: 'self-determination-scale-radio-button-group',\r\n    templateUrl: './radio-button-group.component.html',\r\n    styleUrls: ['./radio-button-group.component.css']\r\n})\r\nexport class SelfDeterminationScaleRadioButtonGroupComponent {\r\n\r\n    @Input('label-number') labelNumber: string;\r\n    @Input() statement: string;\r\n    @Input() identifier: string;\r\n    @Input() val: number;\r\n\r\n    @Output() valChange: EventEmitter<number>;\r\n\r\n    constructor() {\r\n        this.valChange = new EventEmitter<number>();\r\n    }\r\n\r\n    getVal(event:any) {\r\n        this.valChange.emit(event.target.value);\r\n    }\r\n}","module.exports = \".borderless {\\r\\n    border: 0px;\\r\\n}\\r\\n\\r\\n.bordered-cap {\\r\\n    border-left: 1px solid black;\\r\\n    border-top: 1px solid black;\\r\\n    border-right: 1px solid black;\\r\\n}\\r\\n\\r\\n.two-item-total {\\r\\n    font-size: xx-large;\\r\\n    font-weight: bold;\\r\\n}\"","module.exports = \"<div class=\\\"row bordered-cap\\\" [ngStyle]=\\\"{'border-bottom': hasBottomBorder ? '1px solid black' : 'none' }\\\">\\r\\n    <div class=\\\"col-md-12\\\">\\r\\n        <table style=\\\"width:75%;height:75px; float:right;\\\">\\r\\n            <tr>\\r\\n                <td class=\\\"borderless\\\" valign=\\\"middle\\\" style=\\\"text-align:right;padding-right:15px;\\\">\\r\\n                    <span>{{legend}}</span>\\r\\n                </td>\\r\\n                <td class=\\\"borderless\\\" valign=\\\"middle\\\" style=\\\"text-align:center;width:75px;\\\">\\r\\n                    <span class=\\\"two-item-total\\\" *ngIf=\\\"subtotal != 0\\\">{{subtotal}}</span>\\r\\n                </td>\\r\\n            </tr>\\r\\n        </table>\\r\\n    </div>\\r\\n</div>\"","import { Component, Input } from \"@angular/core\";\r\n\r\n@Component({\r\n    selector: 'self-determination-scale-radio-button-subtotal',\r\n    templateUrl: './radio-button-subtotal.component.html',\r\n    styleUrls: ['./radio-button-subtotal.component.css']\r\n})\r\nexport class SelfDeterminationScaleRadioButtonSubtotalComponent {\r\n    @Input() legend: string;\r\n    @Input() subtotal: number;\r\n    @Input() hasBottomBorder: boolean = false;\r\n}","module.exports = \".filled {\\r\\n    background-color: black;\\r\\n}\\r\\n\\r\\n.therm-container {\\r\\n    position: relative;\\r\\n    width: 90px;\\r\\n    height: 385px;\\r\\n}\\r\\n\\r\\n.therm-img {\\r\\n    position: absolute;\\r\\n    width: 90px;\\r\\n    height: 385px;\\r\\n    border: 1px solid black;\\r\\n}\\r\\n\\r\\n.therm-filler {\\r\\n    position: absolute;\\r\\n    bottom: 15px;\\r\\n    left: 28px;\\r\\n    width: 22px;\\r\\n}\\r\\n\"","module.exports = \"<div class=\\\"therm-container\\\" style=\\\"margin:auto;\\\">\\r\\n    <img class=\\\"therm-img\\\" alt=\\\"thermometer\\\" src=\\\"/img/unit-1/lesson-5/therm.png\\\" />\\r\\n    <img class=\\\"therm-filler\\\" alt=\\\"thermometer-filler\\\"  [ngStyle]=\\\"{'height': this.thermometerLevel}\\\" src=\\\"/img/unit-1/lesson-5/1x1black.png\\\" />\\r\\n</div>\\r\\n\\r\\n\"","import { Component, Input } from \"@angular/core\";\r\n\r\n@Component({\r\n    selector: 'self-determination-thermometer',\r\n    templateUrl: './thermometer.component.html',\r\n    styleUrls: ['./thermometer.component.css']\r\n})\r\nexport class SelfDeterminationScaleThermometerComponent {\r\n    @Input() thermometerLevel: string = '';\r\n   \r\n}","module.exports = \"label {\\r\\n    font-size: small;\\r\\n    display:block;\\r\\n    line-height:18px;    \\r\\n}\\r\\n\\r\\nthead th {\\r\\n    font-size: small;\\r\\n}\\r\\n\\r\\nth {\\r\\n    text-align:center;\\r\\n    font-size:small;\\r\\n    font-weight:normal;\\r\\n}\\r\\n\\r\\ntd {\\r\\n    font-size: medium;\\r\\n}\\r\\n\\r\\n.narrow-gutter > [class*='col-'] {\\r\\n    padding-right: 5px!important;\\r\\n    padding-left: 5px!important;\\r\\n}\\r\\n\\r\\n.bordered {\\r\\n    border: 1px solid black;\\r\\n}\\r\\n\\r\\n.borderless {\\r\\n    border: 0px;\\r\\n}\\r\\n\\r\\n.bordered-cap {\\r\\n    border-left: 1px solid black;\\r\\n    border-top: 1px solid black;\\r\\n    border-right: 1px solid black;\\r\\n}\\r\\n\\r\\n.centered {\\r\\n    text-align: center;\\r\\n}\\r\\n\\r\\n.padding-5 {\\r\\n    padding-top: 5px;\\r\\n    padding-bottom: 5px;\\r\\n}\\r\\n\\r\\n.citation {\\r\\n    padding-top: 30px;\\r\\n    padding-bottom: 15px;\\r\\n    font-size:small;\\r\\n}\\r\\n\\r\\n.margin-bottom-15 {\\r\\n    margin-bottom: 15px;\\r\\n}\\r\\n\\r\\n.directions {\\r\\n    font-size: medium;\\r\\n}\\r\\n\\r\\n.input[type='radio'] {\\r\\n    line-height:10px;\\r\\n}\\r\\n\\r\\n.row-header {\\r\\n    padding: 0px;\\r\\n    padding-top:15px;\\r\\n    text-align: center;\\r\\n}\\r\\n\\r\\n.statement {\\r\\n    padding-top:15px;\\r\\n}\\r\\n\\r\\n.labelled-radio-button {\\r\\n    text-align: center;\\r\\n}\\r\\n\\r\\n.two-item-total {\\r\\n    font-size: xx-large;\\r\\n    font-weight: bold;\\r\\n}\\r\\n\\r\\ntable.graph-bar-table {\\r\\n    width:100%;\\r\\n}\\r\\n\\r\\ntable.graph-bar-table td {\\r\\n    padding-left: 3px;\\r\\n    padding-right: 3px;\\r\\n}\\r\\n\\r\\n.width-100-percent {\\r\\n    width:100%;\\r\\n}\\r\\n\\r\\n.grand-total {\\r\\n    font-size: xx-large;\\r\\n    font-weight:bold;\\r\\n}\\r\\n\\r\\n.filled {\\r\\n    background-color:black;\\r\\n}\\r\\n\\r\\n.active {\\r\\n    color: #2C3E50;\\r\\n}\\r\\n\\r\\n.editor {\\r\\n    border: 1px solid gray;\\r\\n    min-height: 75px;\\r\\n    width: 100%;\\r\\n    margin-top: 5px;\\r\\n    text-align: left;\\r\\n    font-weight:bold;\\r\\n}\\r\\n\\r\\n@media print {\\r\\n    .editor{\\r\\n        border: none;\\r\\n    }\\r\\n}\"","module.exports = \"<div class=\\\"container exercise-content\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-1']\\\">Unit 1</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-1/lesson-5']\\\">Lesson 5</a></li>\\r\\n                <li class=\\\"active\\\">{{title}}</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-1/\\\">Unit 1</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-1/lesson-5/\\\">Lesson 5</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-1/lesson-5/self-determination-scale/\\\">{{title}}</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-1/lesson-5/self determination scale'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container-fluid\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <h1>{{title}}</h1>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container-fluid\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\"><h2 style=\\\"text-align:center;padding-bottom:15px;\\\">STUDENT FORM</h2></div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container-fluid padding-5\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-2\\\">Student's Name</div>\\r\\n            <div class=\\\"col-md-4\\\"><input type=\\\"text\\\" /></div>\\r\\n            <div class=\\\"col-md-2\\\">Date</div>\\r\\n            <div class=\\\"col-md-2\\\"><input type=\\\"text\\\" /></div>\\r\\n            <div class=\\\"col-md-2\\\"></div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container-fluid padding-5\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-2\\\">School Name</div>\\r\\n            <div class=\\\"col-md-4\\\"><input type=\\\"text\\\" /></div>\\r\\n            <div class=\\\"col-md-2\\\">Your Grade</div>\\r\\n            <div class=\\\"col-md-2\\\"><input type=\\\"text\\\" /></div>\\r\\n            <div class=\\\"col-md-2\\\"></div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container-fluid padding-5\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-2\\\">Your Date of Birth</div>\\r\\n            <div class=\\\"col-md-2\\\" style=\\\"text-align:center;\\\"><input type=\\\"text\\\" /><br />(MM/DD/YYYY)</div>\\r\\n            <div class=\\\"col-md-8\\\"></div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container-fluid\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <h2>HOW TO FILL OUT THIS FORM</h2>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\" style=\\\"padding-top:15px;padding-bottom:15px;\\\">\\r\\n                Please answer these questions about how you go about getting what you want or need.\\r\\n                This may occur at school, or after school, or it could be related to your friends, your family, or a job or hobby you have.\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container-fluid\\\">\\r\\n        <div class=\\\"row margin-bottom-15\\\">\\r\\n            <div class=\\\"col-md-2\\\">\\r\\n                <b id=\\\"not-a-test-label\\\">This is not a Test</b>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-10\\\" aria-labelledby=\\\"not-a-test-label\\\">\\r\\n                There are no right or wrong answers. The questions will help you learn about what you do well and where you may need help.\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row margin-bottom-15\\\">\\r\\n            <div class=\\\"col-md-2\\\">\\r\\n                <b id=\\\"goal-label\\\">Goal</b>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-10\\\" aria-labelledby=\\\"goal-label\\\">\\r\\n                You may not be sure of what some of the words in the questions mean.\\r\\n                For example, the word <b>goal</b> is used a lot.\\r\\n                A <b>goal is something you want to get or achieve</b>, either now or next week or in the distant future, like when you are an adult.\\r\\n                You can have many different kinds of goals.\\r\\n                You could have a goal that has to do with school (like getting a good grade on a test or graduating from high school).\\r\\n                You could have a goal of saving money to buy something (a new IPod<sup>&reg;</sup> or new speakers), or doing better in sports (getting on the basketball team).\\r\\n                Everyone’s goals are different because everyone has different wants, needs, or things they are good at.\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row margin-bottom-15\\\">\\r\\n            <div class=\\\"col-md-2\\\">\\r\\n                <b id=\\\"plan-label\\\">Plan</b>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-10\\\" aria-labelledby=\\\"plan-label\\\">\\r\\n                Another word that is used in some of the questions is <b>plan</b>.\\r\\n                A <b>plan is the way you decide to meet your goal, or the steps you need to take in order to get what you want or need.</b>\\r\\n                Like goals, you can have many different kinds of plans.\\r\\n                An example of a plan to meet the goal of getting on the basketball team would be: to get better by shooting more baskets at home after school, to play basketball with friends on the weekend, to listen to the coach when the team practices, and to watch the pros play basketball on TV.\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <h2>How to mark your answers</h2>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12 padding-5\\\">\\r\\n                <b>Example Question:</b>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-11 col-md-offset-1\\\">\\r\\n                <div>I check for errors after completing a project.</div>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12 padding-5\\\">\\r\\n                <b>Example Answer:</b>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-11 col-md-offset-1\\\">\\r\\n                <div>\\r\\n                    Mark the answer which tells what you are most like (mark <b>ONLY ONE</b> answer):\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row padding-5\\\">\\r\\n            <div class=\\\"col-md-1 col-md-offset-1 col-sm-offset-1 col-sm-1 col-xs-offset-1 col-xs-1\\\">1</div>\\r\\n            <div class=\\\"col-md-3 col-sm-2 col-xs-3\\\"><b>Never</b></div>\\r\\n            <div class=\\\"col-md-7 col-sm-6 col-xs-6\\\">Student <b>never</b> checks for errors.</div>\\r\\n        </div>\\r\\n        <div class=\\\"row padding-5\\\">\\r\\n            <div class=\\\"col-md-1 col-md-offset-1 col-sm-offset-1 col-sm-1 col-xs-offset-1 col-xs-1\\\">2</div>\\r\\n            <div class=\\\"col-md-3 col-sm-2 col-xs-3\\\"><b>Almost Never</b></div>\\r\\n            <div class=\\\"col-md-7 col-sm-6 col-xs-6\\\">Student <b>almost never</b> checks for errors.</div>\\r\\n        </div>\\r\\n        <div class=\\\"row padding-5\\\">\\r\\n            <div class=\\\"col-md-1 col-md-offset-1 col-sm-offset-1 col-sm-1 col-xs-offset-1 col-xs-1\\\">3</div>\\r\\n            <div class=\\\"col-md-3 col-sm-2 col-xs-3\\\"><b>Sometimes</b></div>\\r\\n            <div class=\\\"col-md-7 col-sm-6 col-xs-6\\\">Student <b>sometimes</b> checks for errors.</div>\\r\\n        </div>\\r\\n        <div class=\\\"row padding-5\\\">\\r\\n            <div class=\\\"col-md-1 col-md-offset-1 col-sm-offset-1 col-sm-1 col-xs-offset-1 col-xs-1\\\">4</div>\\r\\n            <div class=\\\"col-md-3 col-sm-2 col-xs-3\\\"><b>Almost Always</b></div>\\r\\n            <div class=\\\"col-md-7 col-sm-6 col-xs-6\\\">Student <b>almost always</b> checks for errors.</div>\\r\\n        </div>\\r\\n        <div class=\\\"row padding-5\\\">\\r\\n            <div class=\\\"col-md-1 col-md-offset-1 col-sm-offset-1 col-sm-1 col-xs-offset-1 col-xs-1\\\">5</div>\\r\\n            <div class=\\\"col-md-3 col-sm-2 col-xs-3\\\"><b>Always</b></div>\\r\\n            <div class=\\\"col-md-7 col-sm-6 col-xs-6\\\">Student <b>always</b> checks for errors.</div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <h3>Remember:</h3>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-4 bordered\\\">\\r\\n                <b>There are NO right or wrong answers.</b>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-8\\\">\\r\\n                This will not affect your grade. So please think about each question carefully before you mark your answer.\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\" style=\\\"page-break-before:always;\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <h2>Things I Do</h2>\\r\\n            </div>\\r\\n        </div>\\r\\n        <self-determination-scale-radio-button-group identifier=\\\"things-I-do-01\\\"\\r\\n                                                     [(val)]=\\\"this.thingsIDo01\\\"\\r\\n                                                     label-number=\\\"1\\\"\\r\\n                                                     statement=\\\"I know what I need, what I like, and what I'm good at.\\\"></self-determination-scale-radio-button-group>\\r\\n        <self-determination-scale-radio-button-group identifier=\\\"things-I-do-02\\\"\\r\\n                                                     [(val)]=\\\"this.thingsIDo02\\\"\\r\\n                                                     label-number=\\\"2\\\"\\r\\n                                                     statement=\\\"I set goals to get what I want or need. I think about what I am good at when I do this.\\\"></self-determination-scale-radio-button-group>\\r\\n        <self-determination-scale-radio-button-subtotal legend=\\\"Things to Do &mdash; Total Items 1 + 2:\\\"\\r\\n                                                        subtotal=\\\"{{this.thingsIDoOneAndTwoTotal}}\\\"></self-determination-scale-radio-button-subtotal>\\r\\n        <self-determination-scale-radio-button-group identifier=\\\"things-I-do-03\\\"\\r\\n                                                     [(val)]=\\\"this.thingsIDo03\\\"\\r\\n                                                     label-number=\\\"3\\\"\\r\\n                                                     statement=\\\"I figure out how to meet my goals. I make plans and decide what I should do.\\\"></self-determination-scale-radio-button-group>\\r\\n        <self-determination-scale-radio-button-group identifier=\\\"things-I-do-04\\\"\\r\\n                                                     [(val)]=\\\"this.thingsIDo04\\\"\\r\\n                                                     label-number=\\\"4\\\"\\r\\n                                                     statement=\\\"I begin working on my plans to meet my goals as soon as possible.\\\"></self-determination-scale-radio-button-group>\\r\\n        <self-determination-scale-radio-button-subtotal legend=\\\"Things to Do &mdash; Total Items 3 + 4:\\\"\\r\\n                                                        subtotal=\\\"{{this.thingsIDoThreeAndFourTotal}}\\\"></self-determination-scale-radio-button-subtotal>\\r\\n        <self-determination-scale-radio-button-group identifier=\\\"things-I-do-05\\\"\\r\\n                                                     [(val)]=\\\"this.thingsIDo05\\\"\\r\\n                                                     label-number=\\\"5\\\"\\r\\n                                                     statement=\\\"I check how I'm doing when I'm working on my plan. If I need to, I ask others what they think of how I'm doing.\\\"></self-determination-scale-radio-button-group>\\r\\n        <self-determination-scale-radio-button-group identifier=\\\"things-I-do-06\\\"\\r\\n                                                     [(val)]=\\\"this.thingsIDo06\\\"\\r\\n                                                     label-number=\\\"6\\\"\\r\\n                                                     statement=\\\"If my plan doesn't work, I try another one to meet my goals.\\\"></self-determination-scale-radio-button-group>\\r\\n        <self-determination-scale-radio-button-subtotal legend=\\\"Things to Do &mdash; Total Items 5 + 6:\\\"\\r\\n                                                        subtotal=\\\"{{this.thingsIDoFiveAndSixTotal}}\\\"\\r\\n                                                        hasBottomBorder=\\\"true\\\"></self-determination-scale-radio-button-subtotal>\\r\\n\\r\\n        <div class=\\\"row\\\" style=\\\"page-break-before:always;\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <h2>How I Feel</h2>\\r\\n            </div>\\r\\n        </div>\\r\\n        <self-determination-scale-radio-button-group identifier=\\\"how-i-feel-01\\\"\\r\\n                                                     [(val)]=\\\"this.howIFeel01\\\"\\r\\n                                                     label-number=\\\"1\\\"\\r\\n                                                     statement=\\\"I feel good about what I like, what I want, and what I need to do.\\\"></self-determination-scale-radio-button-group>\\r\\n        <self-determination-scale-radio-button-group identifier=\\\"how-i-feel-02\\\"\\r\\n                                                     [(val)]=\\\"this.howIFeel02\\\"\\r\\n                                                     label-number=\\\"2\\\"\\r\\n                                                     statement=\\\"I believe that I can set goals to get what I want.\\\"></self-determination-scale-radio-button-group>\\r\\n        <self-determination-scale-radio-button-subtotal legend=\\\"How I Feel &mdash; Total Items 1 + 2:\\\"\\r\\n                                                        subtotal=\\\"{{this.howIFeelOneAndTwoTotal}}\\\"></self-determination-scale-radio-button-subtotal>\\r\\n        <self-determination-scale-radio-button-group identifier=\\\"how-i-feel-03\\\"\\r\\n                                                     [(val)]=\\\"this.howIFeel03\\\"\\r\\n                                                     label-number=\\\"3\\\"\\r\\n                                                     statement=\\\"I like to make plans to meet my goals.\\\"></self-determination-scale-radio-button-group>\\r\\n        <self-determination-scale-radio-button-group identifier=\\\"how-i-feel-04\\\"\\r\\n                                                     [(val)]=\\\"this.howIFeel04\\\"\\r\\n                                                     label-number=\\\"4\\\"\\r\\n                                                     statement=\\\"I like to begin working on my plans right away.\\\"></self-determination-scale-radio-button-group>\\r\\n        <self-determination-scale-radio-button-subtotal legend=\\\"How I Feel &mdash; Total Items 3 + 4:\\\"\\r\\n                                                        subtotal=\\\"{{this.howIFeelThreeAndFourTotal}}\\\"></self-determination-scale-radio-button-subtotal>\\r\\n        <self-determination-scale-radio-button-group identifier=\\\"how-i-feel-05\\\"\\r\\n                                                     [(val)]=\\\"this.howIFeel05\\\"\\r\\n                                                     label-number=\\\"5\\\"\\r\\n                                                     statement=\\\"I like to check on how well I'm doing in meeting my goals.\\\"></self-determination-scale-radio-button-group>\\r\\n        <self-determination-scale-radio-button-group identifier=\\\"how-i-feel-06\\\"\\r\\n                                                     [(val)]=\\\"this.howIFeel06\\\"\\r\\n                                                     label-number=\\\"6\\\"\\r\\n                                                     statement=\\\"I am willing to try another way if it helps me to meet my goals.\\\"></self-determination-scale-radio-button-group>\\r\\n        <self-determination-scale-radio-button-subtotal legend=\\\"How I Feel &mdash; Total Items 5 + 6:\\\"\\r\\n                                                        subtotal=\\\"{{this.howIFeelFiveAndSixTotal}}\\\"\\r\\n                                                        hasBottomBorder=\\\"true\\\"></self-determination-scale-radio-button-subtotal>\\r\\n\\r\\n        <div class=\\\"row\\\" style=\\\"page-break-before:always;\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <h2>What Happens at School</h2>\\r\\n            </div>\\r\\n        </div>\\r\\n        <self-determination-scale-radio-button-group identifier=\\\"what-happens-at-school-01\\\"\\r\\n                                                     [(val)]=\\\"this.whatHappensAtSchool01\\\"\\r\\n                                                     label-number=\\\"1\\\"\\r\\n                                                     statement=\\\"People at school listen to me when I talk about what I want, what I need, or what I'm good at.\\\"></self-determination-scale-radio-button-group>\\r\\n        <self-determination-scale-radio-button-group identifier=\\\"what-happens-at-school-02\\\"\\r\\n                                                     [(val)]=\\\"this.whatHappensAtSchool02\\\"\\r\\n                                                     label-number=\\\"2\\\"\\r\\n                                                     statement=\\\"People at school let me know that I can set my own goals to get what I want or need.\\\"></self-determination-scale-radio-button-group>\\r\\n        <self-determination-scale-radio-button-subtotal legend=\\\"What Happens at School &mdash; Total Items 1 + 2:\\\"\\r\\n                                                        subtotal=\\\"{{this.whatHappensAtSchoolOneAndTwoTotal}}\\\"></self-determination-scale-radio-button-subtotal>\\r\\n        <self-determination-scale-radio-button-group identifier=\\\"what-happens-at-school-03\\\"\\r\\n                                                     [(val)]=\\\"this.whatHappensAtSchool03\\\"\\r\\n                                                     label-number=\\\"3\\\"\\r\\n                                                     statement=\\\"At school, I have learned how to make plans to meet my goals and to feel good about them.\\\"></self-determination-scale-radio-button-group>\\r\\n        <self-determination-scale-radio-button-group identifier=\\\"what-happens-at-school-04\\\"\\r\\n                                                     [(val)]=\\\"this.whatHappensAtSchool04\\\"\\r\\n                                                     label-number=\\\"4\\\"\\r\\n                                                     statement=\\\"People at school encourage me to start working on my plans right away.\\\"></self-determination-scale-radio-button-group>\\r\\n        <self-determination-scale-radio-button-subtotal legend=\\\"What Happens at School &mdash; Total Items 3 + 4:\\\"\\r\\n                                                        subtotal=\\\"{{this.whatHappensAtSchoolThreeAndFourTotal}}\\\"></self-determination-scale-radio-button-subtotal>\\r\\n        <self-determination-scale-radio-button-group identifier=\\\"what-happens-at-school-05\\\"\\r\\n                                                     [(val)]=\\\"this.whatHappensAtSchool05\\\"\\r\\n                                                     label-number=\\\"5\\\"\\r\\n                                                     statement=\\\"I have someone at school who can tell me if I am meeting my goals.\\\"></self-determination-scale-radio-button-group>\\r\\n        <self-determination-scale-radio-button-group identifier=\\\"what-happens-at-school-06\\\"\\r\\n                                                     [(val)]=\\\"this.whatHappensAtSchool06\\\"\\r\\n                                                     label-number=\\\"6\\\"\\r\\n                                                     statement=\\\"People at school understand when I have to change my plan to meet my goals. They offer advice and encourage me when I'm doing this.\\\"></self-determination-scale-radio-button-group>\\r\\n        <self-determination-scale-radio-button-subtotal legend=\\\"What Happens at School &mdash; Total Items 5 + 6:\\\"\\r\\n                                                        subtotal=\\\"{{this.whatHappensAtSchoolFiveAndSixTotal}}\\\"\\r\\n                                                        hasBottomBorder=\\\"true\\\"></self-determination-scale-radio-button-subtotal>\\r\\n\\r\\n        <div class=\\\"row\\\" style=\\\"page-break-before:always;\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <h2>What Happens at Home</h2>\\r\\n            </div>\\r\\n        </div>\\r\\n        <self-determination-scale-radio-button-group identifier=\\\"what-happens-at-home-01\\\"\\r\\n                                                     [(val)]=\\\"this.whatHappensAtHome01\\\"\\r\\n                                                     label-number=\\\"1\\\"\\r\\n                                                     statement=\\\"People at home listen to me when I talk about what I want, what I need, or what I'm good at.\\\"></self-determination-scale-radio-button-group>\\r\\n        <self-determination-scale-radio-button-group identifier=\\\"what-happens-at-home-02\\\"\\r\\n                                                     [(val)]=\\\"this.whatHappensAtHome02\\\"\\r\\n                                                     label-number=\\\"2\\\"\\r\\n                                                     statement=\\\"People at home let me know that I can set my own goals to get what I want or need.\\\"></self-determination-scale-radio-button-group>\\r\\n        <self-determination-scale-radio-button-subtotal legend=\\\"What Happens at Home &mdash; Total Items 1 + 2:\\\"\\r\\n                                                        subtotal=\\\"{{this.whatHappensAtHomeOneAndTwoTotal}}\\\"></self-determination-scale-radio-button-subtotal>\\r\\n        <self-determination-scale-radio-button-group identifier=\\\"what-happens-at-home-03\\\"\\r\\n                                                     [(val)]=\\\"this.whatHappensAtHome03\\\"\\r\\n                                                     label-number=\\\"3\\\"\\r\\n                                                     statement=\\\"At home, I have learned how to make plans to meet my goals and to feel good about them.\\\"></self-determination-scale-radio-button-group>\\r\\n        <self-determination-scale-radio-button-group identifier=\\\"what-happens-at-home-04\\\"\\r\\n                                                     [(val)]=\\\"this.whatHappensAtHome04\\\"\\r\\n                                                     label-number=\\\"4\\\"\\r\\n                                                     statement=\\\"People at home encourage me to start working on my plans right away.\\\"></self-determination-scale-radio-button-group>\\r\\n        <self-determination-scale-radio-button-subtotal legend=\\\"What Happens at Home &mdash; Total Items 3 + 4:\\\"\\r\\n                                                        subtotal=\\\"{{this.whatHappensAtHomeThreeAndFourTotal}}\\\"></self-determination-scale-radio-button-subtotal>\\r\\n        <self-determination-scale-radio-button-group identifier=\\\"what-happens-at-home-05\\\"\\r\\n                                                     [(val)]=\\\"this.whatHappensAtHome05\\\"\\r\\n                                                     label-number=\\\"5\\\"\\r\\n                                                     statement=\\\"I have someone at home who can tell me if I am meeting my goals.\\\"></self-determination-scale-radio-button-group>\\r\\n        <self-determination-scale-radio-button-group identifier=\\\"what-happens-at-home-06\\\"\\r\\n                                                     [(val)]=\\\"this.whatHappensAtHome06\\\"\\r\\n                                                     label-number=\\\"6\\\"\\r\\n                                                     statement=\\\"People at home understand when I have to change my plan to meet my goals. They offer advice and encourage me when I'm doing this.\\\"></self-determination-scale-radio-button-group>\\r\\n        <self-determination-scale-radio-button-subtotal legend=\\\"What Happens at Home &mdash; Total Items 5 + 6:\\\"\\r\\n                                                        subtotal=\\\"{{this.whatHappensAtHomeFiveAndSixTotal}}\\\"\\r\\n                                                        hasBottomBorder=\\\"true\\\"></self-determination-scale-radio-button-subtotal>\\r\\n\\r\\n        <div class=\\\"row\\\" style=\\\"page-break-before:always;\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <h2>Please Write Your Answers to the Following Questions</h2>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <label for=\\\"goal-example\\\" style=\\\"font-size:medium\\\">Give an example of a goal you are working on.</label>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <div contenteditable=\\\"true\\\" class=\\\"editor\\\"><b></b></div>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <label for=\\\"goal-action\\\" style=\\\"font-size:medium\\\">What are you doing to reach this goal?</label>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <div contenteditable=\\\"true\\\" class=\\\"editor\\\"><b></b></div>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <label for=\\\"goal-progress\\\" style=\\\"font-size:medium\\\">How well are you doing in reaching this goal?</label>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <div contenteditable=\\\"true\\\" class=\\\"editor\\\"><b></b></div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"row\\\" style=\\\"page-break-before:always;\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Scoring</h2>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-5 bordered\\\" style=\\\"padding-left:3px;padding-right:3px;\\\">\\r\\n            <div class=\\\"container-fluid\\\">\\r\\n                <div class=\\\"row\\\">\\r\\n                    <div class=\\\"col-md-6 centered narrow-gutter\\\">\\r\\n                        <div class=\\\"container-fluid\\\">\\r\\n                            <div class=\\\"row\\\">\\r\\n                                <div class=\\\"col-xs-3 narrow-gutter\\\">\\r\\n                                    <self-determination-scale-graph-legend></self-determination-scale-graph-legend>\\r\\n                                </div>\\r\\n                                <div class=\\\"col-xs-3 narrow-gutter\\\">\\r\\n                                    <self-determination-scale-graph-bar [val]=\\\"this.thingsIDoOneAndTwoTotal\\\"\\r\\n                                                                        label=\\\"Think\\\"\\r\\n                                                                        range=\\\"1-2\\\"></self-determination-scale-graph-bar>\\r\\n                                </div>\\r\\n                                <div class=\\\"col-xs-3 narrow-gutter\\\">\\r\\n                                    <self-determination-scale-graph-bar [val]=\\\"this.thingsIDoThreeAndFourTotal\\\"\\r\\n                                                                        label=\\\"Do\\\"\\r\\n                                                                        range=\\\"3-4\\\"></self-determination-scale-graph-bar>\\r\\n                                </div>\\r\\n                                <div class=\\\"col-xs-3 narrow-gutter\\\">\\r\\n                                    <self-determination-scale-graph-bar [val]=\\\"this.thingsIDoFiveAndSixTotal\\\"\\r\\n                                                                        label=\\\"Adjust\\\"\\r\\n                                                                        range=\\\"5-6\\\"></self-determination-scale-graph-bar>\\r\\n                                </div>\\r\\n                            </div>\\r\\n                            <div class=\\\"row\\\">\\r\\n                                <div class=\\\"col-md-12 centered\\\" style=\\\"font-size:small;\\\"><br />Things I Do</div>\\r\\n                            </div>\\r\\n                            <div class=\\\"row\\\">\\r\\n                                <div class=\\\"col-md-12 grand-total centered\\\">{{(this.thingsIDoTotal)}}</div>\\r\\n                            </div>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"col-md-6 centered narrow-gutter\\\">\\r\\n                        <div class=\\\"container-fluid\\\">\\r\\n                            <div class=\\\"row\\\">\\r\\n                                <div class=\\\"col-xs-3 narrow-gutter\\\">\\r\\n                                    <self-determination-scale-graph-legend></self-determination-scale-graph-legend>\\r\\n                                </div>\\r\\n                                <div class=\\\"col-xs-3 narrow-gutter\\\">\\r\\n                                    <self-determination-scale-graph-bar [val]=\\\"this.howIFeelOneAndTwoTotal\\\"\\r\\n                                                                        label=\\\"Think\\\"\\r\\n                                                                        range=\\\"1-2\\\"></self-determination-scale-graph-bar>\\r\\n                                </div>\\r\\n                                <div class=\\\"col-xs-3 narrow-gutter\\\">\\r\\n                                    <self-determination-scale-graph-bar [val]=\\\"this.howIFeelThreeAndFourTotal\\\"\\r\\n                                                                        label=\\\"Do\\\"\\r\\n                                                                        range=\\\"3-4\\\"></self-determination-scale-graph-bar>\\r\\n                                </div>\\r\\n                                <div class=\\\"col-xs-3 narrow-gutter\\\">\\r\\n                                    <self-determination-scale-graph-bar [val]=\\\"this.howIFeelFiveAndSixTotal\\\"\\r\\n                                                                        label=\\\"Adjust\\\"\\r\\n                                                                        range=\\\"5-6\\\"></self-determination-scale-graph-bar>\\r\\n                                </div>\\r\\n                            </div>\\r\\n                            <div class=\\\"row\\\">\\r\\n                                <div class=\\\"col-md-12 centered\\\" style=\\\"font-size:small;\\\"><br />How I Feel</div>\\r\\n                            </div>\\r\\n                            <div class=\\\"row\\\">\\r\\n                                <div class=\\\"col-md-12 grand-total centered\\\">{{(this.howIFeelTotal)}}</div>\\r\\n                            </div>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                </div>\\r\\n                <div class=\\\"row\\\">\\r\\n                    <div class=\\\"col-md-12\\\">\\r\\n                        <div class=\\\"grand-total centered\\\">{{(this.capacityScore)}}</div>\\r\\n                    </div>\\r\\n                </div>\\r\\n                <div>\\r\\n                    <div class=\\\"col-md-12\\\">\\r\\n                        <div class=\\\"centered\\\" style=\\\"font-size:small;\\\">Capacity</div>\\r\\n                    </div>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-5 bordered\\\" style=\\\"padding-left:3px;padding-right:3px\\\">\\r\\n            <div class=\\\"container-fluid\\\">\\r\\n                <div class=\\\"row\\\">\\r\\n                    <div class=\\\"col-md-6 centered narrow-gutter\\\">\\r\\n                        <div class=\\\"container-fluid\\\">\\r\\n                            <div class=\\\"row\\\">\\r\\n                                <div class=\\\"col-xs-3 narrow-gutter\\\">\\r\\n                                    <self-determination-scale-graph-legend></self-determination-scale-graph-legend>\\r\\n                                </div>\\r\\n                                <div class=\\\"col-xs-3 narrow-gutter\\\">\\r\\n                                    <self-determination-scale-graph-bar [val]=\\\"this.whatHappensAtSchoolOneAndTwoTotal\\\"\\r\\n                                                                        label=\\\"Think\\\"\\r\\n                                                                        range=\\\"1-2\\\"></self-determination-scale-graph-bar>\\r\\n                                </div>\\r\\n                                <div class=\\\"col-xs-3 narrow-gutter\\\">\\r\\n                                    <self-determination-scale-graph-bar [val]=\\\"this.whatHappensAtSchoolThreeAndFourTotal\\\"\\r\\n                                                                        label=\\\"Do\\\"\\r\\n                                                                        range=\\\"3-4\\\"></self-determination-scale-graph-bar>\\r\\n                                </div>\\r\\n                                <div class=\\\"col-xs-3 narrow-gutter\\\">\\r\\n                                    <self-determination-scale-graph-bar [val]=\\\"this.whatHappensAtSchoolFiveAndSixTotal\\\"\\r\\n                                                                        label=\\\"Adjust\\\"\\r\\n                                                                        range=\\\"5-6\\\"></self-determination-scale-graph-bar>\\r\\n                                </div>\\r\\n                            </div>\\r\\n                            <div class=\\\"row\\\">\\r\\n                                <div class=\\\"col-md-12 centered\\\" style=\\\"font-size:small;\\\">What Happens<br /> at School</div>\\r\\n                            </div>\\r\\n                            <div class=\\\"row\\\">\\r\\n                                <div class=\\\"col-md-12 grand-total centered\\\">{{(this.whatHappensAtSchoolTotal)}}</div>\\r\\n                            </div>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"col-md-6 centered narrow-gutter\\\">\\r\\n                        <div class=\\\"container-fluid\\\">\\r\\n                            <div class=\\\"row\\\">\\r\\n                                <div class=\\\"col-xs-3 narrow-gutter\\\">\\r\\n                                    <self-determination-scale-graph-legend></self-determination-scale-graph-legend>\\r\\n                                </div>\\r\\n                                <div class=\\\"col-xs-3 narrow-gutter\\\">\\r\\n                                    <self-determination-scale-graph-bar [val]=\\\"this.whatHappensAtHomeOneAndTwoTotal\\\"\\r\\n                                                                        label=\\\"Think\\\"\\r\\n                                                                        range=\\\"1-2\\\"></self-determination-scale-graph-bar>\\r\\n                                </div>\\r\\n                                <div class=\\\"col-xs-3 narrow-gutter\\\">\\r\\n                                    <self-determination-scale-graph-bar [val]=\\\"this.whatHappensAtHomeThreeAndFourTotal\\\"\\r\\n                                                                        label=\\\"Do\\\"\\r\\n                                                                        range=\\\"3-4\\\"></self-determination-scale-graph-bar>\\r\\n                                </div>\\r\\n                                <div class=\\\"col-xs-3 narrow-gutter\\\">\\r\\n                                    <self-determination-scale-graph-bar [val]=\\\"this.whatHappensAtHomeFiveAndSixTotal\\\"\\r\\n                                                                        label=\\\"Adjust\\\"\\r\\n                                                                        range=\\\"5-6\\\"></self-determination-scale-graph-bar>\\r\\n                                </div>\\r\\n                            </div>\\r\\n                            <div class=\\\"row\\\">\\r\\n                                <div class=\\\"col-md-12 centered\\\" style=\\\"font-size:small;\\\">What Happens<br /> at Home</div>\\r\\n                            </div>\\r\\n                            <div class=\\\"row\\\">\\r\\n                                <div class=\\\"col-md-12 grand-total centered\\\">{{(this.whatHappensAtHomeTotal)}}</div>\\r\\n                            </div>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                </div>\\r\\n                <div class=\\\"row\\\">\\r\\n                    <div class=\\\"col-md-12\\\">\\r\\n                        <div class=\\\"grand-total centered\\\">{{(this.opportunityScore)}}</div>\\r\\n                    </div>\\r\\n                </div>\\r\\n                <div>\\r\\n                    <div class=\\\"col-md-12\\\">\\r\\n                        <div class=\\\"centered\\\" style=\\\"font-size:small;\\\">Opportunity</div>\\r\\n                    </div>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2\\\" style=\\\"padding-left:5px;padding-right:5px;\\\">\\r\\n            <div class=\\\"container-fluid\\\">\\r\\n                <div class=\\\"col-md-12\\\">\\r\\n                    <self-determination-thermometer thermometerLevel=\\\"{{this.thermHeightPercentage}}\\\"></self-determination-thermometer>\\r\\n                </div>\\r\\n                <div class=\\\"col-md-12\\\">\\r\\n                    <div class=\\\"grand-total centered\\\">{{this.selfDeterminationScore}}</div>\\r\\n                </div>\\r\\n                <div class=\\\"col-md-12\\\">\\r\\n                    <div class=\\\"centered\\\" style=\\\"font-size:small;\\\">Level of Self-Determination</div>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-12 citation\\\">\\r\\n            The AIR Self-Determination Scale was developed by the American Institutes for Research (AIR), in collaboration with Teachers College, Columbia University, with funding from the U.S. Department of Education, Office of Special Education Programs (OSEP), under Cooperative Agreement HO23J200005.\\r\\n            Used with permission.\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-1/lesson-5/self determination scale'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from '@angular/platform-browser';\r\n\r\n@Component({\r\n    selector: 'self-determination-scale',\r\n    templateUrl: './self-determination-scale.component.html',\r\n    styleUrls: ['./self-determination-scale.component.css']\r\n})\r\nexport class UnitOneLessonFiveSelfDeterminationScaleComponent {\r\n\r\n    title: string = \"AIR Self-Determination Scale\";\r\n    pageTitle:string = this.title + \" | Unit 1, Lesson 5 | T-Folio\";\r\n\r\n    thingsIDo01: number = 0;\r\n    thingsIDo02: number = 0;\r\n    thingsIDo03: number = 0;\r\n    thingsIDo04: number = 0;\r\n    thingsIDo05: number = 0;\r\n    thingsIDo06: number = 0;\r\n\r\n    howIFeel01: number = 0;\r\n    howIFeel02: number = 0;\r\n    howIFeel03: number = 0;\r\n    howIFeel04: number = 0;\r\n    howIFeel05: number = 0;\r\n    howIFeel06: number = 0;\r\n\r\n    whatHappensAtSchool01: number = 0;\r\n    whatHappensAtSchool02: number = 0;\r\n    whatHappensAtSchool03: number = 0;\r\n    whatHappensAtSchool04: number = 0;\r\n    whatHappensAtSchool05: number = 0;\r\n    whatHappensAtSchool06: number = 0;\r\n\r\n    whatHappensAtHome01: number = 0;\r\n    whatHappensAtHome02: number = 0;\r\n    whatHappensAtHome03: number = 0;\r\n    whatHappensAtHome04: number = 0;\r\n    whatHappensAtHome05: number = 0;\r\n    whatHappensAtHome06: number = 0;\r\n\r\n    maxDeterminationScore: number = 120;\r\n\r\n    constructor(private titleService: Title) {\r\n\r\n        this.titleService.setTitle(this.pageTitle);\r\n\r\n    } \r\n\r\n    public get thingsIDoOneAndTwoTotal() : number {\r\n        return (this.thingsIDo01-0) + (this.thingsIDo02-0);\r\n    }\r\n\r\n    public get thingsIDoThreeAndFourTotal() : number {\r\n        return (this.thingsIDo03-0) + (this.thingsIDo04-0);\r\n    }\r\n\r\n    public get thingsIDoFiveAndSixTotal() : number {\r\n        return (this.thingsIDo05-0) + (this.thingsIDo06-0);\r\n    }\r\n\r\n    public get thingsIDoTotal(): number {\r\n        return this.thingsIDoOneAndTwoTotal + this.thingsIDoThreeAndFourTotal + this.thingsIDoFiveAndSixTotal;\r\n    }\r\n\r\n    public get howIFeelOneAndTwoTotal(): number {\r\n        return (this.howIFeel01 - 0) + (this.howIFeel02 - 0);\r\n    }\r\n\r\n    public get howIFeelThreeAndFourTotal(): number {\r\n        return (this.howIFeel03 - 0) + (this.howIFeel04 - 0);\r\n    }\r\n\r\n    public get howIFeelFiveAndSixTotal(): number {\r\n        return (this.howIFeel05 - 0) + (this.howIFeel06 - 0);\r\n    }\r\n\r\n    public get howIFeelTotal(): number {\r\n        return this.howIFeelOneAndTwoTotal + this.howIFeelThreeAndFourTotal + this.howIFeelFiveAndSixTotal;\r\n    }\r\n\r\n    public get whatHappensAtHomeOneAndTwoTotal(): number {\r\n        return (this.whatHappensAtHome01 - 0) + (this.whatHappensAtHome02 - 0);\r\n    }\r\n\r\n    public get whatHappensAtHomeThreeAndFourTotal(): number {\r\n        return (this.whatHappensAtHome03 - 0) + (this.whatHappensAtHome04 - 0);\r\n    }\r\n\r\n    public get whatHappensAtHomeFiveAndSixTotal(): number {\r\n        return (this.whatHappensAtHome05 - 0) + (this.whatHappensAtHome06 - 0);\r\n    }\r\n\r\n    public get whatHappensAtHomeTotal(): number {\r\n        return this.whatHappensAtHomeOneAndTwoTotal + this.whatHappensAtHomeThreeAndFourTotal + this.whatHappensAtHomeFiveAndSixTotal;\r\n    }\r\n\r\n    public get whatHappensAtSchoolOneAndTwoTotal(): number {\r\n        return (this.whatHappensAtSchool01 - 0) + (this.whatHappensAtSchool02 - 0);\r\n    }\r\n\r\n    public get whatHappensAtSchoolThreeAndFourTotal(): number {\r\n        return (this.whatHappensAtSchool03 - 0) + (this.whatHappensAtSchool04 - 0);\r\n    }\r\n\r\n    public get whatHappensAtSchoolFiveAndSixTotal(): number {\r\n        return (this.whatHappensAtSchool05 - 0) + (this.whatHappensAtSchool06 - 0);\r\n    }\r\n\r\n    public get whatHappensAtSchoolTotal(): number {\r\n        return this.whatHappensAtSchoolOneAndTwoTotal + this.whatHappensAtSchoolThreeAndFourTotal + this.whatHappensAtSchoolFiveAndSixTotal;\r\n    }\r\n\r\n    public get capacityScore(): number {\r\n        return this.thingsIDoTotal + this.howIFeelTotal;\r\n    }\r\n\r\n    public get opportunityScore(): number {\r\n        return this.whatHappensAtSchoolTotal + this.whatHappensAtHomeTotal;\r\n    }\r\n\r\n    public get selfDeterminationScore(): number {\r\n        return this.capacityScore + this.opportunityScore;\r\n    }\r\n\r\n    public get thermHeightPercentage(): string {\r\n\r\n        // height of thermometer within entire containing image\r\n        var thermHeight = 360; \r\n        var imageHeight = 390;\r\n        var thermPercentHeightOfImage = (thermHeight / imageHeight) * 100;\r\n\r\n        return ((this.selfDeterminationScore / this.maxDeterminationScore) * thermPercentHeightOfImage)  + '%';\r\n    }\r\n\r\n    doPrint(): void {\r\n        window.print();\r\n    }\r\n}\r\n","module.exports = \"h1 {\\r\\n    font-size: x-large;\\r\\n    font-weight: bold;\\r\\n    padding: 0px;\\r\\n    text-align: left;\\r\\n    margin-bottom: 0px;\\r\\n    margin-top: 25px;\\r\\n    font-family: Rockwell;\\r\\n    font-size: 30px;\\r\\n}\\r\\n\\r\\nh2 {\\r\\n    font-size: x-large;\\r\\n    font-weight: bold;\\r\\n    margin-top: 25px;\\r\\n    margin-bottom: 5px;\\r\\n}\\r\\n\\r\\nli {\\r\\n    margin-top: 5px;\\r\\n    margin-bottom: 5px;\\r\\n}\\r\\n\\r\\nul li.foo {\\r\\n    list-style: none;\\r\\n}\\r\\n\\r\\nul li.foo:before {\\r\\n    font-size: small;\\r\\n    content: '\\\\25B6'\\r\\n}\\r\\n\\r\\n.moo {\\r\\n    font-family: Wingdings;\\r\\n}\\r\\n\\r\\nbutton {\\r\\n    color: black;\\r\\n    border-radius: 5px;\\r\\n    border: 2px solid black;\\r\\n    background-color: white;\\r\\n    float: right;\\r\\n    font-size: 15px;\\r\\n}\\r\\n\\r\\n.bordered-outer {\\r\\n    border: 1px solid black;\\r\\n}\\r\\n\\r\\n.bordered {\\r\\n    border: 1px solid black;\\r\\n    padding: 15px;\\r\\n}\\r\\n\\r\\n.container.header {\\r\\n    margin-top: 15px;\\r\\n    border-top: solid 1px;\\r\\n    border-bottom: solid 1px;\\r\\n    overflow: hidden;\\r\\n    clear: right;\\r\\n    float: left;\\r\\n    width: 100%;\\r\\n}\\r\\n\\r\\n.subtitle {\\r\\n    font-family: Rockwell;\\r\\n    margin-top: 5px;\\r\\n    margin-bottom: 5px;\\r\\n    float: left;\\r\\n}\\r\\n\\r\\ndiv.row.header {\\r\\n    margin-bottom: 15px;\\r\\n}\\r\\n\\r\\ncontainer.exercise-content.guide {\\r\\n    font-family: Arial;\\r\\n    padding-right: 20px;\\r\\n}\\r\\n\\r\\n.col-md-12.crumbs {\\r\\n    font-size: 11px;\\r\\n}\\r\\n\\r\\ndiv.container.objectives {\\r\\n    margin-top: 50px;\\r\\n}\\r\\n\\r\\ndiv.container.box {\\r\\n    border: 1px solid;\\r\\n    width: 250px;\\r\\n    float: right;\\r\\n}\\r\\n\\r\\ndiv.container.activity {\\r\\n    margin-top: 20px;\\r\\n}\\r\\n\\r\\n.active {\\r\\n    color: #2C3E50;\\r\\n}\"","module.exports = \"<div class=\\\"container exercise-content guide\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-1']\\\">Unit 1</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-1/lesson-6']\\\">Lesson 6</a></li>\\r\\n                <li class=\\\"active\\\">Lesson Guide</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-1/\\\">Unit 1</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-1/lesson-6/\\\">Lesson 6</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-1/lesson-6/guide/\\\">Lesson Guide</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-1/lesson-6/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n        <div class=\\\"col-md-12\\\"><h1>{{title}}</h1></div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-9\\\">\\r\\n            <h2 class=\\\"subtitle\\\">{{subtitle}}</h2><br /><br />\\r\\n            <div style=\\\"padding-bottom:10px;\\\">\\r\\n                In Lesson 6, students will learn about \\\"work maturity skills\\\" (or soft skills), reflecting on which skills are needed in the workplace.\\r\\n                They will then complete the Skills Assessment Worksheet, in which they will identify their own existing skills and which skills they would like to develop.\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-3 box\\\" style=\\\"border:1px solid black;\\\">\\r\\n            <i class=\\\"fa fa-folder-open\\\" aria-hidden=\\\"true\\\"></i>\\r\\n            <b>Item to be added to student's Transition Portfolio:</b>\\r\\n            <ul class=\\\"hidden-print\\\">\\r\\n                <li><a [routerLink]=\\\"['/unit-1/lesson-6/work-maturity-skills']\\\">Skills Assessment Worksheet</a></li>\\r\\n            </ul>\\r\\n            <ul class=\\\"visible-print-block\\\">\\r\\n                <li><a href=\\\"https://cctstfolio.com/#/unit-1/lesson-6/work-maturity-skills\\\">Skills Assessment Worksheet</a></li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n            <h2>Lesson Objectives</h2>\\r\\n            <b>Participants will:</b>\\r\\n            <ol>\\r\\n                <li>Identify the skills that they have already acquired and feel competent doing.</li>\\r\\n                <li>Identify skills they enjoy, even if not proficient at them.</li>\\r\\n                <li>Identify which skills they would like to learn, acquire or develop further.</li>\\r\\n            </ol>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-11\\\">\\r\\n                <h2>Facilitator Notes</h2>                \\r\\n                <ul>\\r\\n                    <li><b>Work maturity skills</b> are the personal attributes you need to succeed in the workplace, such as communication skills, being on time, following directions, etc. Regardless of the job you're applying for, you’ll need at least some of these skills, which is why they are often referred to as “transferrable” skills. The other type of skill set employers seek are those that require specific job training or experience – skills that are directly relevant to the job you are applying for.</li>\\r\\n                    <li>\\r\\n                        For a skill to be considered a \\\"transferrable skill\\\", it needs to have three characteristics:\\r\\n                        <ul>\\r\\n                            <li><b>Rules for mastering this skill are not black and white</b> – Unlike hard skills, like math, where the rule for doing it perfectly is always the same, how effective you are at work maturity skills changes depending on your emotional state, external circumstance, and the type of people you interact with.</li>\\r\\n                            <li><b>This skill is portable and valuable to any job/career</b> – Because work maturity skills are about your inner strength and interpersonal effectiveness, as long as you work with people, these skills are valuable to your career.</li>\\r\\n                            <li><b>Mastering these skills is an ongoing journey</b> – You can reach a level of competency in it, but you can always encounter new situations or people that will test your work maturity skills and push you to learn more.</li>\\r\\n                        </ul>\\r\\n                    </li>\\r\\n                    <li>A PowerPoint is included with this lesson and can be used as part of a presentation or for your information. It is recommended that you review the PowerPoint (including the Notes section) prior to using the lesson. It can be accessed in either PowerPoint or as a PDF:\\r\\n                        <ul>\\r\\n                            <li><a href=\\\"/img/unit-1/lesson-6/T-Folio_Unit-1_Lesson-6_Work-Maturity-Skills.pptx\\\">PowerPoint: \\\"Work Maturity Skills\\\"</a></li>\\r\\n                            <li><a href=\\\"/img/unit-1/lesson-6/T-Folio_Unit-1_Lesson-6_Work-Maturity-Skills.pdf\\\" target=\\\"_blank\\\">PDF: \\\"Work Maturity Skills\\\"</a></li>\\r\\n                        </ul>\\r\\n                    </li>\\r\\n                </ul>               \\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-11\\\">\\r\\n                <h2>Introduction</h2>\\r\\n                <div>\\r\\n                    <b>Say</b>: Work maturity skills are the cluster of personality traits, social graces, communication, language, personal habits, friendliness, and optimism that characterize relationships with other people.<br /><br />\\r\\n                    Let's watch a video of a customer who goes to a hardware store - notice his interaction with the employee he meets:\\r\\n                </div>\\r\\n                <ul style=\\\"margin: 22px; padding: 0;\\\">\\r\\n                    <li class=\\\"foo\\\">\\r\\n                        &nbsp;<b>Video:</b>\\r\\n                        \\\"<a href=\\\"https://www.youtube.com/watch?v=ImH05RjcoTQ\\\" target=\\\"_blank\\\">CORPORATE VIDEO- Poor Customer Service Scenario 'What not to do'</a>\\\" (2:46) by\\r\\n                        <a href=\\\"http://jmcfilmco.wixsite.com/jmcfilmco\\\" target=\\\"_blank\\\">JMC Film Co.</a>, Feb 10, 2016.\\r\\n                    </li>\\r\\n                </ul>\\r\\n                <div>What work maturity skills are missing in each of the scenarios? How could the person improve?</div>\\r\\n                <ul style=\\\"margin: 22px; padding: 0;\\\">\\r\\n                    <li class=\\\"foo\\\">\\r\\n                        &nbsp;<b>Video:</b>\\r\\n                        \\\"<a href=\\\"https://www.youtube.com/watch?v=qfGxAJBOzeo\\\" target=\\\"_blank\\\">CORPORATE VIDEO- Customer Service Training</a>\\\" (4:03) by\\r\\n                        <a href=\\\"http://jmcfilmco.wixsite.com/jmcfilmco\\\" target=\\\"_blank\\\">JMC Film Co.</a>, Feb 10, 2016.\\r\\n                    </li>\\r\\n                </ul>\\r\\n                <div>Did the service improve? Why?</div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container activity\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-11\\\">\\r\\n                <div><h2>Activity</h2></div>\\r\\n                <div><b>Say</b>: You will be completing a worksheet that will help you identify transferrable skills that include leadership, communication, critical thinking, analysis, and organization. They are called transferrable skills as they can be used in a variety of work places and career paths.</div>\\r\\n                <br /><div>The <a [routerLink]=\\\"['/unit-1/lesson-6/work-maturity-skills']\\\">Skills Assessment Worksheet</a> will ask you to rate each skill listed as: “Feel competent”; “Enjoy/favorites”; and “Would like to develop.” You can have the same skill marked more than once in each column. There are three brief questions at the end that will help you group your answers.</div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-11\\\">\\r\\n                <h2>Debrief and Guiding Questions</h2>\\r\\n                <ul>\\r\\n                    <li>What did you learn about yourself?</li>\\r\\n                    <li>What was easy about this activity? What was difficult? Why?</li>\\r\\n                    <li>What more would you like to know about yourself?</li>\\r\\n                    <li>Which skills do you feel you might want to work on first to get ready for a job?</li>\\r\\n                </ul>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-11\\\">\\r\\n                <h2 id=\\\"resources\\\">Additional Resources</h2>\\r\\n                <div>\\r\\n                    <ul style=\\\"list-style:url('/img/arrow.png');\\\">\\r\\n                        <li>See the <a href=\\\"https://www.asdk12.org/domain/4097\\\" target=\\\"_blank\\\">Anchorage School District's page on Work Maturity Skills</a> for a list of skills with specific descriptions.</li>\\r\\n                    </ul>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-11\\\">\\r\\n                <h2>Up Next</h2>\\r\\n                <div>In Lesson 7, students will <b>synthesize</b> their assessment results from Lessons 1 through 6 in order to reflect on who they are as a whole and which jobs or careers they would be most interested in learning more about.</div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-1/lesson-6/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from '@angular/platform-browser';\r\n\r\n@Component({\r\n    selector: 'unit-one-lesson-six-guide',\r\n    templateUrl: './_guide.component.html',\r\n    styleUrls: ['./_guide.component.css']\r\n})\r\nexport class UnitOneLessonSixGuideComponent {\r\n\r\n    pageTitle: string = \"Lesson Guide | Unit 1, Lesson 6 | T-Folio\";\r\n    title: string = \"Lesson Guide\";\r\n    subtitle: string = \"Lesson 6: Work Maturity Skills\";\r\n\r\n    doPrint(): void {\r\n        window.print();\r\n    }\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n}\r\n","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: 'unit-one-lesson-six-landing',\r\n    templateUrl: '../../_shared/landing-pages/landing-page.component.html',\r\n    styleUrls: ['../../_shared/landing-pages/landing-page.component.css']\r\n})\r\n\r\nexport class UnitOneLessonSixLandingComponent {\r\n    title = \"Lesson 6: Work Maturity Skills\";\r\n    pageTitle = \"Work Maturity Skills | Unit 1, Lesson 6 | T-Folio\";\r\n    bannerHeader = \"Job Exploration Groundwork: Lesson 6\";\r\n\r\n    openInNewWindow(url: string) {\r\n        window.open(url, '_blank');\r\n    }\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n\r\n    LandingPageData = {\r\n        breadcrumbs: {\r\n            label: \"Lesson 6\",\r\n            crumbs: [\r\n                {\r\n                    route: \"\",\r\n                    linktext: \"T-Folio\"\r\n                },\r\n                {\r\n                    route: \"/unit-1\",\r\n                    linktext: \"Unit 1\"\r\n                }\r\n            ]\r\n        },\r\n        summary: \"In Lesson 6, students will learn about 'work maturity skills' (or soft skills), reflecting on which skills are needed in the workplace. They will then complete the Skills Assessment Worksheet, in which they will identify their own existing skills and the skills they would like to develop.\",\r\n        objectives: [\r\n            \"Identify the skills  that they have already acquired and feel competent doing.\",\r\n            \"Identify skills they enjoy, even if not proficient at them.\",\r\n            \"Identify which skills they would like to learn, acquire, or develop further.\",\r\n        ],\r\n        buttons: [\r\n            {\r\n                route: \"/unit-1/lesson-6/guide\",\r\n                linktext: \"Lesson Guide\",\r\n                color: \"btn-success\",\r\n            },\r\n            {\r\n                route: \"/unit-1/lesson-6/work-maturity-skills\",\r\n                linktext: \"Skills Assessment\",\r\n                color: \"btn-primary\",\r\n            },\r\n            {\r\n                route: \"/img/unit-1/lesson-6/T-Folio_Unit-1_Lesson-6_Work-Maturity-Skills.pptx\",\r\n                linktext: \"PowerPoint Presentation\",\r\n                color: \"powerpoint-button\",\r\n                window: true,\r\n            }\r\n        ],\r\n        image: \"/img/unit-1/LESSON 6_climate-kic-350836.jpg\",\r\n        imgalt: \"Five college-aged students are gathered around a small, wooden table working on a design project with Legos, play dough, and other creative materials, as well as three computer laptops.\",\r\n        caption: \"by Climate KIC on\",\r\n        photoLink: \"\",\r\n        source: \"Unsplash\",\r\n        sourceLink: \"https://unsplash.com/\",\r\n        licence: \"Open license\",\r\n        licenceLink: \"https://unsplash.com/license\",\r\n    }\r\n}\r\n","module.exports = \"\\r\\nh2 {\\r\\n    font-size: x-large;\\r\\n    font-weight: bold;\\r\\n    margin-top:10px;\\r\\n    margin-bottom: 10px;\\r\\n}\\r\\n\\r\\n.bordered {\\r\\n    border: 1px solid black;\\r\\n    padding: 15px;\\r\\n}\\r\\n\\r\\n.bordered-margin-bottom {\\r\\n    border: 1px solid black;\\r\\n    padding: 15px;\\r\\n    margin-bottom: 50px;\\r\\n}\\r\\n\\r\\n.row {\\r\\n    padding-top: 20px;\\r\\n    padding-bottom: 20px;\\r\\n}\\r\\n\\r\\n.padding-sides {\\r\\n    padding-left: 30px;\\r\\n    padding-right: 30px;\\r\\n    padding-bottom: 10px;\\r\\n    \\r\\n}\\r\\n\\r\\n.item-header {\\r\\n    font-size: medium;\\r\\n    text-align: center;\\r\\n    font-weight: bold;\\r\\n    margin-top: 3px;\\r\\n    margin-bottom: 6px;\\r\\n}\\r\\n\\r\\n.item {\\r\\n    display: flex;\\r\\n    align-items: center;\\r\\n    font-size: medium;\\r\\n}\\r\\n\\r\\n.checkbox{\\r\\n    text-align: center; \\r\\n}\\r\\n\\r\\n.editor {\\r\\n    border: 1px solid gray;\\r\\n    min-height: 75px;\\r\\n    width: 100%;\\r\\n    margin-top: 5px;\\r\\n    text-align: left;\\r\\n    font-weight:bold;\\r\\n}\\r\\n\\r\\n#citation {\\r\\n  padding-left:15px;\\r\\n  height: 15px;\\r\\n  font-size: small;\\r\\n}\\r\\n\\r\\n/* if desktop */\\r\\n\\r\\n.desktop {\\r\\n    display: block;\\r\\n}\\r\\n\\r\\n/* if desktop */\\r\\n\\r\\n.mobile_device_480px {\\r\\n    display: none;\\r\\n}\\r\\n\\r\\n/* if mobile device max width 480px */\\r\\n\\r\\n@media screen and (max-device-width: 480px) {\\r\\n    .mobile_device_480px {\\r\\n        display: block;\\r\\n        text-align: center; \\r\\n    }\\r\\n\\r\\n    .desktop {\\r\\n        display: none;\\r\\n    }\\r\\n}\\r\\n\\r\\n/* for print view*/\\r\\n\\r\\n@media print and (max-device-width: 480px ){\\r\\n    .mobile_device_480px {\\r\\n        display: block !important;\\r\\n        margin-left: auto;\\r\\n        margin-right: auto;\\r\\n    }\\r\\n\\r\\n    table#table1 {\\r\\n        width: 70%;\\r\\n        margin-left: 15%;\\r\\n        margin-right: 15%;\\r\\n    }\\r\\n\\r\\n\\r\\n    .desktop {\\r\\n        display: none !important;\\r\\n    }\\r\\n}\\r\\n\\r\\ntable {\\r\\n    border-collapse: collapse;\\r\\n    margin-bottom: 50px; \\r\\n}\\r\\n\\r\\n.textQuestions {\\r\\n    font-size: medium;\\r\\n}\\r\\n\\r\\ntextarea {\\r\\n    resize: none; \\r\\n}\\r\\n\\r\\n.mobile-header {\\r\\n\\r\\n    font-size: large;\\r\\n    text-align: center;\\r\\n    font-weight: bold;\\r\\n    margin-top: 3px;\\r\\n    margin-bottom: 6px;\\r\\n\\r\\n}\\r\\n\\r\\n.separator {\\r\\n\\r\\n    color: white; \\r\\n}\\r\\n\\r\\ntable.center {\\r\\n    margin-left: auto;\\r\\n    margin-right: auto;\\r\\n}\\r\\n\\r\\n.no-print {\\r\\n    display: block; \\r\\n    color:white; \\r\\n}\\r\\n\\r\\n@media print {\\r\\n    .no-print, .no-print * {\\r\\n        display: none; \\r\\n    }\\r\\n\\r\\n    .editor {\\r\\n        border:none;\\r\\n    }\\r\\n}\\r\\n\\r\\ntable.center {\\r\\n    margin-left: auto;\\r\\n    margin-right: auto; \\r\\n}\\r\\n\\r\\n.active {\\r\\n    color: #2C3E50;\\r\\n}\\r\\n\"","module.exports = \"<div class=\\\"container exercise-content\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-1']\\\">Unit 1</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-1/lesson-6']\\\">Lesson 6</a></li>\\r\\n                <li class=\\\"active\\\">{{title}}</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-1/\\\">Unit 1</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-1/lesson-6/\\\">Lesson 6</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-1/lesson-6/work-maturity-skills/\\\">{{title}}</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-1/lesson-6/work maturity skills'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <tfolio-heading></tfolio-heading>\\r\\n    <tfolio-page-title content=\\\"{{title}}\\\"></tfolio-page-title>\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-xs-12 padding-sides\\\">\\r\\n            <div>\\r\\n                <b>Transferable Skills</b>\\r\\n                generally are not associated with a particular job or task. Transferable skills are usually broader\\r\\n                and related to leadership, communication, critical thinking, analysis, and organization.\\r\\n                These are skills that can be transferred and utilized in a variety of different kinds of jobs\\r\\n                and career paths.\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"padding-sides\\\">\\r\\n            Read the list of skills below and mark each column that applies for you. You can mark more than one column for each skill.\\r\\n        </div>\\r\\n        <div class=\\\"padding-sides\\\">\\r\\n            <ol>\\r\\n                <li>\\r\\n                    <b>Feel Competent: </b>\\r\\n                    What skills have you already acquired and feel competent doing? In the first column, mark each skill\\r\\n                    in which you feel competent.\\r\\n                </li>\\r\\n                <li>\\r\\n                    <b>Enjoy/Favorites: </b>\\r\\n                    What skills do you enjoy, even if you are not proficient at them? In the second column, mark those\\r\\n                    skills that you really enjoy.\\r\\n                </li>\\r\\n                <li>\\r\\n                    <b>Would like to Develop: </b>\\r\\n                    What skills would you like to learn, acquire or develop further?\\r\\n                </li>\\r\\n            </ol>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container-fluid\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-xs-12\\\">\\r\\n                <!-- desktop view and it will change to mobile view when users are on mobile-devices -->\\r\\n                <table class=\\\"desktop\\\">\\r\\n                    <tbody>\\r\\n                        <tr>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <div class=\\\"item-header\\\">{{headerOne}}</div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <div class=\\\"item-header\\\">{{choiceOne}}</div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <div class=\\\"item-header\\\">{{choiceTwo}}</div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <div class=\\\"item-header\\\">{{choiceThree}}</div>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <!-- To generate questionsets using *ngFor -->\\r\\n                        <tr *ngFor=\\\"let question of questions1\\\">\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <div class=\\\"item\\\">{{question.question}}</div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <!-- To generate three other(s) inputs using *ngFor -->\\r\\n                        <tr *ngFor=\\\"let other of others\\\">\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <form>\\r\\n                                    <div class=\\\"form-group\\\">\\r\\n                                        <input type=\\\"text\\\" class=\\\"form-control\\\" id=\\\"usr\\\" placeholder=\\\"Other(s):\\\">\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                    </tbody>\\r\\n                    <tbody>\\r\\n                        <tr>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <div class=\\\"item-header\\\">{{headerTwo}}</div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <div class=\\\"item-header\\\">{{choiceOne}}</div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <div class=\\\"item-header\\\">{{choiceTwo}}</div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <div class=\\\"item-header\\\">{{choiceThree}}</div>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <!-- To generate questionsets using *ngFor -->\\r\\n                        <tr *ngFor=\\\"let question of questions2\\\">\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <div class=\\\"item\\\">{{question.question}}</div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <!-- To generate three other(s) inputs using *ngFor -->\\r\\n                        <tr *ngFor=\\\"let other of others\\\">\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <form>\\r\\n                                    <div class=\\\"form-group\\\">\\r\\n                                        <input type=\\\"text\\\" class=\\\"form-control\\\" id=\\\"usr\\\" placeholder=\\\"Other(s):\\\">\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                    </tbody>\\r\\n                    <tbody>\\r\\n                        <tr>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <div class=\\\"item-header\\\">{{headerThree}}</div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <div class=\\\"item-header\\\">{{choiceOne}}</div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <div class=\\\"item-header\\\">{{choiceTwo}}</div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <div class=\\\"item-header\\\">{{choiceThree}}</div>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <!-- To generate questionsets using *ngFor -->\\r\\n                        <tr *ngFor=\\\"let question of questions3\\\">\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <div class=\\\"item\\\">{{question.question}}</div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <!-- To generate three other(s) inputs using *ngFor -->\\r\\n                        <tr *ngFor=\\\"let other of others\\\">\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <form>\\r\\n                                    <div class=\\\"form-group\\\">\\r\\n                                        <input type=\\\"text\\\" class=\\\"form-control\\\" id=\\\"usr\\\" placeholder=\\\"Other(s):\\\">\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                    </tbody>\\r\\n                    <tbody>\\r\\n                        <tr>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <div class=\\\"item-header\\\">{{headerFour}}</div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <div class=\\\"item-header\\\">{{choiceOne}}</div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <div class=\\\"item-header\\\">{{choiceTwo}}</div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <div class=\\\"item-header\\\">{{choiceThree}}</div>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <!-- To generate questionsets using *ngFor -->\\r\\n                        <tr *ngFor=\\\"let question of questions4\\\">\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <div class=\\\"item\\\">{{question.question}}</div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <!-- To generate three other(s) inputs using *ngFor -->\\r\\n                        <tr *ngFor=\\\"let other of others\\\">\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <form>\\r\\n                                    <div class=\\\"form-group\\\">\\r\\n                                        <input type=\\\"text\\\" class=\\\"form-control\\\" id=\\\"usr\\\" placeholder=\\\"Other(s):\\\">\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                    </tbody>\\r\\n                    <tbody>\\r\\n                        <tr>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <div class=\\\"item-header\\\">{{headerFive}}</div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <div class=\\\"item-header\\\">{{choiceOne}}</div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <div class=\\\"item-header\\\">{{choiceTwo}}</div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <div class=\\\"item-header\\\">{{choiceThree}}</div>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <!-- To generate questionsets using *ngFor -->\\r\\n                        <tr *ngFor=\\\"let question of questions5\\\">\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <div class=\\\"item\\\">{{question.question}}</div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <!-- To generate three other(s) inputs using *ngFor -->\\r\\n                        <tr *ngFor=\\\"let other of others\\\">\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <form>\\r\\n                                    <div class=\\\"form-group\\\">\\r\\n                                        <input type=\\\"text\\\" class=\\\"form-control\\\" id=\\\"usr\\\" placeholder=\\\"Other(s):\\\">\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                    </tbody>\\r\\n                    <tbody>\\r\\n                        <tr>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <div class=\\\"item-header\\\">{{headerSix}}</div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <div class=\\\"item-header\\\">{{choiceOne}}</div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <div class=\\\"item-header\\\">{{choiceTwo}}</div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <div class=\\\"item-header\\\">{{choiceThree}}</div>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <!-- To generate questionsets using *ngFor -->\\r\\n                        <tr *ngFor=\\\"let question of questions6\\\">\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <div class=\\\"item\\\">{{question.question}}</div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <!-- To generate three other(s) inputs using *ngFor -->\\r\\n                        <tr *ngFor=\\\"let other of others\\\">\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <form>\\r\\n                                    <div class=\\\"form-group\\\">\\r\\n                                        <input type=\\\"text\\\" class=\\\"form-control\\\" id=\\\"usr\\\" placeholder=\\\"Other(s):\\\">\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                    </tbody>\\r\\n                    <tbody>\\r\\n                        <tr>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <div class=\\\"item-header\\\">{{headerSeven}}</div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <div class=\\\"item-header\\\">{{choiceOne}}</div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <div class=\\\"item-header\\\">{{choiceTwo}}</div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <div class=\\\"item-header\\\">{{choiceThree}}</div>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <!-- To generate questionsets using *ngFor -->\\r\\n                        <tr *ngFor=\\\"let question of questions7\\\">\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <div class=\\\"item\\\">{{question.question}}</div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <!-- To generate three other(s) inputs using *ngFor -->\\r\\n                        <tr *ngFor=\\\"let other of others\\\">\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <form>\\r\\n                                    <div class=\\\"form-group\\\">\\r\\n                                        <input type=\\\"text\\\" class=\\\"form-control\\\" id=\\\"usr\\\" placeholder=\\\"Other(s):\\\">\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                    </tbody>\\r\\n                    <tbody>\\r\\n                        <tr>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <div class=\\\"item-header\\\">{{headerEight}}</div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <div class=\\\"item-header\\\">{{choiceOne}}</div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <div class=\\\"item-header\\\">{{choiceTwo}}</div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <div class=\\\"item-header\\\">{{choiceThree}}</div>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <!-- To generate questionsets using *ngFor -->\\r\\n                        <tr *ngFor=\\\"let question of questions8\\\">\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <div class=\\\"item\\\">{{question.question}}</div>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <!-- To generate three other(s) inputs using *ngFor -->\\r\\n                        <tr *ngFor=\\\"let other of others\\\">\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <form>\\r\\n                                    <div class=\\\"form-group\\\">\\r\\n                                        <input type=\\\"text\\\" class=\\\"form-control\\\" id=\\\"usr\\\" placeholder=\\\"Other(s):\\\">\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                    </tbody>\\r\\n                </table>\\r\\n\\r\\n                <!-- mobile view < 480px. If device is wider than 480px, it will display desktop view\\r\\n                        ex: tablet devices -->\\r\\n                <table class=\\\"mobile_device_480px\\\" id=\\\"table1\\\">\\r\\n                    <!-- First Question Sets -->\\r\\n                    <tbody>\\r\\n                        <tr>\\r\\n                            <td class=\\\"mobile-header\\\" colspan=\\\"3\\\"><h2>{{headerOne}}</h2></td>\\r\\n                        </tr>\\r\\n                    </tbody>\\r\\n                    <tbody *ngFor=\\\"let question of questions1\\\" style=\\\"page-break-after:always\\\">\\r\\n                        <tr>\\r\\n                            <td class=\\\"bordered\\\" colspan=\\\"3\\\"><h3><b>{{question.question}}</b></h3></td>\\r\\n                        </tr>\\r\\n                        <tr>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                {{choiceOne}}\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\" style=\\\"margin-top: 30px;\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                {{choiceTwo}}\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\" style=\\\"margin-top: 30px;\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                {{choiceThree}}\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\" style=\\\"margin-top: 30px;\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <tr class=\\\"no-print\\\">space filler</tr>\\r\\n                    </tbody>\\r\\n                    <tbody *ngFor=\\\"let other of others\\\">\\r\\n                        <tr>\\r\\n                            <td class=\\\"bordered\\\" colspan=\\\"3\\\">\\r\\n                                <form>\\r\\n                                    <div class=\\\"form-group\\\">\\r\\n                                        <input type=\\\"text\\\" class=\\\"form-control\\\" id=\\\"usr\\\" placeholder=\\\"Other(s):\\\">\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <tr>\\r\\n                            <td rowspan=\\\"2\\\" class=\\\"bordered\\\">\\r\\n                                {{choiceOne}}\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\" style=\\\"margin-top: 30px;\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td rowspan=\\\"2\\\" class=\\\"bordered\\\">\\r\\n                                {{choiceTwo}}\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\" style=\\\"margin-top: 30px;\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td rowspan=\\\"2\\\" class=\\\"bordered\\\">\\r\\n                                {{choiceThree}}\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\" style=\\\"margin-top: 30px;\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <tr></tr>\\r\\n                        <tr class=\\\"no-print\\\">\\r\\n                            space filler\\r\\n                        </tr>\\r\\n                    </tbody>\\r\\n\\r\\n                    <!-- Second Question Sets -->\\r\\n                    <tbody>\\r\\n                        <tr>\\r\\n                            <td class=\\\"mobile-header\\\" colspan=\\\"3\\\"><h2>{{headerTwo}}</h2></td>\\r\\n                        </tr>\\r\\n                    </tbody>\\r\\n                    <tbody *ngFor=\\\"let question of questions2\\\" style=\\\"page-break-after:always\\\">\\r\\n                        <tr>\\r\\n                            <td class=\\\"bordered\\\" colspan=\\\"3\\\"><h3><b>{{question.question}}</b></h3></td>\\r\\n                        </tr>\\r\\n                        <tr>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                {{choiceOne}}\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\" style=\\\"margin-top: 30px;\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                {{choiceTwo}}\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\" style=\\\"margin-top: 30px;\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                {{choiceThree}}\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\" style=\\\"margin-top: 30px;\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <tr class=\\\"no-print\\\">space filler</tr>\\r\\n                    </tbody>\\r\\n                    <tbody *ngFor=\\\"let other of others\\\">\\r\\n                        <tr>\\r\\n                            <td class=\\\"bordered\\\" colspan=\\\"3\\\">\\r\\n                                <form>\\r\\n                                    <div class=\\\"form-group\\\">\\r\\n                                        <input type=\\\"text\\\" class=\\\"form-control\\\" id=\\\"usr\\\" placeholder=\\\"Other(s):\\\">\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <tr>\\r\\n                            <td rowspan=\\\"2\\\" class=\\\"bordered\\\">\\r\\n                                {{choiceOne}}\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\" style=\\\"margin-top: 30px;\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td rowspan=\\\"2\\\" class=\\\"bordered\\\">\\r\\n                                {{choiceTwo}}\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\" style=\\\"margin-top: 30px;\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td rowspan=\\\"2\\\" class=\\\"bordered\\\">\\r\\n                                {{choiceThree}}\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\" style=\\\"margin-top: 30px;\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <tr></tr>\\r\\n                        <tr class=\\\"no-print\\\">\\r\\n                            space filler\\r\\n                        </tr>\\r\\n                    </tbody>\\r\\n\\r\\n\\r\\n                    <!-- Third Question Sets -->\\r\\n                    <tbody>\\r\\n                        <tr>\\r\\n                            <td class=\\\"mobile-header\\\" colspan=\\\"3\\\"><h2>{{headerThree}}</h2></td>\\r\\n                        </tr>\\r\\n                    </tbody>\\r\\n                    <tbody *ngFor=\\\"let question of questions3\\\" style=\\\"page-break-after:always\\\">\\r\\n                        <tr>\\r\\n                            <td class=\\\"bordered\\\" colspan=\\\"3\\\"><h3><b>{{question.question}}</b></h3></td>\\r\\n                        </tr>\\r\\n                        <tr>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                {{choiceOne}}\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\" style=\\\"margin-top: 30px;\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                {{choiceTwo}}\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\" style=\\\"margin-top: 30px;\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                {{choiceThree}}\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\" style=\\\"margin-top: 30px;\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <tr class=\\\"no-print\\\">space filler</tr>\\r\\n                    </tbody>\\r\\n                    <tbody *ngFor=\\\"let other of others\\\">\\r\\n                        <tr>\\r\\n                            <td class=\\\"bordered\\\" colspan=\\\"3\\\">\\r\\n                                <form>\\r\\n                                    <div class=\\\"form-group\\\">\\r\\n                                        <input type=\\\"text\\\" class=\\\"form-control\\\" id=\\\"usr\\\" placeholder=\\\"Other(s):\\\">\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <tr>\\r\\n                            <td rowspan=\\\"2\\\" class=\\\"bordered\\\">\\r\\n                                {{choiceOne}}\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\" style=\\\"margin-top: 30px;\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td rowspan=\\\"2\\\" class=\\\"bordered\\\">\\r\\n                                {{choiceTwo}}\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\" style=\\\"margin-top: 30px;\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td rowspan=\\\"2\\\" class=\\\"bordered\\\">\\r\\n                                {{choiceThree}}\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\" style=\\\"margin-top: 30px;\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <tr></tr>\\r\\n                        <tr class=\\\"no-print\\\">\\r\\n                            space filler\\r\\n                        </tr>\\r\\n                    </tbody>\\r\\n\\r\\n\\r\\n                    <!-- Fourth Question Sets -->\\r\\n                    <tbody>\\r\\n                        <tr>\\r\\n                            <td class=\\\"mobile-header\\\" colspan=\\\"3\\\"><h2>{{headerFour}}</h2></td>\\r\\n                        </tr>\\r\\n                    </tbody>\\r\\n                    <tbody *ngFor=\\\"let question of questions4\\\" style=\\\"page-break-after:always\\\">\\r\\n                        <tr>\\r\\n                            <td class=\\\"bordered\\\" colspan=\\\"3\\\"><h3><b>{{question.question}}</b></h3></td>\\r\\n                        </tr>\\r\\n                        <tr>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                {{choiceOne}}\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\" style=\\\"margin-top: 30px;\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                {{choiceTwo}}\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\" style=\\\"margin-top: 30px;\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                {{choiceThree}}\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\" style=\\\"margin-top: 30px;\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <tr class=\\\"no-print\\\">space filler</tr>\\r\\n                    </tbody>\\r\\n                    <tbody *ngFor=\\\"let other of others\\\">\\r\\n                        <tr>\\r\\n                            <td class=\\\"bordered\\\" colspan=\\\"3\\\">\\r\\n                                <form>\\r\\n                                    <div class=\\\"form-group\\\">\\r\\n                                        <input type=\\\"text\\\" class=\\\"form-control\\\" id=\\\"usr\\\" placeholder=\\\"Other(s):\\\">\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <tr>\\r\\n                            <td rowspan=\\\"2\\\" class=\\\"bordered\\\">\\r\\n                                {{choiceOne}}\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\" style=\\\"margin-top: 30px;\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td rowspan=\\\"2\\\" class=\\\"bordered\\\">\\r\\n                                {{choiceTwo}}\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\" style=\\\"margin-top: 30px;\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td rowspan=\\\"2\\\" class=\\\"bordered\\\">\\r\\n                                {{choiceThree}}\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\" style=\\\"margin-top: 30px;\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <tr></tr>\\r\\n                        <tr class=\\\"no-print\\\">\\r\\n                            space filler\\r\\n                        </tr>\\r\\n                    </tbody>\\r\\n\\r\\n\\r\\n                    <!-- Fifth Question Sets -->\\r\\n                    <tbody>\\r\\n                        <tr>\\r\\n                            <td class=\\\"mobile-header\\\" colspan=\\\"3\\\"><h2>{{headerFive}}</h2></td>\\r\\n                        </tr>\\r\\n                    </tbody>\\r\\n                    <tbody *ngFor=\\\"let question of questions5\\\" style=\\\"page-break-after:always\\\">\\r\\n                        <tr>\\r\\n                            <td class=\\\"bordered\\\" colspan=\\\"3\\\"><h3><b>{{question.question}}</b></h3></td>\\r\\n                        </tr>\\r\\n                        <tr>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                {{choiceOne}}\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\" style=\\\"margin-top: 30px;\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                {{choiceTwo}}\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\" style=\\\"margin-top: 30px;\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                {{choiceThree}}\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\" style=\\\"margin-top: 30px;\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <tr class=\\\"no-print\\\">space filler</tr>\\r\\n                    </tbody>\\r\\n                    <tbody *ngFor=\\\"let other of others\\\">\\r\\n                        <tr>\\r\\n                            <td class=\\\"bordered\\\" colspan=\\\"3\\\">\\r\\n                                <form>\\r\\n                                    <div class=\\\"form-group\\\">\\r\\n                                        <input type=\\\"text\\\" class=\\\"form-control\\\" id=\\\"usr\\\" placeholder=\\\"Other(s):\\\">\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <tr>\\r\\n                            <td rowspan=\\\"2\\\" class=\\\"bordered\\\">\\r\\n                                {{choiceOne}}\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\" style=\\\"margin-top: 30px;\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td rowspan=\\\"2\\\" class=\\\"bordered\\\">\\r\\n                                {{choiceTwo}}\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\" style=\\\"margin-top: 30px;\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td rowspan=\\\"2\\\" class=\\\"bordered\\\">\\r\\n                                {{choiceThree}}\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\" style=\\\"margin-top: 30px;\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <tr></tr>\\r\\n                        <tr class=\\\"no-print\\\">\\r\\n                            space filler\\r\\n                        </tr>\\r\\n                    </tbody>\\r\\n\\r\\n\\r\\n                    <!-- Sixth Question Sets -->\\r\\n                    <tbody>\\r\\n                        <tr>\\r\\n                            <td class=\\\"mobile-header\\\" colspan=\\\"3\\\"><h2>{{headerSix}}</h2></td>\\r\\n                        </tr>\\r\\n                    </tbody>\\r\\n                    <tbody *ngFor=\\\"let question of questions6\\\" style=\\\"page-break-after:always\\\">\\r\\n                        <tr>\\r\\n                            <td class=\\\"bordered\\\" colspan=\\\"3\\\"><h3><b>{{question.question}}</b></h3></td>\\r\\n                        </tr>\\r\\n                        <tr>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                {{choiceOne}}\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\" style=\\\"margin-top: 30px;\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                {{choiceTwo}}\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\" style=\\\"margin-top: 30px;\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                {{choiceThree}}\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\" style=\\\"margin-top: 30px;\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <tr class=\\\"no-print\\\">space filler</tr>\\r\\n                    </tbody>\\r\\n                    <tbody *ngFor=\\\"let other of others\\\">\\r\\n                        <tr>\\r\\n                            <td class=\\\"bordered\\\" colspan=\\\"3\\\">\\r\\n                                <form>\\r\\n                                    <div class=\\\"form-group\\\">\\r\\n                                        <input type=\\\"text\\\" class=\\\"form-control\\\" id=\\\"usr\\\" placeholder=\\\"Other(s):\\\">\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <tr>\\r\\n                            <td rowspan=\\\"2\\\" class=\\\"bordered\\\">\\r\\n                                {{choiceOne}}\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\" style=\\\"margin-top: 30px;\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td rowspan=\\\"2\\\" class=\\\"bordered\\\">\\r\\n                                {{choiceTwo}}\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\" style=\\\"margin-top: 30px;\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td rowspan=\\\"2\\\" class=\\\"bordered\\\">\\r\\n                                {{choiceThree}}\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\" style=\\\"margin-top: 30px;\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <tr></tr>\\r\\n                        <tr class=\\\"no-print\\\">\\r\\n                            space filler\\r\\n                        </tr>\\r\\n                    </tbody>\\r\\n\\r\\n\\r\\n                    <!-- Seventh Question Sets -->\\r\\n                    <tbody>\\r\\n                        <tr>\\r\\n                            <td class=\\\"mobile-header\\\" colspan=\\\"3\\\"><h2>{{headerSeven}}</h2></td>\\r\\n                        </tr>\\r\\n                    </tbody>\\r\\n                    <tbody *ngFor=\\\"let question of questions7\\\" style=\\\"page-break-after:always\\\">\\r\\n                        <tr>\\r\\n                            <td class=\\\"bordered\\\" colspan=\\\"3\\\"><h3><b>{{question.question}}</b></h3></td>\\r\\n                        </tr>\\r\\n                        <tr>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                {{choiceOne}}\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\" style=\\\"margin-top: 30px;\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                {{choiceTwo}}\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\" style=\\\"margin-top: 30px;\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                {{choiceThree}}\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\" style=\\\"margin-top: 30px;\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <tr class=\\\"no-print\\\">space filler</tr>\\r\\n                    </tbody>\\r\\n                    <tbody *ngFor=\\\"let other of others\\\">\\r\\n                        <tr>\\r\\n                            <td class=\\\"bordered\\\" colspan=\\\"3\\\">\\r\\n                                <form>\\r\\n                                    <div class=\\\"form-group\\\">\\r\\n                                        <input type=\\\"text\\\" class=\\\"form-control\\\" id=\\\"usr\\\" placeholder=\\\"Other(s):\\\">\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <tr>\\r\\n                            <td rowspan=\\\"2\\\" class=\\\"bordered\\\">\\r\\n                                {{choiceOne}}\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\" style=\\\"margin-top: 30px;\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td rowspan=\\\"2\\\" class=\\\"bordered\\\">\\r\\n                                {{choiceTwo}}\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\" style=\\\"margin-top: 30px;\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td rowspan=\\\"2\\\" class=\\\"bordered\\\">\\r\\n                                {{choiceThree}}\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\" style=\\\"margin-top: 30px;\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <tr></tr>\\r\\n                        <tr class=\\\"no-print\\\">\\r\\n                            space filler\\r\\n                        </tr>\\r\\n                    </tbody>\\r\\n\\r\\n\\r\\n                    <!-- Eighth Question Sets -->\\r\\n                    <tbody>\\r\\n                        <tr>\\r\\n                            <td class=\\\"mobile-header\\\" colspan=\\\"3\\\"><h2>{{headerEight}}</h2></td>\\r\\n                        </tr>\\r\\n                    </tbody>\\r\\n                    <tbody *ngFor=\\\"let question of questions8\\\" style=\\\"page-break-after:always\\\">\\r\\n                        <tr>\\r\\n                            <td class=\\\"bordered\\\" colspan=\\\"3\\\"><h3><b>{{question.question}}</b></h3></td>\\r\\n                        </tr>\\r\\n                        <tr>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                {{choiceOne}}\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\" style=\\\"margin-top: 30px;\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                {{choiceTwo}}\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\" style=\\\"margin-top: 30px;\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td class=\\\"bordered\\\">\\r\\n                                {{choiceThree}}\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\" style=\\\"margin-top: 30px;\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <tr class=\\\"no-print\\\">space filler</tr>\\r\\n                    </tbody>\\r\\n                    <tbody *ngFor=\\\"let other of others\\\">\\r\\n                        <tr>\\r\\n                            <td class=\\\"bordered\\\" colspan=\\\"3\\\">\\r\\n                                <form>\\r\\n                                    <div class=\\\"form-group\\\">\\r\\n                                        <input type=\\\"text\\\" class=\\\"form-control\\\" id=\\\"usr\\\" placeholder=\\\"Other(s):\\\">\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <tr>\\r\\n                            <td rowspan=\\\"2\\\" class=\\\"bordered\\\">\\r\\n                                {{choiceOne}}\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\" style=\\\"margin-top: 30px;\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td rowspan=\\\"2\\\" class=\\\"bordered\\\">\\r\\n                                {{choiceTwo}}\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\" style=\\\"margin-top: 30px;\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                            <td rowspan=\\\"2\\\" class=\\\"bordered\\\">\\r\\n                                {{choiceThree}}\\r\\n                                <form>\\r\\n                                    <div class=\\\"checkbox\\\" style=\\\"margin-top: 30px;\\\">\\r\\n                                        <label><input type=\\\"checkbox\\\"></label>\\r\\n                                    </div>\\r\\n                                </form>\\r\\n                            </td>\\r\\n                        </tr>\\r\\n                        <tr></tr>\\r\\n                        <tr class=\\\"no-print\\\">\\r\\n                            space filler\\r\\n                        </tr>\\r\\n                    </tbody>\\r\\n                </table>\\r\\n                <div *ngFor=\\\"let question of textQuestions\\\">\\r\\n                    <div class=\\\"form-group\\\">\\r\\n                        <label for=\\\"comment\\\" class=\\\"textQuestions\\\">{{question.question}}</label>\\r\\n                        <div contenteditable=\\\"true\\\" class=\\\"editor\\\"><b></b></div>\\r\\n                    </div>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <p id=\\\"citation\\\">This activity is modified from the Skills Assessment Worksheet by Brenda Steigerwald. Used with permission.</p>\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-1/lesson-6/work maturity skills'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from '@angular/platform-browser';\r\n\r\n@Component({\r\n    selector: 'unit-one-lesson-six-work-maturity-skills',\r\n    templateUrl: './work-maturity-skills.component.html',\r\n    styleUrls: ['./work-maturity-skills.component.css']\r\n})\r\nexport class UnitOneLessonSixWorkMaturitySkillsComponent {\r\n\r\n    title: string = \"Skills Assessment Worksheet\";\r\n    pageTitle: string = this.title + \" | Unit 1, Lesson 6 | T-Folio\";\r\n\r\n    choiceOne = \"1. Feel Competent\";\r\n    choiceTwo = \"2. Enjoy/ Favorites\";\r\n    choiceThree = \"3. Would Like to Develop\";\r\n\r\n    headerOne = \"Communication Skills\";\r\n    headerTwo = \"Technical Skills\";\r\n    headerThree = \"Management and Self-Management Skills\";\r\n    headerFour = \"Number Skills\";\r\n    headerFive = \"Creative/Artistic Skills\";\r\n    headerSix = \"People and Social Skills\";\r\n    headerSeven = \"Critical Thinking and Investigative Skills\";\r\n    headerEight = \"Business Skills\";    \r\n\r\n    questions1 = [\r\n        { id: '01', question: 'Write, edit, translate, interpret or critique words' },\r\n        { id: '02', question: 'Speak in public, debate, advocate, present or demonstrate an idea' },\r\n        { id: '03', question: 'Facilitate a meeting' },\r\n        { id: '04', question: 'Reading and following directions' },\r\n        { id: '05', question: 'Comparing or cross-checking two lists' },\r\n        { id: '06', question: 'Filling out forms' },\r\n        { id: '07', question: 'Writing reports, letters and memos correctly' },\r\n        { id: '08', question: 'Reading and understanding policies and memos' },\r\n        { id: '09', question: 'Comfortably speaking to others you do not know' },\r\n        { id: '10', question: 'Taking notes while someone speaks' },\r\n        { id: '11', question: 'Finding information' },\r\n        { id: '12', question: 'Using a map' },\r\n        { id: '13', question: 'Explaining things to other people' },\r\n        { id: '14', question: 'Know when to ask for help or more explanation' },\r\n        { id: '15', question: 'Counsel or advise others' },\r\n        { id: '16', question: 'Listening to others' },\r\n    ]; \r\n\r\n    questions2 = [\r\n        { id: '01', question: 'Be athletic or use physical coordination' },\r\n        { id: '02', question: 'Build or construct things or structures' },\r\n        { id: '03', question: 'Do skilled crafts or use hand coordination with tools' },\r\n        { id: '04', question: 'Operate vehicles, machines or electronic equipment' },\r\n        { id: '05', question: 'Repair or set up machines or equipment ' },\r\n        { id: '06', question: 'Installing things' },\r\n        { id: '07', question: 'Work with earth and nature' },\r\n        { id: '08', question: 'Gardening, landscaping and farming' },\r\n\r\n    ]; \r\n\r\n    questions3 = [\r\n        { id: '01', question: 'Administer, set goals and priorities, plan or make decisions' },\r\n        { id: '02', question: 'Initiate, assess needs, anticipate or create change' },\r\n        { id: '03', question: 'Manage people, delegate tasks, direct, oversee or motivate' },\r\n        { id: '04', question: 'Sell, negotiate, convince, promote or persuade ' },\r\n        { id: '05', question: 'Being patient with others' },\r\n        { id: '06', question: 'Keeping a cheerful attitude' },\r\n        { id: '07', question: 'Getting interested/excited about the task at hand' },\r\n        { id: '08', question: 'Offering to help when it’s needed' },\r\n        { id: '09', question: 'Knowing how to take directions' },\r\n        { id: '10', question: 'Motivating myself to do what needs to get done' },\r\n        { id: '11', question: 'Helping motivate others to get the job done' },\r\n        { id: '12', question: 'Using a map' },\r\n        { id: '13', question: 'Prioritizing tasks so that the larger goal is met on time' },\r\n        { id: '14', question: 'Following the rules' },\r\n        { id: '15', question: 'Presenting a neat and professional image' },\r\n        { id: '16', question: 'Checking your own work' },\r\n        { id: '17', question: 'Using courtesy when dealing with others' },\r\n        { id: '18', question: 'Seeking help when needed' },\r\n        { id: '19', question: 'Being eager to learn' },\r\n        { id: '20', question: 'Speaking up for yourself' },\r\n        { id: '21', question: 'Solving problems in a cooperative way' },\r\n\r\n    ]; \r\n\r\n    questions4 = [\r\n        { id: '01', question: 'Compute, calculate, compare or record numbers' },\r\n        { id: '02', question: 'Forecast, appraise or estimate numerical information' },\r\n        { id: '03', question: 'Doing arithmetic correctly' },\r\n        { id: '04', question: 'Using percentages and decimals' },\r\n        { id: '05', question: 'Estimating costs and/or time needed to complete a job' },\r\n        { id: '06', question: 'Using a database program on a computer' },\r\n        { id: '07', question: 'Using a spreadsheet on a computer' },\r\n        { id: '08', question: 'Creating and managing a budget' },\r\n\r\n    ]; \r\n\r\n\r\n     questions5 = [\r\n        { id: '01', question: 'Perceive intuitively, sense, show insight or have foresight' },\r\n        { id: '02', question: 'Use artistic ability, photograph, decorate, paint or sculpt' },\r\n        { id: '03', question: 'Use creativity, visualize, imagine, brainstorm or design' },\r\n        { id: '04', question: 'Use musical ability, sing, compose or play instruments' },\r\n        { id: '05', question: 'Presenting artistic ideas' },\r\n        { id: '06', question: 'Visualizing shapes' },\r\n        { id: '07', question: 'Designing' },\r\n        { id: '08', question: 'Drawing, illustrating, sketching' },\r\n\r\n    ];\r\n\r\n     questions6 = [\r\n         { id: '01', question: 'Care, treat, heal, nurse or rehabilitate others ' },\r\n         { id: '02', question: 'Counsel, empower, coach, guide or listen to individuals ' },\r\n         { id: '03', question: 'Host, comfort, please, make welcome or serve customers ' },\r\n         { id: '04', question: 'Plan social, recreational or other group events ' },\r\n         { id: '05', question: 'Problem-solve, mediate or network with people ' },\r\n         { id: '06', question: 'Teach, train, instruct, inform or explain to groups' },\r\n         { id: '07', question: 'Caring for children responsibly' },\r\n         { id: '08', question: 'Caring for the sick and elderly' },\r\n         { id: '09', question: 'Calming people down' },\r\n         { id: '10', question: 'Helping people complete a task' },\r\n         { id: '11', question: 'Knowing how to get along with different people/personalities' },\r\n         { id: '12', question: 'Leading groups or activities' },\r\n\r\n     ];\r\n\r\n     questions7 = [\r\n         { id: '01', question: 'Analyze, use logic, problem solve, examine' },\r\n         { id: '02', question: 'Conceptualize, adapt, develop, hypothesize or discover' },\r\n         { id: '03', question: 'Evaluate, assess, test, appraise, diagnose' },\r\n         { id: '04', question: 'Observe, reflect, study or notice' },\r\n         { id: '05', question: 'Research, investigate, read or interview' },\r\n         { id: '06', question: 'Synthesize, integrate, unify or conceptualize ideas' },\r\n\r\n     ];\r\n\r\n     questions8 = [\r\n         { id: '01', question: 'Working with computers' },\r\n         { id: '02', question: 'Using a business telephone' },\r\n         { id: '03', question: 'Working with budgets' },\r\n         { id: '04', question: 'Account, budget, program or systematize financial data' },\r\n         { id: '05', question: 'Attend to detail, copy, inspect or transcribe' },\r\n         { id: '06', question: 'Setting up and closing out a cash register' },\r\n         { id: '07', question: 'Managing money and bills' },\r\n         { id: '08', question: 'Organizing, filing, updating, categorizing or arranging information' },\r\n         { id: '09', question: 'Writing business documents' },\r\n         { id: '10', question: 'Coordinating events' },\r\n\r\n     ];\r\n\r\n    others = [\r\n        { id: '01' },\r\n        { id: '02' },\r\n        { id: '03' },\r\n    ];\r\n\r\n    textQuestions = [\r\n        { id: '01', question: '1. From the list above, referring to column 2, list your top five or ten favorite skills that you would most enjoy utilizing in your work (even if you are not proficient at them yet). Include the main skill category. '},\r\n        { id: '02', question: '2. Which of the favorite skills listed above do you consider strengths or things that you are very good at (both column 1 and 2 would probably be marked)? Include the main skill category.' },\r\n        { id: '03', question: '3. Which (top five) skills would you like to develop, improve and/or learn (refer to skills marked in column 3)? Include the main skill category.' },\r\n\r\n    ]\r\n\r\n    constructor(private titleService: Title) {\r\n\r\n        this.titleService.setTitle(this.pageTitle);\r\n\r\n    }\r\n    doScroll() {\r\n        window.scrollTo(0, 0);\r\n    }\r\n    doPrint(): void {\r\n        window.print();\r\n    }\r\n}\r\n","module.exports = \"h1 {\\r\\n    font-size: x-large;\\r\\n    font-weight: bold;\\r\\n    padding: 0px;\\r\\n    text-align: left;\\r\\n    margin-bottom: 0px;\\r\\n    margin-top: 25px;\\r\\n    font-family: Rockwell;\\r\\n    font-size: 30px;\\r\\n}\\r\\n\\r\\nh2 {\\r\\n    font-size: x-large;\\r\\n    font-weight: bold;\\r\\n    margin-top: 25px;\\r\\n    margin-bottom: 5px;\\r\\n}\\r\\n\\r\\nli {\\r\\n    margin-top: 5px;\\r\\n    margin-bottom: 5px;\\r\\n}\\r\\n\\r\\nbutton {\\r\\n    color: black;\\r\\n    border-radius: 5px;\\r\\n    border: 2px solid black;\\r\\n    background-color: white;\\r\\n    float: right;\\r\\n    font-size: 15px;\\r\\n}\\r\\n\\r\\n.bordered-outer {\\r\\n    border: 1px solid black;\\r\\n}\\r\\n\\r\\n.bordered {\\r\\n    border: 1px solid black;\\r\\n    padding: 15px;\\r\\n}\\r\\n\\r\\n.container.header {\\r\\n    margin-top: 15px;\\r\\n    border-top: solid 1px;\\r\\n    border-bottom: solid 1px;\\r\\n    overflow: hidden;\\r\\n    clear: right;\\r\\n    float: left;\\r\\n    width: 100%;\\r\\n}\\r\\n\\r\\n.subtitle {\\r\\n    font-family: Rockwell;\\r\\n    margin-top: 5px;\\r\\n    margin-bottom: 5px;\\r\\n    float: left;\\r\\n}\\r\\n\\r\\ndiv.row.header {\\r\\n    margin-bottom: 15px;\\r\\n}\\r\\n\\r\\ncontainer.exercise-content.guide {\\r\\n    font-family: Arial;\\r\\n    padding-right: 20px;\\r\\n}\\r\\n\\r\\n.col-md-12.crumbs {\\r\\n    font-size: 11px;\\r\\n}\\r\\n\\r\\ndiv.container.objectives {\\r\\n    margin-top: 50px;\\r\\n}\\r\\n\\r\\ndiv.container.box {\\r\\n    border: 1px solid;\\r\\n    width: 250px;\\r\\n    float: right;\\r\\n}\\r\\n\\r\\ndiv.container.activity {\\r\\n    margin-top: 20px;\\r\\n}\\r\\n\\r\\n.active {\\r\\n    color: #2C3E50;\\r\\n}\\r\\n\"","module.exports = \"<div class=\\\"container exercise-content guide\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-1']\\\">Unit 1</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-1/lesson-7']\\\">Lesson 7</a></li>\\r\\n                <li class=\\\"active\\\">Lesson Guide</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-1/\\\">Unit 1</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-1/lesson-7/\\\">Lesson 7</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-1/lesson-7/guide/\\\">Lesson Guide</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-1/lesson-7/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n        <div class=\\\"col-md-12\\\"><h1>{{title}}</h1></div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-9\\\">\\r\\n            <h2 class=\\\"subtitle\\\">{{subtitle}}</h2><br /><br />\\r\\n            <div style=\\\"padding-bottom:10px;\\\">\\r\\n                Lesson 7 asks students to bring together their assessment results from the first six lessons of Unit 1 in order to create a more complete and integrated picture of their strengths, preferences, interests, and needs.\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-3 box\\\" style=\\\"border:1px solid black;margin-bottom:10px;\\\">\\r\\n            <i class=\\\"fa fa-folder-open\\\" aria-hidden=\\\"true\\\"></i>\\r\\n            <b>Item to be added to student's Transition Portfolio:</b>\\r\\n            <ul class=\\\"hidden-print\\\">\\r\\n                <li><a [routerLink]=\\\"['/unit-1/lesson-7/synthesize-reflect']\\\">Synthesizing Assessment Results: Bringing It All Together</a></li>\\r\\n            </ul>\\r\\n            <ul class=\\\"visible-print-block\\\">\\r\\n                <li><a href=\\\"https://cctstfolio.com/#/unit-1/lesson-7/synthesize-reflect\\\">Synthesizing Assessment Results: Bringing It All Together</a></li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n            <h2>Lesson Objectives</h2>\\r\\n            <b>Participants will:</b>\\r\\n            <ol>\\r\\n                <li>Analyze and combine connected traits relating to strengths, needs, interests, and preferences.</li>\\r\\n                <li>Describe and illustrate how identified traits represent self.</li>\\r\\n                <li>Complete Synthesizing Assessment Results: Bringing it all Together worksheet.</li>\\r\\n            </ol>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-11\\\">\\r\\n                <h2>Facilitator Notes</h2>\\r\\n                <ul>\\r\\n                    <li>Synthesizing information requires the student to process and interact with the assessment results information. This might include categorizing, analyzing, combining information and ideas, and then relating this information to their experiences and own knowledge of self. Synthesizing is <i>not</i> an activity of simply selecting and copying information.</li>\\r\\n                    <li>As facilitator, <i>this lesson work may require active modeling, I do-we do-you do, and guided practice teaching strategies that match student needs</i>. Consider extending this single lesson into two to three sessions.</li>\\r\\n                    <li><i>With facilitation and prior to this lesson</i>, students should identify and collect other sources of assessment information to have available for this lesson. These sources can include: prior assessment results conducted through the school’s career center, student’s prior grades and transcripts, teacher/parent/sibling completed questionnaires, work performance checklists, on-the-job or training evaluations, observational data, etc.</li>\\r\\n                    <li>A PowerPoint is included with this lesson and can be used as part of a presentation or for your information. It is recommended that you review the PowerPoint (including the Notes section) prior to using the lesson. It can be accessed in either PowerPoint or as a PDF:\\r\\n                        <ul>\\r\\n                            <li><a href=\\\"/img/unit-1/lesson-7/T-Folio_Unit-1_Lesson-7_Synthesize-And-Reflect.pptx\\\">PowerPoint: \\\"Synthesize and Reflect\\\"</a></li>\\r\\n                            <li><a href=\\\"/img/unit-1/lesson-7/T-Folio_Unit-1_Lesson-7_Synthesize-And-Reflect.pdf\\\" target=\\\"_blank\\\">PDF: \\\"Synthesize and Reflect\\\"</a></li>\\r\\n                        </ul>\\r\\n                    </li>\\r\\n                </ul>                   \\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-11\\\">\\r\\n                <div><h2>Introduction</h2></div>\\r\\n                <div><b>Ask</b>:</div>\\r\\n                <div>\\r\\n                    <ul>\\r\\n                        <li>Have you ever tried to put together a 500+ piece jigsaw puzzle?</li>\\r\\n                        <li>What strategies did you use to put it together? (<i>e.g., find and piece together corners and straight edges first, combine like color pieces, examine illustration on box, etc.</i>)</li>\\r\\n                        <li>What skills are you using when putting the puzzle together? (<i>collect information from various sources, problem solving, making connections, etc.</i>)</li>\\r\\n                        <li>Was it challenging? In what ways?</li>\\r\\n                    </ul>\\r\\n                </div>\\r\\n                <div><b>Say</b>: Learning about your interests, needs, preferences, and strengths takes a good deal of thought, self-awareness, and reflection. You will be analyzing your assessment results by connecting your information and ideas that put together a fuller picture of you – a step closer to identifying what you want in life – now and in the future. This process is called <b>synthesizing</b>.</div>\\r\\n                <br /><div>Another way to think about synthesizing is to look at it as putting the pieces of a puzzle together. As the student, you collect the pieces of information from various sources (assessments) and find connections to put together the entire picture.</div>\\r\\n                <br /><div>Like putting together a puzzle, it takes time, thought, reflection, and patience to set goals for your future!</div>                \\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container activity\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-11\\\">\\r\\n                <h2>Activity</h2>\\r\\n                <div><b>Say</b>: Today you will start <i>synthesizing</i>, or connecting common information and ideas, from your completed assessments and other tools that describe you – your strengths, needs, interests, and preferences.</div>\\r\\n                <br /><div>Introduce the <a [routerLink]=\\\"['/unit-1/lesson-7/synthesize-reflect']\\\">Synthesizing Assessment Results: Bringing It All Together worksheet</a>.  Together, read and discuss the directions.</div>\\r\\n                <br /><div>\\r\\n                    <b>Directions</b>: For each of the sections (strengths, needs, preferences and interests) below, you will do the following:\\r\\n                    <ol>\\r\\n                        <li>Select the appropriate assessments and/or tools you will be using to complete the section. <i>Do one section at a time.</i></li>\\r\\n                        <li>As you review the tools results, <span style=\\\"background-color: yellow;\\\">highlight</span> those items that represent the traits pertaining to you.</li>\\r\\n                        <li>Review the traits you have <span style=\\\"background-color: yellow;\\\">highlighted</span> and group them into categories (e.g., social, technical, work conditions, specialty skills, etc.). Enter those categories in the <b>Trait Category</b> column. <i>There are no wrong category labels; create ones that make sense to you!</i></li>\\r\\n                        <li>In the <b>Common Traits</b> column, list three to five common or connected traits that align to each category from your <span style=\\\"background-color: yellow;\\\">highlights</span>.</li>\\r\\n                        <li>In the <b>Combined Trait</b> column, combine all the aspects into one phrase or statement.</li>\\r\\n                        <li>In the last column, explain how the combined trait reflects you and give an example of how it displays itself in your life.</li>\\r\\n                        <li>Complete a minimum of three Trait Categories for each section.</li>\\r\\n                        <li>Finally, for each section, name the assessments and/or tools used in the space provided.</li>\\r\\n                    </ol>\\r\\n                    <ul style=\\\"list-style:url('/img/arrow.png');\\\">\\r\\n                        <li>Please see the <b>Facilitator Notes</b> above to prepare for and guide instruction for this work.</li>\\r\\n                    </ul>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-11\\\">\\r\\n                <h2>Debrief and Guiding Questions</h2>\\r\\n                <ul>\\r\\n                    <li>As a result of this work, what new insights do you have about yourself?</li>\\r\\n                    <li>How might the information learned better inform you in identifying future goals in work, education, independent living?</li>\\r\\n                </ul>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-11\\\">\\r\\n                <h2>Considerations for Accommodation</h2>\\r\\n                <ul><li>Modify activity to have students 'combine' like traits in column two; column three can answer 'what they have in common.'</li></ul>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-11\\\">\\r\\n                <h2>Up Next</h2>\\r\\n                <div>Next, students will have the opportunity to <b>research occupations</b> that are of interest to them while applying their newly acquired self-determined knowledge of themselves (strengths, interests, needs, and preferences).</div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-1/lesson-7/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from '@angular/platform-browser';\r\n\r\n@Component({\r\n    selector: 'unit-one-lesson-seven-guide',\r\n    templateUrl: './_guide.component.html',\r\n    styleUrls: ['./_guide.component.css']\r\n})\r\nexport class UnitOneLessonSevenGuideComponent {\r\n\r\n    pageTitle: string = \"Lesson Guide | Unit 1, Lesson 7 | T-Folio\";\r\n    title: string = \"Lesson Guide\";\r\n    subtitle: string = \"Lesson 7: Synthesize and Reflect\";\r\n\r\n    doPrint(): void {\r\n        window.print();\r\n    }\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n}\r\n","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: 'unit-one-lesson-seven-landing',\r\n    templateUrl: '../../_shared/landing-pages/landing-page.component.html',\r\n    styleUrls: ['../../_shared/landing-pages/landing-page.component.css']\r\n})\r\n\r\nexport class UnitOneLessonSevenLandingComponent {\r\n    title = \"Lesson 7: Synthesize and Reflect\";\r\n    pageTitle = \"Synthesize and Reflect | Unit 1, Lesson 7 | T-Folio\";\r\n    bannerHeader = \"Job Exploration Groundwork: Lesson 7\";\r\n\r\n    openInNewWindow(url: string) {\r\n        window.open(url, '_blank');\r\n    }\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n\r\n    LandingPageData = {\r\n        breadcrumbs: {\r\n            label: \"Lesson 7\",\r\n            crumbs: [\r\n                {\r\n                    route: \"\",\r\n                    linktext: \"T-Folio\"\r\n                },\r\n                {\r\n                    route: \"/unit-1\",\r\n                    linktext: \"Unit 1\"\r\n                }\r\n            ]\r\n        },\r\n        summary: \"Lesson 7 asks students to bring together their assessment results from the first six lessons of Unit 1, in order to create a more complete and integrated picture of their strengths, preferences, interests, and needs.\",\r\n        objectives: [\r\n            \"Analyze and combine connected traits relating to strengths, needs, interests, and preferences.\",\r\n            \"Describe and illustrate how identified traits represent self.\",\r\n            \"Complete Synthesizing Assessment Results: Bringing it all Together worksheet.\",\r\n        ],\r\n        buttons: [\r\n            {\r\n                route: \"/unit-1/lesson-7/guide\",\r\n                linktext: \"Lesson Guide\",\r\n                color: \"btn-success\",\r\n            },\r\n            {\r\n                route: \"/unit-1/lesson-7/synthesize-reflect\",\r\n                linktext: \"Synthesizing Assessment Results: Bringing It All Together\",\r\n                color: \"btn-primary\",\r\n            },\r\n            {\r\n                route: \"/img/unit-1/lesson-7/T-Folio_Unit-1_Lesson-7_Synthesize-And-Reflect.pptx\",\r\n                linktext: \"PowerPoint Presentation\",\r\n                color: \"powerpoint-button\",\r\n                window: true,\r\n            }\r\n        ],\r\n        image: \"/img/unit-1/LESSON 7_nature-laptop-outside-macbook.jpg\",\r\n        imgalt: \"A person holds two tablets, one vertical in front of their face and one horizontal to the left of their face. The person is standing in front of a panoramic blue sky with fluffy clouds, and the screens of the tablets match the sky. There is also a laptop in the right hand corner whose screen also matches the blue sky.\",\r\n        caption: \"by Ed Gregory on\",\r\n        photoLink: \"https://www.pexels.com/photo/nature-laptop-outside-macbook-6508/\",\r\n        source: \"Pexels\",\r\n        sourceLink: \"https://www.pexels.com/\",\r\n        licence: \"CC0 license\",\r\n        licenceLink: \"https://www.pexels.com/photo-license/\",\r\n    }\r\n}\r\n","module.exports = \"label {\\r\\n    font-size: medium;\\r\\n    font-weight:bold;\\r\\n    text-align: right;\\r\\n}\\r\\n\\r\\ndiv.row div {\\r\\n    padding-top:5px;\\r\\n    padding-bottom:5px;\\r\\n}\"","module.exports = \"<div style=\\\"margin-top: 50px; page-break-inside:avoid;\\\"> \\r\\n    <h3>List the names of assessments and/or tools used:</h3>\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-1 col-sm-1\\\">\\r\\n            <label for=\\\"one\\\">1.</label>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-10 col-sm-10\\\">\\r\\n            <input type=\\\"text\\\" id=\\\"one\\\">\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-1 col-sm-1\\\">\\r\\n            <label for=\\\"two\\\">2.</label>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-10 col-sm-10\\\">\\r\\n            <input type=\\\"text\\\" id=\\\"two\\\">\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-1 col-sm-1\\\">\\r\\n            <label for=\\\"three\\\">3.</label>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-10 col-sm-10\\\">\\r\\n            <input type=\\\"text\\\" id=\\\"three\\\">\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-1 col-sm-1\\\">\\r\\n            <label for=\\\"four\\\">4.</label>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-10 col-sm-10\\\">\\r\\n            <input type=\\\"text\\\" id=\\\"four\\\">\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-1 col-sm-1\\\">\\r\\n            <label for=\\\"five\\\">5.</label>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-10 col-sm-10\\\">\\r\\n            <input type=\\\"text\\\" id=\\\"five\\\">\\r\\n        </div>\\r\\n    </div>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\n\r\n@Component({\r\n    selector: 'unit-one-lesson-seven-list-names',\r\n    templateUrl: './_list-names.component.html',\r\n    styleUrls: ['./_list-names.component.css']\r\n})\r\nexport class UnitOneLessonSevenListNamesComponent {\r\n\r\n   \r\n\r\n    doPrint(): void {\r\n        window.print();\r\n    }\r\n}","module.exports = \"h2 {\\r\\n    font-weight: bold;\\r\\n}\\r\\n.border {\\r\\n    border:1px solid black;\\r\\n}\\r\\n.list-group-item {\\r\\n    display: list-item;\\r\\n}\\r\\ntd {\\r\\n    text-align: left;\\r\\n    font-size: medium;\\r\\n    vertical-align:initial;\\r\\n    padding: 0px;\\r\\n}\\r\\ndiv, span, b {\\r\\n    font-size: medium;\\r\\n}\\r\\nlabel {\\r\\n    margin-left: 10px;\\r\\n    white-space: normal;\\r\\n    font-size: medium;\\r\\n    text-align: center;\\r\\n}\\r\\ntextarea {\\r\\n    width: 100%;\\r\\n    font-size: medium;\\r\\n    resize: none;\\r\\n    font-weight: normal;\\r\\n    font-family: Arial,sans-serif;\\r\\n}\\r\\n.centered {\\r\\n    text-align: center;\\r\\n}\\r\\n.textarea-grid {\\r\\n    margin-top: 20px;\\r\\n}\\r\\n.textarea-grid textarea {\\r\\n    border: none;\\r\\n}\\r\\n.textarea-header {\\r\\n    text-align: center;\\r\\n    font-size: medium;\\r\\n    font-weight: bold;\\r\\n}\\r\\n.completion-question-label {\\r\\n    font-size: medium;\\r\\n    margin-top: 15px;\\r\\n}\\r\\n.header {\\r\\n    display: block;\\r\\n}\\r\\n.example-text {\\r\\n    font-weight: normal;\\r\\n}\\r\\nlabel {\\r\\n    margin-left: 10px;\\r\\n    white-space: normal;\\r\\n    font-size: medium;\\r\\n}\\r\\ninput[type='text'] {\\r\\n    border: 1px solid black;\\r\\n    width: 100px;\\r\\n    text-align: center;\\r\\n}\\r\\n.header-cell label {\\r\\n    margin-bottom: 5px;\\r\\n    font-size: medium;\\r\\n    font-weight: bold;\\r\\n}\\r\\n.header-secondary {\\r\\n    display: none;\\r\\n}\\r\\n.editor {\\r\\n    height: 75px;\\r\\n    font-weight: bold;\\r\\n    min-width: 100%;\\r\\n    word-break: break-all;\\r\\n}\\r\\n.active {\\r\\n    color: #2C3E50;\\r\\n}\\r\\ntextarea {\\r\\n    width: 100%;\\r\\n    font-size: medium;\\r\\n    resize: none;\\r\\n}\\r\\n.textarea-grid textarea {\\r\\n    border: none;\\r\\n}\\r\\n.textarea-header label {\\r\\n    margin-bottom: 5px;\\r\\n    font-size: medium;\\r\\n    font-weight: bold;\\r\\n}\\r\\ndiv.row-fluid > div.col-md-2, div.row-fluid > div.col-md-3, div.row-fluid > div.col-md-4 {\\r\\n    padding: 0px;\\r\\n}\\r\\nth {\\r\\n    text-align:center;\\r\\n}\\r\\n@media screen and (min-width: 992px) {\\r\\n\\r\\n    .textarea-header-secondary {\\r\\n        display: none;\\r\\n    }\\r\\n\\r\\n    .row-fluid {\\r\\n        display: flex;\\r\\n    }\\r\\n\\r\\n    table tbody tr td {\\r\\n        border: 1px solid black;\\r\\n    }\\r\\n\\r\\n    .textarea-grid div.row-fluid {\\r\\n        border: none;\\r\\n    }\\r\\n\\r\\n    .textarea-grid div.row-fluid div.col-md-3,\\r\\n    .textarea-grid div.row-fluid div.col-md-2,\\r\\n    .textarea-grid div.row-fluid div.col-md-4 {\\r\\n        border-top: 1px solid black;\\r\\n        border-left: 1px solid black;\\r\\n    }\\r\\n\\r\\n    div.textarea-grid-last-row {\\r\\n        border-bottom: 1px solid black;\\r\\n    }\\r\\n\\r\\n    div.textarea-grid-last-col {\\r\\n        border-right: 1px solid black;\\r\\n    }\\r\\n\\r\\n    #small-view {\\r\\n        display: none;\\r\\n    }\\r\\n\\r\\n    .editor {\\r\\n        min-width: 100%;\\r\\n        max-width: 100%;\\r\\n    }\\r\\n\\r\\n    .textarea-header-secondary {\\r\\n        display: none;\\r\\n    }\\r\\n\\r\\n    .textarea-grid div.row {\\r\\n        border: none;\\r\\n    }\\r\\n    .secondary-table-header {\\r\\n        display:none;\\r\\n    }\\r\\n}\\r\\n@media screen and (max-width: 992px) {\\r\\n\\r\\n    .textarea-header-secondary {\\r\\n        display: block;\\r\\n        text-align: center;\\r\\n        margin-bottom: 5px;\\r\\n    }\\r\\n\\r\\n    .textarea-grid div.row {\\r\\n        border: 1px solid black;\\r\\n    }\\r\\n\\r\\n    div.textarea-grid-last-row, div.textarea-grid-last-col, .textarea-grid div.row div.col-md-3 {\\r\\n        border: none;\\r\\n    }\\r\\n\\r\\n    .header div {\\r\\n        display: none;\\r\\n    }\\r\\n\\r\\n    #small-view {\\r\\n        display: block;\\r\\n    }\\r\\n    .small-top-border {\\r\\n        border-bottom:none;\\r\\n\\r\\n    }\\r\\n    .small-bottom-border {\\r\\n        border-top:none;\\r\\n    }\\r\\n    .small-middle-border {\\r\\n        border-top:none;\\r\\n        border-bottom:none;\\r\\n    }\\r\\n\\r\\n    td.editor {\\r\\n        border:none;\\r\\n    }\\r\\n\\r\\n    div.row-fluid {\\r\\n        border: 1px solid black;\\r\\n        margin: 5px;\\r\\n    }\\r\\n\\r\\n    table,\\r\\n    thead,\\r\\n    tbody,\\r\\n    th,\\r\\n    td,\\r\\n    tr {\\r\\n        display: -ms-grid;\\r\\n        display: grid;\\r\\n    }\\r\\n\\r\\n    tr {\\r\\n        margin-top: 5px;\\r\\n    }\\r\\n\\r\\n    .input-row > td.due-date-cell {\\r\\n        padding-bottom: 5px;\\r\\n    }\\r\\n\\r\\n    .textarea-top-row {\\r\\n        display: none;\\r\\n    }\\r\\n\\r\\n    .textarea-grid div.row > div > textarea {\\r\\n        border: 1px solid black;\\r\\n    }\\r\\n\\r\\n    .textarea-text {\\r\\n        font-weight: bold;\\r\\n    }\\r\\n\\r\\n    .textarea-grid div.row {\\r\\n        border: 1px solid black;\\r\\n    }\\r\\n\\r\\n    div.textarea-grid-last-row, div.textarea-grid-last-col, .textarea-grid div.row > div {\\r\\n        border: none;\\r\\n    }\\r\\n\\r\\n    .editor {\\r\\n        min-height: 75px;\\r\\n        height: initial;\\r\\n    }\\r\\n\\r\\n    th {\\r\\n        font-weight:normal;\\r\\n    }\\r\\n    .primary-table-header {\\r\\n        display:none;\\r\\n    }\\r\\n    .secondary-table-header {\\r\\n        display: normal;\\r\\n        vertical-align: text-top;\\r\\n    }\\r\\n\\r\\n    .small-example-padding {\\r\\n        padding-top: 5px;\\r\\n    }\\r\\n}\\r\\n@media print {\\r\\n\\r\\n    .print-visible {\\r\\n        visibility: visible;\\r\\n    }\\r\\n\\r\\n    .not-print-visible {\\r\\n        display: none;\\r\\n    }\\r\\n\\r\\n    .textarea-header-secondary {\\r\\n        display: none;\\r\\n    }\\r\\n\\r\\n    textarea::-webkit-input-placeholder {\\r\\n        visibility: hidden;\\r\\n    }\\r\\n\\r\\n    .textarea-header-secondary {\\r\\n        display: none;\\r\\n    }\\r\\n    .editor {\\r\\n        border: 1px solid black;\\r\\n    }\\r\\n    .row-fluid {\\r\\n        display: flex;\\r\\n    }\\r\\n    .editor, th.border {\\r\\n        float:initial!important;\\r\\n    }\\r\\n\\r\\n    #small-view {\\r\\n        display: none;\\r\\n    }\\r\\n}\\r\\n\"","module.exports = \"<table style=\\\"page-break-inside:avoid\\\">\\r\\n    <tbody style=\\\"font-size: x-large;margin-top: 25px;margin-bottom: 10px; font-weight:bold; text-align:center;\\\">\\r\\n        {{name}}\\r\\n    </tbody>\\r\\n    <tr class=\\\"primary-table-header\\\" style=\\\"vertical-align:text-top;\\\">\\r\\n        <th class=\\\"small-top-border border col-md-2\\\">\\r\\n            Trait Category <br /><br />\\r\\n            <div class=\\\"example-text\\\">\\r\\n                {{traitCategory}}\\r\\n            </div>\\r\\n        </th>\\r\\n        <th class=\\\"small-middle-border border col-md-4\\\">\\r\\n            Common Traits <br /><br />\\r\\n            <div class=\\\"example-text\\\">\\r\\n                {{CommonTraitsOne}}<br />\\r\\n                {{CommonTraitsTwo}}<br />\\r\\n                {{CommonTraitsThree}}<br />\\r\\n                {{CommonTraitsFour}}<br />\\r\\n                {{CommonTraitsFive}}\\r\\n            </div>\\r\\n        </th>\\r\\n        <th class=\\\"small-middle-border border col-md-3\\\">\\r\\n            Combined Trait <br />\\r\\n            (Statement or phrase) <br /><br />\\r\\n            <div class=\\\"example-text\\\">\\r\\n                {{combinedTrait}}\\r\\n            </div>\\r\\n        </th>\\r\\n        <th class=\\\"small-bottom-border border col-md-3\\\">\\r\\n            How the Trait Reflects Me <br /><br />\\r\\n            <div class=\\\"example-text\\\">\\r\\n                {{reflectMe}}\\r\\n            </div>\\r\\n        </th>\\r\\n    </tr>\\r\\n\\r\\n    <tr class=\\\"secondary-table-header not-print-visible\\\">\\r\\n        <th class=\\\"small-top-border border col-md-2\\\">\\r\\n            Trait Category <br />\\r\\n            <div class=\\\"example-text small-example-padding\\\">\\r\\n                {{traitCategory}}\\r\\n            </div>\\r\\n            <br />\\r\\n        </th>\\r\\n        <th class=\\\"small-middle-border border col-md-4\\\">\\r\\n            Common Traits\\r\\n            <div class=\\\"example-text small-example-padding\\\">\\r\\n                {{CommonTraitsOne}}\\r\\n                {{CommonTraitsTwo}}<br />\\r\\n                {{CommonTraitsThree}}<br />\\r\\n                {{CommonTraitsFour}}\\r\\n                {{CommonTraitsFive}}\\r\\n            </div>\\r\\n            <br />\\r\\n        </th>\\r\\n        <th class=\\\"small-middle-border border col-md-3\\\">\\r\\n            Combined Trait <br />\\r\\n            (Statement or phrase)<br />\\r\\n            <div class=\\\"example-text small-example-padding\\\">\\r\\n                {{combinedTrait}}\\r\\n            </div>\\r\\n            <br />\\r\\n        </th>\\r\\n        <th class=\\\"small-bottom-border border col-md-3\\\">\\r\\n            How the Trait <br />\\r\\n            Reflects Me + Example <br />\\r\\n            <div class=\\\"example-text small-example-padding\\\">\\r\\n                {{reflectMe}}\\r\\n            </div>\\r\\n        </th>\\r\\n    </tr>\\r\\n    <tr class=\\\"border\\\">\\r\\n        <td class=\\\"textarea-header-secondary\\\">Trait Category</td>\\r\\n        <td contenteditable=\\\"true\\\" class=\\\"col-md-2 col-sm-2 editor\\\"></td>\\r\\n        <td class=\\\"textarea-header-secondary\\\">Common Traits</td>\\r\\n        <td contenteditable=\\\"true\\\" class=\\\"col-md-4 col-sm-4 editor\\\"></td>\\r\\n        <td class=\\\"textarea-header-secondary\\\">Combined Traits (Statement or phrase)</td>\\r\\n        <td contenteditable=\\\"true\\\" class=\\\"col-md-3 col-sm-3 editor\\\"></td>\\r\\n        <td class=\\\"textarea-header-secondary\\\">How the Trait Reflects Me + Example</td>\\r\\n        <td contenteditable=\\\"true\\\" class=\\\"col-md-3 col-sm-3 editor\\\"></td>\\r\\n    </tr>\\r\\n    <tr class=\\\"border\\\">\\r\\n        <td class=\\\"textarea-header-secondary\\\">Trait Category</td>\\r\\n        <td contenteditable=\\\"true\\\" class=\\\"col-md-2 col-sm-2 editor\\\"></td>\\r\\n        <td class=\\\"textarea-header-secondary\\\">Common Traits</td>\\r\\n        <td contenteditable=\\\"true\\\" class=\\\"col-md-4 col-sm-4 editor\\\"></td>\\r\\n        <td class=\\\"textarea-header-secondary\\\">Combined Traits (Statement or phrase)</td>\\r\\n        <td contenteditable=\\\"true\\\" class=\\\"col-md-3 col-sm-3 editor\\\"></td>\\r\\n        <td class=\\\"textarea-header-secondary\\\">How the Trait Reflects Me + Example</td>\\r\\n        <td contenteditable=\\\"true\\\" class=\\\"col-md-3 col-sm-3 editor\\\"></td>\\r\\n    </tr>\\r\\n    <tr class=\\\"border\\\">\\r\\n        <td class=\\\"textarea-header-secondary\\\">Trait Category</td>\\r\\n        <td contenteditable=\\\"true\\\" class=\\\"col-md-2 col-sm-2 editor\\\"></td>\\r\\n        <td class=\\\"textarea-header-secondary\\\">Common Traits</td>\\r\\n        <td contenteditable=\\\"true\\\" class=\\\"col-md-4 col-sm-4 editor\\\"></td>\\r\\n        <td class=\\\"textarea-header-secondary\\\">Combined Traits (Statement or phrase)</td>\\r\\n        <td contenteditable=\\\"true\\\" class=\\\"col-md-3 col-sm-3 editor\\\"></td>\\r\\n        <td class=\\\"textarea-header-secondary\\\">How the Trait Reflects Me + Example</td>\\r\\n        <td contenteditable=\\\"true\\\" class=\\\"col-md-3 col-sm-3 editor\\\"></td>\\r\\n    </tr>\\r\\n    <tr class=\\\"border\\\">\\r\\n        <td class=\\\"textarea-header-secondary\\\">Trait Category</td>\\r\\n        <td contenteditable=\\\"true\\\" class=\\\"col-md-2 col-sm-2 editor\\\"></td>\\r\\n        <td class=\\\"textarea-header-secondary\\\">Common Traits</td>\\r\\n        <td contenteditable=\\\"true\\\" class=\\\"col-md-4 col-sm-4 editor\\\"></td>\\r\\n        <td class=\\\"textarea-header-secondary\\\">Combined Traits (Statement or phrase)</td>\\r\\n        <td contenteditable=\\\"true\\\" class=\\\"col-md-3 col-sm-3 editor\\\"></td>\\r\\n        <td class=\\\"textarea-header-secondary\\\">How the Trait Reflects Me + Example</td>\\r\\n        <td contenteditable=\\\"true\\\" class=\\\"col-md-3 col-sm-3 editor\\\"></td>\\r\\n    </tr>\\r\\n    <tr class=\\\"border\\\">\\r\\n        <td class=\\\"textarea-header-secondary\\\">Trait Category</td>\\r\\n        <td contenteditable=\\\"true\\\" class=\\\"col-md-2 col-sm-2 editor\\\"></td>\\r\\n        <td class=\\\"textarea-header-secondary\\\">Common Traits</td>\\r\\n        <td contenteditable=\\\"true\\\" class=\\\"col-md-4 col-sm-4 editor\\\"></td>\\r\\n        <td class=\\\"textarea-header-secondary\\\">Combined Traits (Statement or phrase)</td>\\r\\n        <td contenteditable=\\\"true\\\" class=\\\"col-md-3 col-sm-3 editor\\\"></td>\\r\\n        <td class=\\\"textarea-header-secondary\\\">How the Trait Reflects Me + Example</td>\\r\\n        <td contenteditable=\\\"true\\\" class=\\\"col-md-3 col-sm-3 editor\\\"></td>\\r\\n    </tr>\\r\\n\\r\\n</table>\\r\\n\"","import { Component, Input, OnInit } from \"@angular/core\";\r\n\r\ndeclare let $;\r\n\r\n@Component({\r\n    selector: 'unit-one-lesson-seven-textarea-block',\r\n    templateUrl: './_textarea-block.component.html',\r\n    styleUrls: ['./_textarea-block.component.css']\r\n})\r\nexport class UnitOneLessonSevenTextareaBlockComponent implements OnInit {\r\n\r\n    @Input() name: string;\r\n    @Input() traitCategory: string;\r\n    @Input() CommonTraitsOne :string; \r\n    @Input() CommonTraitsTwo: string;\r\n    @Input() CommonTraitsThree: string;\r\n    @Input() CommonTraitsFour: string;\r\n    @Input() CommonTraitsFive: string;\r\n    @Input() combinedTrait: string;\r\n    @Input() reflectMe: string;\r\n    @Input() headerHeight: string; \r\n\r\n    tname: string = \"TEST!\";\r\n\r\n    ngOnInit() {\r\n        //var na = document.getElementById(\"synthesizing-textarea-05\");\r\n        //var af = document.createAttribute(\"autofocus\");\r\n        //af.value = \"autofocus\";\r\n        //na.attributes.setNamedItem(af);\r\n    }\r\n\r\n    onChange($event) {\r\n\r\n        var textareaObject = $('#'+$event.target.id);\r\n\r\n        textareaObject.val('');\r\n        textareaObject.removeClass('not-print-visible');\r\n        textareaObject.addClass('print-visible');\r\n        \r\n\r\n        /*\r\n        var na = document.getElementById(\"synthesizing-textarea-01\");\r\n        na.innerHTML = '';\r\n        */\r\n\r\n\r\n    }\r\n\r\n    doPrint(): void {\r\n        window.print();\r\n    }\r\n}\r\n","module.exports = \"/* if desktop */\\r\\n.mobile_device_480px {\\r\\n    display: none;\\r\\n}\\r\\n.list-group-item {\\r\\n    display: list-item;\\r\\n}\\r\\ntd {\\r\\n    text-align: center;\\r\\n    font-size: large;\\r\\n}\\r\\n.table-bordered {\\r\\n    color: black;\\r\\n}\\r\\ndiv, span, b {\\r\\n    font-size: medium;\\r\\n}\\r\\nlabel {\\r\\n    margin-left: 10px;\\r\\n    white-space: normal;\\r\\n    font-size: medium;\\r\\n    text-align: center;\\r\\n}\\r\\ntextarea {\\r\\n    width: 100%;\\r\\n    font-size: medium;\\r\\n    resize: none;\\r\\n}\\r\\ndiv.row div {\\r\\n    padding-top: 5px;\\r\\n    padding-bottom: 5px;\\r\\n}\\r\\n.bordered {\\r\\n    border: 1px solid black;\\r\\n}\\r\\n.centered {\\r\\n    text-align: center;\\r\\n}\\r\\n.textarea-grid {\\r\\n    margin-top: 50px;\\r\\n}\\r\\n.textarea-grid textarea {\\r\\n    border: none;\\r\\n}\\r\\n.textarea-header {\\r\\n    text-align: center;\\r\\n    font-size: medium;\\r\\n    font-weight: bold;\\r\\n}\\r\\n.completion-question-label {\\r\\n    font-size: medium;\\r\\n    margin-top: 15px;\\r\\n}\\r\\n.header {\\r\\n    display: block;\\r\\n}\\r\\n@media screen and (max-device-width: 480px) {\\r\\n    .mobile_device_480px {\\r\\n        display: block;\\r\\n        text-align: center; \\r\\n    }\\r\\n\\r\\n    .desktop {\\r\\n        display: none;\\r\\n    }\\r\\n}\\r\\n@media print and (max-device-width: 480px ){\\r\\n    .mobile_device_480px {\\r\\n        display: block !important;\\r\\n        margin-left: auto;\\r\\n        margin-right: auto;\\r\\n    }\\r\\n\\r\\n    #table1 {\\r\\n        width: 70%;\\r\\n        margin-left: 15%;\\r\\n        margin-right: 15%;\\r\\n    }\\r\\n\\r\\n\\r\\n    .desktop {\\r\\n        display: none !important;\\r\\n    }\\r\\n}\\r\\n@media print {\\r\\n\\r\\n    .textarea-header-secondary {\\r\\n        display: none;\\r\\n    }\\r\\n\\r\\n    .textarea-grid div.row {\\r\\n        border: none;\\r\\n    }\\r\\n\\r\\n    .textarea-grid div.row div.col-md-3 {\\r\\n        border-top: 1px solid black;\\r\\n        border-left: 1px solid black;\\r\\n    }\\r\\n\\r\\n        .textarea-grid div.row div.col-md-2 {\\r\\n            border-top: 1px solid black;\\r\\n            border-left: 1px solid black;\\r\\n        }\\r\\n\\r\\n        .textarea-grid div.row div.col-md-4 {\\r\\n            border-top: 1px solid black;\\r\\n            border-left: 1px solid black;\\r\\n        }\\r\\n\\r\\n    div.textarea-grid-last-row {\\r\\n        border-bottom: 1px solid black;\\r\\n    }\\r\\n\\r\\n    div.textarea-grid-last-col {\\r\\n        border-right: 1px solid black;\\r\\n    }\\r\\n}\\r\\n@media screen and (min-width: 992px) {\\r\\n\\r\\n    .textarea-header-secondary {\\r\\n        display: none;\\r\\n    }\\r\\n\\r\\n    .textarea-grid div.row {\\r\\n        border: none;\\r\\n    }\\r\\n\\r\\n\\r\\n}\\r\\n@media screen and (max-width: 992px) {\\r\\n\\r\\n    .textarea-header-secondary {\\r\\n        display: block;\\r\\n        text-align: center;\\r\\n        margin-bottom: 5px;\\r\\n    }\\r\\n\\r\\n    \\r\\n    .textarea-grid div.row {\\r\\n        border: 1px solid black;\\r\\n    }\\r\\n\\r\\n    .textarea-grid div.row div.col-md-3 {\\r\\n            border: none;\\r\\n    }\\r\\n\\r\\n    div.textarea-grid-last-row {\\r\\n        border: none;\\r\\n    }\\r\\n\\r\\n    div.textarea-grid-last-col {\\r\\n        border: none;\\r\\n    }\\r\\n\\r\\n    .header {\\r\\n        display:none; \\r\\n    }\\r\\n}\\r\\n.active {\\r\\n    color: #2C3E50;\\r\\n}\\r\\n\"","module.exports = \"<div class=\\\"container exercise-content\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-1']\\\">Unit 1</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-1/lesson-7']\\\">Lesson 7</a></li>\\r\\n                <li class=\\\"active\\\">{{title}}</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-1/\\\">Unit 1</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-1/lesson-7/\\\">Lesson 7</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-1/lesson-7/synthesize-reflect/\\\">{{title}}</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-1/lesson-7/synthesize reflect'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <tfolio-heading></tfolio-heading>\\r\\n    <tfolio-page-title content=\\\"{{title}}\\\"></tfolio-page-title>\\r\\n    <tfolio-directions identifier=\\\"synthesize-reflect\\\" tag=\\\"Directions\\\" [padBottom]=\\\"true\\\">\\r\\n        <span>\\r\\n            For each of the sections (strengths, needs, preferences, and interests) below, you will do the following:\\r\\n        </span>\\r\\n    </tfolio-directions>\\r\\n    <ol>\\r\\n        <li *ngFor=\\\"let content of orderedListContent\\\" style=\\\"margin-bottom:5px;\\\">\\r\\n            {{content.content}}\\r\\n        </li>\\r\\n    </ol>\\r\\n    Tips:\\r\\n    <ul>\\r\\n        <li *ngFor=\\\"let content of tipsContent\\\" style=\\\"margin-bottom:5px;\\\">\\r\\n            {{content.content}}\\r\\n        </li>\\r\\n    </ul>\\r\\n\\r\\n    <div *ngFor=\\\"let text of textContent\\\" style=\\\"margin-top:10px;\\\">\\r\\n        <unit-one-lesson-seven-textarea-block name=\\\"{{text.name}}\\\"\\r\\n                                              traitCategory=\\\"{{text.traitCategory}}\\\"\\r\\n                                              CommonTraitsOne=\\\"{{text.CommonTraitsOne}}\\\"\\r\\n                                              CommonTraitsTwo=\\\"{{text.CommonTraitsTwo}}\\\"\\r\\n                                              CommonTraitsThree=\\\"{{text.CommonTraitsThree}}\\\"\\r\\n                                              CommonTraitsFour=\\\"{{text.CommonTraitsFour}}\\\"\\r\\n                                              CommonTraitsFive=\\\"{{text.CommonTraitsFive}}\\\"\\r\\n                                              combinedTrait=\\\"{{text.combinedTrait}}\\\"\\r\\n                                              reflectMe=\\\"{{text.reflectMe}}\\\"\\r\\n                                              headerHeight=\\\"{{text.headerHeight}}\\\">\\r\\n        </unit-one-lesson-seven-textarea-block>\\r\\n        <unit-one-lesson-seven-list-names></unit-one-lesson-seven-list-names>\\r\\n    </div>\\r\\n\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-1/lesson-7/synthesize reflect'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from '@angular/platform-browser';\r\n\r\n@Component({\r\n    selector: 'unit-one-lesson-seven-synthesize-reflect',\r\n    templateUrl: './synthesize-reflect.component.html',\r\n    styleUrls: ['./synthesize-reflect.component.css']\r\n})\r\nexport class UnitOneLessonSevenSynthesizeReflectComponent {\r\n\r\n    title: string = \"Synthesizing Assessment Results: Bringing It All Together\";\r\n    pageTitle: string = this.title + \" | Unit 1, Lesson 7 | T-Folio\";\r\n\r\n    orderedListContent = [\r\n        { id: '01', content: ' Select the appropriate assessments and/ or tools you will be using to complete the section. Do one section at a time.' },\r\n        { id: '02', content: ' As you review the tools results, highlight those items that represent the traits pertaining to you.' },\r\n        { id: '03', content: ' Review the traits you have highlighted and group them into categories (e.g., interpersonal skills, interacting with others, work environment, etc.). Enter those categories in the Trait Category column. There are no wrong category labels; create ones that make sense to you!' },\r\n        { id: '04', content: ' In the Common Traits column, list three to five common or connected traits that align to each category from your highlights.' },\r\n        { id: '05', content: ' In the Combined Trait column, combine all the aspects into one phrase or statement.' },\r\n        { id: '06', content: ' In the last column, explain how the combined trait reflects you and give an example of how it displays itself in your life.' },\r\n        { id: '07', content: ' Complete a minimum of three Trait Categories for each section.' },\r\n        { id: '08', content: ' Finally, for each section, name the assessments and/or tools used in the space provided.' },\r\n    ]\r\n\r\n    tipsContent = [\r\n        { id: '01', content: ' For each section (strengths, needs, preferences, interests), use a different color highlighter with the selected assessments/tools when reviewing your results.' },\r\n        { id: '02', content: ' If you had to describe your traits to a person who you just met, what are the top attributes you would want them to know about you?' },\r\n\r\n    ]\r\n\r\n    textContent = [\r\n        {\r\n            id: '01', name: 'Strengths', traitCategory: '(e.g., Interpersonal Skills.)',\r\n            CommonTraitsOne: '(e.g., Work well with others.',\r\n            CommonTraitsTwo: 'Enjoy being around others.',\r\n            CommonTraitsThree: 'Get along with classmates outside class.',\r\n            CommonTraitsFour: 'Respect individual differences.',\r\n            CommonTraitsFive: 'Make new friends easily.)',\r\n            combinedTrait: '(e.g. I have strong interpersonal skills and I value and enjoy being with other people.)',\r\n            reflectMe: '(e.g. I am a friendly person and enjoy meeting new people. I am the team lead on the FPHS Welcoming Committee at my school.)',\r\n            headerHeight: '215px',\r\n        },\r\n        {\r\n            id: '02', name: 'Needs', traitCategory: '(e.g., Interacting with others.)',\r\n            CommonTraitsOne: '(e.g., Difficult to ask for help.',\r\n            CommonTraitsTwo: 'Easily embarrassed.',\r\n            CommonTraitsThree: 'Shy around others.',\r\n            CommonTraitsFour: 'Difficult to make new friends.)',\r\n            CommonTraitsFive: '',\r\n            combinedTrait: '(e.g., I have challenges with interacting with others, especially those I do not know well.)',\r\n            reflectMe: '(e.g., I have to plan ahead and practice initiating conversations or asking for help to address my less confident, hesitant self.  I use my pre-written scripts to help me engage with others.)',\r\n            headerHeight: '250px',\r\n        },\r\n        {\r\n            id: '03', name: 'Preferences', traitCategory: '(e.g., Work Environment.)',\r\n            CommonTraitsOne: '(e.g., Prefer being outdoors in all kinds of weather.',\r\n            CommonTraitsTwo: 'Being in nature.',\r\n            CommonTraitsThree: 'Learning about agriculture and forestry.',\r\n            CommonTraitsFour: 'Physical labor.)',\r\n            CommonTraitsFive: '',\r\n            combinedTrait: '(e.g., I prefer being part of nature and performing physically demanding work to protect and maintain our natural environments.)',\r\n            reflectMe: '(e.g., Being outdoors doing demanding work and giving back to the environment is what I really enjoy. I maintain my family acreage.)',\r\n            headerHeight: '200px',  \r\n        },\r\n\r\n        {\r\n            id: '04', name: 'Interests', traitCategory: '(e.g., Culinary  Creativity.)',\r\n            CommonTraitsOne: '(e.g., Serving others.',\r\n            CommonTraitsTwo: 'Enjoy being around others.',\r\n            CommonTraitsThree: 'Trying new foods from different cultures.',\r\n            CommonTraitsFour: 'Hands on activities.)',\r\n            CommonTraitsFive: '',\r\n            combinedTrait: '(e.g., I have a high interest in creating and learning about foods through experimenting and sharing dishes with others.)',\r\n            reflectMe: '(e.g., I do my best when I can use my hands, tap into my creative side and serve others.  I routinely make new and innovative meals for my family.)',\r\n            headerHeight: '215px',\r\n        },\r\n\r\n    ]\r\n\r\n    constructor(private titleService: Title) {\r\n\r\n        this.titleService.setTitle(this.pageTitle);\r\n\r\n    }\r\n\r\n    doPrint(): void {\r\n        window.print();\r\n    }\r\n}\r\n","module.exports = \"h1 {\\r\\n    font-size: x-large;\\r\\n    font-weight: bold;\\r\\n    padding: 0px;\\r\\n    text-align: left;\\r\\n    margin-bottom: 0px;\\r\\n    margin-top: 25px;\\r\\n    font-family: Rockwell;\\r\\n    font-size: 30px;\\r\\n}\\r\\n\\r\\nh2 {\\r\\n    font-size: x-large;\\r\\n    font-weight: bold;\\r\\n    margin-top: 25px;\\r\\n    margin-bottom: 5px;\\r\\n}\\r\\n\\r\\nli {\\r\\n    margin-top: 5px;\\r\\n    margin-bottom: 5px;\\r\\n}\\r\\n\\r\\nbutton {\\r\\n    color: black;\\r\\n    border-radius: 5px;\\r\\n    border: 2px solid black;\\r\\n    background-color: white;\\r\\n    float: right;\\r\\n    font-size: 15px;\\r\\n}\\r\\n\\r\\n.bordered-outer {\\r\\n    border: 1px solid black;\\r\\n}\\r\\n\\r\\n.bordered {\\r\\n    border: 1px solid black;\\r\\n    padding: 15px;\\r\\n}\\r\\n\\r\\n.container.header {\\r\\n    margin-top: 15px;\\r\\n    border-top: solid 1px;\\r\\n    border-bottom: solid 1px;\\r\\n    overflow: hidden;\\r\\n    clear: right;\\r\\n    float: left;\\r\\n    width: 100%;\\r\\n}\\r\\n\\r\\n.subtitle {\\r\\n    font-family: Rockwell;\\r\\n    margin-top: 5px;\\r\\n    margin-bottom: 5px;\\r\\n    float: left;\\r\\n}\\r\\n\\r\\ndiv.row.header {\\r\\n    margin-bottom: 15px;\\r\\n}\\r\\n\\r\\ncontainer.exercise-content.guide {\\r\\n    font-family: Arial;\\r\\n    padding-right: 20px;\\r\\n}\\r\\n\\r\\n.col-md-12.crumbs {\\r\\n    font-size: 11px;\\r\\n}\\r\\n\\r\\ndiv.container.objectives {\\r\\n    margin-top: 50px;\\r\\n}\\r\\n\\r\\ndiv.container.box {\\r\\n    border: 1px solid;\\r\\n    width: 250px;\\r\\n    float: right;\\r\\n}\\r\\n\\r\\ndiv.container.activity {\\r\\n    margin-top: 20px;\\r\\n}\\r\\n\\r\\n.active {\\r\\n    color: #2C3E50;\\r\\n}\"","module.exports = \"<div class=\\\"container exercise-content guide\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-1']\\\">Unit 1</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-1/lesson-8']\\\">Lesson 8</a></li>\\r\\n                <li class=\\\"active\\\">Lesson Guide</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-1/\\\">Unit 1</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-1/lesson-8/\\\">Lesson 8</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-1/lesson-8/guide/\\\">Lesson Guide</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-1/lesson-8/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n        <div class=\\\"col-md-12\\\"><h1>{{title}}</h1></div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-9\\\">\\r\\n            <h2 class=\\\"subtitle\\\">{{subtitle}}</h2><br /><br />\\r\\n            <div style=\\\"padding-bottom:10px;\\\">\\r\\n                Students will use the information gathered in Lesson 7 in order to begin researching the occupations that they feel are the best match for them.\\r\\n                They will then reflect on the results of their research in order to evaluate what they have learned in relation to what they know about themselves.\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-3 box\\\" style=\\\"border:1px solid black;\\\">\\r\\n            <i class=\\\"fa fa-folder-open\\\" aria-hidden=\\\"true\\\"></i>\\r\\n            <b>Item to be added to student's Transition Portfolio:</b>\\r\\n            <ul class=\\\"hidden-print\\\">\\r\\n                <li>Three <a [routerLink]=\\\"['/unit-1/lesson-8/researching-occupation']\\\">Career Research Worksheets</a></li>\\r\\n            </ul>\\r\\n            <ul class=\\\"visible-print-block\\\">\\r\\n                <li>Three <a href=\\\"https://cctstfolio.com/#/unit-1/lesson-8/researching-occupation\\\">Career Research Worksheets</a></li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n            <h2>Lesson Objectives</h2>\\r\\n            <b>Participants will:</b>\\r\\n            <ol>\\r\\n                <li>Identify potential careers of interest.</li>\\r\\n                <li>Identify critical information for researching careers.</li>\\r\\n                <li>Research careers using critical information areas.</li>\\r\\n                <li>Self-evaluate researched careers and their fit for personal interests, skills, and abilities.</li>\\r\\n            </ol>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-11\\\">\\r\\n                <h2>Facilitator Notes</h2>                \\r\\n                <ul>\\r\\n                    <li>\\r\\n                        Job, occupation, and career are often used interchangeably to describe the work a person performs; however, they actually mean different things:\\r\\n                        <ul>\\r\\n                            <li>A <b>job</b> refers to the specific position in which a person is employed (<i>e.g. Chief of Surgery, framing carpenter at We Build It Construction, lab assistant at Drug Co Pharmaceuticals</i>).</li>\\r\\n                            <li>An <b>occupation</b> is a wide category of jobs that have similar characteristics, such as types of skills, education and training, work responsibilities, and typical wages. A person can work at his or her occupation for different employers (<i>e.g. doctor, carpenter, biotechnologist</i>).</li>\\r\\n                            <li>\\r\\n                                A <b>career</b> is the body of work – all jobs and occupations – and life experiences that a person experiences (including education, training and volunteering, etc.) during his or her lifetime.\\r\\n                                <br />&emsp;&emsp;&emsp;(Adapted from: <a href=\\\"http://il.jobseekersguide.org/difference\\\" target=\\\"_blank\\\">Is a Job the Same as a Career?</a>, <i>The Career Gateway</i>)\\r\\n                            </li>\\r\\n                        </ul>\\r\\n                    </li>\\r\\n                    <li>For the purpose of this lesson, the terms “career” and “occupation” will be used interchangeably to match the language variations on the websites to be used for student research.</li>\\r\\n                    <li><a [routerLink]=\\\"['/unit-1/lesson-3']\\\">Unit 1: Lesson 3</a> provided students with an opportunity to assess their interests and explore career clusters and/or careers that matched their assessment results. These results can be used to further their work in this lesson.</li>\\r\\n                    <li><a href=\\\"https://www.mynextmove.org\\\" target=\\\"_blank\\\">My Next Move</a> is the most comprehensive site for the presented activity. However, students may select to use other websites to conduct their research. Multiple sites can be used to collect information.</li>\\r\\n                    <li>A PowerPoint is included with this lesson and can be used as part of a presentation or for your information. It is recommended that you review the PowerPoint (including the Notes section) prior to using the lesson. It can be accessed in either PowerPoint or as a PDF:\\r\\n                        <ul>\\r\\n                            <li><a href=\\\"/img/unit-1/lesson-8/T-Folio_Unit-1_Lesson-8_Researching-Occupations.pptx\\\">PowerPoint: \\\"Researching Occupations\\\"</a></li>\\r\\n                            <li><a href=\\\"/img/unit-1/lesson-8/T-Folio_Unit-1_Lesson-8_Researching-Occupations.pdf\\\" target=\\\"_blank\\\">PDF: \\\"Researching Occupations\\\"</a></li>\\r\\n                        </ul>\\r\\n                    </li>\\r\\n                </ul>               \\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-11\\\">\\r\\n                <div><h2>Introduction</h2></div>\\r\\n                <div><b>Ask</b>:</div>\\r\\n                <ul>\\r\\n                    <li>How many types of careers do you think there are? (<i>Answer: over 10,000</i>)</li>\\r\\n                    <li>When you think about researching careers you might be interested in, and knowing there are over 10,000 types of careers, what is your reaction? (<i>Possible answers: opportunity, overwhelmed, need a starting place, let’s get started, draw me a map!</i>)</li>\\r\\n                    <li>What might be a way to think about or to organize that many careers? (<i>Some possibilities: career clusters, industries</i>)</li>\\r\\n                    <li>Where have you seen or interacted with career clusters or career industries before? (<i>prior lessons, career center activities</i>)</li>\\r\\n                </ul>\\r\\n                <div><b>Say</b>: When you better understand who you are, exploring potential careers allows you to think critically and thoughtfully about whether a career is a good match with your skills, abilities, and interests. To date, you have spent a good amount of time doing just that – through completion of assessment work and self-reflection of the results.</div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container activity\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-11\\\">\\r\\n                <div><h2>Activity</h2></div>\\r\\n                <div><b>Say</b>: Today you will identify and research <b>three careers</b> you are interested in and would like to know more about. The specific information can help you get a good idea of an occupation. Often this is enough to determine whether you want to learn more or realize it is not the occupation for you.</div>\\r\\n                <br /><div><b>Say</b> (and model access as needed): The following link is for the online career research site <a href=\\\"https://www.mynextmove.org\\\" target=\\\"_blank\\\">My Next Move</a> which you will be using to conduct your research.</div>\\r\\n                <br /><div>\\r\\n                    Next, introduce the <a [routerLink]=\\\"['/unit-1/lesson-8/researching-occupation']\\\">Career Research Worksheet</a>. Together, discuss steps for starting the research and review worksheet directions and questions. Talking points include:\\r\\n                    <ul>\\r\\n                        <li>For identifying <b>selected career</b>: Consult the <a [routerLink]=\\\"['/unit-1/lesson-3/interests-survey']\\\">Career Clusters Interest Survey</a> results from Unit 1 Lesson 3 and/or other tools.</li>\\r\\n                        <li>\\r\\n                            You may choose to identify a specific career (e.g., veterinarian assistant) or a pathway/industry (e.g., education, hotel and food, etc.). The approach in selecting which career to research will determine the entry point for interacting with the <i>My Next Move</i> site:\\r\\n                            <figure style=\\\"margin-bottom: 25px; margin-top: 25px; text-align: center;\\\">\\r\\n                                <img style=\\\"width: 500px; height: 250px;\\\" src=\\\"/img/unit-1/lesson-8/lesson8-guide.png\\\" alt=\\\"Entry points on My Next Move outlined.\\\" />\\r\\n                                <figcaption style=\\\"font-size: 11px; text-align: center;\\\">Use the left image entry point when a <b>specific career</b> has been identified. Use the right image entry point when a <b>pathway/industry</b> has been identified.</figcaption>\\r\\n                            </figure>\\r\\n                        </li>\\r\\n                        <li><b>Directions</b>: As you research your selected career, use the questions below to guide your work. Answer the questions by summarizing what you have learned in the provided spaces. At the end of your research, respond to the reflection questions thoughtfully and thoroughly. Repeat as many times as you would like!</li>\\r\\n                    </ul>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-11\\\">\\r\\n                <h2>Debrief and Guiding Questions</h2>\\r\\n                Have each student share out one of their researched careers to include:\\r\\n                <ol>\\r\\n                    <li>name of career researched</li>\\r\\n                    <li>career description</li>\\r\\n                    <li>two interesting facts about this career</li>\\r\\n                    <li>level of interest for this career after completing research and why</li>\\r\\n                </ol>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <h2 id=\\\"resources\\\">Additional Resources</h2>\\r\\n                <ul style=\\\"list-style:url('/img/arrow.png');\\\">\\r\\n                    <li><a href=\\\"http://www.mynextmove.org\\\" target=\\\"_blank\\\">My Next Move</a>: This site lets users search for jobs by career, industry, or interests.</li>\\r\\n                    <li><a href=\\\"https://www.careeronestop.org/ExploreCareers/Learn/career-profiles.aspx\\\" target=\\\"_blank\\\">CareerOneStop</a>: Here, youth can get more in-depth information about specific careers.</li>\\r\\n                    <li><a href=\\\"http://www.careerbridge.wa.gov/\\\" target=\\\"_blank\\\">Career Bridge</a>: Washington Career Bridge has a number of helpful resources for career planning, including a career quiz, information on job trends, and specific education and training paths for different careers.</li>\\r\\n                    <li><a href=\\\"http://www.wtb.wa.gov/Documents/2015fullguide_FILLABLE.pdf\\\" target=\\\"_blank\\\">Where are you going?</a>\\r\\n                    (PDF guide): The Career Bridge Where Are You Going? guide contains the Career Clusters Quiz, information about each career cluster, and directions on how to research jobs, education, and other career paths on the Career Bridge website.\\r\\n                    Youth will continue working with these resources in Unit 2 of the T-Folio.\\r\\n                    </li>\\r\\n                    <li><a href=\\\"http://il.jobseekersguide.org/difference\\\" target=\\\"_blank\\\">Is a Job the Same as a Career?</a>: This article explains the difference between jobs, careers, and occupations.</li>\\r\\n                </ul>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <h2>Considerations for Accommodation</h2>\\r\\n                <ul>\\r\\n                    <li>Select online careers that also have accompanying video clips that can support text.</li>\\r\\n                    <li>Utilize <a href=\\\"https://www.miproximopaso.org\\\" target=\\\"_blank\\\">Spanish version of My Next Move.</a></li>\\r\\n                    <li>Record answers orally.</li>\\r\\n                </ul>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-11\\\">\\r\\n                <h2>Up Next</h2>\\r\\n                <div>\\r\\n                    This is the end of Unit One of the T-Folio!\\r\\n                    In the next unit, students will be directing their efforts to <b>setting goals</b>, an essential skill in getting another step closer to realizing their futures.\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-1/lesson-8/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from '@angular/platform-browser';\r\n\r\n@Component({\r\n    selector: 'unit-one-lesson-eight-guide',\r\n    templateUrl: './_guide.component.html',\r\n    styleUrls: ['./_guide.component.css']\r\n})\r\nexport class UnitOneLessonEightGuideComponent {\r\n\r\n    pageTitle: string = \"Lesson Guide | Unit 1, Lesson 8 | T-Folio\";\r\n    title: string = \"Lesson Guide\";\r\n    subtitle: string = \"Lesson 8: Researching Occupations\";\r\n\r\n    doPrint(): void {\r\n        window.print();\r\n    }\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n}\r\n","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: 'unit-one-lesson-eight-landing',\r\n    templateUrl: '../../_shared/landing-pages/landing-page.component.html',\r\n    styleUrls: ['../../_shared/landing-pages/landing-page.component.css']\r\n})\r\n\r\nexport class UnitOneLessonEightLandingComponent {\r\n    title = \"Lesson 8: Researching Occupations\";\r\n    pageTitle: string = \"Researching Occupations | Unit 1, Lesson 8 | T-Folio\";\r\n    bannerHeader = \"Job Exploration Groundwork: Lesson 8\";\r\n\r\n    openInNewWindow(url: string) {\r\n        window.open(url, '_blank');\r\n    }\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n\r\n    LandingPageData = {\r\n        breadcrumbs: {\r\n            label: \"Lesson 8\",\r\n            crumbs: [\r\n                {\r\n                    route: \"\",\r\n                    linktext: \"T-Folio\"\r\n                },\r\n                {\r\n                    route: \"/unit-1\",\r\n                    linktext: \"Unit 1\"\r\n                }\r\n            ]\r\n        },\r\n        summary: \"Students will use the information gathered in Lesson 7 in order to begin researching the occupations that they feel are the best match for them. They will then reflect on the results of their research in order to evaluate what they have learned in relation to what they know about themselves.\",\r\n        objectives: [\r\n            \"Identify potential careers of interest.\",\r\n            \"Identify critical information for researching careers.\",\r\n            \"Research careers using critical information areas.\",\r\n            \"Self-evaluate researched careers and their fit for personal interests, skills, and abilities.\",\r\n        ],\r\n        buttons: [\r\n            {\r\n                route: \"/unit-1/lesson-8/guide\",\r\n                linktext: \"Lesson Guide\",\r\n                color: \"btn-success\",\r\n            },\r\n            {\r\n                route: \"/unit-1/lesson-8/researching-occupation\",\r\n                linktext: \"Career Research Worksheet\",\r\n                color: \"btn-primary\",\r\n            },\r\n            {\r\n                route: \"/img/unit-1/lesson-8/T-Folio_Unit-1_Lesson-8_Researching-Occupations.pptx\",\r\n                linktext: \"PowerPoint Presentation\",\r\n                color: \"powerpoint-button\",\r\n                window: true,\r\n            }\r\n        ],\r\n        image: \"/img/unit-1/LESSON 8_jobs_happy.jpg\",\r\n        imgalt: \"A person sitting in a computer lab stretches their arms upwards while smiling at their computer screen.\",\r\n        caption: \"by Rawpixel on\",\r\n        photoLink: \"https://www.pexels.com/photo/adult-black-and-white-break-chairs-440581/\",\r\n        source: \"Pexels\",\r\n        sourceLink: \"https://www.pexels.com/\",\r\n        licence: \"CC0 license\",\r\n        licenceLink: \"https://www.pexels.com/photo-license/\",\r\n\r\n\r\n    }\r\n}\r\n","module.exports = \".textQuestions {\\r\\n    font-size: medium;\\r\\n\\r\\n}\\r\\n\\r\\ntextarea {\\r\\n    resize: none;\\r\\n}\\r\\n\\r\\n.editor {\\r\\n    border: 1px solid gray;\\r\\n    min-height: 75px;\\r\\n    width: 100%;\\r\\n    margin-top: 5px;\\r\\n    text-align: left;\\r\\n    font-weight:bold;\\r\\n}\\r\\n\\r\\n@media print {\\r\\n\\r\\n    .page-break-fix{\\r\\n        page-break-inside: avoid;\\r\\n    }\\r\\n\\r\\n    .editor {\\r\\n        border:none;\\r\\n    }\\r\\n}\"","module.exports = \"<div class=\\\"form-group page-break-fix\\\">\\r\\n    <label for=\\\"comment-{{identifier}}\\\" class=\\\"textQuestions\\\">{{question}}</label>\\r\\n    <div contenteditable=\\\"true\\\" class=\\\"editor\\\" rows=\\\"5\\\" id=\\\"comment-{{identifier}}\\\"></div>\\r\\n</div>\"","import { Component, Input } from \"@angular/core\";\r\n\r\n@Component({\r\n    selector: 'unit-one-lesson-eight-question-textarea',\r\n    templateUrl: './question-textarea.component.html',\r\n    styleUrls: ['./question-textarea.component.css']\r\n})\r\nexport class UnitOneLessonEightQuestionTextareaComponent {\r\n\r\n    @Input() question: string;\r\n    @Input() identifier: string;\r\n\r\n    constructor() {\r\n    }\r\n\r\n    doPrint(): void {\r\n        window.print();\r\n    }\r\n}","module.exports = \"\\r\\nh2 {\\r\\n    font-size: x-large;\\r\\n    font-weight: bold;\\r\\n    margin-top:30px;\\r\\n    margin-bottom: 10px;\\r\\n}\\r\\n\\r\\n\\r\\n.row {\\r\\n    padding-top: 20px;\\r\\n    padding-bottom: 20px;\\r\\n}\\r\\n\\r\\n\\r\\n.active {\\r\\n    color: #2C3E50;\\r\\n}\\r\\n\"","module.exports = \"<div class=\\\"container exercise-content\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-1']\\\">Unit 1</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-1/lesson-8']\\\">Lesson 8</a></li>\\r\\n                <li class=\\\"active\\\">{{title}}</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-1/\\\">Unit 1</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-1/lesson-8/\\\">Lesson 8</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-1/lesson-8/researching-occupations/\\\">{{title}}</a></li>\\r\\n            </ol>\\r\\n\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-1/lesson-8/researching occupations'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <tfolio-heading></tfolio-heading>\\r\\n    <tfolio-page-title content=\\\"{{title}}\\\"></tfolio-page-title>\\r\\n    <div class=\\\"container-fluid\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-2\\\"><label for=\\\"tfolio-name-textbox\\\" style=\\\"font-size: medium\\\">Selected Career:</label></div>\\r\\n            <div class=\\\"col-md-6\\\"><input type=\\\"text\\\" id=\\\"tfolio-selected-career-textbox\\\" name=\\\"tfolio-selected-career-textbox\\\" style=\\\"width:100%\\\" /></div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <tfolio-directions identifier=\\\"researching-occupation-directions\\\" tag=\\\"Directions\\\" [padBottom]=\\\"true\\\">\\r\\n        <span>\\r\\n            As you research your selected career, use the questions below to guide your work. Answer the questions by summarizing what you have learned in the provided spaces.\\r\\n            At the end of your research, respond to the reflection questions thoughtfully and thoroughly. Use a new copy of this worksheet for each career you research!\\r\\n        </span>\\r\\n    </tfolio-directions>\\r\\n    <div class=\\\"container-fluid\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <div *ngFor=\\\"let question of textQuestions\\\">\\r\\n                    <unit-one-lesson-eight-question-textarea question=\\\"{{question.question}}\\\" identifier=\\\"{{question.id}}\\\"></unit-one-lesson-eight-question-textarea>\\r\\n                </div>\\r\\n                <h2>For reflection:</h2>\\r\\n                <div *ngFor=\\\"let question of reflectionQuestions\\\">\\r\\n\\r\\n                    <unit-one-lesson-eight-question-textarea question=\\\"{{question.question}}\\\" identifier=\\\"{{question.id}}\\\"></unit-one-lesson-eight-question-textarea>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-1/lesson-8/researching occupations'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div> \\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from '@angular/platform-browser';\r\n\r\n@Component({\r\n    selector: 'unit-one-lesson-eight-researching-occupation',\r\n    templateUrl: './researching-occupations.component.html',\r\n    styleUrls: ['./researching-occupations.component.css']\r\n})\r\nexport class UnitOneLessonEightResearchingOccupationComponent {\r\n\r\n    title: string = \"Career Research Worksheet\";\r\n    pageTitle: string = this.title + \" | Unit 1, Lesson 8 | T-Folio\";\r\n\r\n\r\n    textQuestions = [\r\n        { id: '01', question: '1.\tWhat do people do on the job in this career?' },\r\n        { id: '02', question: '2.\tWhat personality traits fit well with this career?' },\r\n        { id: '03', question: '3.\tWhat knowledge areas are important for this career and what one(s) are you not familiar with (that you should learn more about)?' },\r\n        { id: '04', question: '4.\tDescribe the necessary skill sets and how they might be essential for this career.' },\r\n        { id: '05', question: '5.\tDescribe the desired technology skills.' },\r\n        { id: '06', question: '6.\tWhat are the desired abilities and how might they be essential for this career?  ' },\r\n        { id: '07', question: '7.\tDescribe the education needed for performing this career.' },\r\n        { id: '08', question: '8.\tList two facts regarding the job outlook.' },\r\n    ]\r\n\r\n    reflectionQuestions = [\r\n\r\n        { id: '01', question: '1.\tDo you think this career is a good fit for your interests, skills, and abilities? Why or why not?' },\r\n        { id: '02', question: '2.\tWhat characteristics do you have that match requirements for this career?   Be specific! ' },\r\n        { id: '03', question: '3.\tWhat areas or skills might you identify to work on if you still have an interest in this career?' },\r\n        { id: '04', question: '4.\tWhat classes should you consider taking while in high school that could support your future in this career?' },\r\n        { id: '05', question: '5.\tWhat surprised you the most about this career? Why?' },\r\n\r\n    ]\r\n\r\n    constructor(private titleService: Title) {\r\n\r\n        this.titleService.setTitle(this.pageTitle);\r\n\r\n    }\r\n\r\n    doPrint(): void {\r\n        window.print();\r\n    }\r\n}\r\n","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: 'unit-two-landing-page',\r\n    templateUrl: '../_shared/landing-pages/unit-landing-page.component.html',\r\n    styleUrls: ['../_shared/landing-pages/unit-landing-page.component.css']\r\n})\r\nexport class UnitTwoLandingComponent {\r\n\r\n    title: string = \"Unit 2: Postsecondary Employment and Education Options\";\r\n    pageTitle: string = \"Postsecondary Employment and Education Options | Unit 2 | T-Folio\";\r\n\r\n    doPrint(): void {\r\n        window.print();\r\n    }\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n\r\n    UnitLandingPageData = {\r\n        breadcrumbs: {\r\n            label: \"Unit 2\",\r\n            crumbs: [\r\n                {\r\n                    route: \"\",\r\n                    linktext: \"T-Folio\"\r\n                }\r\n            ]\r\n        },\r\n        portfolioitems: [\r\n            {\r\n                text: \"SMART Goals Worksheet\",\r\n            },\r\n            {\r\n                text: \"Postsecondary Goals Worksheet\",\r\n            },\r\n            {\r\n                text: \"Career Exploration Worksheet\",\r\n            },\r\n            {\r\n                text: \"College Navigator School Listings\",\r\n            },\r\n            {\r\n                text: \"Course of Study Worksheet\",\r\n            },\r\n            {\r\n                text: \"Agency Connections Worksheet\",\r\n            },\r\n            {\r\n                text: \"Action Plan for Employment and Education\",\r\n            },\r\n        ],\r\n        summary: \"Unit 2 will guide youth in creating goals and exploring options for postsecondary education and employment based on the strengths, preferences, interests, and needs they have identified in Unit 1. They will set goals, explore options, design a course of study, and write an action plan.\",\r\n        buttons: [\r\n            {\r\n                route: \"/unit-2/lesson-1\",\r\n                linktext: \"Lesson 1: How to Set Goals\",\r\n                color: \"btn-success\",\r\n                image: \"/img/unit-2/lesson-1/LESSON 1_How-to-Set-Goals_pexels-photo-382167_ps.jpg\",\r\n                alttext: \"A medium-sized sailboat is heading out to sea on a partly cloudy day with two passengers on the back deck.\",\r\n            },\r\n            {\r\n                route: \"/unit-2/lesson-2\",\r\n                linktext: \"Lesson 2: Employment and Education Goals\",\r\n                color: \"btn-success\",\r\n                image: \"/img/unit-2/lesson-2/LESSON 2_Employment-and-Education-Goals_jungwoo-hong-100345.jpg\",\r\n                alttext: \"Four white arrows are nailed to a wooden fence and pointing upward. Three more arrows are partially cropped from the frame below.\",\r\n            },\r\n            {\r\n                route: \"/unit-2/lesson-3\",\r\n                linktext: \"Lesson 3: Exploring Employment Options\",\r\n                color: \"btn-success\",\r\n                image: \"/img/unit-2/lesson-3/LESSON 3_Exploring-Employment-Options_AMERICANED_MC2_021-2.jpg\",\r\n                alttext: \"An older person wearing a blue patterned sweater and smiling is showing a paper to a younger person who is wearing a gray long sleeve shirt and looking thoughtful.\",\r\n            },\r\n            {\r\n                route: \"/unit-2/lesson-4\",\r\n                linktext: \"Lesson 4: Exploring Postsecondary Education Options\",\r\n                color: \"btn-success\",\r\n                image: \"/img/unit-2/lesson-4/LESSON 4_Exploring-Postsecondary-Education-Options_backtoschool.jpg\",\r\n                alttext: \"Scrabble tiles spell out “Back to School” on top of a yellow notepad next to two yellow #2 pencils.\",\r\n            },\r\n            {\r\n                route: \"/unit-2/lesson-5\",\r\n                linktext: \"Lesson 5: Course of Study\",\r\n                color: \"btn-success\",\r\n                image: \"/img/unit-2/lesson-5/LESSON 5_Course-of-Study_kimberly-farmer-287677.jpg\",\r\n                alttext: \"The edges of a colorful stack of hardback textbooks appear on the left side of the image with the background blurred.\",\r\n            },\r\n            {\r\n                route: \"/unit-2/lesson-6\",\r\n                linktext: \"Lesson 6: Exploring Agency Options\",\r\n                color: \"btn-success\",\r\n                image: \"/img/unit-2/lesson-6/LESSON 6_Exploring-Agency-Connections_william-bout-264826.jpg\",\r\n                alttext: \"The image shows a network of cables that connect to form geometrical patterns.\",\r\n            },\r\n            {\r\n                route: \"/unit-2/lesson-7\",\r\n                linktext: \"Lesson 7: Action Plan for Employment and Education\",\r\n                color: \"btn-success\",\r\n                image: \"/img/unit-2/lesson-7/LESSON 7_Action-Plan_tamarcus-brown-131428.jpg\",\r\n                alttext: \"Two hands work in a spiral sketchbook with the left one positioning a ruler and the right one holding a pen.\",\r\n            },\r\n        ],\r\n        image: \"/img/unit-2/_landing/UNIT_2_LANDING_PAGE_school4.jpg\",\r\n        alttext: \"A black and white analog clock is positioned on a green chalkboard and is surrounded by a yellow chalk spiral with around 30 rings. The bottom half of the spiral and the rest of the chalkboard are covered in colorful chalked words, drawings, and smudges.\",\r\n        caption: \"by Aleks on\", \r\n        photoText: \"Photo\",\r\n        photoLink: \"https://www.pexels.com/photo/black-round-analog-wall-clock-121734/\",\r\n        source: \"Pexels\",\r\n        sourceLink: \"https://www.pexels.com/\",\r\n        licence: \"/ CC0 license\",\r\n        licenceLink: \"https://www.pexels.com/photo-license/\",\r\n    }\r\n}\r\n","module.exports = \"<div class=\\\"container exercise-content guide\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-2']\\\">Unit 2</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-2/lesson-1']\\\">Lesson 1</a></li>\\r\\n                <li class=\\\"active\\\">Lesson Guide</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-2/\\\">Unit 2</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-2/lesson-1/\\\">Lesson 1</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-2/lesson-1/guide/\\\">Lesson Guide</a></li>\\r\\n            </ol>\\r\\n\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-2/lesson-1/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n        <div class=\\\"col-md-12\\\"><h1>{{title}}</h1></div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-9\\\">\\r\\n            <h2 class=\\\"subtitle\\\">{{subtitle}}</h2>\\r\\n            <div>\\r\\n                In Lesson 1, youth will learn how to set goals that will help them to reach their dreams.\\r\\n                They will learn to write SMART goals for themselves and will complete the SMART Goals Worksheet.\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-3 box\\\">\\r\\n            <i class=\\\"fa fa-folder-open\\\" aria-hidden=\\\"true\\\"></i>\\r\\n            <b>Item to be added to student's Transition Portfolio:</b>\\r\\n            <ul class=\\\"hidden-print\\\">\\r\\n                <li><a [routerLink]=\\\"['/unit-2/lesson-1/smart-goals-worksheet']\\\">SMART Goals Worksheet</a></li>\\r\\n            </ul>\\r\\n            <ul class=\\\"visible-print-block\\\">\\r\\n                <li><a href=\\\"https://cctstfolio.com/#/unit-2/lesson-1/smart-goals-worksheet\\\">SMART Goals Worksheet</a></li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n            <h2>Lesson Objectives</h2>\\r\\n            <b>Participants will:</b>\\r\\n            <ol>\\r\\n                <li>Define a goal.</li>\\r\\n                <li>Outline the steps needed to achieve the goal.</li>\\r\\n                <li>Consider possible blocks and a plan to deal with them.</li>\\r\\n                <li>Set deadlines.</li>\\r\\n            </ol>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Facilitator Notes</h2>\\r\\n            <ul>\\r\\n                <li>\\r\\n                    Assisting students to understand and set goals can be overwhelming for some.\\r\\n                    Often, we (students and adults) worry about what will happen if we set goals and don’t achieve them, and some don’t realize the value of setting goals to begin with.\\r\\n                    What we do know is that most people who are successful in life have set goals and created a pathway to achieve those goals.\\r\\n                </li>\\r\\n                <li>A PowerPoint and SMART Goals Worksheet are included to use with this lesson. The PowerPoint can be used as a presentation or for your information.</li>\\r\\n                <li>\\r\\n                    A PowerPoint is included with this lesson and can be used as part of a presentation or for your information. It is recommended that you review\\r\\n                    the PowerPoint (including the Notes section) prior to using the lesson. It can be accessed in either PowerPoint or as a PDF:\\r\\n                    <ul>\\r\\n                        <li><a href=\\\"/img/unit-2/lesson-1/T-Folio_Unit-2_Lesson-1_How-To-Set-Goals.pptx\\\">PowerPoint:&nbsp;\\\"Setting Goals\\\"</a></li>\\r\\n                        <li><a href=\\\"/img/unit-2/lesson-1/T-Folio_Unit-2_Lesson-1_How-To-Set-Goals.pdf\\\" target=\\\"_blank\\\">PDF:&nbsp;\\\"Setting Goals\\\"</a></li>\\r\\n                    </ul>\\r\\n                </li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Introduction</h2>\\r\\n            <div><b>Warm-up questions:</b> (See first slide in PowerPoint)</div>\\r\\n            <ul>\\r\\n                <li>Why do people set goals?</li>\\r\\n                <li>Do you see setting goals as an important activity for yourself? Why or why not?</li>\\r\\n                <li>Have you set goals for yourself before?</li>\\r\\n                <li>Did you reach those goals?</li>\\r\\n                <li>What were some challenges you had working towards your goals?</li>\\r\\n                <li>What was helpful in achieving your goals?</li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Activity</h2>\\r\\n            <div>Use the accompanying PowerPoint, \\\"Setting Goals,\\\" to guide your activity and facilitate the students' learning.</div>\\r\\n            <ul>\\r\\n                <li>Have students fill out the <a [routerLink]=\\\"['/unit-2/lesson-1/smart-goals-worksheet']\\\">SMART Goals Worksheet</a> when you get to the slide, \\\"Writing a goal - creating the action plan.\\\"</li>\\r\\n                <li>\\r\\n                    <b>I do it/we do it/you do it:</b> work through the process of developing a sample goal to model how it is done (I do).\\r\\n                    Then do a goal as a group with ideas, words, and suggestions from the youth (we do).\\r\\n                    Next have the youth work on a goal individually (you do). Assist when you see the youth struggling.\\r\\n                </li>\\r\\n                <li>Ask if anyone would like to <b>share</b> one goal. Talk through the components and give positive feedback.</li>\\r\\n                <li>The SMART Goals Worksheet asks the student to fill in a \\\"Goal Progress Review Date.\\\" You can set this date with them and plan to come back to this worksheet together to answer the final two questions.</li>\\r\\n                <li>The final table provides some ideas for thinking about different types of goals. These sections will be covered in future T-Folio lessons, but this is a good time for students to start thinking about them.</li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Debrief and Guiding Questions</h2>\\r\\n            <ul>\\r\\n                <li>Did you find that writing/setting goals was easy or hard? Why?</li>\\r\\n                <li>How will you use a SMART goal to accomplish one thing this month?</li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Additional Resources</h2>\\r\\n            <ul style=\\\"list-style:url('/img/arrow.png');\\\">\\r\\n                <li>\\r\\n                    Video: \\\"<a href=\\\"https://www.youtube.com/watch?v=8cCiqbSJ9fg\\\" target=\\\"_blank\\\">One-step-at-a-time – goal achieving cartoon doodle video</a>\\\" (2:30) by CartoonStudio, Jan 14, 2013.\\r\\n                </li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Considerations for Accommodation</h2>\\r\\n            <div>\\r\\n                If you are going to use the video, “One-step-at-a-time – goal achieving cartoon doodle video,” you should consider adding voice over or using a screen reader since it is text heavy.\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Up Next</h2>\\r\\n            <div>\\r\\n                Now that they have some experience with creating SMART goals, the next lesson will guide youth through the process of creating more specific goals for <b>postsecondary employment and education</b>.\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-2/lesson-1/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from '@angular/platform-browser';\r\n\r\n@Component({\r\n    selector: 'unit-two-lesson-one-guide',\r\n    templateUrl: './_guide.component.html',\r\n    styleUrls: ['../../_shared/lesson-guides/lesson-guide.component.css']\r\n})\r\nexport class UnitTwoLessonOneGuideComponent {\r\n\r\n    pageTitle: string = \"Lesson Guide | Unit 2, Lesson 1 | T-Folio\";\r\n    title: string = \"Lesson Guide\";\r\n    subtitle: string = \"Lesson 1: How to Set Goals\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n}\r\n","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: 'unit-two-lesson-one-landing',\r\n    templateUrl: '../../_shared/landing-pages/landing-page.component.html',\r\n    styleUrls: ['../../_shared/landing-pages/landing-page.component.css']\r\n})\r\n\r\nexport class UnitTwoLessonOneLandingComponent {\r\n    title = \"Lesson 1: How to Set Goals\";\r\n    pageTitle: string = \"How to Set Goals | Unit 2, Lesson 1 | T-Folio\";\r\n    bannerHeader = \"Postsecondary Employment and Education Options: Lesson 1\";\r\n\r\n    openInNewWindow(url: string) {\r\n        window.open(url, '_blank');\r\n    }\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n\r\n    LandingPageData = {\r\n        breadcrumbs: {\r\n            label: \"Lesson 1\",\r\n            crumbs: [\r\n                {\r\n                    route: \"\",\r\n                    linktext: \"T-Folio\"\r\n                },\r\n                {\r\n                    route: \"/unit-2\",\r\n                    linktext: \"Unit 2\"\r\n                }\r\n            ]\r\n        },\r\n        summary: \"In Lesson 1, youth will learn how to set goals that will help them to reach their dreams. They will learn to write SMART goals for themselves and will complete the SMART Goals Worksheet.\",\r\n        objectives: [\r\n            \"Define a goal.\",\r\n            \"Outline the steps needed to achieve the goal.\",\r\n            \"Consider possible blocks and a plan to deal with them.\",\r\n            \"Set deadlines.\",\r\n        ],\r\n        buttons: [\r\n            {\r\n                route: \"/unit-2/lesson-1/guide\",\r\n                linktext: \"Lesson Guide\",\r\n                color: \"btn-success\",\r\n                window: false,\r\n            },\r\n            {\r\n                route: \"/unit-2/lesson-1/smart-goals-worksheet\",\r\n                linktext: \"SMART Goals Worksheet\",\r\n                color: \"btn-primary\",\r\n                window: false\r\n\r\n            },\r\n            {\r\n                route: '/img/unit-2/lesson-1/T-Folio_Unit-2_Lesson-1_How-To-Set-Goals.pptx',\r\n                linktext: \"PowerPoint Presentation\",\r\n                color: \"powerpoint-button\",\r\n                window: true,\r\n            }\r\n        ],\r\n        image: \"/img/unit-2/lesson-1/LESSON 1_How-to-Set-Goals_pexels-photo-382167_ps.jpg\",\r\n        imgalt: \"A medium-sized sailboat is heading out to sea on a partly cloudy day with two passengers on the back deck.\",\r\n        caption: \"by Jahoo Clouseau on \",\r\n        photoLink: \"https://www.pexels.com/photo/adventure-beach-boat-clouds-382167/\",\r\n        source: \"Pexels\",\r\n        sourceLink: \"https://www.pexels.com/\",\r\n        licence: \"CC0 license\",\r\n        licenceLink: \"https://www.pexels.com/photo-license/\",\r\n\r\n\r\n\r\n    }\r\n}\r\n","module.exports = \"textarea {\\r\\n    resize:none;\\r\\n    border:1px solid black;\\r\\n}\\r\\n.bordered {\\r\\n    border:1px solid black;\\r\\n    padding:5px;\\r\\n}\\r\\n.editor {\\r\\n    min-height: 75px;\\r\\n    width: 100%;\\r\\n    margin-top: 5px;\\r\\n    border: 1px solid gray;\\r\\n    text-align: left;\\r\\n}\\r\\n@media print {\\r\\n    textarea {\\r\\n        resize:none;\\r\\n        border: none;\\r\\n    }\\r\\n    .editor {\\r\\n        border: none;\\r\\n    }\\r\\n}\\r\\n.active {\\r\\n    color: #2C3E50;\\r\\n}\\r\\ninput,div[contenteditable=true] {\\r\\n    font-weight:bold;\\r\\n}\"","module.exports = \"<div class=\\\"container exercise-content\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-2']\\\">Unit 2</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-2/lesson-1']\\\">Lesson 1</a></li>\\r\\n                <li class=\\\"active\\\">{{title}}</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-2/\\\">Unit 2</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-2/lesson-1/\\\">Lesson 1</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-2/lesson-1/smart-goals-worksheet/\\\">{{title}}</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-2/lesson-1/smart goals worksheet'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container-fluid\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-1\\\"><label for=\\\"tfolio-name-textbox\\\"><b>Name:</b></label></div>\\r\\n            <div class=\\\"col-md-7\\\"><input type=\\\"text\\\" id=\\\"tfolio-name-textbox\\\" name=\\\"tfolio-name-textbox\\\" /></div>\\r\\n            <div class=\\\"col-md-1\\\"><label for=\\\"tfolio-date-textbox\\\"><b>Date:</b></label></div>\\r\\n            <div class=\\\"col-md-3\\\"><input type=\\\"text\\\" id=\\\"tfolio-date-textbox\\\" name=\\\"tfolio-date-textbox\\\" /></div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container-fluid\\\" style=\\\"padding-top:10px;\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-1\\\"><label for=\\\"tfolio-facilitator-textbox\\\"><b>Facilitator:</b></label></div>\\r\\n            <div class=\\\"col-md-7\\\"><input type=\\\"text\\\" id=\\\"tfolio-facilitator-textbox\\\" name=\\\"tfolio-facilitator-textbox\\\" /></div>\\r\\n            <div class=\\\"col-md-4\\\"></div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <tfolio-page-title content=\\\"{{title}}\\\"></tfolio-page-title>\\r\\n    <div class=\\\"container-fluid\\\" style=\\\"padding-top:15px;padding-bottom:15px;\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <b>Directions</b>: First write your goal below.\\r\\n                Then fill in the table in order to think through the different parts of your goal and make sure it is SMART.\\r\\n                Next, answer the questions following the table and decide on a date to come back and check on your progress.\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container-fluid\\\" style=\\\"padding-top:15px;padding-bottom:15px;\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-2\\\" style=\\\"width:15%\\\"><label for=\\\"smart-goal-textbox\\\"><b>State Goal:</b></label></div>\\r\\n            <div class=\\\"col-md-10\\\" style=\\\"width:85%\\\">                \\r\\n                <div contenteditable=\\\"true\\\" id=\\\"smart-goal-textbox\\\" rows=\\\"4\\\" class=\\\"editor\\\" style=\\\"min-height:75px;width:100%;margin-top:5px;text-align:left;\\\"></div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container-fluid\\\" style=\\\"padding-top:20px;\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <table style=\\\"width:100%;\\\">\\r\\n                    <tr>\\r\\n                        <td width=\\\"25%\\\"></td>\\r\\n                        <td width=\\\"75%\\\" style=\\\"text-align:center;font-weight:bold;\\\">Complete Each Box</td>\\r\\n                    </tr>\\r\\n                    <tr>\\r\\n                        <td width=\\\"25%\\\" class=\\\"bordered\\\">\\r\\n                            <label for=\\\"specific-textarea\\\">\\r\\n                                <b>Specific</b>\\r\\n                            </label>\\r\\n                            <ul>\\r\\n                                <li>What is the desired result?</li>\\r\\n                                <li>How are you going to do it?</li>\\r\\n                            </ul>\\r\\n                        </td>\\r\\n                        <td width=\\\"75%\\\" class=\\\"bordered\\\" valign=\\\"top\\\">                            \\r\\n                            <div contenteditable=\\\"true\\\" id=\\\"smart-goal-textbox\\\" rows=\\\"4\\\" class=\\\"editor\\\" ></div>\\r\\n                        </td>\\r\\n                    </tr>\\r\\n                    <tr>\\r\\n                        <td class=\\\"bordered\\\">\\r\\n                            <label for=\\\"measurable-textarea\\\">\\r\\n                                <b>Measurable</b>\\r\\n                            </label>\\r\\n                            <ul>\\r\\n                                <li>How much and how many?</li>\\r\\n                                <li>How can you measure progress?</li>\\r\\n                            </ul>\\r\\n                        </td>\\r\\n                        <td class=\\\"bordered\\\" valign=\\\"top\\\">                            \\r\\n                            <div contenteditable=\\\"true\\\" id=\\\"smart-goal-textbox\\\" rows=\\\"4\\\" class=\\\"editor\\\" ></div>\\r\\n                        </td>\\r\\n                    </tr>\\r\\n                    <tr>\\r\\n                        <td class=\\\"bordered\\\">\\r\\n                            <label for=\\\"attainable-achievable-textarea\\\">\\r\\n                                <b>Attainable/Achievable</b>\\r\\n                            </label>\\r\\n                            <ul>\\r\\n                                <li>What skills are needed?</li>\\r\\n                                <li>What resources are necessary?</li>\\r\\n                                <li>Is the goal within your reach?</li>\\r\\n                            </ul>\\r\\n                        </td>\\r\\n                        <td class=\\\"bordered\\\" valign=\\\"top\\\">                           \\r\\n                            <div contenteditable=\\\"true\\\" id=\\\"smart-goal-textbox\\\" rows=\\\"4\\\" class=\\\"editor\\\" ></div>\\r\\n                        </td>\\r\\n                    </tr>\\r\\n                    <tr>\\r\\n                        <td class=\\\"bordered\\\">\\r\\n                            <label for=\\\"realistic-textarea\\\">\\r\\n                                <b>Realistic</b>\\r\\n                            </label>\\r\\n                            <ul>\\r\\n                                <li>Is the goal doable? Not too easy or ridiculous?</li>\\r\\n                                <li>How can you tell?</li>\\r\\n                            </ul>\\r\\n                        </td>\\r\\n                        <td class=\\\"bordered\\\" valign=\\\"top\\\">                            \\r\\n                            <div contenteditable=\\\"true\\\" id=\\\"smart-goal-textbox\\\" rows=\\\"4\\\" class=\\\"editor\\\" ></div>\\r\\n                        </td>\\r\\n                    </tr>\\r\\n                    <tr>\\r\\n                        <td class=\\\"bordered\\\">\\r\\n                            <label for=\\\"timely-trackable-textarea\\\">\\r\\n                                <b>Timely/Trackable</b>\\r\\n                            </label>\\r\\n                            <ul>\\r\\n                                <li>What is the deadline?</li>\\r\\n                                <li>Is the deadline realistic?</li>\\r\\n                            </ul>\\r\\n                        </td>\\r\\n                        <td class=\\\"bordered\\\" valign=\\\"top\\\">                            \\r\\n                            <div contenteditable=\\\"true\\\" id=\\\"smart-goal-textbox\\\" rows=\\\"4\\\" class=\\\"editor\\\" ></div>\\r\\n                        </td>\\r\\n                    </tr>\\r\\n                </table>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\" style=\\\"padding-top:15px;\\\">\\r\\n                <label for=\\\"barriers-textarea\\\">What barriers might you face to achieving your goal and how will you overcome them?</label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">                \\r\\n                <div contenteditable=\\\"true\\\" id=\\\"smart-goal-textbox\\\" rows=\\\"4\\\" class=\\\"editor\\\" ></div>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\" style=\\\"padding-top:15px;\\\">\\r\\n                <label for=\\\"help-textarea\\\">Who might you go to if help is needed in achieving your goal?</label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">                \\r\\n                <div contenteditable=\\\"true\\\" id=\\\"smart-goal-textbox\\\" rows=\\\"4\\\" class=\\\"editor\\\" ></div>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\" style=\\\"padding-top:25px;\\\">\\r\\n            <div class=\\\"col-md-3\\\">\\r\\n                <b>Goal Progress Review Date:</b>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-2\\\">\\r\\n                <input type=\\\"text\\\" id=\\\"smart-goals-review-date-textbox\\\" name=\\\"smart-goals-review-date-textbox\\\" />\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\" style=\\\"padding-top:15px;\\\">\\r\\n                What have you done?\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">                \\r\\n                <div contenteditable=\\\"true\\\" id=\\\"smart-goal-textbox\\\" rows=\\\"4\\\" class=\\\"editor\\\" ></div>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\" style=\\\"padding-top:15px;\\\">\\r\\n                What do you still need to do or adjust to accomplish your SMART goal?\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">                \\r\\n                <div contenteditable=\\\"true\\\" id=\\\"smart-goal-textbox\\\" rows=\\\"4\\\" class=\\\"editor\\\" ></div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-2/lesson-1/smart goals worksheet'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Router } from '@angular/router';\r\nimport { Title } from '@angular/platform-browser';\r\n\r\n@Component({\r\n    selector: 'smart-goals-worksheet',\r\n    templateUrl: './smart-goals-worksheet.component.html',\r\n    styleUrls: ['./smart-goals-worksheet.component.css']\r\n})\r\nexport class UnitTwoLessonOneSmartGoalsWorksheetComponent {\r\n\r\n    title: string = \"SMART Goals Worksheet\";\r\n    pageTitle: string = this.title + \" | Unit 2, Lesson 1 | T-Folio\";\r\n\r\n    public constructor(private titleService: Title, private router: Router) {\r\n\r\n        this.titleService.setTitle(this.pageTitle);\r\n\r\n\r\n    }\r\n\r\n}\r\n","module.exports = \"<div class=\\\"container exercise-content guide\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-2']\\\">Unit 2</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-2/lesson-2']\\\">Lesson 2</a></li>\\r\\n                <li class=\\\"active\\\">Lesson Guide</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-2/\\\">Unit 2</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-2/lesson-2/\\\">Lesson 2</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-2/lesson-2/guide/\\\">Lesson Guide</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-2/lesson-2/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n        <div class=\\\"col-md-12\\\"><h1>{{title}}</h1></div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-9\\\">\\r\\n            <h2 class=\\\"subtitle\\\">{{subtitle}}</h2>\\r\\n            <div>\\r\\n                In this lesson, youth will identify goals for postsecondary education and employment by utilizing the work from Unit 1 and synthesizing the information into their postsecondary goals in employment and education.\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-3 box\\\">\\r\\n            <i class=\\\"fa fa-folder-open\\\" aria-hidden=\\\"true\\\"></i>\\r\\n            <b>Item to be added to student's Transition Portfolio:</b>\\r\\n            <ul class=\\\"hidden-print\\\">\\r\\n                <li><a [routerLink]=\\\"['/unit-2/lesson-2/postsecondary-goals-worksheet']\\\">Postsecondary Goals Worksheet</a></li>\\r\\n            </ul>\\r\\n            <ul class=\\\"visible-print-block\\\">\\r\\n                <li><a href=\\\"https://cctstfolio.com/#/unit-2/lesson-2/postsecondary-goals-worksheet\\\">Postsecondary Goals Worksheet</a></li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n            <h2>Lesson Objectives</h2>\\r\\n            <b>Participants will:</b>\\r\\n            <ol>\\r\\n                <li>Identify a postsecondary goal in employment.</li>\\r\\n                <li>Identify a postsecondary goal in education.</li>\\r\\n            </ol>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Facilitator Notes</h2>\\r\\n            <ul>\\r\\n                <li>Students will produce the most successful outcomes from this lesson by using the information gathered in <a [routerLink]=\\\"['/unit-1']\\\">Unit 1: Job Exploration Groundwork</a>.</li>\\r\\n                <li>The students will work from their information regarding strengths, interests, preferences and needs to craft meaningful postsecondary goals in the areas of employment and education.</li>\\r\\n                <li>\\r\\n                    A PowerPoint is included with this lesson and can be used as part of a presentation or for your information. It is recommended that you review the PowerPoint (including the Notes section) prior to using the lesson. It can be accessed in either PowerPoint or as a PDF:\\r\\n                    <ul>\\r\\n                        <li><a href=\\\"/img/unit-2/lesson-2/T-Folio_Unit-2_Lesson-2_Employment-And-Education-Goals.pptx\\\">PowerPoint:&nbsp;\\\"Employment and Education Goals for Your Future\\\"</a></li>\\r\\n                        <li><a href=\\\"/img/unit-2/lesson-2/T-Folio_Unit-2_Lesson-2_Employment-And-Education-Goals.pdf\\\" target=\\\"_blank\\\">PDF:&nbsp;\\\"Employment and Education Goals for Your Future\\\"</a></li>\\r\\n                    </ul>\\r\\n                </li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Introduction</h2>\\r\\n            <div>\\r\\n                <b>Say:</b> Today we are going to write goals for <b>after</b> you leave school. These goals will focus on employment and education.<br /><br />\\r\\n                In the following video, several graduates in Alberta, Canada talk about how they planned their future.<br /><br />\\r\\n                View video: \\\"<a href=\\\"https://www.youtube.com/watch?v=kvw8PNN5VQE\\\" target=\\\"_blank\\\">Plan for Life After High School – Step 1: Know Yourself</a>\\\" (3:49) <b>(This video is embedded in first slide of the PowerPoint.)</b><br /><br />\\r\\n                <b>Ask:</b> Where can you get and/or review your interests, strengths, needs, and preferences that might help you in identifying your post-school goals? <i>(See outcomes from T-Folio Unit 1.)</i>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Activity</h2>\\r\\n            <div>\\r\\n                For this activity, <b>you will need:</b> the PowerPoint, “<a href=\\\"/img/unit-2/lesson-2/T-Folio_Unit-2_Lesson-2_Employment-And-Education-Goals.pptx\\\">Employment and Education Goals for Your Future</a>,”\\r\\n                the <a [routerLink]=\\\"['/unit-2/lesson-2/postsecondary-goals-worksheet']\\\">Postsecondary Goals Worksheet</a>,\\r\\n                and the student’s information from Unit 1 (if you have it).<br /><br />\\r\\n                Using the PowerPoint as a guide, have the youth identify:\\r\\n                <ul>\\r\\n                    <li>A postsecondary goal for employment.</li>\\r\\n                    <li>A postsecondary goal for education.</li>\\r\\n                </ul>\\r\\n                After the goals have been created, leave the final slide up in the PowerPoint and move to the Debrief & Guiding Questions section.\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Debrief and Guiding Questions</h2>\\r\\n            <div>\\r\\n                Review the Postsecondary Goals Worksheet for this debrief.\\r\\n                <ul>\\r\\n                    <li>What do you think the next steps should be now that you have set your goals?</li>\\r\\n                    <li>Where might you find information that will help you know more about how to reach your goals?</li>\\r\\n                </ul>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Additional Resources</h2>\\r\\n            <ul style=\\\"list-style:url('/img/arrow.png');\\\">\\r\\n                <li>\\r\\n                    <a href=\\\"http://www.k12.wa.us/OSSI/K12Supports/CareerCollegeReadiness/\\\" target=\\\"_blank\\\">Career Guidance Washington</a>:\\r\\n                    This resource has career guidance activities for students grades six through twelve and access to the High School and Beyond Plan.                    \\r\\n                </li>\\r\\n                <li>\\r\\n                    Video:\\r\\n                    \\\"<a href=\\\"https://www.youtube.com/watch?v=kvw8PNN5VQE\\\" target=\\\"_blank\\\">Plan for Life After High School – Step 1: Know Yourself</a>\\\" (3:49)\\r\\n                    by <a href=\\\"http://learningclicks.alberta.ca/\\\" target=\\\"_blank\\\">Learning Clicks</a>, Jun 13, 2017.\\r\\n                </li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Considerations for Accommodation</h2>\\r\\n            <div>For those who need it, the video, \\\"Plan for Life After High School,\\\" is closed captioned.</div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Up Next</h2>\\r\\n            <div>\\r\\n                Based on the goals identified in this lesson, next students will explore their <b>employment and education options</b> in further depth.\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-2/lesson-2/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from '@angular/platform-browser';\r\n\r\n@Component({\r\n    selector: 'unit-two-lesson-two-guide',\r\n    templateUrl: './_guide.component.html',\r\n    styleUrls: ['../../_shared/lesson-guides/lesson-guide.component.css']\r\n})\r\nexport class UnitTwoLessonTwoGuideComponent {\r\n\r\n    pageTitle: string = \"Lesson Guide | Unit 2, Lesson 2 | T-Folio\";\r\n    title: string = \"Lesson Guide\";\r\n    subtitle: string = \"Lesson 2: Employment and Education Goals\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n}\r\n","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: 'unit-two-lesson-two-landing',\r\n    templateUrl: '../../_shared/landing-pages/landing-page.component.html',\r\n    styleUrls: ['../../_shared/landing-pages/landing-page.component.css']\r\n})\r\n\r\nexport class UnitTwoLessonTwoLandingComponent {\r\n    title = \"Lesson 2: Employment and Education Goals\";\r\n    pageTitle: string = \"Employment and Education Goals | Unit 2, Lesson 2 | T-Folio\";\r\n    bannerHeader = \"Postsecondary Employment and Education Options: Lesson 2\";\r\n\r\n    openInNewWindow(url: string) {\r\n        window.open(url, '_blank');\r\n    }\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n    LandingPageData = {\r\n        breadcrumbs: {\r\n            label: \"Lesson 2\",\r\n            crumbs: [\r\n                {\r\n                    route: \"\",\r\n                    linktext: \"T-Folio\"\r\n                },\r\n                {\r\n                    route: \"/unit-2\",\r\n                    linktext: \"Unit 2\"\r\n                }\r\n            ]\r\n        },\r\n        summary: \"In Lesson 2, youth will identify goals for postsecondary education and employment by utilizing the work from Unit 1 and synthesizing the information into their postsecondary goals in employment and education.\",\r\n        objectives: [\r\n            \"Identify a postsecondary goal in employment.\",\r\n            \"Identify a postsecondary goal in education.\",\r\n        ],\r\n        buttons: [\r\n            {\r\n                route: \"/unit-2/lesson-2/guide\",\r\n                linktext: \"Lesson Guide\",\r\n                color: \"btn-success\",\r\n                window: false,\r\n            },\r\n            {\r\n                route: \"/unit-2/lesson-2/postsecondary-goals-worksheet\",\r\n                linktext: \"Postsecondary Goals Worksheet\",\r\n                color: \"btn-primary\",\r\n                window: false,\r\n            },\r\n            {\r\n                route: '/img/unit-2/lesson-2/T-Folio_Unit-2_Lesson-2_Employment-And-Education-Goals.pptx',\r\n                linktext: \"PowerPoint Presentation\",\r\n                color: \"powerpoint-button\",\r\n                window: true,\r\n            }\r\n        ],\r\n        image: \"/img/unit-2/lesson-2/LESSON 2_Employment-and-Education-Goals_jungwoo-hong-100345.jpg\",\r\n        imgalt: \"Four white arrows are nailed to a wooden fence and pointing upward. Three more arrows are partially cropped from the frame below.\",\r\n        caption: \"by Jungwoo Hong on \",\r\n        source: \"Unsplash\",\r\n        photoLink: \"https://unsplash.com/photos/cYUMaCqMYvI\",\r\n        sourceLink: \"https://unsplash.com/\",\r\n        licence: \"Open license\",\r\n        licenceLink: \"https://unsplash.com/license\",\r\n\r\n    }\r\n}\r\n","module.exports = \"textarea {\\r\\n    border: none;\\r\\n    resize: none;\\r\\n}\\r\\n.padded-top {\\r\\n    padding-top:10px;\\r\\n}\\r\\n.text-input-number {\\r\\n    visibility:visible;\\r\\n}\\r\\ndiv.smart::first-letter {\\r\\n   font-weight:bold;\\r\\n}\\r\\n.editor {\\r\\n    min-height: 75px;\\r\\n    width: 100%;\\r\\n    margin-top: 5px;\\r\\n    border: 1px solid gray;\\r\\n    text-align: left;\\r\\n    font-weight:bold;\\r\\n}\\r\\n@media print {\\r\\n    textarea {\\r\\n        border: none;\\r\\n        resize: none;\\r\\n    }\\r\\n    .text-input-number {\\r\\n        visibility:hidden;\\r\\n    }\\r\\n    .editor {\\r\\n        border: none;\\r\\n    }\\r\\n}\\r\\n.active {\\r\\n    color: #2C3E50;\\r\\n}\"","module.exports = \"<div class=\\\"container exercise-content\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-2']\\\">Unit 2</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-2/lesson-2']\\\">Lesson 2</a></li>\\r\\n                <li class=\\\"active\\\">{{title}}</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-2/\\\">Unit 2</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-2/lesson-2/\\\">Lesson 2</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-2/lesson-2/postsecondary-goals-worksheet/\\\">{{title}}</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-2/lesson-2/post secondary goals worksheet'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container-fluid\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-1\\\"><label for=\\\"tfolio-name-textbox\\\"><b>Name:</b></label></div>\\r\\n            <div class=\\\"col-md-7\\\"><input type=\\\"text\\\" id=\\\"tfolio-name-textbox\\\" name=\\\"tfolio-name-textbox\\\" /></div>\\r\\n            <div class=\\\"col-md-1\\\"><label for=\\\"tfolio-date-textbox\\\"><b>Date:</b></label></div>\\r\\n            <div class=\\\"col-md-3\\\"><input type=\\\"text\\\" id=\\\"tfolio-date-textbox\\\" name=\\\"tfolio-date-textbox\\\" /></div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container-fluid\\\" style=\\\"padding-top:10px;\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-1\\\"><label for=\\\"tfolio-facilitator-textbox\\\"><b>Facilitator:</b></label></div>\\r\\n            <div class=\\\"col-md-7\\\"><input type=\\\"text\\\" id=\\\"tfolio-facilitator-textbox\\\" name=\\\"tfolio-facilitator-textbox\\\" /></div>\\r\\n            <div class=\\\"col-md-4\\\"></div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <tfolio-page-title content=\\\"{{title}}\\\"></tfolio-page-title>\\r\\n    <!-- EMPLOYMENT -->\\r\\n    <div class=\\\"container-fluid\\\">\\r\\n        <div class=\\\"row-fluid\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <h2>Employment</h2>\\r\\n                <div>\\r\\n                    Think of two or three jobs you want to do after high school and write them below.\\r\\n                    <i>Hint: Consult the results of your job exploration activity work (your strengths, interests, preferences, and needs) from Unit 1.</i>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row-fluid\\\">\\r\\n            <div class=\\\"col-md-1\\\" style=\\\"margin-top:25px;text-indent:25px;\\\">\\r\\n                1.\\r\\n            </div>\\r\\n            <div class=\\\"col-md-11\\\" style=\\\"margin-top:25px;\\\">\\r\\n                <input type=\\\"text\\\" />\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row-fluid\\\">\\r\\n            <div class=\\\"col-md-1\\\" style=\\\"margin-top:10px;text-indent:25px;\\\">\\r\\n                2.\\r\\n            </div>\\r\\n            <div class=\\\"col-md-11\\\" style=\\\"margin-top:10px;\\\">\\r\\n                <input type=\\\"text\\\" />\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row-fluid\\\">\\r\\n            <div class=\\\"col-md-1\\\" style=\\\"margin-top:10px;text-indent:25px;\\\">\\r\\n                3.\\r\\n            </div>\\r\\n            <div class=\\\"col-md-11\\\" style=\\\"margin-top:10px;\\\">\\r\\n                <input type=\\\"text\\\" />\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row-fluid\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <h3>Employment Goal:</h3>\\r\\n                <div>\\r\\n                    Next, choose one of the jobs you listed above and create a goal using a complete sentence.\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row-fluid\\\">\\r\\n            <div class=\\\"col-md-12 padded-top\\\" style=\\\"padding-left:40px;\\\">\\r\\n                After high school I will:<br />\\r\\n                <div contenteditable=\\\"true\\\" id=\\\"smart-goal-textbox\\\" rows=\\\"4\\\" class=\\\"editor\\\" ></div>\\r\\n                <i>Hint: Is it SMART?</i>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- EDUCATION/TRAINING -->\\r\\n    <div class=\\\"container-fluid\\\">\\r\\n        <div class=\\\"row-fluid\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <h2>Education/Training</h2>\\r\\n                <div>\\r\\n                    Think about what <b>education and/or training</b> you may need after high school to get the above listed jobs and write them below.\\r\\n                    <i>Hint: Consult the results of your job exploration activities from Unit 1.</i>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row-fluid\\\">\\r\\n            <div class=\\\"col-md-1\\\" style=\\\"margin-top:25px;text-indent:25px;\\\">\\r\\n                1.\\r\\n            </div>\\r\\n            <div class=\\\"col-md-11\\\" style=\\\"margin-top:25px;\\\">\\r\\n                <input type=\\\"text\\\" />\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row-fluid\\\">\\r\\n            <div class=\\\"col-md-1\\\" style=\\\"margin-top:10px;text-indent:25px;\\\">\\r\\n                2.\\r\\n            </div>\\r\\n            <div class=\\\"col-md-11\\\" style=\\\"margin-top:10px;\\\">\\r\\n                <input type=\\\"text\\\" />\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row-fluid\\\">\\r\\n            <div class=\\\"col-md-1\\\" style=\\\"margin-top:10px;text-indent:25px;\\\">\\r\\n                3.\\r\\n            </div>\\r\\n            <div class=\\\"col-md-11\\\" style=\\\"margin-top:10px;\\\">\\r\\n                <input type=\\\"text\\\" />\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row-fluid\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <h3>Education/Training Goal:</h3>\\r\\n                <div>\\r\\n                    As you did above, create a goal based on one of your ideas.\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row-fluid\\\">\\r\\n            <div class=\\\"col-md-12 padded-top\\\" style=\\\"padding-left:40px;\\\">\\r\\n                After high school I will:<br />\\r\\n                <div contenteditable=\\\"true\\\" id=\\\"smart-goal-textbox\\\" rows=\\\"4\\\" class=\\\"editor\\\" ></div>\\r\\n                <i>Hint: Is it SMART?</i>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container-fluid\\\">\\r\\n        <div class=\\\"row-fluid\\\">\\r\\n            <div class=\\\"col-md-10 col-md-offset-1\\\" style=\\\"margin-top:10px;border:1px solid black;\\\">\\r\\n                <div class=\\\"smart\\\">Specific - What is the desired result? How are you going to do it?</div>\\r\\n                <div class=\\\"smart\\\">Measurable - How much and how many? How can you measure progress?</div>\\r\\n                <div class=\\\"smart\\\">Attainable - What skills are needed? What resources are necessary? Is the goal within your reach?</div>\\r\\n                <div class=\\\"smart\\\">Realistic - Is the goal do-able? Not easy or ridiculous? How can you tell?</div>\\r\\n                <div class=\\\"smart\\\">Timely/Trackable - What is the deadline? Is the deadline realistic?</div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-2/lesson-2/post secondary goals worksheet'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from '@angular/platform-browser';\r\n\r\n@Component({\r\n    selector: 'postsecondary-goals-worksheet',\r\n    templateUrl: './postsecondary-goals-worksheet.component.html',\r\n    styleUrls: ['./postsecondary-goals-worksheet.component.css']\r\n})\r\nexport class UnitTwoLessonTwoPostsecondaryGoalsWorksheetComponent {\r\n\r\n    title: string = \"Postsecondary Goals Worksheet\";\r\n    pageTitle: string = this.title + \" | Unit 2, Lesson 2 | T-Folio\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n\r\n}\r\n","module.exports = \"<div class=\\\"container exercise-content guide\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-2']\\\">Unit 2</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-2/lesson-3']\\\">Lesson 3</a></li>\\r\\n                <li class=\\\"active\\\">Lesson Guide</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-2/\\\">Unit 2</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-2/lesson-3/\\\">Lesson 3</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-2/lesson-3/guide/\\\">Lesson Guide</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-2/lesson-3/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n        <div class=\\\"col-md-12\\\"><h1>{{title}}</h1></div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-8\\\" style=\\\"padding-bottom:15px;\\\">\\r\\n            <h2 class=\\\"subtitle\\\">{{subtitle}}</h2>\\r\\n            <div>\\r\\n                In this lesson, youth will identify an area of interest for postsecondary employment based on their results from Unit 2: Lesson 2.\\r\\n                They will then research the educational requirements, work duties, knowledge, and skills required for each career of interest.\\r\\n                A worksheet is provided for the youth to record their research.\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-4 box\\\">\\r\\n            <i class=\\\"fa fa-folder-open\\\" aria-hidden=\\\"true\\\"></i>\\r\\n            <b>Item to be added to student's Transition Portfolio:</b>\\r\\n            <ul class=\\\"hidden-print\\\">\\r\\n                <li><a [routerLink]=\\\"['/unit-2/lesson-3/career-exploration-worksheet']\\\">Career Exploration Worksheet</a></li>\\r\\n            </ul>\\r\\n            <ul class=\\\"visible-print-block\\\">\\r\\n                <li><a href=\\\"https://cctstfolio.com/#/unit-2/lesson-3/career-exploration-worksheet\\\">Career Exploration Worksheet</a></li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n            <h2>Lesson Objectives</h2>\\r\\n            <b>Participants will:</b>\\r\\n            <ol>\\r\\n                <li>Choose an area of high interest for employment.</li>\\r\\n                <li>Identify educational requirements for each area.</li>\\r\\n                <li>Identify work duties of each area of employment.</li>\\r\\n            </ol>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Facilitator Notes</h2>\\r\\n            <ul>\\r\\n                <li>In this lesson, youth will use the internet to access knowledge about three careers.</li>\\r\\n                <li>Using the site <a href=\\\"https://www.mynextmove.org\\\" target=\\\"_blank\\\">My Next Move</a>, the youth will use the \\\"Search careers\\\" section to enter their possible careers and find the information required to fill out the career worksheet.</li>\\r\\n                <li>\\r\\n                    Refer to the <a href=\\\"https://www.onetcenter.org/dl_files/mnm_deskaid.pdf\\\" target=\\\"_blank\\\">My Next Move desk aid</a> for navigation hints:\\r\\n                    <ul>\\r\\n                        <li>You can print the desk aid and post it for students if they need the additional reference.</li>\\r\\n                    </ul>\\r\\n                </li>\\r\\n                <li>\\r\\n                    Familiarize yourself with the website above and practice searching for careers to see what information is available.\\r\\n                    Use the <a href=\\\"/img/unit-2/lesson-3/T-Folio_Unit-2_Lesson-3_Career-Exploration-Worksheet-Sample.pdf\\\" target=\\\"_blank\\\">Career Exploration Worksheet – Sample (PDF)</a> in order to prepare to model the process for the students.\\r\\n                    (Go to <a href=\\\"https://www.mynextmove.org\\\" target=\\\"_blank\\\">My Next Move</a>; enter \\\"computer support\\\" or \\\"computer help\\\" in the Search careers field; Click on \\\"Computer User Support Specialists.\\\"\\r\\n                    This will display the information that is used to fill in the sample worksheet.)\\r\\n                </li>\\r\\n                <li><b>Note:</b> If the youth have not taken an interest inventory, direct them to <a href=\\\"https://www.mynextmove.org/explore/ip\\\" target=\\\"_blank\\\">My Next Move</a> to take an inventory before completing the activity.</li>\\r\\n                <li>This activity may take several days.</li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Introduction</h2>\\r\\n            <div>\\r\\n                <p>\\r\\n                    Hand out the <a [routerLink]=\\\"['/unit-2/lesson-3/career-exploration-worksheet']\\\">Career Exploration Worksheet</a> or provide digitally.\\r\\n                </p>\\r\\n                <p>\\r\\n                    <b>Say:</b> Today we are going to investigate the careers from <a [routerLink]=\\\"['/unit-2/lesson-2']\\\">T-Folio Unit 2: Lesson 2</a> that you have chosen as a possibility for your future.\\r\\n                </p>\\r\\n                <p>\\r\\n                    Open the website listed on the <a href=\\\"/img/unit-2/lesson-3/T-Folio_Unit-2_Lesson-3_Career-Exploration-Worksheet-Sample.pdf\\\" target=\\\"_blank\\\">Career Exploration Worksheet – Sample (PDF)</a> and guide the youth through the sample,\\r\\n                    modeling how to find the information and transfer it to the worksheet.\\r\\n                </p>\\r\\n                <p>\\r\\n                    Example: <a href=\\\"https://www.mynextmove.org/profile/summary/15-1151.00\\\" target=\\\"_blank\\\">Computer Support Specialist</a>\\r\\n                </p>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Activity</h2>\\r\\n            <div>\\r\\n                <p>\\r\\n                    Ask the youth to log onto <a href=\\\"https://www.mynextmove.org\\\" target=\\\"_blank\\\">My Next Move</a>. They will use the \\\"Search careers\\\" section to find the information required to fill out the career worksheet.<br /><br />\\r\\n                    <b>Say:</b> Now choose one of your identified careers and complete your first worksheet. (Walk around and offer support and encouragement.)\\r\\n                </p>\\r\\n                <p>\\r\\n                    At the conclusion of the activity, they can choose another career of interest or delve more deeply into the requirements of the career of their choice.\\r\\n                    Depending on the time available, students can repeat until they have completed three worksheets.\\r\\n                </p>\\r\\n                <p>\\r\\n                    The next lesson will focus on post-school education options for those whose career paths require additional training or education.\\r\\n                    The final product(s) should be stored in the youth’s portfolio.\\r\\n                </p>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Debrief and Guiding Questions</h2>\\r\\n            <ul>\\r\\n                <li>What are some of the characteristics you found in the career you chose that match your personality and interests?</li>\\r\\n                <li>Are there some things you learned that make you even more interested in the career?</li>\\r\\n                <li>Are there some things you learned that made you change your mind about that particular career?</li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Additional Resources</h2>\\r\\n            <ul style=\\\"list-style:url('/img/arrow.png')\\\">\\r\\n                <li>\\r\\n                    More in-depth information can be found by searching <a href=\\\"https://www.onetonline.org\\\" target=\\\"_blank\\\">O*NET OnLine</a> (part of My Next Move).\\r\\n                    For guidance in using the site, visit the accompanying <a href=\\\"https://www.onetcenter.org/dl_files/desk_aid.pdf\\\" target=\\\"_blank\\\">O*NET OnLine desk aid.</a>\\r\\n                </li>\\r\\n                <li><a href=\\\"http://www.careerbridge.wa.gov\\\" target=\\\"_blank\\\">Career Bridge WA</a> is another great resource for career information in Washington state.</li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Considerations for Accommodation</h2>\\r\\n            <ul>\\r\\n                <li>My Next Move is also available in Spanish at <a href=\\\"https://www.miproximopaso.org\\\" target=\\\"_blank\\\">MiPróximoPaso.</a></li>\\r\\n                <li><a href=\\\"https://www.miproximopaso.org/explore/ip\\\" target=\\\"_blank\\\">The Spanish version of the Interest Profiler </a>can be found at MiPróximoPaso.</li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Up Next</h2>\\r\\n            <div>\\r\\n                In Lesson 4, students will use the information they have gathered in Lesson 3 to explore the postsecondary education options that will help them to reach their employment goals.\\r\\n                If they do not need further education or training in order to pursue their chosen careers, Lesson 4 can be skipped.\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-2/lesson-3/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from '@angular/platform-browser';\r\n\r\n@Component({\r\n    selector: 'unit-two-lesson-three-guide',\r\n    templateUrl: './_guide.component.html',\r\n    styleUrls: ['../../_shared/lesson-guides/lesson-guide.component.css']\r\n})\r\nexport class UnitTwoLessonThreeGuideComponent {\r\n\r\n    pageTitle: string = \"Lesson Guide | Unit 2, Lesson 3 | T-Folio\";\r\n    title: string = \"Lesson Guide\";\r\n    subtitle: string = \"Lesson 3: Exploring Employment Options\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n}\r\n","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: 'unit-two-lesson-three-landing',\r\n    templateUrl: '../../_shared/landing-pages/landing-page.component.html',\r\n    styleUrls: ['../../_shared/landing-pages/landing-page.component.css']\r\n})\r\n\r\nexport class UnitTwoLessonThreeLandingComponent {\r\n    title = \"Lesson 3: Exploring Employment Options\";\r\n    pageTitle: string = \"Exploring Employment Options | Unit 2, Lesson 3 | T-Folio\";\r\n    bannerHeader = \"Postsecondary Employment and Education Options: Lesson 3\";\r\n\r\n    openInNewWindow(url: string) {\r\n        window.open(url, '_blank');\r\n    }\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n    LandingPageData = {\r\n        breadcrumbs: {\r\n            label: \"Lesson 3\",\r\n            crumbs: [\r\n                {\r\n                    route: \"\",\r\n                    linktext: \"T-Folio\"\r\n                },\r\n                {\r\n                    route: \"/unit-2\",\r\n                    linktext: \"Unit 2\"\r\n                }\r\n            ]\r\n        },\r\n        summary: \"In this lesson, youth will identify an area of interest for postsecondary employment based on their results from Unit 2: Lesson 2. They will then research the educational requirements, work duties, knowledge, and skills required for each career of interest. A worksheet is provided for the youth to record their research.\",\r\n        objectives: [\r\n            \"Choose an area of high interest for employment.\",\r\n            \"Identify educational requirements for each area.\",\r\n            \"Identify work duties of each area of employment.\",\r\n        ],\r\n        buttons: [\r\n            {\r\n                route: \"/unit-2/lesson-3/guide\",\r\n                linktext: \"Lesson Guide\",\r\n                color: \"btn-success\",\r\n                window: false,\r\n            },\r\n            {\r\n                route: \"/unit-2/lesson-3/career-exploration-worksheet\",\r\n                linktext: \"Career Exploration Worksheet\",\r\n                color: \"btn-primary\",\r\n                window: false,\r\n            },\r\n            {\r\n                route: '/img/unit-2/lesson-3/T-Folio_Unit-2_Lesson-3_Career-Exploration-Worksheet-Sample.pdf',\r\n                linktext: \"Career Exploration Worksheet - Sample (PDF)\",\r\n                color: \"btn-primary\",\r\n                window: true,\r\n            }\r\n        ],\r\n        image: \"/img/unit-2/lesson-3/LESSON 3_Exploring-Employment-Options_AMERICANED_MC2_021-2.jpg\",\r\n        imgalt: \"An older person wearing a blue patterned sweater and smiling is showing a paper to a younger person who is wearing a gray long sleeve shirt and looking thoughtful.\",\r\n        caption: \" courtesy of Allison Shelley / The Verbatim Agency for American Education: Images of Teachers and Students in Action \",\r\n        photoLink: \"http://deeperlearningforall.org/deeperlearning/all-photos/7/?album_id=14788#%21enviragallery14319-14014\",\r\n        source: \"\",\r\n        sourceLink: \"\",\r\n        licence: \"License: CC BY-NC 4.0 \",\r\n        licenceLink: \"https://creativecommons.org/licenses/by-nc/4.0/\",\r\n    }\r\n}\r\n","module.exports = \"textarea {\\r\\n    resize:none;\\r\\n    border:none;\\r\\n}\\r\\n.bordered {\\r\\n    border:1px solid black;\\r\\n    padding:5px;\\r\\n}\\r\\n.active {\\r\\n    color: #2C3E50;\\r\\n}\\r\\n.form-check-inline{\\r\\n    width:30%;\\r\\n    text-align:center;\\r\\n}\\r\\n.header-column {\\r\\n    width:30%;\\r\\n}\\r\\n.content-column {\\r\\n    width:70%;\\r\\n}\\r\\n.editor {\\r\\n    min-height: 75px;\\r\\n    width: 100%;\\r\\n    margin-top: 5px;\\r\\n    border: 1px solid gray;\\r\\n    text-align: left;\\r\\n    font-weight: bold;\\r\\n}\\r\\n@media print {\\r\\n    .editor{\\r\\n        border: none;\\r\\n    }\\r\\n}\\r\\n\"","module.exports = \"<div class=\\\"container exercise-content\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-2']\\\">Unit 2</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-2/lesson-3']\\\">Lesson 3</a></li>\\r\\n                <li class=\\\"active\\\">{{title}}</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-2/\\\">Unit 2</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-2/lesson-3/\\\">Lesson 3</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-2/lesson-3/career-exploration-worksheet/\\\">{{title}}</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-2/lesson-3/career exploration worksheet'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container-fluid\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-1\\\"><label for=\\\"tfolio-name-textbox\\\"><b>Name:</b></label></div>\\r\\n            <div class=\\\"col-md-7\\\"><input type=\\\"text\\\" id=\\\"tfolio-name-textbox\\\" name=\\\"tfolio-name-textbox\\\" /></div>\\r\\n            <div class=\\\"col-md-1\\\"><label for=\\\"tfolio-date-textbox\\\"><b>Date:</b></label></div>\\r\\n            <div class=\\\"col-md-3\\\"><input type=\\\"text\\\" id=\\\"tfolio-date-textbox\\\" name=\\\"tfolio-date-textbox\\\" /></div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <tfolio-page-title content=\\\"{{title}}\\\"></tfolio-page-title>\\r\\n    <tfolio-directions identifier=\\\"career-exploration-directions\\\" tag=\\\"Directions\\\">\\r\\n        <span>\\r\\n            Fill out each section (one page for each career), using the\\r\\n            <a href ='/img/unit-2/lesson-3/T-Folio_Unit-2_Lesson-3_Career-Exploration-Worksheet-Sample.pdf' target=\\\"_blank\\\">Career Exploration Worksheet – Sample</a> as a guide.\\r\\n            Go to <a href=\\\"https://www.mynextmove.org\\\" target=\\\"_blank\\\">My Next Move</a> in order to begin your research.\\r\\n        </span>\\r\\n    </tfolio-directions>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"padding-top:15px;padding-bottom:15px;\\\">\\r\\n            <table style=\\\"width:100%;\\\" cellpadding=\\\"0\\\" cellspacing=\\\"0\\\">\\r\\n                <tr>\\r\\n                    <td class=\\\"bordered header-column\\\" valign=\\\"top\\\">\\r\\n                        <div style=\\\"font-weight:bold;\\\">Career Title</div>\\r\\n                        <div>\\r\\n                            Find and click on your occupation of interest.\\r\\n                            Write title in box.\\r\\n                            You might want to include the URL so you can easily come back to it later.\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <td class=\\\"bordered content-column\\\" valign=\\\"top\\\" >\\r\\n                        <!--<textarea rows=\\\"4\\\" style=\\\"border:none;\\\"></textarea>-->\\r\\n                        <div contenteditable=\\\"true\\\" id=\\\"smart-goal-textbox\\\" rows=\\\"4\\\" class=\\\"editor\\\" style=\\\"\\\"></div>\\r\\n\\r\\n                    </td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td class=\\\"bordered header-column\\\" valign=\\\"top\\\" >\\r\\n                        <div style=\\\"font-weight:bold;\\\">Explanation of the career</div>\\r\\n                        <div>\\r\\n                            Write a general summary on the career report. Look under “What they do” for information.\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <td class=\\\"bordered content-column\\\" valign=\\\"top\\\" >\\r\\n                        <!--<textarea rows=\\\"4\\\" style=\\\"border:none;\\\"></textarea>-->\\r\\n                        <div contenteditable=\\\"true\\\" id=\\\"smart-goal-textbox\\\" rows=\\\"4\\\" class=\\\"editor\\\"></div>\\r\\n\\r\\n                    </td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td class=\\\"bordered header-column\\\" valign=\\\"top\\\" >\\r\\n                        <div style=\\\"font-weight:bold;\\\">Work Activities</div>\\r\\n                        <div>\\r\\n                            List the two most important to you. Look under “On the job, you would” for work activities.\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <td class=\\\"bordered content-column\\\" valign=\\\"top\\\"  style=\\\"margin:0px;padding:0px;\\\">\\r\\n                        <table style=\\\"width:100%;\\\" cellpadding=\\\"0\\\" cellspacing=\\\"0\\\">\\r\\n                            <tr>\\r\\n                                <td valign=\\\"top\\\" width=\\\"25\\\" style=\\\"padding-left:5px;\\\">\\r\\n                                    <b>1)</b>\\r\\n                                </td>\\r\\n                                <td>\\r\\n                                    <!--<textarea rows=\\\"2\\\"></textarea>-->\\r\\n                                    <div contenteditable=\\\"true\\\" id=\\\"smart-goal-textbox\\\" rows=\\\"4\\\" class=\\\"editor\\\"></div>\\r\\n\\r\\n                                </td>\\r\\n                            </tr>\\r\\n                            <tr>\\r\\n                                <td valign=\\\"top\\\" style=\\\"padding-left:5px;border-top:1px solid black;\\\">\\r\\n                                    <b>2)</b>\\r\\n                                </td>\\r\\n                                <td style=\\\"border-top:1px solid black;\\\">\\r\\n                                    <!--<textarea rows=\\\"2\\\"></textarea>-->\\r\\n                                    <div contenteditable=\\\"true\\\" id=\\\"smart-goal-textbox\\\" rows=\\\"4\\\" class=\\\"editor\\\"></div>\\r\\n\\r\\n                                </td>\\r\\n                            </tr>\\r\\n                        </table>\\r\\n                    </td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td class=\\\"bordered header-column\\\" valign=\\\"top\\\" >\\r\\n                        <div style=\\\"font-weight:bold;\\\">Education Required</div>\\r\\n                        <div>\\r\\n                            List the highest education level required.\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <td class=\\\"bordered content-column\\\" valign=\\\"top\\\" >\\r\\n                        <!--<textarea rows=\\\"4\\\" style=\\\"border:none;\\\"></textarea>-->\\r\\n                        <div contenteditable=\\\"true\\\" id=\\\"smart-goal-textbox\\\" rows=\\\"4\\\" class=\\\"editor\\\"></div>\\r\\n\\r\\n                    </td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td class=\\\"bordered header-column\\\" valign=\\\"top\\\" >\\r\\n                        <div style=\\\"font-weight:bold;\\\">\\r\\n                            Job OutLook\\r\\n                        </div>\\r\\n                        <div>\\r\\n                            What is the job outlook?\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <td class=\\\"bordered content-column\\\" valign=\\\"top\\\" >\\r\\n                       <label class=\\\"form-check-inline\\\"><input type=\\\"checkbox\\\">Bright</label>\\r\\n                       <label class=\\\"form-check-inline\\\"><input type=\\\"checkbox\\\">Average</label>\\r\\n                       <label class=\\\"form-check-inline\\\"><input type=\\\"checkbox\\\">Below Average</label>\\r\\n                        \\r\\n                    </td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td class=\\\"bordered header-column\\\" valign=\\\"top\\\" >\\r\\n                        <div style=\\\"font-weight:bold;\\\">Wage &amp; Employment Trends</div>\\r\\n                        <div>\\r\\n                            List the national median wage. (Click on “Local Salary Info” and enter your zip code for more info.)\\r\\n                        </div>\\r\\n                    </td>\\r\\n                    <td class=\\\"bordered content-column\\\" valign=\\\"top\\\"  style=\\\"margin:0px;padding:0px;\\\">\\r\\n                        <table style=\\\"width:100%;\\\" cellpadding=\\\"0\\\" cellspacing=\\\"0\\\">\\r\\n                            <tr>\\r\\n                                <td width=\\\"100\\\" style=\\\"padding-left:5px;padding-top:10px;padding-bottom:10px;\\\">\\r\\n                                    <b>Hourly:</b>\\r\\n                                </td>\\r\\n                                <td style=\\\"padding-top:5px;padding-bottom:5px;\\\">\\r\\n                                    <input type=\\\"text\\\" style=\\\"width:100px;\\\" />\\r\\n                                </td>\\r\\n                            </tr>\\r\\n                            <tr>\\r\\n                                <td width=\\\"100\\\" style=\\\"padding-left:5px;padding-top:10px;padding-bottom:10px;\\\">\\r\\n                                    <b>Annual:</b>\\r\\n                                </td>\\r\\n                                <td style=\\\"padding-top:5px;padding-bottom:5px;\\\">\\r\\n                                    <input type=\\\"text\\\" style=\\\"width:100px;\\\" />\\r\\n                                </td>\\r\\n                            </tr>\\r\\n                        </table>\\r\\n                    </td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td class=\\\"bordered header-column\\\" valign=\\\"top\\\" >\\r\\n                        <div style=\\\"font-weight:bold;\\\">Other Information</div>\\r\\n                    </td>\\r\\n                    <td class=\\\"bordered content-column\\\" valign=\\\"top\\\" >\\r\\n                        <!--<textarea rows=\\\"4\\\" style=\\\"border:none;\\\"></textarea>-->\\r\\n                        <div contenteditable=\\\"true\\\" id=\\\"smart-goal-textbox\\\" rows=\\\"4\\\" class=\\\"editor\\\"></div>\\r\\n\\r\\n                    </td>\\r\\n                </tr>\\r\\n            </table>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-2/lesson-3/career exploration worksheet'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from '@angular/platform-browser';\r\n\r\n@Component({\r\n    selector: 'career-exploration-worksheet',\r\n    templateUrl: './career-exploration-worksheet.component.html',\r\n    styleUrls: ['./career-exploration-worksheet.component.css']\r\n})\r\nexport class UnitTwoLessonThreeCareerExplorationWorksheetComponent {\r\n\r\n    title: string = \"Career Exploration Worksheet\";\r\n    pageTitle: string = this.title + \" | Unit 2, Lesson 3 | T-Folio\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n\r\n}\r\n","module.exports = \"<div class=\\\"container exercise-content guide\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-2']\\\">Unit 2</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-2/lesson-4']\\\">Lesson 4</a></li>\\r\\n                <li class=\\\"active\\\">Lesson Guide</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-2/\\\">Unit 2</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-2/lesson-4/\\\">Lesson 4</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-2/lesson-4/guide/\\\">Lesson Guide</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-2/lesson-4/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n        <div class=\\\"col-md-12\\\"><h1>{{title}}</h1></div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-8\\\" style=\\\"padding-bottom:15px;\\\">\\r\\n            <h2 class=\\\"subtitle\\\">{{subtitle}}</h2>\\r\\n            <div>\\r\\n                The youth will research postsecondary institutions (2-year or 4-year) that provide educational pathways to their career goal(s) from Unit 2: Lesson 2.\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-4 box\\\" style=\\\"margin-bottom:15px;\\\">\\r\\n            <i class=\\\"fa fa-folder-open\\\" aria-hidden=\\\"true\\\"></i>\\r\\n            <b>Item to be added to student's Transition Portfolio:</b><ul><li>School listings downloaded from College Navigator (Slide 8)</li></ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n            <h2>Lesson Objectives</h2>\\r\\n            <b>Participants will:</b>\\r\\n            <ol>\\r\\n                <li>Learn to access and use the College Navigator.</li>\\r\\n                <li>Explore colleges in a location of their choice.</li>\\r\\n                <li>Create a list of possible colleges to attend.</li>\\r\\n                <li>Consider and compare price, location, program offerings, financial aid options, and other areas of interest.</li>\\r\\n                <li>Begin a list of next steps.</li>\\r\\n            </ol>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Facilitator Notes</h2>\\r\\n            <ul>\\r\\n                <li>\\r\\n                    Each youth’s pathway to postsecondary education may be different.\\r\\n                    The key points to review are included in the activity guided by the PowerPoint.\\r\\n                </li>\\r\\n                <li>Be sure to have their goals from <a [routerLink]=\\\"['/unit-2/lesson-2']\\\">Unit 2: Lesson 2</a> available to help guide their research.</li>\\r\\n                <li>It is recommended that you spend some time exploring the <a href=\\\"https://nces.ed.gov/collegenavigator\\\" target=\\\"_blank\\\">College Navigator</a> prior to using the lesson.</li>\\r\\n                <li>\\r\\n                    A PowerPoint is included with this lesson and can be used as part of a presentation or for your information. It is recommended that you review\\r\\n                    the PowerPoint (including the Notes section) prior to using the lesson. It can be accessed in either PowerPoint or as a PDF:\\r\\n                    <ul>\\r\\n                        <li><a href=\\\"/img/unit-2/lesson-4/T-Folio_Unit-2_Lesson-4_Exploring-Postsecondary-Education-Options.pptx\\\">PowerPoint:&nbsp;\\\"Exploring Post-School Education Options\\\"</a></li>\\r\\n                        <li><a href=\\\"/img/unit-2/lesson-4/T-Folio_Unit-2_Lesson-4_Exploring-Postsecondary-Education-Options.pdf\\\" target=\\\"_blank\\\">PDF:&nbsp;\\\"Exploring Post-School Education Options\\\"</a></li>\\r\\n                    </ul>\\r\\n                </li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Introduction</h2>\\r\\n            <b>Warm-up questions:</b>\\r\\n            <ul>\\r\\n                <li>Have you thought about going to school or training after high school?</li>\\r\\n                <li>How are you going to make the decision of where to attend?</li>\\r\\n                <li>Do you know what different types of institutions have to offer?</li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Activity</h2>\\r\\n            <div>\\r\\n                For this activity, <b>you will need:</b>\\r\\n                <ul>\\r\\n                    <li>the PowerPoint, \\\"<a href=\\\"/img/unit-2/lesson-4/T-Folio_Unit-2_Lesson-4_Exploring-Postsecondary-Education-Options.pptx\\\">Exploring Post-School Education Options</a>.\\\"</li>\\r\\n                    <li>the student’s postsecondary goals from <a [routerLink]=\\\"['/unit-2/lesson-2']\\\">Unit 2: Lesson 2</a>.</li>\\r\\n                </ul>\\r\\n                The PowerPoint will guide the activity. This activity could take several class sessions for in depth research and consideration of options.<br /><br />\\r\\n                <b>Say:</b> The purpose of today’s activity is to research your options for postsecondary education.\\r\\n                These may include community college, four-year college, and/or certificate programs.\\r\\n                We are going to investigate options available to you through the <a href=\\\"https://nces.ed.gov/collegenavigator\\\" target=\\\"_blank\\\">College Navigator</a>.\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Debrief and Guiding Questions</h2>\\r\\n            <ul>\\r\\n                <li>What are some things you found interesting when researching schools?</li>\\r\\n                <li>Were there similarities in some of the offerings at the schools you researched?</li>\\r\\n                <li>What are some things that made you interested in a specific college or university?</li>\\r\\n                <li>What made you not interested? </li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Up Next</h2>\\r\\n            <div>\\r\\n                In Lesson 5, students will map out their course of study in order to align their coursework with their postsecondary goals.\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-2/lesson-4/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from '@angular/platform-browser';\r\n\r\n@Component({\r\n    selector: 'unit-two-lesson-four-guide',\r\n    templateUrl: './_guide.component.html',\r\n    styleUrls: ['../../_shared/lesson-guides/lesson-guide.component.css']\r\n})\r\nexport class UnitTwoLessonFourGuideComponent {\r\n\r\n    pageTitle: string = \"Lesson Guide | Unit 2, Lesson 4 | T-Folio\";\r\n    title: string = \"Lesson Guide\";\r\n    subtitle: string = \"Lesson 4: Exploring Postsecondary Education Options\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n}\r\n","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: 'unit-two-lesson-four-landing',\r\n    templateUrl: '../../_shared/landing-pages/landing-page.component.html',\r\n    styleUrls: ['../../_shared/landing-pages/landing-page.component.css']\r\n})\r\n\r\nexport class UnitTwoLessonFourLandingComponent {\r\n    title = \"Lesson 4: Exploring Postsecondary Education Options\";\r\n    pageTitle = \"Exploring Postsecondary Education Options | Unit 2, Lesson 4 | T-Folio\";\r\n    bannerHeader = \"Postsecondary Employment and Education Options: Lesson 4\";\r\n\r\n    openInNewWindow(url: string) {\r\n        window.open(url, '_blank');\r\n    }\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n    LandingPageData = {\r\n        breadcrumbs: {\r\n            label: \"Lesson 4\",\r\n            crumbs: [\r\n                {\r\n                    route: \"\",\r\n                    linktext: \"T-Folio\"\r\n                },\r\n                {\r\n                    route: \"/unit-2\",\r\n                    linktext: \"Unit 2\"\r\n                }\r\n            ]\r\n        },\r\n        summary: \"In Lesson 4, youth will research postsecondary institutions (2-year or 4-year) that provide educational pathways to their career goal(s).\",\r\n        objectives: [\r\n            \"Learn to access and use the College Navigator.\",\r\n            \"Explore colleges in a location of their choice.\",\r\n            \"Create a list of possible colleges to attend.\",\r\n            \"Consider and compare price, location, program offerings, financial aid options, and other areas of interest.\",\r\n            \"Begin a list of next steps.\",\r\n        ],\r\n        buttons: [\r\n            {\r\n                route: \"/unit-2/lesson-4/guide\",\r\n                linktext: \"Lesson Guide\",\r\n                color: \"btn-success\",\r\n                window: false,\r\n            },\r\n            {\r\n                route: '/img/unit-2/lesson-4/T-Folio_Unit-2_Lesson-4_Exploring-Postsecondary-Education-Options.pptx',\r\n                linktext: \"PowerPoint Presentation\",\r\n                color: \"powerpoint-button\",\r\n                window: true,\r\n            }\r\n        ],\r\n        image: \"/img/unit-2/lesson-4/LESSON 4_Exploring-Postsecondary-Education-Options_backtoschool.jpg\",\r\n        imgalt: \"Scrabble tiles spell out “Back to School” on top of a yellow notepad next to two yellow #2 pencils.\",\r\n        caption: \"by Wokandapix on\",\r\n        photoLink: \"https://pixabay.com/en/back-to-school-school-education-1622789/\",\r\n        source: \"Pixabay\",\r\n        sourceLink: \"https://pixabay.com/en/\",\r\n        licence: \"CC0 license\",\r\n        licenceLink: \"https://creativecommons.org/publicdomain/zero/1.0/\",\r\n    }\r\n}\r\n","module.exports = \"<div class=\\\"container exercise-content guide\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-2']\\\">Unit 2</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-2/lesson-5']\\\">Lesson 5</a></li>\\r\\n                <li class=\\\"active\\\">Lesson Guide</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-2/\\\">Unit 2</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-2/lesson-5/\\\">Lesson 5</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-2/lesson-5/guide/\\\">Lesson Guide</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-2/lesson-5/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n        <div class=\\\"col-md-12\\\"><h1>{{title}}</h1></div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-8\\\" style=\\\"padding-bottom:15px;\\\">\\r\\n            <h2 class=\\\"subtitle\\\">{{subtitle}}</h2>\\r\\n            <div>\\r\\n                In this lesson, youth will outline their course of study as it relates to their postsecondary outcomes.\\r\\n                A worksheet is provided for the youth to record their course of study.\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-4 box\\\">\\r\\n            <i class=\\\"fa fa-folder-open\\\" aria-hidden=\\\"true\\\"></i>\\r\\n            <b>Item to be added to student's Transition Portfolio:</b>\\r\\n            <ul class=\\\"hidden-print\\\">\\r\\n                <li><a [routerLink]=\\\"['/unit-2/lesson-5/course-of-study-worksheet']\\\">Course of Study Worksheet</a></li>\\r\\n            </ul>\\r\\n            <ul class=\\\"visible-print-block\\\">\\r\\n                <li><a href=\\\"https://cctstfolio.com/#/unit-2/lesson-5/course-of-study-worksheet\\\">Course of Study Worksheet</a></li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n            <h2>Lesson Objectives</h2>\\r\\n            <b>Participants will:</b>\\r\\n            <ol>\\r\\n                <li>Review their postsecondary goals (from Unit 2: Lesson 2).</li>\\r\\n                <li>Map their courses as they relate to their postsecondary goals for the remainder of their high school career.</li>\\r\\n            </ol>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Facilitator Notes</h2>\\r\\n            <div>\\r\\n                <ul>\\r\\n                    <li>\\r\\n                        A course of study aligns with the measurable postsecondary goals.\\r\\n                        Promising practices indicate that this should be a multi-year listing of courses that the youth will take to enable them to reach the postsecondary goals.\\r\\n                        It defines what courses they need to take to prepare for the goal(s) they have written,\\r\\n                        and in addition to the courses required for graduation,\\r\\n                        they will add courses that specifically prepare them to achieve their goal(s).\\r\\n                    </li>\\r\\n                    <li>\\r\\n                        <b>Tip:</b> It may not always be possible to match a youth's postsecondary goals exactly with a class offered by the high school.\\r\\n                        Many times, courses may not fit into this year's schedule.\\r\\n                        If this occurs, consider courses that address employability,\\r\\n                        social skills or secondary skills that will help the youth achieve his or her postsecondary goal or be successful in a postsecondary environment.\\r\\n                    </li>\\r\\n                    <li>\\r\\n                        <b>You will need to provide:</b>\\r\\n                        <ul>\\r\\n                            <li>graduation requirement checklist</li>\\r\\n                            <li>course catalog</li>\\r\\n                            <li>previous work on goal setting (<a [routerLink]=\\\"['/unit-2/lesson-2']\\\">Unit 2: Lesson 2</a>)</li>\\r\\n                            <li>research on careers (<a [routerLink]=\\\"['/unit-2/lesson-3']\\\">Unit 2: Lesson 3</a> and <a [routerLink]=\\\"['/unit-2/lesson-4']\\\">Lesson 4</a>)</li>\\r\\n                        </ul>\\r\\n                    </li>\\r\\n                    <li>\\r\\n                        A PowerPoint is included with this lesson and can be used as part of a presentation or for your information. It is recommended that you review\\r\\n                        the PowerPoint (including the Notes section) prior to using the lesson. It can be accessed in either PowerPoint or as a PDF: \\r\\n                        <ul>\\r\\n                            <li><a href=\\\"/img/unit-2/lesson-5/T-Folio_Unit-2_Lesson-5_Writing-Your-Course-Of-Study.pptx\\\">PowerPoint:&nbsp;\\\"Creating Your Course of Study\\\"</a></li>\\r\\n                            <li><a href=\\\"/img/unit-2/lesson-5/T-Folio_Unit-2_Lesson-5_Writing-Your-Course-Of-Study.pdf\\\" target=\\\"_blank\\\">PDF:&nbsp;\\\"Creating Your Course of Study\\\"</a></li>\\r\\n                        </ul>\\r\\n                    </li>\\r\\n                </ul>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Introduction</h2>\\r\\n            <div>\\r\\n                Explain to the youth that the course of study is the map to their postsecondary goals.<br /><br />\\r\\n                <b>Say:</b> Today we are going to review your postsecondary goals and create a course of study to guide your educational experiences in high school.<br /><br />\\r\\n                <b>Warm-up questions:</b>\\r\\n                <ul style=\\\"padding-bottom:10px;\\\">\\r\\n                    <li>Why do you think it might be important to have a course of study (list of courses you need to take)?</li>\\r\\n                    <li>What information will you look at to decide the courses you need/want to take?</li>\\r\\n                    <li>Who are some people you could talk to who could help you make some decisions about your courses?</li>\\r\\n                </ul>\\r\\n                <div>\\r\\n                    <b>Warm-up activity (optional):</b><br />\\r\\n                    <b>Ask:</b> What courses would you need to take if you want to be a… chef? doctor? landscaper?\\r\\n                    (Professions will vary depending on students' interests and the courses offered at the school.\\r\\n                    Some examples: An electrician's apprentice may need to have taken a year of algebra in high school.\\r\\n                    A student interested in journalism would want to take a writing class.\\r\\n                    This is also information that students can get by talking with their career counselor.)\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Activity</h2>\\r\\n            <div>\\r\\n                Follow the PowerPoint, \\\"<a href=\\\"/img/unit-2/lesson-5/T-Folio_Unit-2_Lesson-5_Writing-Your-Course-Of-Study.pptx\\\">Creating Your Course of Study</a>\\\"\\r\\n                to guide the youth in developing their course of study plan.<br /><br />\\r\\n                Provide the youth with a copy of their postsecondary goals and their research on their careers of choice,\\r\\n                as well as a list of graduation requirements, school’s course catalog,\\r\\n                and the <a [routerLink]=\\\"['/unit-2/lesson-5/course-of-study-worksheet']\\\">Course of Study Worksheet</a>.<br /><br />\\r\\n                Use the <a href=\\\"/img/unit-2/lesson-5/T-Folio_Unit-2_Lesson-5_Course-Of-Study-Worksheet-Sample.pdf\\\" target=\\\"_blank\\\">Course of Study Worksheet – Sample (PDF)</a> as a guide.\\r\\n                Note that the courses listed in the example may not match those offered at the student’s school.\\r\\n                It is important to have the course catalog information on hand.\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Debrief and Guiding Questions</h2>\\r\\n            <ul>\\r\\n                <li>What do you think you may need to do if you change your goal?</li>\\r\\n                <li>What happens if you get behind? What adjustments to your plan might you want to make?</li>\\r\\n                <li>Who will you go to when you need help and guidance?</li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Up Next</h2>\\r\\n            <div>\\r\\n                In the next lesson, students will explore the agencies in their area and will identify which agencies will be able to help them with their post-school needs.\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-2/lesson-5/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from '@angular/platform-browser';\r\n\r\n@Component({\r\n    selector: 'unit-two-lesson-five-guide',\r\n    templateUrl: './_guide.component.html',\r\n    styleUrls: ['../../_shared/lesson-guides/lesson-guide.component.css']\r\n})\r\nexport class UnitTwoLessonFiveGuideComponent {\r\n\r\n    pageTitle: string = \"Lesson Guide | Unit 2, Lesson 5 | T-Folio\";\r\n    title: string = \"Lesson Guide\";\r\n    subtitle: string = \"Lesson 5: Writing Your Course of Study\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n}\r\n","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: 'unit-two-lesson-five-landing',\r\n    templateUrl: '../../_shared/landing-pages/landing-page.component.html',\r\n    styleUrls: ['../../_shared/landing-pages/landing-page.component.css']\r\n})\r\n\r\nexport class UnitTwoLessonFiveLandingComponent {\r\n    title = \"Lesson 5: Course of Study\";\r\n    pageTitle: string = \"Course of Study | Unit 2, Lesson 5 | T-Folio\";\r\n    bannerHeader = \"Postsecondary Employment and Education Options: Lesson 5\";\r\n\r\n    openInNewWindow(url: string) {\r\n        window.open(url, '_blank');\r\n    }\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n    LandingPageData = {\r\n        breadcrumbs: {\r\n            label: \"Lesson 5\",\r\n            crumbs: [\r\n                {\r\n                    route: \"\",\r\n                    linktext: \"T-Folio\"\r\n                },\r\n                {\r\n                    route: \"/unit-2\",\r\n                    linktext: \"Unit 2\"\r\n                }\r\n            ]\r\n        },\r\n        summary: \"In this lesson, youth will outline their course of study as it relates to their postsecondary outcomes. A worksheet is provided for the youth to record their course of study.\",\r\n        objectives: [\r\n            \"Review their postsecondary goals (from Unit 2: Lesson 2).\",\r\n            \"Map their courses as they relate to their postsecondary goals for the remainder of their high school career.\",\r\n        ],\r\n        buttons: [\r\n            {\r\n                route: \"/unit-2/lesson-5/guide\",\r\n                linktext: \"Lesson Guide\",\r\n                color: \"btn-success\",\r\n                window: false,\r\n            },\r\n            {\r\n                route: \"/unit-2/lesson-5/course-of-study-worksheet\",\r\n                linktext: \"Course of Study Worksheet\",\r\n                color: \"btn-primary\",\r\n                window: false,\r\n            },\r\n            {\r\n                route: '/img/unit-2/lesson-5/T-Folio_Unit-2_Lesson-5_Course-Of-Study-Worksheet-Sample.pdf',\r\n                linktext: \"Course of Study Worksheet - Sample (PDF)\",\r\n                color: \"btn-primary\",\r\n                window: true,\r\n            },\r\n            {\r\n                route: '/img/unit-2/lesson-5/T-Folio_Unit-2_Lesson-5_Writing-Your-Course-Of-Study.pptx',\r\n                linktext: \"PowerPoint Presentation\",\r\n                color: \"powerpoint-button\",\r\n                window: true,\r\n            }\r\n\r\n        ],\r\n        image: \"/img/unit-2/lesson-5/LESSON 5_Course-of-Study_kimberly-farmer-287677.jpg\",\r\n        imgalt: \"The edges of a colorful stack of hardback textbooks appear on the left side of the image with the background blurred.\",\r\n        caption: \"by Kimberly Farmer on\",\r\n        photoLink:\"https://unsplash.com/photos/lUaaKCUANVI\",\r\n        source: \"Unsplash\",\r\n        sourceLink: \"https://unsplash.com/\",\r\n        licence: \"Open license\",\r\n        licenceLink: \"https://unsplash.com/license\",\r\n\r\n    }\r\n}\r\n","module.exports = \"textarea {\\r\\n    resize: none;\\r\\n}\\r\\n\\r\\n.school-year-label-cell {\\r\\n    text-align:center;\\r\\n    font-weight:bold;\\r\\n}\\r\\n\\r\\n.school-year-label-cell input[type=text] {\\r\\n    text-align:center;  \\r\\n}\\r\\n\\r\\n.textarea-table-cell {\\r\\n    vertical-align: middle;\\r\\n    width:100%;\\r\\n}\\r\\n\\r\\n.textarea-table-cell-last-column {\\r\\n    vertical-align: middle;\\r\\n}\\r\\n\\r\\ntd {\\r\\n    border-collapse:collapse;\\r\\n    border: 1px solid black;\\r\\n}\\r\\n\\r\\ntable, td div, tr {\\r\\n    height: 100%;\\r\\n}\\r\\n\\r\\n.textarea-subject-label {\\r\\n    display: none;\\r\\n}\\r\\n\\r\\n.editor{\\r\\n    max-width: 150px;\\r\\n    min-height: 80px;\\r\\n    height:100%;\\r\\n}\\r\\n\\r\\n.header-column-table{\\r\\n    table-layout:fixed;\\r\\n}\\r\\n\\r\\n.first-row-header {\\r\\n    border:none;\\r\\n}\\r\\n\\r\\n#employment-textbox, #education-textbox, #smart-goal-textbox {\\r\\n    border: 1px solid gray;\\r\\n}\\r\\n\\r\\n@media only screen and (max-width: 992px) {\\r\\n\\r\\n    .header-column-table {\\r\\n        display:none;\\r\\n    }\\r\\n\\r\\n    .textarea-table-cell .textarea-subject-label,\\r\\n    .textarea-table-cell-last-column .textarea-subject-label {\\r\\n        text-align:center;\\r\\n    }\\r\\n    .textarea-table-cell {\\r\\n        vertical-align: middle;\\r\\n    }\\r\\n    .textarea-subject-label {\\r\\n        display: block;\\r\\n    }\\r\\n}\\r\\n\\r\\n@media print {\\r\\n\\r\\n    textarea {\\r\\n        resize: none;\\r\\n        border: none;\\r\\n    }\\r\\n\\r\\n    .textarea-table-cell {\\r\\n        vertical-align: middle;\\r\\n    }\\r\\n    .textarea-subject-label {\\r\\n        display: none;\\r\\n    }\\r\\n    #employment-textbox, #education-textbox, #smart-goal-textbox {\\r\\n        border: none;\\r\\n    }\\r\\n}\\r\\n\\r\\n.active {\\r\\n    color: #2C3E50;\\r\\n}\\r\\n\"","module.exports = \"<div class=\\\"container exercise-content\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-2']\\\">Unit 2</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-2/lesson-5']\\\">Lesson 5</a></li>\\r\\n                <li class=\\\"active\\\">{{title}}</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-2/\\\">Unit 2</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-2/lesson-5/\\\">Lesson 5</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-2/lesson-5/course-of-study-worksheet/\\\">{{title}}</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-2/lesson-5/course of study worksheet'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container-fluid\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-1\\\"><label for=\\\"tfolio-name-textbox\\\"><b>Name:</b></label></div>\\r\\n            <div class=\\\"col-md-7\\\"><input type=\\\"text\\\" id=\\\"tfolio-name-textbox\\\" name=\\\"tfolio-name-textbox\\\" /></div>\\r\\n            <div class=\\\"col-md-1\\\"><label for=\\\"tfolio-date-textbox\\\"><b>Date:</b></label></div>\\r\\n            <div class=\\\"col-md-3\\\"><input type=\\\"text\\\" id=\\\"tfolio-date-textbox\\\" name=\\\"tfolio-date-textbox\\\" /></div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <tfolio-page-title content=\\\"{{title}}\\\"></tfolio-page-title>\\r\\n    <tfolio-directions identifier=\\\"course-of-study-directions\\\" tag=\\\"Directions\\\">\\r\\n        <span>\\r\\n            Fill out the following form, using the\\r\\n            <a href=\\\"/img/unit-2/lesson-5/T-Folio_Unit-2_Lesson-5_Course-Of-Study-Worksheet-Sample.pdf\\\" target=\\\"_blank\\\">Course of Study Worksheet – Sample</a>\\r\\n            as a guide.\\r\\n            The numbers in parentheses reflect state requirements, but your school district may have other additional requirements as well.\\r\\n        </span>\\r\\n    </tfolio-directions>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"margin-bottom:10px;\\\">\\r\\n            <h2>Postsecondary Goals</h2>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-2\\\">\\r\\n            <b>Education:</b>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-10\\\">\\r\\n            <div contenteditable=\\\"true\\\" id=\\\"education-textbox\\\" rows=\\\"2\\\" style=\\\"min-height:60px;text-align:left\\\"></div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-2\\\">\\r\\n            <b>Employment:</b>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-10\\\">\\r\\n            <div contenteditable=\\\"true\\\" id=\\\"employment-textbox\\\" rows=\\\"2\\\" style=\\\"min-height:60px;margin-top:5px;text-align:left\\\"></div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">&nbsp;</div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"margin-left:15px;margin-right:15px;\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n                <table class=\\\"header-column-table\\\" style=\\\"width:100%;font-weight:bold\\\">\\r\\n                    <tr style=\\\"min-height:60px;\\\">\\r\\n                        <td class=\\\"textarea-table-cell\\\" style=\\\"text-align: center;\\\">Subject</td>\\r\\n                        <td class=\\\"textarea-table-cell\\\" style=\\\"text-align: center;\\\">School Year:\\r\\n                            <textarea maxlength=\\\"10\\\" class=\\\"first-row-header\\\"></textarea>\\r\\n                        </td>\\r\\n                        <td class=\\\"textarea-table-cell\\\" style=\\\"text-align: center;\\\"> School Year:\\r\\n                            <textarea maxlength=\\\"10\\\" class=\\\"first-row-header\\\"></textarea>\\r\\n                        </td>\\r\\n                        <td class=\\\"textarea-table-cell\\\" style=\\\"text-align: center;\\\">School Year:\\r\\n                            <textarea maxlength=\\\"10\\\" class=\\\"first-row-header\\\"></textarea>\\r\\n                        </td>\\r\\n                        <td class=\\\"textarea-table-cell\\\" style=\\\"text-align: center;\\\">School Year:\\r\\n                            <textarea maxlength=\\\"10\\\" class=\\\"first-row-header\\\"></textarea>\\r\\n                        </td>\\r\\n                        <td class=\\\"textarea-table-cell\\\" style=\\\"text-align:center;\\\">School Year:\\r\\n                            <textarea maxlength=\\\"10\\\" class=\\\"first-row-header\\\"></textarea>\\r\\n                        </td>\\r\\n                    </tr>\\r\\n                    <tr style=\\\"min-height:60px;\\\">\\r\\n                        <td class=\\\"textarea-table-cell\\\"><div style=\\\"text-align: center;\\\">English (4)</div></td>\\r\\n                        <td class=\\\"textarea-table-cell\\\"><div contenteditable=\\\"true\\\" class=\\\"editor\\\"></div></td>\\r\\n                        <td class=\\\"textarea-table-cell\\\"><div contenteditable=\\\"true\\\" class=\\\"editor\\\"></div></td>\\r\\n                        <td class=\\\"textarea-table-cell\\\"><div contenteditable=\\\"true\\\" class=\\\"editor\\\"></div></td>\\r\\n                        <td class=\\\"textarea-table-cell\\\"><div contenteditable=\\\"true\\\" class=\\\"editor\\\"></div></td>\\r\\n                        <td class=\\\"textarea-table-cell\\\"><div contenteditable=\\\"true\\\" class=\\\"editor\\\"></div></td>\\r\\n                    </tr>\\r\\n                    <tr style=\\\"min-height:60px;\\\">\\r\\n                        <td class=\\\"textarea-table-cell\\\"><div style=\\\"text-align: center;\\\">Math (3)</div></td>\\r\\n                        <td class=\\\"textarea-table-cell\\\"><div contenteditable=\\\"true\\\" class=\\\"editor\\\"></div></td>\\r\\n                        <td class=\\\"textarea-table-cell\\\"><div contenteditable=\\\"true\\\" class=\\\"editor\\\"></div></td>\\r\\n                        <td class=\\\"textarea-table-cell\\\"><div contenteditable=\\\"true\\\" class=\\\"editor\\\"></div></td>\\r\\n                        <td class=\\\"textarea-table-cell\\\"><div contenteditable=\\\"true\\\" class=\\\"editor\\\"></div></td>\\r\\n                        <td class=\\\"textarea-table-cell\\\"><div contenteditable=\\\"true\\\" class=\\\"editor\\\"></div></td>\\r\\n                    </tr>\\r\\n                    <tr style=\\\"min-height:60px;\\\">\\r\\n                        <td class=\\\"textarea-table-cell\\\"><div style=\\\"text-align: center;\\\">Science (2)</div></td>\\r\\n                        <td class=\\\"textarea-table-cell\\\"><div contenteditable=\\\"true\\\" class=\\\"editor\\\"></div></td>\\r\\n                        <td class=\\\"textarea-table-cell\\\"><div contenteditable=\\\"true\\\" class=\\\"editor\\\"></div></td>\\r\\n                        <td class=\\\"textarea-table-cell\\\"><div contenteditable=\\\"true\\\" class=\\\"editor\\\"></div></td>\\r\\n                        <td class=\\\"textarea-table-cell\\\"><div contenteditable=\\\"true\\\" class=\\\"editor\\\"></div></td>\\r\\n                        <td class=\\\"textarea-table-cell\\\"><div contenteditable=\\\"true\\\" class=\\\"editor\\\"></div></td>\\r\\n                    </tr>\\r\\n                    <tr style=\\\"min-height:60px;\\\">\\r\\n                        <td class=\\\"textarea-table-cell\\\"><div style=\\\"text-align: center;\\\">Social Studies (3)</div></td>\\r\\n                        <td class=\\\"textarea-table-cell\\\"><div contenteditable=\\\"true\\\" class=\\\"editor\\\"></div></td>\\r\\n                        <td class=\\\"textarea-table-cell\\\"><div contenteditable=\\\"true\\\" class=\\\"editor\\\"></div></td>\\r\\n                        <td class=\\\"textarea-table-cell\\\"><div contenteditable=\\\"true\\\" class=\\\"editor\\\"></div></td>\\r\\n                        <td class=\\\"textarea-table-cell\\\"><div contenteditable=\\\"true\\\" class=\\\"editor\\\"></div></td>\\r\\n                        <td class=\\\"textarea-table-cell\\\"><div contenteditable=\\\"true\\\" class=\\\"editor\\\"></div></td>\\r\\n                    </tr>\\r\\n                    <tr style=\\\"min-height:60px;\\\">\\r\\n                        <td class=\\\"textarea-table-cell\\\"><div style=\\\"text-align: center;\\\">Arts (1)</div></td>\\r\\n                        <td class=\\\"textarea-table-cell\\\"><div contenteditable=\\\"true\\\" class=\\\"editor\\\"></div></td>\\r\\n                        <td class=\\\"textarea-table-cell\\\"><div contenteditable=\\\"true\\\" class=\\\"editor\\\"></div></td>\\r\\n                        <td class=\\\"textarea-table-cell\\\"><div contenteditable=\\\"true\\\" class=\\\"editor\\\"></div></td>\\r\\n                        <td class=\\\"textarea-table-cell\\\"><div contenteditable=\\\"true\\\" class=\\\"editor\\\"></div></td>\\r\\n                        <td class=\\\"textarea-table-cell\\\"><div contenteditable=\\\"true\\\" class=\\\"editor\\\"></div></td>\\r\\n                    </tr>\\r\\n                    <tr style=\\\"min-height:60px;\\\">\\r\\n                        <td class=\\\"textarea-table-cell\\\"><div style=\\\"text-align: center;\\\">Health and Fitness (1)</div></td>\\r\\n                        <td class=\\\"textarea-table-cell\\\"><div contenteditable=\\\"true\\\" class=\\\"editor\\\"></div></td>\\r\\n                        <td class=\\\"textarea-table-cell\\\"><div contenteditable=\\\"true\\\" class=\\\"editor\\\"></div></td>\\r\\n                        <td class=\\\"textarea-table-cell\\\"><div contenteditable=\\\"true\\\" class=\\\"editor\\\"></div></td>\\r\\n                        <td class=\\\"textarea-table-cell\\\"><div contenteditable=\\\"true\\\" class=\\\"editor\\\"></div></td>\\r\\n                        <td class=\\\"textarea-table-cell\\\"><div contenteditable=\\\"true\\\" class=\\\"editor\\\"></div></td>\\r\\n                    </tr>\\r\\n                    <tr style=\\\"min-height:60px;\\\">\\r\\n                        <td class=\\\"textarea-table-cell\\\"><div style=\\\"text-align: center;\\\">Career and Technical Ed (1)</div></td>\\r\\n                        <td class=\\\"textarea-table-cell\\\"><div contenteditable=\\\"true\\\" class=\\\"editor\\\"></div></td>\\r\\n                        <td class=\\\"textarea-table-cell\\\"><div contenteditable=\\\"true\\\" class=\\\"editor\\\"></div></td>\\r\\n                        <td class=\\\"textarea-table-cell\\\"><div contenteditable=\\\"true\\\" class=\\\"editor\\\"></div></td>\\r\\n                        <td class=\\\"textarea-table-cell\\\"><div contenteditable=\\\"true\\\" class=\\\"editor\\\"></div></td>\\r\\n                        <td class=\\\"textarea-table-cell\\\"><div contenteditable=\\\"true\\\" class=\\\"editor\\\"></div></td>\\r\\n                    </tr>\\r\\n                    <tr style=\\\"min-height:60px;\\\">\\r\\n                        <td class=\\\"textarea-table-cell\\\"><div style=\\\"text-align: center;\\\">Electives (4)</div></td>\\r\\n                        <td class=\\\"textarea-table-cell\\\"><div contenteditable=\\\"true\\\" class=\\\"editor\\\"></div></td>\\r\\n                        <td class=\\\"textarea-table-cell\\\"><div contenteditable=\\\"true\\\" class=\\\"editor\\\"></div></td>\\r\\n                        <td class=\\\"textarea-table-cell\\\"><div contenteditable=\\\"true\\\" class=\\\"editor\\\"></div></td>\\r\\n                        <td class=\\\"textarea-table-cell\\\"><div contenteditable=\\\"true\\\" class=\\\"editor\\\"></div></td>\\r\\n                        <td class=\\\"textarea-table-cell\\\"><div contenteditable=\\\"true\\\" class=\\\"editor\\\"></div></td>\\r\\n                    </tr>\\r\\n                    <tr style=\\\"min-height:60px;\\\">\\r\\n                        <td class=\\\"textarea-table-cell\\\"><div style=\\\"text-align: center;\\\">World Language or Personalized Pathway Requirement</div></td>\\r\\n                        <td class=\\\"textarea-table-cell\\\"><div contenteditable=\\\"true\\\" class=\\\"editor\\\"></div></td>\\r\\n                        <td class=\\\"textarea-table-cell\\\"><div contenteditable=\\\"true\\\" class=\\\"editor\\\"></div></td>\\r\\n                        <td class=\\\"textarea-table-cell\\\"><div contenteditable=\\\"true\\\" class=\\\"editor\\\"></div></td>\\r\\n                        <td class=\\\"textarea-table-cell\\\"><div contenteditable=\\\"true\\\" class=\\\"editor\\\"></div></td>\\r\\n                        <td class=\\\"textarea-table-cell\\\"><div contenteditable=\\\"true\\\" class=\\\"editor\\\"></div></td>\\r\\n                    </tr>\\r\\n                </table>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"margin-top:30px;margin-bottom:10px;\\\">\\r\\n            <b>Additional Activities:</b> (work experience, extracurricular activities, milestones, etc.)\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"margin-bottom:5px;\\\">\\r\\n            <div contenteditable=\\\"true\\\" id=\\\"smart-goal-textbox\\\" rows=\\\"4\\\" style=\\\"min-height:75px;width:100%;margin-top:5px;text-align:left\\\" (keydown)=\\\"restoreBulletPoint($event);\\\">\\r\\n                <ul>\\r\\n                    <li></li>\\r\\n                </ul>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-2/lesson-5/course of study worksheet'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from '@angular/platform-browser';\r\n\r\n@Component({\r\n    selector: 'course-of-study-plan',\r\n    templateUrl: './course-of-study-worksheet.component.html',\r\n    styleUrls: ['./course-of-study-worksheet.component.css']\r\n})\r\nexport class UnitTwoLessonFiveCourseOfStudyWorksheetComponent {\r\n\r\n    title: string = \"Course of Study Worksheet\";\r\n    pageTitle: string = this.title + \" | Unit 2, Lesson 5 | T-Folio\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n    restoreBulletPoint($event) {\r\n        if ($event.srcElement.innerHTML.indexOf(\"<li>\") == -1)\r\n            $event.srcElement.innerHTML = '<ul><li></li></ul>';\r\n    }\r\n\r\n}\r\n","module.exports = \"<div class=\\\"container exercise-content guide\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-2']\\\">Unit 2</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-2/lesson-6']\\\">Lesson 6</a></li>\\r\\n                <li class=\\\"active\\\">Lesson Guide</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-2/\\\">Unit 2</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-2/lesson-6/\\\">Lesson 6</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-2/lesson-6/guide/\\\">Lesson Guide</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-2/lesson-6/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n        <div class=\\\"col-md-12\\\"><h1>{{title}}</h1></div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-9\\\">\\r\\n            <h2 class=\\\"subtitle\\\">{{subtitle}}</h2>\\r\\n            <div>\\r\\n                In this lesson, youth will identify and explore the available agencies for support in their county and local community.\\r\\n                Youth will create a resource reference sheet for their use as they transition into the adult world.\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-3 box\\\">\\r\\n            <i class=\\\"fa fa-folder-open\\\" aria-hidden=\\\"true\\\"></i>\\r\\n            <b>Item to be added to student's Transition Portfolio:</b>\\r\\n            <ul class=\\\"hidden-print\\\">\\r\\n                <li><a [routerLink]=\\\"['/unit-2/lesson-6/agency-connections-worksheet']\\\">Agency Connections Worksheet</a></li>\\r\\n            </ul>\\r\\n            <ul class=\\\"visible-print-block\\\">\\r\\n                <li><a href=\\\"https://cctstfolio.com/#/unit-2/lesson-6/agency-connections-worksheet\\\">Agency Connections Worksheet</a></li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n            <h2>Lesson Objectives</h2>\\r\\n            <b>Participants will:</b>\\r\\n            <ol>\\r\\n                <li>Identify areas in which they feel they may need support in the transition to the adult world.</li>\\r\\n                <li>Identify support agencies in their county.</li>\\r\\n                <li>Create a personalized resource list of support agencies they may access.</li>\\r\\n            </ol>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Facilitator Notes</h2>\\r\\n            <ul>\\r\\n                <li>Youth will be guided to the <a href=\\\"https://www.seattleu.edu/ccts/agency-connections/\\\" target=\\\"_blank\\\">interactive map</a> on the CCTS website that lists available resources and will fill out a personalized resource worksheet to identify possible resources for future needs.</li>\\r\\n                <li>\\r\\n                    A PowerPoint is included with this lesson and can be used as part of a presentation or for your information. It is recommended that you review the PowerPoint (including the Notes section) prior to using the lesson. It can be accessed in either PowerPoint or as a PDF:\\r\\n                    <ul>\\r\\n                        <li><a href=\\\"/img/unit-2/lesson-6/T-Folio_Unit-2_Lesson-6_Exploring-Agency-Options.pptx\\\">PowerPoint:&nbsp;\\\"Agency Connections\\\"</a></li>\\r\\n                        <li><a href=\\\"/img/unit-2/lesson-6/T-Folio_Unit-2_Lesson-6_Exploring-Agency-Options.pdf\\\" target=\\\"_blank\\\">PDF:&nbsp;\\\"Agency Connections\\\"</a></li>\\r\\n                    </ul>\\r\\n                </li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Introduction</h2>\\r\\n            <div>\\r\\n                <b>Say:</b> Today, we are going to explore what agencies are available in the community after you graduate.<br /><br />\\r\\n                <div><b>Warm-up questions:</b></div>\\r\\n                <ul>\\r\\n                    <li>What kind of help might you need as you leave school?</li>\\r\\n                    <li>Do you know of any agencies or businesses that can help?</li>\\r\\n                </ul>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Activity</h2>\\r\\n            <div>\\r\\n                Give students access to the <a [routerLink]=\\\"['/unit-2/lesson-6/agency-connections-worksheet']\\\">Agency Connections Worksheet</a>.<br /><br />\\r\\n                Guide students through the PowerPoint, “<a href=\\\"/img/unit-2/lesson-6/T-Folio_Unit-2_Lesson-6_Exploring-Agency-Options.pptx\\\">Agency Connections</a>.”<br /><br />\\r\\n                <div>Use the <a href=\\\"/img/unit-2/lesson-6/T-Folio_Unit-2_Lesson-6_Agency-Connections-Worksheet-Sample.pdf\\\" target=\\\"_blank\\\">Agency Connections Worksheet – Sample (PDF)</a> as a guide.</div>\\r\\n                <ul>\\r\\n                    <li>Youth will identify the areas with which they feel they will need support as they transition to adult life.</li>\\r\\n                    <li>They will then explore the resources they may need to access as they leave school in the areas of self-identified need.</li>\\r\\n                </ul>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Debrief and Guiding Questions</h2>\\r\\n            <ul>\\r\\n                <li>How might you go about accessing the resources you’ve identified?</li>\\r\\n                <li>What will you say when you call?</li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Additional Resources</h2>\\r\\n            <ul style=\\\"list-style:url('/img/arrow.png');\\\">\\r\\n                <li><a href=\\\"http://win211.org/\\\" target=\\\"_blank\\\">Washington State 2-1-1</a> is a helpful site for locating resources. A list of resources can be created by entering a zip code and area of interest/need.</li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Considerations for Accommodation</h2>\\r\\n            <div>\\r\\n                Create a script format for youth to ask for help when they go to an agency and practice with them.\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Up Next</h2>\\r\\n            <div>\\r\\n                In Lesson 7, youth will create an <b>Action Plan</b> based on the goals and resources they have identified throughout Unit 2.\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-2/lesson-6/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from '@angular/platform-browser';\r\n\r\n@Component({\r\n    selector: 'unit-two-lesson-one-guide',\r\n    templateUrl: './_guide.component.html',\r\n    styleUrls: ['../../_shared/lesson-guides/lesson-guide.component.css']\r\n})\r\nexport class UnitTwoLessonSixGuideComponent {\r\n\r\n    pageTitle: string = \"Lesson Guide | Unit 2, Lesson 6 | T-Folio\";\r\n    title: string = \"Lesson Guide\";\r\n    subtitle: string = \"Lesson 6: Exploring Agency Options\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n}\r\n","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: 'unit-two-lesson-six-landing',\r\n    templateUrl: '../../_shared/landing-pages/landing-page.component.html',\r\n    styleUrls: ['../../_shared/landing-pages/landing-page.component.css']\r\n})\r\n\r\nexport class UnitTwoLessonSixLandingComponent {\r\n\r\n    title = \"Lesson 6: Exploring Agency Options\";\r\n    pageTitle = \"Exploring Agency Options | Unit 2, Lesson 6 | T-Folio\";\r\n    bannerHeader = \"Postsecondary Employment and Education Options: Lesson 6\";\r\n\r\n    openInNewWindow(url: string) {\r\n        window.open(url, '_blank');\r\n    }\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n    LandingPageData = {\r\n        breadcrumbs: {\r\n            label: \"Lesson 6\",\r\n            crumbs: [\r\n                {\r\n                    route: \"\",\r\n                    linktext: \"T-Folio\"\r\n                },\r\n                {\r\n                    route: \"/unit-2\",\r\n                    linktext: \"Unit 2\"\r\n                }\r\n            ]\r\n        },\r\n        summary: \"In this lesson, youth will identify and explore the available agencies for support in their county and local community. Youth will create a resource reference sheet for their use as they transition into the adult world.\",\r\n        objectives: [\r\n            \"Identify areas in which they feel they may need support in the transition to the adult world.\",\r\n            \"Identify support agencies in their county.\",\r\n            \"Create a personalized resource list of support agencies they may access.\",\r\n        ],\r\n        buttons: [\r\n            {\r\n                route: \"/unit-2/lesson-6/guide\",\r\n                linktext: \"Lesson Guide\",\r\n                color: \"btn-success\",\r\n                window: false,\r\n            },\r\n            {\r\n                route: \"/unit-2/lesson-6/agency-connections-worksheet\",\r\n                linktext: \"Agency Connections Worksheet\",\r\n                color: \"btn-primary\",\r\n                window: false,\r\n            },\r\n            {\r\n                route: '/img/unit-2/lesson-6/T-Folio_Unit-2_Lesson-6_Agency-Connections-Worksheet-Sample.pdf',\r\n                linktext: \"Agency Connections Worksheet - Sample (PDF)\",\r\n                color: \"btn-primary\",\r\n                window: true,\r\n            },\r\n            {\r\n                route: '/img/unit-2/lesson-6/T-Folio_Unit-2_Lesson-6_Exploring-Agency-Options.pptx',\r\n                linktext: \"PowerPoint Presentation\",\r\n                color: \"powerpoint-button\",\r\n                window: true,\r\n            }\r\n\r\n        ],\r\n        image: \"/img/unit-2/lesson-6/LESSON 6_Exploring-Agency-Connections_william-bout-264826.jpg\",\r\n        imgalt: \"The image shows a network of cables that connect to form geometrical patterns.\",\r\n        caption: \"by William Bout on \",\r\n        source: \"Unsplash\",\r\n        photoLink: \"\",\r\n        sourceLink: \"https://unsplash.com/\",\r\n        licence: \"Open license\",\r\n        licenceLink: \"https://unsplash.com/license\",\r\n    }\r\n}\r\n","module.exports = \"textarea {\\r\\n    resize: none;\\r\\n    border: 1px solid black;\\r\\n}\\r\\n\\r\\n.bordered {\\r\\n    border: 1px solid black;\\r\\n    padding: 5px;\\r\\n}\\r\\n\\r\\nli {\\r\\n    padding-top: 2px;\\r\\n    padding-bottom: 2px;\\r\\n}\\r\\n\\r\\n@media print {\\r\\n    textarea {\\r\\n        resize: none;\\r\\n        border: none;\\r\\n    }\\r\\n}\\r\\n\\r\\n.active {\\r\\n    color: #2C3E50;\\r\\n}\\r\\n\\r\\n\"","module.exports = \"<div class=\\\"container exercise-content\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-2']\\\">Unit 2</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-2/lesson-6']\\\">Lesson 6</a></li>\\r\\n                <li class=\\\"active\\\">{{title}}</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-2/\\\">Unit 2</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-2/lesson-6/\\\">Lesson 6</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-2/lesson-6/agency-connections-worksheet/\\\">{{title}}</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-2/lesson-6/agency connections worksheet'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container-fluid\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-1\\\"><label for=\\\"tfolio-name-textbox\\\"><b>Name:</b></label></div>\\r\\n            <div class=\\\"col-md-7\\\"><input type=\\\"text\\\" id=\\\"tfolio-name-textbox\\\" name=\\\"tfolio-name-textbox\\\" /></div>\\r\\n            <div class=\\\"col-md-1\\\"><label for=\\\"tfolio-date-textbox\\\"><b>Date:</b></label></div>\\r\\n            <div class=\\\"col-md-3\\\"><input type=\\\"text\\\" id=\\\"tfolio-date-textbox\\\" name=\\\"tfolio-date-textbox\\\" /></div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <tfolio-page-title content=\\\"{{title}}\\\"></tfolio-page-title>\\r\\n    <tfolio-directions identifier=\\\"agency-connections-directions\\\" tag=\\\"Directions\\\">\\r\\n        <span>\\r\\n            Fill out the following form, using the <a href=\\\"/img/unit-2/lesson-6/T-Folio_Unit-2_Lesson-6_Agency-Connections-Worksheet-Sample.pdf\\\" target=\\\"_blank\\\">Agency Connections Worksheet – Sample</a> as a guide.\\r\\n        </span>\\r\\n    </tfolio-directions>\\r\\n    <div class=\\\"container-fluid\\\">\\r\\n        <div class=\\\"row-fluid\\\">\\r\\n            <div style=\\\"padding-top:15px;\\\">\\r\\n                <div>\\r\\n                    <b>What are my needs when I leave school?</b> (Check those that apply to you.)\\r\\n                </div>\\r\\n                <div style=\\\"padding-top:10px;padding-left:50px;\\\">\\r\\n                    <div>\\r\\n                        <input type=\\\"checkbox\\\" id=\\\"agency-connections-worksheet-employment\\\" name=\\\"agency-connections-worksheet-employment\\\" />\\r\\n                        <label for=\\\"agency-connections-worksheet-employment\\\">Employment</label>\\r\\n                    </div>\\r\\n                    <div>\\r\\n                        <input type=\\\"checkbox\\\" id=\\\"agency-connections-worksheet-health-and-emergency\\\" name=\\\"agency-connections-worksheet-health-and-emergency\\\" />\\r\\n                        <label for=\\\"agency-connections-worksheet-health-and-emergency\\\">Health and Emergency</label>\\r\\n                    </div>\\r\\n                    <div>\\r\\n                        <input type=\\\"checkbox\\\" id=\\\"agency-connections-worksheet-housing\\\" name=\\\"agency-connections-worksheet-housing\\\" />\\r\\n                        <label for=\\\"agency-connections-worksheet-housing\\\">Housing</label>\\r\\n                    </div>\\r\\n                    <div>\\r\\n                        <input type=\\\"checkbox\\\" id=\\\"agency-connections-worksheet-postsecondary-education\\\" name=\\\"agency-connections-worksheet-postsecondary-education\\\" />\\r\\n                        <label for=\\\"agency-connections-worksheet-postsecondary-education\\\">Postsecondary Education</label>\\r\\n                    </div>\\r\\n                    <div>\\r\\n                        <input type=\\\"checkbox\\\" id=\\\"agency-connections-worksheet-recreation-and-leisure\\\" name=\\\"agency-connections-worksheet-recreation-and-leisure\\\" />\\r\\n                        <label for=\\\"agency-connections-worksheet-recreation-and-leisure\\\">Recreation and Leisure</label>\\r\\n                    </div>\\r\\n                    <div>\\r\\n                        <input type=\\\"checkbox\\\" id=\\\"agency-connections-worksheet-transportation\\\" name=\\\"agency-connections-worksheet-transportation\\\" />\\r\\n                        <label for=\\\"agency-connections-worksheet-transportation\\\">Transportation</label>\\r\\n                    </div>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container-fluid\\\">\\r\\n        <div class=\\\"row-fluid\\\">\\r\\n            <div style=\\\"padding-top:15px;\\\">\\r\\n                <div>\\r\\n                    <b>What agencies are available in my community that I might need to contact?</b> (Research the areas you checked above.)\\r\\n                </div>\\r\\n                <div style=\\\"padding-top:10px;padding-left:25px;\\\">\\r\\n                    <ol>\\r\\n                        <li>Go to the <a href=\\\"https://www.seattleu.edu/ccts/agency-connections\\\" target=\\\"_blank\\\">Agency Connections page</a> on the CCTS website.</li>\\r\\n                        <li>Click on your county.</li>\\r\\n                        <li>Find your areas of need.</li>\\r\\n                        <li>Fill out the charts below for your reference.</li>\\r\\n                    </ol>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container-fluid\\\">\\r\\n        <div class=\\\"row-fluid\\\">\\r\\n            <div style=\\\"padding-top:15px;\\\">\\r\\n                <b>County:</b>&nbsp;&nbsp;<input type=\\\"text\\\" id=\\\"agency-connections-worksheet-county\\\" name=\\\"agency-connections-worksheet-county\\\" style=\\\"width:150px;\\\" />\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <agency-connections-agency-info-table agency-type=\\\"Employment\\\"></agency-connections-agency-info-table>\\r\\n    <agency-connections-agency-info-table agency-type=\\\"Health and Emergency\\\"></agency-connections-agency-info-table>\\r\\n    <agency-connections-agency-info-table agency-type=\\\"Housing\\\"></agency-connections-agency-info-table>\\r\\n    <agency-connections-agency-info-table agency-type=\\\"Postsecondary Education\\\"></agency-connections-agency-info-table>\\r\\n    <agency-connections-agency-info-table agency-type=\\\"Recreation and Leisure\\\"></agency-connections-agency-info-table>\\r\\n    <agency-connections-agency-info-table agency-type=\\\"Transportation\\\"></agency-connections-agency-info-table>\\r\\n\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-2/lesson-6/agency connections worksheet'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from '@angular/platform-browser';\r\n\r\n@Component({\r\n    selector: 'agency-connections-worksheet',\r\n    templateUrl: './agency-connections-worksheet.component.html',\r\n    styleUrls: ['./agency-connections-worksheet.component.css']\r\n})\r\nexport class UnitTwoLessonSixAgencyConnectionsWorksheetComponent {\r\n\r\n    title: string = \"Agency Connections Worksheet\";\r\n    pageTitle: string = this.title + \" | Unit 2, Lesson 6 | T-Folio\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n\r\n}\r\n","module.exports = \"table {\\r\\n    border-bottom: 1px solid black;\\r\\n}\\r\\n\\r\\ntr {\\r\\n    border-left: 1px solid black;\\r\\n    border-top: 1px solid black;\\r\\n}\\r\\n\\r\\ntextarea {\\r\\n    resize: none;\\r\\n    border: 1px solid black;\\r\\n}\\r\\n\\r\\n.bordered {\\r\\n    border-right: 1px solid black;\\r\\n    padding: 5px;\\r\\n    width: 25%;\\r\\n}\\r\\n\\r\\nli {\\r\\n    padding-top: 2px;\\r\\n    padding-bottom: 2px;\\r\\n}\\r\\n\\r\\nth.textarea-header-primary {\\r\\n    display: table-cell;\\r\\n    text-align:center;\\r\\n}\\r\\n\\r\\n.textarea-header-secondary {\\r\\n    display: none;\\r\\n}\\r\\n\\r\\n.editor{\\r\\n    min-height: 80px;\\r\\n    max-width: 225px;\\r\\n    height:100%;\\r\\n}\\r\\n\\r\\n@media only screen and (max-width: 992px) {\\r\\n\\r\\n    table,\\r\\n    thead,\\r\\n    tbody,\\r\\n    th,\\r\\n    td,\\r\\n    tr {\\r\\n        display: block;\\r\\n    }\\r\\n\\r\\n    th.textarea-header-primary {\\r\\n        display:none;\\r\\n    }\\r\\n\\r\\n    .textarea-header-secondary {\\r\\n        display: block;\\r\\n    }\\r\\n\\r\\n    .bordered {\\r\\n        border-top:0;\\r\\n        border-bottom:0;\\r\\n        padding: 5px;\\r\\n    }\\r\\n\\r\\n    tr > td:first-of-type {\\r\\n        border-top: 1px solid black;\\r\\n    }\\r\\n    tr > td:last-of-type {\\r\\n        border-bottom: 1px solid black;\\r\\n    }\\r\\n\\r\\n\\r\\n\\r\\n}\\r\\n\\r\\n@media print {\\r\\n    textarea {\\r\\n        resize: none;\\r\\n        border: none;\\r\\n    }\\r\\n}\\r\\n\"","module.exports = \"<div class=\\\"container-fluid\\\">\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div style=\\\"padding-top:15px;\\\">\\r\\n            <h2>{{agencyType}}</h2>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <table style=\\\"width:100%\\\">\\r\\n                <tr style=\\\"min-height:20px;display:flex;\\\">\\r\\n                    <th class=\\\"textarea-header-primary bordered\\\">Agency Name</th>\\r\\n                    <th class=\\\"textarea-header-primary bordered\\\">What they provide</th>\\r\\n                    <th class=\\\"textarea-header-primary bordered\\\">Contact information</th>\\r\\n                    <th class=\\\"textarea-header-primary bordered\\\">Comments</th>\\r\\n                </tr>\\r\\n                <tr style=\\\"min-height:200px;display:flex\\\">\\r\\n                    <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                        <div class=\\\"textarea-header-secondary\\\">Agency Name</div>\\r\\n                        <div contenteditable=\\\"true\\\" class=\\\"editor\\\" rows=\\\"4\\\"></div>\\r\\n                    </td>\\r\\n                    <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                        <div class=\\\"textarea-header-secondary\\\">What they provide</div>\\r\\n                        <div contenteditable=\\\"true\\\" class=\\\"editor\\\" rows=\\\"4\\\"></div>\\r\\n                    </td>\\r\\n                    <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                        <div class=\\\"textarea-header-secondary\\\">Contact information</div>\\r\\n                        <div contenteditable=\\\"true\\\" class=\\\"editor\\\" rows=\\\"4\\\"></div>\\r\\n                    </td>\\r\\n                    <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                        <div class=\\\"textarea-header-secondary\\\">Comments</div>\\r\\n                        <div contenteditable=\\\"true\\\" class=\\\"editor\\\" rows=\\\"4\\\"></div>\\r\\n                    </td>\\r\\n                </tr>\\r\\n                <tr style=\\\"min-height:200px;display:flex;\\\">\\r\\n                    <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                        <div class=\\\"textarea-header-secondary\\\">Agency Name</div>\\r\\n                        <div contenteditable=\\\"true\\\" class=\\\"editor\\\" rows=\\\"4\\\"></div>\\r\\n                    </td>\\r\\n                    <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                        <div class=\\\"textarea-header-secondary\\\">What they provide</div>\\r\\n                        <div contenteditable=\\\"true\\\" class=\\\"editor\\\" rows=\\\"4\\\"></div>\\r\\n                    </td>\\r\\n                    <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                        <div class=\\\"textarea-header-secondary\\\">Contact information</div>\\r\\n                        <div contenteditable=\\\"true\\\" class=\\\"editor\\\" rows=\\\"4\\\"></div>\\r\\n                    </td>\\r\\n                    <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                        <div class=\\\"textarea-header-secondary\\\">Comments</div>\\r\\n                        <div contenteditable=\\\"true\\\" class=\\\"editor\\\" rows=\\\"4\\\"></div>\\r\\n                    </td>\\r\\n                </tr>\\r\\n                <tr style=\\\"min-height:200px;display:flex;\\\">\\r\\n                    <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                        <div class=\\\"textarea-header-secondary\\\">Agency Name</div>\\r\\n                        <div contenteditable=\\\"true\\\" class=\\\"editor\\\" rows=\\\"4\\\"></div>\\r\\n                    </td>\\r\\n                    <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                        <div class=\\\"textarea-header-secondary\\\">What they provide</div>\\r\\n                        <div contenteditable=\\\"true\\\" class=\\\"editor\\\" rows=\\\"4\\\"></div>\\r\\n                    </td>\\r\\n                    <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                        <div class=\\\"textarea-header-secondary\\\">Contact information</div>\\r\\n                        <div contenteditable=\\\"true\\\" class=\\\"editor\\\" rows=\\\"4\\\"></div>\\r\\n                    </td>\\r\\n                    <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                        <div class=\\\"textarea-header-secondary\\\">Comments</div>\\r\\n                        <div contenteditable=\\\"true\\\" class=\\\"editor\\\" rows=\\\"4\\\"></div>\\r\\n                    </td>\\r\\n                </tr>\\r\\n                <tr style=\\\"min-height:200px;display:flex;\\\">\\r\\n                    <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                        <div class=\\\"textarea-header-secondary\\\">Agency Name</div>\\r\\n                        <div contenteditable=\\\"true\\\" class=\\\"editor\\\" rows=\\\"4\\\"></div>\\r\\n                    </td>\\r\\n                    <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                        <div class=\\\"textarea-header-secondary\\\">What they provide</div>\\r\\n                        <div contenteditable=\\\"true\\\" class=\\\"editor\\\" rows=\\\"4\\\"></div>\\r\\n                    </td>\\r\\n                    <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                        <div class=\\\"textarea-header-secondary\\\">Contact information</div>\\r\\n                        <div contenteditable=\\\"true\\\" class=\\\"editor\\\" rows=\\\"4\\\"></div>\\r\\n                    </td>\\r\\n                    <td class=\\\"bordered\\\" valign=\\\"top\\\">\\r\\n                        <div class=\\\"textarea-header-secondary\\\">Comments</div>\\r\\n                        <div contenteditable=\\\"true\\\" class=\\\"editor\\\" rows=\\\"4\\\"></div>\\r\\n                    </td>\\r\\n                </tr>\\r\\n            </table>\\r\\n        </div>\\r\\n    </div>\\r\\n</div>\"","import { Component, Input } from \"@angular/core\";\r\n\r\n@Component({\r\n    selector: 'agency-connections-agency-info-table',\r\n    templateUrl: './agency-info.component.html',\r\n    styleUrls: ['./agency-info.component.css']\r\n})\r\nexport class AgencyConnectionsAgencyInfoTableComponent {\r\n\r\n    @Input('agency-type') agencyType: string;\r\n\r\n}","module.exports = \"<div class=\\\"container exercise-content guide\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-2']\\\">Unit 2</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-2/lesson-7']\\\">Lesson 7</a></li>\\r\\n                <li class=\\\"active\\\">Lesson Guide</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-2/\\\">Unit 2</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-2/lesson-7/\\\">Lesson 7</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-2/lesson-7/guide/\\\">Lesson Guide</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-2/lesson-7/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n        <div class=\\\"col-md-12\\\"><h1>{{title}}</h1></div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-8\\\" style=\\\"padding-bottom:15px;\\\">\\r\\n            <h2 class=\\\"subtitle\\\">{{subtitle}}</h2>\\r\\n            <div>\\r\\n                In Lesson 7, youth will develop an action plan to follow up with the activities conducted throughout Unit 2.\\r\\n                This will allow them to put the research and exploration activities they have completed in Lessons 1-6 of the unit into a plan of action for postsecondary employment and education.\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-4 box\\\">\\r\\n            <i class=\\\"fa fa-folder-open\\\" aria-hidden=\\\"true\\\"></i>\\r\\n            <b>Item to be added to student's Transition Portfolio:</b>\\r\\n            <ul class=\\\"hidden-print\\\">\\r\\n                <li><a [routerLink]=\\\"['/unit-2/lesson-7/action-plan']\\\">Action Plan: Employment and Education</a></li>\\r\\n            </ul>\\r\\n            <ul class=\\\"visible-print-block\\\">\\r\\n                <li><a href=\\\"https://cctstfolio.com/#/unit-2/lesson-7/action-plan\\\">Action Plan: Employment and Education</a></li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n            <h2>Lesson Objectives</h2>\\r\\n            <b>Participants will:</b>\\r\\n            <ol>\\r\\n                <li>Learn the components of an action plan.</li>\\r\\n                <li>Create an action plan for one or more of the areas covered in this unit.</li>\\r\\n                <li>Identify supports needed for each portion of the action plan.</li>\\r\\n            </ol>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Facilitator Notes</h2>\\r\\n            <div>\\r\\n                <ul>\\r\\n                    <li>\\r\\n                        Action plans are an important organizational tool for everyone.\\r\\n                        Depending on the person’s needs they can be simple or more complex.\\r\\n                        The important factor is that there is an action plan developed and strategies discussed with the youth on how to accomplish the tasks.\\r\\n                    </li>\\r\\n                    <li>\\r\\n                        For some youth this will be new.\\r\\n                        For others it will have been a part of instruction in study skills or organization strategies.\\r\\n                    </li>\\r\\n                    <li>\\r\\n                        A PowerPoint is included with this lesson and can be used as part of a presentation or for your information. It is recommended that you\\r\\n                        review the PowerPoint (including the Notes section) prior to using the lesson. It can be accessed in either PowerPoint or as a PDF:\\r\\n                        <ul>\\r\\n                            <li><a href=\\\"/img/unit-2/lesson-7/T-Folio_Unit-2_Lesson-7_Action-Plan-For-Employment-And-Education.pptx\\\">PowerPoint:&nbsp;\\\"Action Planning\\\"</a></li>\\r\\n                            <li><a href=\\\"/img/unit-2/lesson-7/T-Folio_Unit-2_Lesson-7_Action-Plan-For-Employment-And-Education.pdf\\\" target=\\\"_blank\\\">PDF:&nbsp;\\\"Action Planning\\\"</a></li>\\r\\n                        </ul>\\r\\n                    </li>\\r\\n                </ul>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Introduction</h2>\\r\\n            <div style=\\\"padding-bottom:15px;\\\">\\r\\n                <b>Say:</b> We are going to develop an action plan based on what you have learned in this unit.\\r\\n                It can be focused on employment, education, or both.\\r\\n                We will go step by step, and you are encouraged to think seriously about the supports you may need to accomplish your tasks.\\r\\n            </div>\\r\\n            <div>\\r\\n                <b>Warm-up questions:</b>\\r\\n                <ul>\\r\\n                    <li>Can you give examples of what action plans look like in everyday life?</li>\\r\\n                    <li>Have you ever developed an action plan for something?</li>\\r\\n                    <li>What do you think should be included in an action plan? Why?</li>\\r\\n                </ul>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Activity</h2>\\r\\n            <div>\\r\\n                For this activity, <b>you will need</b>:\\r\\n                <ul>\\r\\n                    <li>the PowerPoint, \\\"<a href=\\\"/img/unit-2/lesson-7/T-Folio_Unit-2_Lesson-7_Action-Plan-For-Employment-And-Education.pptx\\\">Action Planning</a>.\\\"</li>\\r\\n                    <li>the <a [routerLink]=\\\"['/unit-2/lesson-7/action-plan']\\\">Action Plan Template</a>.</li>\\r\\n                    <li>the <a href=\\\"/img/unit-2/lesson-7/T-Folio_Unit-2_Lesson-7_Action-Plan-Sample.pdf\\\" target=\\\"_blank\\\">Action Plan - Sample (PDF)</a>.</li>\\r\\n                    <li>the student’s information from previous lessons in Unit 2 (if you have it).</li>\\r\\n                </ul>\\r\\n            </div>\\r\\n            <div style=\\\"padding-bottom:15px;\\\">\\r\\n                Youth will develop an action plan using the template provided.\\r\\n                It is important for the facilitator to guide the student through the process and encourage the identification of supports needed to accomplish the tasks on the action plan.\\r\\n                Outcomes will likely need to be filled in at a later date by hand.\\r\\n            </div>\\r\\n            <div style=\\\"padding-bottom:15px;\\\">\\r\\n                Students should check the box that corresponds to the topic they have chosen for their action plan (in this case either education or employment or both).\\r\\n            </div>\\r\\n            <div>\\r\\n                <b>Note:</b> The student should complete as much as they can online before printing their action plan. Further tasks, dates, and outcomes can be added later by hand.\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Debrief and Guiding Questions</h2>\\r\\n            <ul>\\r\\n                <li>What was the easiest part of this activity? Why?</li>\\r\\n                <li>What part made you think the most? Why?</li>\\r\\n            </ul>\\r\\n            <b>Say:</b> We will review your action plans periodically, so you can keep on track.\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Additional Resources</h2>\\r\\n            <ul style=\\\"list-style:url('/img/arrow.png');\\\">\\r\\n                <li>\\r\\n                    The Open University's\\r\\n                    <a href=\\\"https://help.open.ac.uk/forward-planning\\\" target=\\\"_blank\\\">career development resource</a> offers a framework for exploring and developing more complex action plans in terms of strengths, weaknesses, \\r\\n                    opportunities, and threats. Helpful examples are provided, though it may be too complicated for some learners.\\r\\n                </li>\\r\\n            </ul>\\r\\n            <div>\\r\\n\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Up Next</h2>\\r\\n            <div>\\r\\n                You’ve finished Unit 2!\\r\\n                Unit 3 will cover work-based learning activities and will guide youth in gaining practical experiences that will help them on the job.\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-2/lesson-7/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from '@angular/platform-browser';\r\n\r\n@Component({\r\n    selector: 'unit-two-lesson-seven-guide',\r\n    templateUrl: './_guide.component.html',\r\n    styleUrls: ['../../_shared/lesson-guides/lesson-guide.component.css']\r\n})\r\nexport class UnitTwoLessonSevenGuideComponent {\r\n\r\n    pageTitle: string = \"Lesson Guide | Unit 2, Lesson 7 | T-Folio\";\r\n    title: string = \"Lesson Guide\";\r\n    subtitle: string = \"Lesson 7: Action Plan for Employment and Education\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n}\r\n","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: 'unit-two-lesson-seven-landing',\r\n    templateUrl: '../../_shared/landing-pages/landing-page.component.html',\r\n    styleUrls: ['../../_shared/landing-pages/landing-page.component.css']\r\n})\r\n\r\nexport class UnitTwoLessonSevenLandingComponent {\r\n    title = \"Lesson 7: Action Plan for Employment and Education\";\r\n    pageTitle: string = \"Action Plan for Employment and Education | Unit 2, Lesson 7 | T-Folio\";\r\n    bannerHeader = \"Postsecondary Employment and Education Options: Lesson 7\";\r\n\r\n    openInNewWindow(url: string) {\r\n        window.open(url, '_blank');\r\n    }\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n    LandingPageData = {\r\n        breadcrumbs: {\r\n            label: \"Lesson 7\",\r\n            crumbs: [\r\n                {\r\n                    route: \"\",\r\n                    linktext: \"T-Folio\"\r\n                },\r\n                {\r\n                    route: \"/unit-2\",\r\n                    linktext: \"Unit 2\"\r\n                }\r\n            ]\r\n        },\r\n        summary: \"In Lesson 7, youth will develop an action plan to follow up with the activities conducted throughout Unit 2. This will allow them to put the research and exploration activities they have completed in Lessons 1-6 of the unit into a plan of action.\",\r\n        objectives: [\r\n            \"Learn the components of an action plan.\",\r\n            \"Create an action plan for one or more of the areas covered in this unit.\",\r\n            \"Identify supports needed for each portion of the action plan.\",\r\n        ],\r\n        buttons: [\r\n            {\r\n                route: \"/unit-2/lesson-7/guide\",\r\n                linktext: \"Lesson Guide\",\r\n                color: \"btn-success\",\r\n                window: false\r\n            },\r\n            {\r\n                route: \"/unit-2/lesson-7/action-plan\",\r\n                linktext: \"Action Plan\",\r\n                color: \"btn-primary\",\r\n                window: false\r\n            },\r\n            {\r\n                route: '/img/unit-2/lesson-7/T-Folio_Unit-2_Lesson-7_Action-Plan-Sample.pdf',\r\n                linktext: \"Action Plan - Sample (PDF)\",\r\n                color: \"btn-primary\",\r\n                window: true\r\n            },\r\n            {\r\n                route: '/img/unit-2/lesson-7/T-Folio_Unit-2_Lesson-7_Action-Plan-For-Employment-And-Education.pptx',\r\n                linktext: \"PowerPoint Presentation\",\r\n                color: \"powerpoint-button\",\r\n                window: true\r\n            }\r\n\r\n        ],\r\n        image: \"/img/unit-2/lesson-7/LESSON 7_Action-Plan_tamarcus-brown-131428.jpg\",\r\n        imgalt: \"Two hands work in a spiral sketchbook with the left one positioning a ruler and the right one holding a pen.\",\r\n        caption: \" on \",\r\n        source: \"Pixabay\",\r\n        photoLink: \"https://pixabay.com/en/student-school-classroom-desk-2607160/\",\r\n        sourceLink: \"https://pixabay.com/en/\",\r\n        licence: \"CC0 license\",\r\n        licenceLink: \"https://creativecommons.org/publicdomain/zero/1.0/\",\r\n\r\n    }\r\n}\r\n","module.exports = \"div, span, b {\\r\\n    font-size: medium;\\r\\n}\\r\\n\\r\\nlabel {\\r\\n    margin-left: 10px;\\r\\n    white-space: normal;\\r\\n    font-size: medium;\\r\\n}\\r\\n\\r\\ntd td:not(.col-3){\\r\\n    vertical-align:top;\\r\\n}\\r\\n\\r\\ntable, tr, td {\\r\\n    height: 100%;\\r\\n}\\r\\n\\r\\ntd div {\\r\\n    height: 100%;\\r\\n}\\r\\n\\r\\ninput[type='text'] {\\r\\n    border: 1px solid black;\\r\\n    width: 100px;\\r\\n    text-align: center;\\r\\n}\\r\\n\\r\\ntable tbody tr td {\\r\\n    border: 1px solid black;\\r\\n}\\r\\n\\r\\ntr.header-row td {\\r\\n    text-align: center;\\r\\n}\\r\\n\\r\\n.header-cell label {\\r\\n    margin-bottom: 5px;\\r\\n    font-size: medium;\\r\\n    font-weight: bold;\\r\\n}\\r\\n\\r\\n.header-secondary {\\r\\n    display: none;\\r\\n}\\r\\n\\r\\n.input-row > td.due-date-cell {\\r\\n    text-align: center;\\r\\n}\\r\\n\\r\\n#notes-textbox {\\r\\n    min-height: 75px;\\r\\n    width: 100%;\\r\\n    margin-top: 5px;\\r\\n    border: 1px solid black;\\r\\n    text-align: left;\\r\\n    font-weight:bold;\\r\\n}\\r\\n\\r\\n.active {\\r\\n    color: #2C3E50;\\r\\n}\\r\\n\\r\\n.row > div {\\r\\n    padding-top: 5px;\\r\\n    padding-bottom: 5px;\\r\\n}\\r\\n\\r\\n.editor {\\r\\n    min-height: 75px;\\r\\n    width: 100%;\\r\\n    font-weight:bold;\\r\\n}\\r\\n\\r\\n.input-row > div {\\r\\n    min-height: 110px;\\r\\n}\\r\\n\\r\\n.input-row > div.due-date-cell {\\r\\n    padding-top: 35px;\\r\\n    text-align: center;\\r\\n}\\r\\n\\r\\n@media screen and (min-width:992px) {\\r\\n\\r\\n    .grid {\\r\\n        table-layout:fixed;\\r\\n    }\\r\\n}\\r\\n\\r\\n@media screen and (max-width: 992px) {\\r\\n    table,\\r\\n    thead,\\r\\n    tbody,\\r\\n    th,\\r\\n    td,\\r\\n    tr {\\r\\n        display: block;\\r\\n    }\\r\\n\\r\\n    /*need to override bootstrap css display box*/\\r\\n    td.col-1, td.col-2, td.col-3, td.col-4 {\\r\\n        width: auto;\\r\\n        display:block;\\r\\n    }\\r\\n    tr {\\r\\n        margin-top: 5px;\\r\\n        border: 1px solid black;\\r\\n    }\\r\\n\\r\\n    tr.header-row {\\r\\n        display: none;\\r\\n    }\\r\\n\\r\\n    .header-secondary {\\r\\n        display: block;\\r\\n        text-align: center;\\r\\n        margin-bottom: 5px;\\r\\n    }\\r\\n\\r\\n    .header-secondary label {\\r\\n        font-weight: bold;\\r\\n    }\\r\\n    .input-row{\\r\\n        display:block;\\r\\n    }\\r\\n    .input-row > td.due-date-cell {\\r\\n        padding-bottom: 5px;\\r\\n    }\\r\\n\\r\\n    .input-row > div.due-date-cell {\\r\\n        padding-top: 0px;\\r\\n        min-height: 0px;\\r\\n        text-align: center;\\r\\n    }\\r\\n}\\r\\n\\r\\n@media print {\\r\\n    .textarea-header-secondary {\\r\\n        display: none;\\r\\n    }\\r\\n\\r\\n    input[type='text'], #notes-textbox {\\r\\n        border: none;\\r\\n    }\\r\\n}\\r\\n\"","module.exports = \"    <div class=\\\"container exercise-content\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-2']\\\">Unit 2</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-2/lesson-7']\\\">Lesson 7</a></li>\\r\\n                <li class=\\\"active\\\">{{title}}</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-2/\\\">Unit 2</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-2/lesson-7/\\\">Lesson 7</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-2/lesson-7/action-plan/\\\">{{title}}</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-2/lesson-7/action plan'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container-fluid\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\">\\r\\n                <div class=\\\"row\\\">\\r\\n                    <div class=\\\"col-md-4\\\"><label for=\\\"tfolio-name-textbox\\\"><b>Name:</b></label></div>\\r\\n                    <div class=\\\"col-md-8\\\"><input type=\\\"text\\\" id=\\\"tfolio-name-textbox\\\" name=\\\"tfolio-name-textbox\\\" style=\\\"width:100%;text-align:left;\\\" /></div>\\r\\n                </div>\\r\\n                <div class=\\\"row\\\">\\r\\n                    <div class=\\\"col-md-4\\\"><label for=\\\"tfolio-date-textbox\\\"><b>Date started:</b></label></div>\\r\\n                    <div class=\\\"col-md-8\\\"><input type=\\\"text\\\" id=\\\"tfolio-date-textbox\\\" name=\\\"tfolio-date-textbox\\\" style=\\\"width:100%;text-align:left;\\\" /></div>\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-3\\\" style=\\\"text-align:right;\\\">\\r\\n                <b>Topic (check all that apply):</b>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-3\\\">\\r\\n                <div>\\r\\n                    <input type=\\\"checkbox\\\" id=\\\"action-plan-topic-employment\\\" name=\\\"action-plan-topic-employment\\\" />\\r\\n                    <label for=\\\"action-plan-topic-employment\\\">Employment</label>\\r\\n                </div>\\r\\n                <div>\\r\\n                    <input type=\\\"checkbox\\\" id=\\\"action-plan-topic-education\\\" name=\\\"action-plan-topic-education\\\" />\\r\\n                    <label for=\\\"action-plan-topic-employment\\\">Education</label>\\r\\n                </div>\\r\\n                <div>\\r\\n                    <input type=\\\"checkbox\\\" id=\\\"action-plan-topic-independent-living\\\" name=\\\"action-plan-topic-independent-living\\\" />\\r\\n                    <label for=\\\"action-plan-topic-employment\\\">Independent Living</label>\\r\\n                </div>\\r\\n                <div>\\r\\n                    <input type=\\\"checkbox\\\" id=\\\"action-plan-topic-self-advocacy\\\" name=\\\"action-plan-topic-self-advocacy\\\" />\\r\\n                    <label for=\\\"action-plan-topic-employment\\\">Self-Advocacy</label>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <tfolio-page-title content=\\\"{{title}}\\\"></tfolio-page-title>\\r\\n    <table class=\\\"grid\\\" style=\\\"width:100%;margin-bottom:70px;\\\">\\r\\n        <tbody>\\r\\n            <!-- HEADER ROW -->\\r\\n            <tr class=\\\"header-row\\\">\\r\\n                <td width=\\\"25%\\\">\\r\\n                    <div class=\\\"header-cell\\\">\\r\\n                        <b>Task</b>\\r\\n                    </div>\\r\\n                </td>\\r\\n                <td width=\\\"25%\\\">\\r\\n                    <div class=\\\"header-cell\\\">\\r\\n                        <b>Supports Needed</b>\\r\\n                    </div>\\r\\n                </td>\\r\\n                <td width=\\\"15%\\\">\\r\\n                    <div class=\\\"header-cell\\\">\\r\\n                        <b>Due Date</b>\\r\\n                    </div>\\r\\n                </td>\\r\\n                <td width=\\\"35%\\\">\\r\\n                    <div class=\\\"header-cell\\\">\\r\\n                        <b>Outcomes</b>\\r\\n                    </div>\\r\\n                </td>\\r\\n            </tr>\\r\\n            <!-- ROW 1 -->\\r\\n            <tr class=\\\"input-row\\\">\\r\\n                <td class=\\\"col-1\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-01\\\">Task</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-01\\\"\\r\\n                         name=\\\"action-plan-editor-01\\\"\\r\\n                         class=\\\"editor row-1\\\"\\r\\n                         aria-label=\\\"FIRST TASK\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\">\\r\\n                    </div>\\r\\n                </td>\\r\\n                <td class=\\\"col-2\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-02\\\">Supports Needed</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-02\\\"\\r\\n                         name=\\\"action-plan-editor-02\\\"\\r\\n                         class=\\\"editor row-1\\\"\\r\\n                         aria-label=\\\"SUPPORTS NEEDED\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\">\\r\\n                    </div>\\r\\n                </td>\\r\\n                <td class=\\\"due-date-cell col-3\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-text-input-03\\\">Due Date</label>\\r\\n                    </div>\\r\\n                    <input type=\\\"text\\\" id=\\\"action-plan-text-input-03\\\" name=\\\"action-plan-text-input-03\\\" style=\\\"text-align:left;\\\"/>\\r\\n                </td>\\r\\n                <td class=\\\"col-4\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-04\\\">Outcomes</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-04\\\"\\r\\n                         name=\\\"action-plan-editor-04\\\"\\r\\n                         class=\\\"editor row-1\\\"\\r\\n                         aria-label=\\\"OUTCOMES\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\">\\r\\n                    </div>\\r\\n                </td>\\r\\n            </tr>\\r\\n            <!-- ROW 2 -->\\r\\n            <tr class=\\\"input-row\\\">\\r\\n                <td class=\\\"col-1\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-05\\\">Task</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-05\\\"\\r\\n                         name=\\\"action-plan-editor-05\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"SECOND TASK\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\">\\r\\n                    </div>\\r\\n                </td>\\r\\n                <td class=\\\"col-2\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-06\\\">Supports Needed</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-06\\\"\\r\\n                         name=\\\"action-plan-editor-06\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"SUPPORTS NEEDED\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\">\\r\\n                    </div>\\r\\n                </td>\\r\\n                <td class=\\\"due-date-cell col-3\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-text-input-07\\\">Due Date</label>\\r\\n                    </div>\\r\\n                    <input type=\\\"text\\\" id=\\\"action-plan-text-input-07\\\" name=\\\"action-plan-text-input-03\\\" style=\\\"text-align:left;\\\"/>\\r\\n                </td>\\r\\n                <td class=\\\"col-4\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-08\\\">Outcomes</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-08\\\"\\r\\n                         name=\\\"action-plan-editor-08\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"OUTCOMES\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\">\\r\\n                    </div>\\r\\n                </td>\\r\\n            </tr>\\r\\n            <!-- ROW 3 -->\\r\\n            <tr class=\\\"input-row\\\">\\r\\n                <td class=\\\"col-1\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-09\\\">Task</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-09\\\"\\r\\n                         name=\\\"action-plan-editor-09\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"THIRD TASK\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\">\\r\\n                    </div>\\r\\n                </td>\\r\\n                <td class=\\\"col-2\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-10\\\">Supports Needed</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-10\\\"\\r\\n                         name=\\\"action-plan-editor-10\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"SUPPORTS NEEDED\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\">\\r\\n                    </div>\\r\\n                </td>\\r\\n                <td class=\\\"due-date-cell col-3\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-text-input-11\\\">Due Date</label>\\r\\n                    </div>\\r\\n                    <input type=\\\"text\\\" id=\\\"action-plan-text-input-11\\\" name=\\\"action-plan-text-input-03\\\" style=\\\"text-align:left;\\\"/>\\r\\n                </td>\\r\\n                <td class=\\\"col-4\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-12\\\">Outcomes</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-12\\\"\\r\\n                         name=\\\"action-plan-editor-12\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"OUTCOMES\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\">\\r\\n                    </div>\\r\\n                </td>\\r\\n            </tr>\\r\\n            <!-- ROW 4 -->\\r\\n            <tr class=\\\"input-row\\\">\\r\\n                <td class=\\\"col-1\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-13\\\">Task</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-13\\\"\\r\\n                         name=\\\"action-plan-editor-13\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"FOURTH TASK\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\">\\r\\n                    </div>\\r\\n                </td>\\r\\n                <td class=\\\"col-2\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-14\\\">Supports Needed</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-14\\\"\\r\\n                         name=\\\"action-plan-editor-14\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"SUPPORTS NEEDED\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\">\\r\\n                    </div>\\r\\n                </td>\\r\\n                <td class=\\\"due-date-cell col-3\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-text-input-15\\\">Due Date</label>\\r\\n                    </div>\\r\\n                    <input type=\\\"text\\\" id=\\\"action-plan-text-input-15\\\" name=\\\"action-plan-text-input-03\\\" style=\\\"text-align:left;\\\"/>\\r\\n                </td>\\r\\n                <td class=\\\"col-4\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-16\\\">Outcomes</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-16\\\"\\r\\n                         name=\\\"action-plan-editor-16\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"OUTCOMES\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\">\\r\\n                    </div>\\r\\n                </td>\\r\\n            </tr>\\r\\n            <!-- ROW 5 -->\\r\\n            <tr class=\\\"input-row\\\">\\r\\n                <td class=\\\"col-1\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-17\\\">Task</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-17\\\"\\r\\n                         name=\\\"action-plan-editor-17\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"FIFTH TASK\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\">\\r\\n                    </div>\\r\\n                </td>\\r\\n                <td class=\\\"col-2\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-18\\\">Supports Needed</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-18\\\"\\r\\n                         name=\\\"action-plan-editor-18\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"SUPPORTS NEEDED\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\">\\r\\n                    </div>\\r\\n                </td>\\r\\n                <td class=\\\"due-date-cell col-3\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-text-input-19\\\">Due Date</label>\\r\\n                    </div>\\r\\n                    <input type=\\\"text\\\" id=\\\"action-plan-text-input-19\\\" name=\\\"action-plan-text-input-03\\\" style=\\\"text-align:left;\\\"/>\\r\\n                </td>\\r\\n                <td class=\\\"col-4\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-20\\\">Outcomes</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-20\\\"\\r\\n                         name=\\\"action-plan-editor-20\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"OUTCOMES\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\">\\r\\n                    </div>\\r\\n                </td>\\r\\n            </tr>\\r\\n            <!-- ROW 6 -->\\r\\n            <tr class=\\\"input-row\\\">\\r\\n                <td class=\\\"col-1\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-21\\\">Task</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-21\\\"\\r\\n                         name=\\\"action-plan-editor-21\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"SIXTH TASK\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\">\\r\\n                    </div>\\r\\n                </td>\\r\\n                <td class=\\\"col-2\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-22\\\">Supports Needed</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-22\\\"\\r\\n                         name=\\\"action-plan-editor-22\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"SUPPORTS NEEDED\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\">\\r\\n                    </div>\\r\\n                </td>\\r\\n                <td class=\\\"due-date-cell col-3\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-text-input-23\\\">Due Date</label>\\r\\n                    </div>\\r\\n                    <input type=\\\"text\\\" id=\\\"action-plan-text-input-23\\\" name=\\\"action-plan-text-input-03\\\" style=\\\"text-align:left;\\\"/>\\r\\n                </td>\\r\\n                <td class=\\\"col-4\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-24\\\">Outcomes</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-24\\\"\\r\\n                         name=\\\"action-plan-editor-24\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"OUTCOMES\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\">\\r\\n                    </div>\\r\\n                </td>\\r\\n            </tr>\\r\\n            <!-- ROW 7 -->\\r\\n            <tr class=\\\"input-row\\\">\\r\\n                <td class=\\\"col-1\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-25\\\">Task</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-25\\\"\\r\\n                         name=\\\"action-plan-editor-25\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"SEVENTH TASK\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\">\\r\\n                    </div>\\r\\n                </td>\\r\\n                <td class=\\\"col-2\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-26\\\">Supports Needed</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-26\\\"\\r\\n                         name=\\\"action-plan-editor-26\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"SUPPORTS NEEDED\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\">\\r\\n                    </div>\\r\\n                </td>\\r\\n                <td class=\\\"due-date-cell col-3\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-text-input-27\\\">Due Date</label>\\r\\n                    </div>\\r\\n                    <input type=\\\"text\\\" id=\\\"action-plan-text-input-27\\\" name=\\\"action-plan-text-input-03\\\" style=\\\"text-align:left;\\\"/>\\r\\n                </td>\\r\\n                <td class=\\\"col-4\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-28\\\">Outcomes</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-28\\\"\\r\\n                         name=\\\"action-plan-editor-28\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"OUTCOMES\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\">\\r\\n                    </div>\\r\\n                </td>\\r\\n            </tr>\\r\\n            <!-- ROW 8 -->\\r\\n            <tr class=\\\"input-row\\\">\\r\\n                <td class=\\\"col-1\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-29\\\">Task</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-29\\\"\\r\\n                         name=\\\"action-plan-editor-29\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"EIGHTH TASK\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\">\\r\\n                    </div>\\r\\n                </td>\\r\\n                <td class=\\\"col-2\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-30\\\">Supports Needed</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-30\\\"\\r\\n                         name=\\\"action-plan-editor-30\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"SUPPORTS NEEDED\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\">\\r\\n                    </div>\\r\\n                </td>\\r\\n                <td class=\\\"due-date-cell col-3\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-text-input-31\\\">Due Date</label>\\r\\n                    </div>\\r\\n                    <input type=\\\"text\\\" id=\\\"action-plan-text-input-31\\\" name=\\\"action-plan-text-input-03\\\" style=\\\"text-align:left;\\\"/>\\r\\n                </td>\\r\\n                <td class=\\\"col-4\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-32\\\">Outcomes</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-32\\\"\\r\\n                         name=\\\"action-plan-editor-32\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"OUTCOMES\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\">\\r\\n                    </div>\\r\\n                </td>\\r\\n            </tr>\\r\\n            <!-- ROW 9 -->\\r\\n            <tr class=\\\"input-row\\\">\\r\\n                <td class=\\\"col-1\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-33\\\">Task</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-33\\\"\\r\\n                         name=\\\"action-plan-editor-33\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"NINTH TASK\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\">\\r\\n                    </div>\\r\\n                </td>\\r\\n                <td class=\\\"col-2\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-34\\\">Supports Needed</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-34\\\"\\r\\n                         name=\\\"action-plan-editor-34\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"SUPPORTS NEEDED\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\">\\r\\n                    </div>\\r\\n                </td>\\r\\n                <td class=\\\"due-date-cell col-3\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-text-input-35\\\">Due Date</label>\\r\\n                    </div>\\r\\n                    <input type=\\\"text\\\" id=\\\"action-plan-text-input-35\\\" name=\\\"action-plan-text-input-03\\\" style=\\\"text-align:left;\\\"/>\\r\\n                </td>\\r\\n                <td class=\\\"col-4\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-36\\\">Outcomes</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-36\\\"\\r\\n                         name=\\\"action-plan-editor-36\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"OUTCOMES\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\">\\r\\n                    </div>\\r\\n                </td>\\r\\n            </tr>\\r\\n            <!-- ROW 10 -->\\r\\n            <tr class=\\\"input-row\\\">\\r\\n                <td class=\\\"col-1\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-37\\\">Task</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-37\\\"\\r\\n                         name=\\\"action-plan-editor-37\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"TENTH TASK\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\">\\r\\n                    </div>\\r\\n                </td>\\r\\n                <td class=\\\"col-2\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-38\\\">Supports Needed</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-38\\\"\\r\\n                         name=\\\"action-plan-editor-38\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"SUPPORTS NEEDED\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\">\\r\\n                    </div>\\r\\n                </td>\\r\\n                <td class=\\\"due-date-cell col-3\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-text-input-39\\\">Due Date</label>\\r\\n                    </div>\\r\\n                    <input type=\\\"text\\\" id=\\\"action-plan-text-input-39\\\" name=\\\"action-plan-text-input-03\\\" style=\\\"text-align:left;\\\"/>\\r\\n                </td>\\r\\n                <td class=\\\"col-4\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-40\\\">Outcomes</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-40\\\"\\r\\n                         name=\\\"action-plan-editor-40\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"OUTCOMES\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\">\\r\\n                    </div>\\r\\n                </td>\\r\\n            </tr>\\r\\n        </tbody>\\r\\n    </table>\\r\\n    <div class=\\\"container-fluid\\\" style=\\\"page-break-inside:avoid\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <h2>Notes</h2>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\" style=\\\"margin:0px;padding:0px;\\\">                \\r\\n                <div contenteditable=\\\"true\\\" id=\\\"notes-textbox\\\" rows=\\\"4\\\"></div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-2/lesson-7/action plan'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from '@angular/platform-browser';\r\n\r\n@Component({\r\n    selector: 'action-plan',\r\n    templateUrl: './action-plan.component.html',\r\n    styleUrls: ['./action-plan.component.css']\r\n})\r\nexport class UnitTwoLessonSevenActionPlanComponent {\r\n\r\n    title: string = \"Action Plan\";\r\n    pageTitle: string = this.title + \" | Unit 2, Lesson 7 | T-Folio\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n\r\n}\r\n","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: 'unit-three-landing-page',\r\n    templateUrl: '../_shared/landing-pages/unit-landing-page.component.html',\r\n    styleUrls: ['../_shared/landing-pages/unit-landing-page.component.css']\r\n})\r\nexport class UnitThreeLandingComponent {\r\n\r\n    title: string = \"Unit 3: Work-Based Learning Experiences\";\r\n    pageTitle: string = \"Work-Based Learning Experiences | Unit 3 | T-Folio\";\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n    UnitLandingPageData = {\r\n        breadcrumbs: {\r\n            label: \"Unit 3\",\r\n            crumbs: [\r\n                {\r\n                    route: \"\",\r\n                    linktext: \"T-Folio\"\r\n                }\r\n            ]\r\n        },\r\n        portfolioitems: [\r\n            {\r\n                text: \"SCANS Skills Assessment\",\r\n            },\r\n            {\r\n                text: \"Informational Interview Worksheet\",\r\n            },\r\n            {\r\n                text: \"Job Shadow Workbook\",\r\n            },\r\n            {\r\n                text: \"High School and Beyond Plan\",\r\n            }\r\n        ],\r\n        summary: \"Unit 3 helps youth gauge their interest in a particular career through experiential learning opportunities, such as informational interviews and job shadows. They will learn what employers look for when hiring and supervising employees. This unit helps students become more competitive for future employment. It ends with a lesson on aligning T-Folio activities with the High School and Beyond Plan.\",\r\n        buttons: [\r\n            {\r\n                route: \"/unit-3/lesson-1\",\r\n                linktext: \"Lesson 1: Introduction to Work-Based Learning\",\r\n                color: \"btn-success\",\r\n                image: \"/img/unit-3/lesson-1/LESSON 1_industrial-1636397_1920.jpg\",\r\n                alttext: \"A worker wearing a red jacket, orange gloves, and clear work glasses stands in a warehouse smiling.\",\r\n            },\r\n            {\r\n                route: \"/unit-3/lesson-2\",\r\n                linktext: \"Lesson 2: SCANS Workplace Skills and Competencies\",\r\n                color: \"btn-success\",\r\n                image: \"/img/unit-3/lesson-2/LESSON 2_jobs_cashier.jpg\",\r\n                alttext: \"Two people exchanging a bag of macarons and money are in the left corner with a display of colorful macarons and a flavor board to the right of them. The flavors listed are passion fruit, black sesame, key lime, chocolate, strawberry marshmallow, and vanilla bean.\",\r\n            },\r\n            {\r\n                route: \"/unit-3/lesson-3\",\r\n                linktext: \"Lesson 3: Informational Interviews\",\r\n                color: \"btn-success\",\r\n                image: \"/img/unit-3/lesson-3/LESSON 3_writing-notes-idea-conference.jpg\",\r\n                alttext: \"A person’s hands are in focus writing with a yellow pen on a folded white piece of paper on black table.\",\r\n            },\r\n            {\r\n                route: \"/unit-3/lesson-4\",\r\n                linktext: \"Lesson 4: Job Shadowing\",\r\n                color: \"btn-success\",\r\n                image: \"/img/unit-3/lesson-4/LESSON 4_shop-2649775_1920.jpg\",\r\n                alttext: \"An older person wearing works goggles and an apron stands to the left of a younger person wearing work goggles, red safety earmuffs, and an apron as they both look at work equipment in a mechanic shop.\",\r\n            },\r\n            {\r\n                route: \"/unit-3/lesson-5\",\r\n                linktext: \"Lesson 5: Evaluation and Letters of Recommendation\",\r\n                color: \"btn-success\",\r\n                image: \"/img/unit-3/lesson-5/LESSON 5_feedback-1825515_1920.jpg\",\r\n                alttext: \"The word “feedback” is written and underlined in white chalk on a black chalkboard. \",\r\n            },\r\n            {\r\n                route: \"/unit-3/lesson-6\",\r\n                linktext: \"Lesson 6: High School and Beyond Plan\",\r\n                color: \"btn-success\",\r\n                image: \"/img/unit-3/lesson-6/LESSON 6_carl-heyerdahl-181868.jpg\",\r\n                alttext: \"This image shows an organized desk space with a large computer monitor that says “DO MORE.” in white letters on a black screen.\",\r\n            }\r\n        ],\r\n        image: \"/img/unit-3/_landing/UNIT 3_landing page_jobs_construction.jpg\",\r\n        alttext: \"A worker wearing dark jeans and a grey pullover is kneeling on a large piece of plywood and drawing a line with a white pencil on a small beam of wood.\",\r\n        caption: \"by Fancycrave on \",\r\n        photoText: \"Photo\",\r\n        photoLink: \"https://www.pexels.com/photo/adult-blur-carpenter-carpentry-345135/\",\r\n        source: \"Pexels\",\r\n        sourceLink: \"https://www.pexels.com/\",\r\n        licence: \"/ CC0 license\",\r\n        licenceLink: \"https://www.pexels.com/photo-license/\",\r\n    }\r\n\r\n    doPrint(): void {\r\n        window.print();\r\n    }\r\n}\r\n","module.exports = \"<div class=\\\"container exercise-content guide\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-3']\\\">Unit 3</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-3/lesson-1']\\\">Lesson 1</a></li>\\r\\n                <li class=\\\"active\\\">Lesson Guide</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/lesson-1/\\\">Unit 3</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/lesson-1/guide\\\">Lesson 1</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/lesson-1/guide/\\\">Lesson Guide</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-3/lesson-1/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n        <div class=\\\"col-md-12\\\"><h1>{{title}}</h1></div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-9\\\">\\r\\n            <h2 class=\\\"subtitle\\\">{{subtitle}}</h2>\\r\\n            <div>\\r\\n                In this lesson, youth will be introduced to the different activities that constitute Work-Based Learning (WBL).\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-3 box\\\">\\r\\n            <i class=\\\"fa fa-folder-open\\\" aria-hidden=\\\"true\\\"></i>\\r\\n            There are no items to be added to student’s Transition Portfolio for this lesson.\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n            <h2>Lesson Objectives</h2>\\r\\n            <b>Participants will:</b>\\r\\n            <ol>\\r\\n                <li>Learn about different kinds of work-based learning opportunities.</li>\\r\\n                <li>Talk about the importance of work-based experiences and how they impact a student's future.</li>\\r\\n            </ol>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Facilitator Notes</h2>\\r\\n            <ul>\\r\\n                <li>This lesson may be best taught in conjunction with your Career and Technical Education (CTE) staff and Division of Vocational Rehabilitation (DVR) counselors to assure the youth know the options that already exist for work-based learning opportunities.</li>\\r\\n                <li>As the students discuss their identified interests, additional opportunities may need to be explored and developed to allow for appropriate experiences related to their post-school goals.</li>\\r\\n                <li>\\r\\n                    Read through the following fact sheet from Federal Partners in Transition (FPT) in preparation for presenting the informational PowerPoint:\\r\\n                    \\\"<a href=\\\"https://www2.ed.gov/about/offices/list/osers/transition/products/fpt-fact-sheet--work-based-eperiences--11-5-15.pdf\\\" target=\\\"_blank\\\">What to Know About Work-Based Learning Experiences for Students and Youth with Disability</a>\\\" [PDF] (Nov 2015).\\r\\n                    This document is an overview of the components of work-based learning and how it applies to students with disabilities.\\r\\n                </li>\\r\\n                <li>\\r\\n                    A PowerPoint is included with this lesson and can be used as part of a presentation or for your information. It is recommended that you review the PowerPoint (including the Notes section) prior to using the lesson. It can be accessed in either PowerPoint or as a PDF:\\r\\n                    <ul>\\r\\n                        <li><a href=\\\"/img/unit-3/lesson-1/T-Folio_Unit-3_Lesson-1_Work-Based-Learning.pptx\\\" download=\\\"/img/unit-3/lesson-1/T-Folio_Unit-3_Lesson-1_Work-Based-Learning.pptx\\\">PowerPoint: \\\"Work-Based Learning\\\"</a></li>\\r\\n                        <li><a href=\\\"/img/unit-3/lesson-1/T-Folio_Unit-3_Lesson-1_Work-Based-Learning.pdf\\\" target=\\\"_blank\\\">PDF: “Work-Based Learning”</a></li>\\r\\n                    </ul>\\r\\n                </li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Introduction</h2>\\r\\n            <b>Warm-up questions:</b> (slide 2)\\r\\n            <ul>\\r\\n                <li>Often when you are filling out job applications, you will be asked for your work experiences. If you have never had a \\\"real\\\" job, where do you think you can get work experience?</li>\\r\\n                <li>Why do you think employers ask what work experience you have had?</li>\\r\\n                <li>Do you think having some work experiences will make school more meaningful for you? Why?</li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Activity</h2>\\r\\n            <div>\\r\\n                <p>Use the PowerPoint, Work-Based Learning, to guide the learning and discussion regarding work-based learning.</p>\\r\\n                <p>\\r\\n                    There is no activity for this lesson as it is informational only. It is designed to guide students’ thinking about\\r\\n                    the future lessons on workplace skills, informational interviewing, job shadowing, and evaluations and letters of recommendation.\\r\\n                </p>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Debrief and Guiding Questions</h2>\\r\\n            <ul>\\r\\n                <li>What will be your next steps in preparing for work-based learning?</li>\\r\\n                <li>Who can you contact for assistance with your plans?</li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Additional Resources</h2>\\r\\n            <ul style=\\\"list-style:url('/img/arrow.png');\\\">\\r\\n                <li>\\r\\n                    For more information and activities regarding internships and service learning see: New Ways to Work. (2003).\\r\\n                    <a href=\\\"http://www.newwaystowork.org/qwbl/tools/kcktoolkit/print_toolkit.pdf\\\" target=\\\"_blank\\\">Quality work-based learning toolkit PDF.</a>\\r\\n                </li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Up Next</h2>\\r\\n            <div>\\r\\n                In Lesson 2, students will learn about the skills and competencies that are most valued by employers and will take an assessment designed to help them identify their own skills and competencies.\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-3/lesson-1/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from '@angular/platform-browser';\r\n\r\n@Component({\r\n    selector: 'unit-three-lesson-one-guide',\r\n    templateUrl: './_guide.component.html',\r\n    styleUrls: ['../../_shared/lesson-guides/lesson-guide.component.css']\r\n})\r\nexport class UnitThreeLessonOneGuideComponent {\r\n\r\n    pageTitle: string = \"Lesson Guide | Unit 3, Lesson 1 | T-Folio\";\r\n    title: string = \"Lesson Guide\";\r\n    subtitle: string = \"Lesson 1: Introduction to Work-Based Learning\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n}\r\n","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: 'unit-three-lesson-one-landing-page',\r\n    templateUrl: '../../_shared/landing-pages/landing-page.component.html',\r\n    styleUrls: ['../../_shared/landing-pages/landing-page.component.css']\r\n})\r\nexport class UnitThreeLessonOneLandingComponent {\r\n\r\n    bannerHeader = \"Work-Based Learning Experiences: Lesson 1\";\r\n    title: string = \"Lesson 1: Introduction to Work-Based Learning\";\r\n    pageTitle: string = \"Introduction to Work-Based Learning | Unit 3, Lesson 1 | T-Folio\";\r\n\r\n    openInNewWindow(url: string) {\r\n        window.open(url, '_blank');\r\n    }\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n\r\n    doPrint(): void {\r\n        window.print();\r\n    }\r\n\r\n    LandingPageData = {\r\n        breadcrumbs: {\r\n            label: \"Lesson 1\",\r\n            crumbs: [\r\n                {\r\n                    route: \"\",\r\n                    linktext: \"T-Folio\"\r\n                },\r\n                {\r\n                    route: \"/unit-3\",\r\n                    linktext: \"Unit 3\"\r\n                }\r\n            ]\r\n        },\r\n        summary: \"In this lesson, youth will be introduced to the different activities that constitute Work-Based Learning (WBL).\",\r\n        objectives: [\r\n            \"Learn about different kinds of work-based learning opportunities.\",\r\n            \"Talk about the importance of work-based experiences and how they impact a student's future.\"\r\n        ],\r\n        buttons: [\r\n            {\r\n                route: \"/unit-3/lesson-1/guide\",\r\n                linktext: \"Lesson Guide\",\r\n                color: \"btn-success\",\r\n                window: false,\r\n            },\r\n            {\r\n                route: '/img/unit-3/lesson-1/T-Folio_Unit-3_Lesson-1_Work-Based-Learning.pptx',\r\n                linktext: \"PowerPoint Presentation\",\r\n                color: \"powerpoint-button\",\r\n                window: true,\r\n            }\r\n        ],\r\n        image: \"/img/unit-3/lesson-1/LESSON 1_industrial-1636397_1920.jpg\",\r\n        imgalt: \"A worker wearing a red jacket, orange gloves, and clear work glasses stands in a warehouse smiling.\",\r\n        caption: \"on\",\r\n        photoLink: \"https://pixabay.com/en/industrial-security-logistic-1636397/\",\r\n        source: \"Pixabay\",\r\n        sourceLink: \"https://pixabay.com/en/\",\r\n        licence: \"CC0 license\",\r\n        licenceLink: \"https://creativecommons.org/publicdomain/zero/1.0/\",\r\n    }\r\n\r\n\r\n}\r\n","module.exports = \"<div class=\\\"container exercise-content guide\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-3']\\\">Unit 3</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-3/lesson-2']\\\">Lesson 2</a></li>\\r\\n                <li class=\\\"active\\\">Lesson Guide</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/\\\">Unit 3</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/lesson-2/\\\">Lesson 2</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/lesson-2/guide/\\\">Lesson Guide</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-3/lesson-2/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n        <div class=\\\"col-md-12\\\"><h1>{{title}}</h1></div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-9\\\">\\r\\n            <h2 class=\\\"subtitle\\\">{{subtitle}}</h2>\\r\\n            <div>\\r\\n                In this lesson, youth learn about the SCANS Report (1991), which provides a list of skills and competencies necessary for success in the workplace.\\r\\n                Youth will use the SCANS Skills Assessment to discover their own skills.\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-3 box\\\">\\r\\n            <i class=\\\"fa fa-folder-open\\\" aria-hidden=\\\"true\\\"></i>\\r\\n            <b>Item to be added to student's Transition Portfolio:</b>\\r\\n            <ul class=\\\"hidden-print\\\">\\r\\n                <li><a [routerLink]=\\\"['/unit-3/lesson-2/scans-skills-assessment']\\\">SCANS Skills Assessment</a></li>\\r\\n            </ul>\\r\\n            <ul class=\\\"visible-print-block\\\">\\r\\n                <li><a href=\\\"https://cctstfolio.com/#/unit-3/lesson-2/scans-skills-assessment\\\">SCANS Skills Assessment</a></li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n            <h2>Lesson Objectives</h2>\\r\\n            <b>Participants will:</b>\\r\\n            <ol>\\r\\n                <li>Review the foundation skills and competencies outlined in the SCANS report.</li>\\r\\n                <li>Take the SCANS Skills Assessment.</li>\\r\\n                <li>Discuss what skills and competencies they can work on in school and in the workplace.</li>\\r\\n            </ol>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Facilitator Notes</h2>\\r\\n            <ul>\\r\\n                <li>\\r\\n                    The Secretary’s Commission on Achieving Necessary Skills (SCANS) was appointed by the U.S. Secretary of Labor to identify the skills young people need to succeed in the world of work, especially in a high-performance workplace.\\r\\n                    The Commission defined three foundation skills and five workplace competencies that all workers need in order to be successful.\\r\\n                </li>\\r\\n                <li>\\r\\n                    <b>Foundation Skills</b>\\r\\n                    <ol>\\r\\n                        <li>Basic Skills – The ability to demonstrate reading, writing, arithmetic and mathematics, speaking, and listening skills.</li>\\r\\n                        <li>Thinking Skills – The ability to learn, reason, think creatively, make decisions, and solve problems.</li>\\r\\n                        <li>Personal Qualities – The ability to demonstrate individual responsibility, self-esteem and self-management, sociability, and integrity.</li>\\r\\n                    </ol>\\r\\n                </li>\\r\\n                <li>\\r\\n                    <b>Competencies</b>\\r\\n                    <ol>\\r\\n                        <li>Resources – The ability to identify, organize, plan, and allocate resources.</li>\\r\\n                        <li>Interpersonal Skills – The ability to work well with others.</li>\\r\\n                        <li>Information – The ability to acquire and use information.</li>\\r\\n                        <li>Systems – The ability to understand complex interrelationships.</li>\\r\\n                        <li>Technology – The ability to work with a variety of technologies.</li>\\r\\n                    </ol>\\r\\n                </li>\\r\\n                <li>\\r\\n                    More information on SCANS is available from&nbsp;<a href=\\\"https://wdr.doleta.gov/scans/whatwork/\\\" target=\\\"_blank\\\">\\\"What work requires of schools,\\\"</a> a downloadable SCANS report.\\r\\n                </li>\\r\\n                <li>\\r\\n                    A PowerPoint is included with this lesson and can be used as part of a presentation or for your information. It is recommended that you review the\\r\\n                    PowerPoint (including the Notes section) prior to using the lesson. It can be accessed in either PowerPoint or as a PDF:\\r\\n                    <ul>\\r\\n                        <li><a href=\\\"/img/unit-3/lesson-2/T-Folio_Unit-3_Lesson-2_SCANS-Workplace-Skills-And-Competencies.pptx\\\">PowerPoint:\\\"SCANS Skills and Competencies\\\"</a></li>\\r\\n                        <li><a href=\\\"/img/unit-3/lesson-2/T-Folio_Unit-3_Lesson-2_SCANS-Workplace-Skills-And-Competencies.pdf\\\" target=\\\"_blank\\\">PDF:\\\"SCANS Skills and Competencies\\\"</a></li>\\r\\n                    </ul>\\r\\n                </li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Introduction</h2>\\r\\n            <b>Warm-up discussion:</b><br />\\r\\n            <div>\\r\\n                The warm-up questions are included in the PowerPoint (slide 2) and can be displayed on the screen.\\r\\n            </div>\\r\\n            <ul>\\r\\n                <li>What kinds of skills do you think that employers want their employees to have?</li>\\r\\n                <li>If you were an employer what would you be looking for in an employee?</li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Activity</h2>\\r\\n            <div style=\\\"padding-bottom:15px;\\\">\\r\\n                The activity is guided through the PowerPoint presentation, “SCANS Skills and Competencies.”\\r\\n            </div>\\r\\n            <div>\\r\\n                <b>Directions</b> for completing the <a [routerLink]=\\\"['/unit-3/lesson-2/scans-skills-assessment']\\\">SCANS Skills Assessment</a> (included in the PowerPoint, slide 7):\\r\\n                <ul>\\r\\n                    <li>The SCANS Skills Self-Assessment lists the individual skills and talents that employers value.</li>\\r\\n                    <li>Read the list and assess your own strengths. Mark each box that best describes your level of skill.</li>\\r\\n                    <li>Skills for Basic Job Performance (1=needs development; 2=competent; 3=proficient; 4=advanced).</li>\\r\\n                </ul>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Debrief and Guiding Questions</h2>\\r\\n            <div>\\r\\n                The following questions are also located in the PowerPoint (slide 8) and can be projected during discussion.\\r\\n                These questions are taken from the Quality work-based learning toolkit (2003):\\r\\n            </div>\\r\\n            <ul>\\r\\n                <li>What about your responses was a surprise to you?</li>\\r\\n                <li>What stands out as a need you have?</li>\\r\\n                <li>Where did you build the skills and competencies that you believe you have?</li>\\r\\n                <li>Were you aware that you were building this skill or competency as it was happening?</li>\\r\\n                <li>Which skills and competencies does school help you develop?</li>\\r\\n                <li>If you are currently employed, which skills and competencies seem most important to your performance on the job?</li>\\r\\n                <li>Which skills and competencies seem most important for success in school? (New Ways to Work, 2003).</li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Additional Resources</h2>\\r\\n            <ul style=\\\"list-style:url('/img/arrow.png');\\\">\\r\\n                <li>\\r\\n                    This &nbsp;<a href=\\\"http://www.academicinnovations.com/report.html\\\" target=\\\"_blank\\\">SCANS overview </a> explains each of the skills and competencies in greater detail and includes a glossary of terms and definitions.\\r\\n                    There is also a <a href=\\\"http://programs.honolulu.hawaii.edu/intranet/sites/programs.honolulu.hawaii.edu.intranet/files/general-college-mtg-2009-08-20-scans.pdf\\\" target=\\\"_blank\\\"> PDF version of the SCANS overview.</a> (Academic Innovations. The SCANS skills and competencies: An overview.)\\r\\n                </li>\\r\\n                <li>\\r\\n                    The SCANS skills and competencies were revised and updated to form the Partnership for 21st Century Skills’ (P21) <a href=\\\"http://www.p21.org/about-us/p21-framework\\\" target=\\\"_blank\\\">Framework for 21st Century Learning</a>.\\r\\n                    The core concepts remain the same.\\r\\n                </li>\\r\\n                <li>\\r\\n                    For more information and resources for the classroom, see the <a href=\\\"http://www.p21.org\\\" target=\\\"_blank\\\">Partnership for 21st Century Skills</a> website.\\r\\n                </li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Up Next</h2>\\r\\n            <div>\\r\\n                In Lesson 3, students will learn about informational interviewing and will prepare and conduct an informational interview with a member of their community.\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-3/lesson-2/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from '@angular/platform-browser';\r\n\r\n@Component({\r\n    selector: 'unit-three-lesson-two-guide',\r\n    templateUrl: './_guide.component.html',\r\n    styleUrls: ['../../_shared/lesson-guides/lesson-guide.component.css']\r\n})\r\nexport class UnitThreeLessonTwoGuideComponent {\r\n\r\n    pageTitle: string = \"Lesson Guide | Unit 3, Lesson 2 | T-Folio\";\r\n    title: string = \"Lesson Guide\";\r\n    subtitle: string = \"Lesson 2: SCANS Workplace Skills and Competencies\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n}\r\n","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: 'unit-three-lesson-one-landing-page',\r\n    templateUrl: '../../_shared/landing-pages/landing-page.component.html',\r\n    styleUrls: ['../../_shared/landing-pages/landing-page.component.css']\r\n})\r\nexport class UnitThreeLessonTwoLandingComponent {\r\n\r\n    bannerHeader = \"Work-Based Learning Experiences: Lesson 2\";\r\n    title: string = \"Lesson 2: SCANS Workplace Skills and Competencies\";\r\n    pageTitle: string = \"Scans Workplace Skills and Competencies | Unit 3, Lesson 2 | T-Folio\";\r\n\r\n    openInNewWindow(url: string) {\r\n        window.open(url, '_blank');\r\n    }\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n\r\n    doPrint(): void {\r\n        window.print();\r\n    }\r\n\r\n    LandingPageData = {\r\n        breadcrumbs: {\r\n            label: \"Lesson 2\",\r\n            crumbs: [\r\n                {\r\n                    route: \"\",\r\n                    linktext: \"T-Folio\"\r\n                },\r\n                {\r\n                    route: \"/unit-3\",\r\n                    linktext: \"Unit 3\"\r\n                }\r\n            ]\r\n        },\r\n        summary: \"In this lesson, youth learn about the SCANS Report (1991), which provides a list of skills and competencies necessary for success in the workplace. Youth will use the SCANS Skills Assessment to discover their own skills.\",\r\n        objectives: [\r\n            \"Review the foundation skills and competencies outlined in the SCANS report.\",\r\n            \"Take the SCANS Skills Assessment.\",\r\n            \"Discuss what skills and competencies they can work on in school and the workplace.\"\r\n        ],\r\n        buttons: [\r\n            {\r\n                route: \"/unit-3/lesson-2/guide\",\r\n                linktext: \"Lesson Guide\",\r\n                color: \"btn-success\",\r\n                window: false,\r\n            },\r\n            {\r\n                route: \"/unit-3/lesson-2/scans-skills-assessment\",\r\n                linktext: \"SCANS Skills Assessment\",\r\n                color: \"btn-primary\",\r\n                window: false,\r\n            },\r\n            {\r\n                route: '/img/unit-3/lesson-2/T-Folio_Unit-3_Lesson-2_SCANS-Workplace-Skills-And-Competencies.pptx',\r\n                linktext: \"PowerPoint Presentation\",\r\n                color: \"powerpoint-button\",\r\n                window: true,\r\n            }\r\n        ],\r\n        image: \"/img/unit-3/lesson-2/LESSON 2_jobs_cashier.jpg\",\r\n        imgalt: \"Two people exchanging a bag of macarons and money are in the left corner with a display of colorful macarons and a flavor board to the right of them. The flavors listed are passion fruit, black sesame, key lime, chocolate, strawberry marshmallow, and vanilla bean.\",\r\n        caption: \"by Alicia Zinn on \",\r\n        photoLink: \"https://www.pexels.com/photo/assorted-business-desserts-display-159991/\",\r\n        source: \"Pexels\",\r\n        sourceLink: \"https://www.pexels.com/\",\r\n        licence: \"CC0 license\",\r\n        licenceLink: \"https://www.pexels.com/photo-license/\",\r\n    }\r\n}\r\n","module.exports = \"th {\\r\\n    text-align:center;\\r\\n}\\r\\n\\r\\ntd {\\r\\n    border:1px solid black;\\r\\n    vertical-align: top;\\r\\n    padding: 5px;\\r\\n}\\r\\n\\r\\n.table-primary-header {\\r\\n    display: table-cell;\\r\\n}\\r\\n\\r\\n.cell-secondary-header {\\r\\n    display: none;\\r\\n}\\r\\n\\r\\n.active{\\r\\n    color: #2C3E50;\\r\\n}\\r\\n\\r\\n#citation {\\r\\n  margin-left:15px;\\r\\n  margin-top:30px;\\r\\n  height: 15px;\\r\\n  font-size: small;\\r\\n}\\r\\n\\r\\n@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {\\r\\n\\r\\n    table,\\r\\n    thead,\\r\\n    tbody,\\r\\n    th,\\r\\n    td,\\r\\n    tr {\\r\\n        display: block;\\r\\n    }\\r\\n\\r\\n    td table tr td {\\r\\n        display: inline;\\r\\n    }\\r\\n\\r\\n    .table-primary-header {\\r\\n        display: none;\\r\\n    }\\r\\n\\r\\n    .cell-secondary-header {\\r\\n        display: block;\\r\\n        border:0px;\\r\\n        text-align:center;\\r\\n        font-weight:bold;\\r\\n    }\\r\\n    \\r\\n    .score {\\r\\n        display:none;\\r\\n    }\\r\\n\\r\\n}\\r\\n\"","module.exports = \"<div class=\\\"container exercise-content\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-3']\\\">Unit 3</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-3/lesson-2']\\\">Lesson 2</a></li>\\r\\n                <li class=\\\"active\\\">{{title}}</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/\\\">Unit 3</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/lesson-2/\\\">Lesson 2</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/lesson-2/scans-skills-assessment/\\\">{{title}}</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-3/lesson-2/scan skills assessment'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <tfolio-heading></tfolio-heading>\\r\\n    <tfolio-page-title content=\\\"{{title}}\\\"></tfolio-page-title>\\r\\n\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            This SCANS Skills Self-Assessment lists the individual skills and talents that employers value.\\r\\n            Read the list and assess your own strengths. Mark each box that best describes your level of skill.\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-12\\\">&nbsp;</div>\\r\\n    </div>\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <b>Skills for Basic Job Performance</b><br />\\r\\n            <b>(1=needs development; 2=competent; 3=proficient; 4=advanced)</b>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row\\\" *ngFor=\\\"let skillData of data\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <table style=\\\"page-break-inside:avoid;\\\">\\r\\n                <tr>\\r\\n                    <td colspan=\\\"5\\\" style=\\\"text-align:left;border:none;\\\"><h2>{{skillData.name}}</h2></td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td colspan=\\\"5\\\" style=\\\"text-align:left;border:none;font-weight:normal;font-style:italic;\\\">{{skillData.blurb}}</td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td width=\\\"16%\\\" class=\\\"table-primary-header\\\" style=\\\"border:none;text-align:center;\\\"></td>\\r\\n                    <td width=\\\"21%\\\" class=\\\"table-primary-header\\\" style=\\\"border:none;text-align:center;\\\">1<br />Needs Development</td>\\r\\n                    <td width=\\\"21%\\\" class=\\\"table-primary-header\\\" style=\\\"border:none;text-align:center;\\\">2<br />Competent</td>\\r\\n                    <td width=\\\"21%\\\" class=\\\"table-primary-header\\\" style=\\\"border:none;text-align:center;\\\">3<br />Proficient</td>\\r\\n                    <td width=\\\"21%\\\" class=\\\"table-primary-header\\\" style=\\\"border:none;text-align:center;\\\">4<br />Advanced</td>\\r\\n                </tr>\\r\\n                <tr *ngFor=\\\"let skill of skillData.skills\\\">\\r\\n                    <td style=\\\"font-weight:bold;\\\">{{skill.skillName}}</td>\\r\\n                    <td>\\r\\n                        <table style=\\\"padding:0px;\\\">\\r\\n                            <tr>\\r\\n                                <td colspan=\\\"2\\\" class=\\\"cell-secondary-header\\\">\\r\\n                                    <div class=\\\"score\\\">1</div>\\r\\n                                    Needs Development\\r\\n                                </td>\\r\\n                            </tr>\\r\\n                            <tr>\\r\\n                                <td style=\\\"border:0px;\\\"><input type=\\\"checkbox\\\" id=\\\"skills-assessment-{{skill.skillName.replace(' ','-')}}-needs-development\\\" /></td>\\r\\n                                <td style=\\\"border:0px;\\\"><label for=\\\"skills-assessment-{{skill.skillName.replace(' ','-')}}-needs-development\\\">{{skill.needsDevelopment}}</label></td>\\r\\n                            </tr>\\r\\n                        </table>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <table style=\\\"padding:0px;\\\">\\r\\n                            <tr>\\r\\n                                <td colspan=\\\"2\\\" class=\\\"cell-secondary-header\\\">\\r\\n                                    <div class=\\\"score\\\">2</div>\\r\\n                                    Competent\\r\\n                                </td>\\r\\n                            </tr>\\r\\n                            <tr>\\r\\n                                <td style=\\\"border:0px;\\\"><input type=\\\"checkbox\\\" id=\\\"skills-assessment-{{skill.skillName.replace(' ','-')}}-competent\\\" /></td>\\r\\n                                <td style=\\\"border:0px;\\\"><label for=\\\"skills-assessment-{{skill.skillName.replace(' ','-')}}-competent\\\">{{skill.competent}}</label></td>\\r\\n                            </tr>\\r\\n                        </table>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <table style=\\\"padding:0px;\\\">\\r\\n                            <tr>\\r\\n                                <td colspan=\\\"2\\\" class=\\\"cell-secondary-header\\\">\\r\\n                                    <div class=\\\"score\\\">3</div>\\r\\n                                    Proficient\\r\\n                                </td>\\r\\n                            </tr>\\r\\n                            <tr>\\r\\n                                <td style=\\\"border:0px;\\\"><input type=\\\"checkbox\\\" id=\\\"skills-assessment-{{skill.skillName.replace(' ','-')}}-proficient\\\" /></td>\\r\\n                                <td style=\\\"border:0px;\\\"><label for=\\\"skills-assessment-{{skill.skillName.replace(' ','-')}}-proficient\\\">{{skill.proficient}}</label></td>\\r\\n                            </tr>\\r\\n                        </table>\\r\\n                    </td>\\r\\n                    <td>\\r\\n                        <table style=\\\"padding:0px;\\\">\\r\\n                            <tr>\\r\\n                                <td colspan=\\\"2\\\" class=\\\"cell-secondary-header\\\">\\r\\n                                    <div class=\\\"score\\\">4</div>\\r\\n                                    Advanced\\r\\n                                </td>\\r\\n                            </tr>\\r\\n                            <tr>\\r\\n                                <td style=\\\"border:0px;\\\"><input type=\\\"checkbox\\\" id=\\\"skills-assessment-{{skill.skillName.replace(' ','-')}}-advanced\\\" /></td>\\r\\n                                <td style=\\\"border:0px;\\\"><label for=\\\"skills-assessment-{{skill.skillName.replace(' ','-')}}-advanced\\\">{{skill.advanced}}</label></td>\\r\\n                            </tr>\\r\\n                        </table>\\r\\n                    </td>\\r\\n                </tr>\\r\\n            </table>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <p id=\\\"citation\\\">This activity is modified from the SCANS Skills Assessment (2003) found in the <a href=\\\"http://www.newwaystowork.org/qwbl/tools/kcktoolkit/print_toolkit.pdf\\\" target=\\\"_blank\\\"><i>Quality Work-Based Learning Toolkit</i></a>. California:\\r\\n      <a href=\\\"http://www.newwaystowork.org/\\\" target=\\\"_blank\\\">New Ways to Work, Inc</a>. Used with permission.</p>\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-3/lesson-2/scan skills assessment'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: \"scans-skills-assessment\",\r\n    templateUrl: \"./scans-skills-assessment.component.html\",\r\n    styleUrls: [\"./scans-skills-assessment.component.css\"]\r\n})\r\nexport class UnitThreeLessonTwoScansSkillsAssessmentComponent {\r\n\r\n    title: string = \"SCANS Skills Assessment\";\r\n    pageTitle: string = this.title + \" | Unit 3, Lesson 2 | T-Folio\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n\r\n    data = [\r\n        {\r\n            name: \"Basic Skills\",\r\n            blurb: \"You can read, write, speak and listen well. You know your arithmetic.\",\r\n            skills: [\r\n                {\r\n                    skillName: \"Speaking\",\r\n                    needsDevelopment: \"Learning to speak clearly, audibly and courteously.\",\r\n                    competent: \"Speak clearly and use language appropriate to the environment.\",\r\n                    proficient: \"Express complex ideas in an organized and concise manner.\",\r\n                    advanced: \"Present effectively to a group using well organized format, concise language and clear enunciation.\"\r\n                },\r\n                {\r\n                    skillName: \"Listening\",\r\n                    needsDevelopment: \"Developing listening skills; working to make eye contact and confirm understanding.\",\r\n                    competent: \"Listen attentively; make eye contact; repeat instruction to confirm understanding.\",\r\n                    proficient: \"Listen attentively and demonstrate understanding through relevant responses and questions.\",\r\n                    advanced: \"Retain complex information over time and apply it to later work.\"\r\n                },\r\n                {\r\n                    skillName: \"Reading\",\r\n                    needsDevelopment: \"Read written directions and workplace documents with assistance.\",\r\n                    competent: \"Read written directions and workplace documents independently.\",\r\n                    proficient: \"Read and understand written materials, including technical documents, independently; ask questions where appropriate.\",\r\n                    advanced: \"Read complex written materials and execute related tasks independently.\"\r\n                },\r\n                {\r\n                    skillName: \"Writing\",\r\n                    needsDevelopment: \"Learning to write clearly with correct grammar.\",\r\n                    competent: \"Write information in clear, logical, legible and grammatically correct manner.\",\r\n                    proficient: \"Write clearly using work-related terminology.\",\r\n                    advanced: \"Write and develop professional material such as newsletters and marketing brochures.\"\r\n                },\r\n                {\r\n                    skillName: \"Mathematics\",\r\n                    needsDevelopment: \"Able to perform basic computation with supervision.\",\r\n                    competent: \"Able to perform basic computation independently.\",\r\n                    proficient: \"Able to interpret and apply basic computations and uses tables, graphs, diagrams and charts as needed.\",\r\n                    advanced: \"Able to construct, apply and present logical applications for mathematics using tables, graphs, diagrams or charts.\"\r\n                }\r\n            ]\r\n        },\r\n        {\r\n            name: \"Thinking Skills\",\r\n            blurb: \"You can think creatively. You can make decisions and solve problems. You know how to learn.\",\r\n            skills: [\r\n                {\r\n                    skillName: \"Combining Ideas or Information in New Ways\",\r\n                    needsDevelopment: \"Make connections with help from supervisor.\",\r\n                    competent: \"Make connections with occasional help from supervisor.\",\r\n                    proficient: \"Make connections independently.\",\r\n                    advanced: \"Generate new ideas. Think abstractly.\"\r\n                },\r\n                {\r\n                    skillName: \"Making Decisions\",\r\n                    needsDevelopment: \"Make decisions with help from supervisor.\",\r\n                    competent: \"Make decisions with occasional help from supervisor.\",\r\n                    proficient: \"Make decisions independently.\",\r\n                    advanced: \"Make multiple decisions weighing risks and benefits to organization.\"\r\n                },\r\n                {\r\n                    skillName: \"Exercising Leadership to Identify and Solve Problems\",\r\n                    needsDevelopment: \"Identify problems with help from supervisor.\",\r\n                    competent: \"Identify and solve problems independently.\",\r\n                    proficient: \"Explore cause of problems and options with team when solving problems.\",\r\n                    advanced: \"Demonstrate leadership, develop creative solutions and systemic change, including preventive action.\"\r\n                }\r\n            ] \r\n        },\r\n        {\r\n            name: \"Foundation Skill: Personal Qualities\",\r\n            blurb: \"You can take personal responsibility. You think highly of yourself. You are also honest.\",\r\n            skills: [\r\n                {\r\n                    skillName: \"Attendance and Appearance\",\r\n                    needsDevelopment: \"Maintain consistent attendance, punctuality, and appropriate dress with supervision.\",\r\n                    competent: \"Demonstrate understanding of appropriate workplace appearance, attendance and punctuality.\",\r\n                    proficient: \"A model of excellent attendance and dress; attend events beyond those required.\",\r\n                    advanced: \"Represent the organization at meetings and events.\"\r\n                },\r\n                {\r\n                    skillName: \"Self Management\",\r\n                    needsDevelopment: \"Complete tasks and projects as assigned with supervision.\",\r\n                    competent: \"Complete tasks and projects as assigned.\",\r\n                    proficient: \"Initiate and complete projects independently.\",\r\n                    advanced: \"Deliver high-quality results on schedule.\"\r\n                },\r\n                {\r\n                    skillName: \"Accepting Direction and Criticism\",\r\n                    needsDevelopment: \"Learning to accept direction.\",\r\n                    competent: \"Accept direction with positive attitude.\",\r\n                    proficient: \"Accept constructive criticism with positive attitude.\",\r\n                    advanced: \"Accept and apply constructive criticism to improve performance.\"\r\n                },\r\n                {\r\n                    skillName: \"Integrity, Honesty, and Confidentiality\",\r\n                    needsDevelopment: \"Maintain appropriate confidentiality with supervision.\",\r\n                    competent: \"Maintain appropriate confidentiality with occasional supervision.\",\r\n                    proficient: \"Can be trusted. Demonstrate integrity and understand why certain information must remain confidential.\",\r\n                    advanced: \"Model good discretion and honesty for others.\"\r\n                }\r\n            ]\r\n        },\r\n        {\r\n            name: \"Competency: Resource Management\",\r\n            blurb: \"Time, money and materials are resources. You can manage them well.\",\r\n            skills: [\r\n                {\r\n                    skillName: \"Manages Time\",\r\n                    needsDevelopment: \"Meet assigned deadlines with supervision.\",\r\n                    competent: \"Meet assigned deadlines independently.\",\r\n                    proficient: \"Set priorities and deadlines independently.\",\r\n                    advanced: \"Manage multiple tasks and projects effectively.\"\r\n                },\r\n                {\r\n                    skillName: \"Manages Money\",\r\n                    needsDevelopment: \"Manage established program budget with supervision.\",\r\n                    competent: \"Manage established program budget independently.\",\r\n                    proficient: \"Help establish project budget and operates effectively within it.\",\r\n                    advanced: \"Determine and manages budget efficiently.\"\r\n                }\r\n            ]\r\n        },\r\n        {\r\n            name: \"Competency: Interpersonal Skills\",\r\n            blurb: \"You communicate and work well with other people.\",\r\n            skills: [\r\n                {\r\n                    skillName: \"Interacting with Co- workers\",\r\n                    needsDevelopment: \"Developing basic interaction skills. Respond when others initiate conversations.\",\r\n                    competent: \"Interact appropriately in social settings.\",\r\n                    proficient: \"Initiate positive interactions with co- workers and participate constructively as part of a team.\",\r\n                    advanced: \"Lead teams of co-workers to complete projects in an effective and timely manner.\"\r\n                },\r\n                {\r\n                    skillName: \"Interacting with Customers\",\r\n                    needsDevelopment: \"Developing skills necessary to deal with difficult customers/clients and situations.\",\r\n                    competent: \"Appropriately request assistance when dealing with difficult customers/clients and situations.\",\r\n                    proficient: \"Resolve customer/client problems independently where appropriate.\",\r\n                    advanced: \"Proactively handle stress of difficult customers/clients and situations.\"\r\n                },\r\n                {\r\n                    skillName: \"Clients Respecting Diversity\",\r\n                    needsDevelopment: \"Developing an understanding of diversity.\",\r\n                    competent: \"Understand diversities and similarities.\",\r\n                    proficient: \"Demonstrate ability to work with people different from myself.\",\r\n                    advanced: \"Seek out opportunities to work with people different from myself.\"\r\n                }\r\n            ]\r\n        },\r\n        {\r\n            name: \"Competency: Information Management\",\r\n            blurb: \"You can find, interpret and communicate information. You can organize and maintain files. You can also use a computer and process information.\",\r\n            skills: [\r\n                {\r\n                    skillName: \"Collecting and Organizing Information\",\r\n                    needsDevelopment: \"Developing ability to collect and organize information and materials needed for a task.\",\r\n                    competent: \"Effectively compile information and resources in a clear, logical and legible manner.\",\r\n                    proficient: \"Effectively organize and evaluate the relevance and accuracy of information.\",\r\n                    advanced: \"Identify and obtain missing information based on mastery of subject.\"\r\n                },\r\n                {\r\n                    skillName: \"Interprets and Communicates Information\",\r\n                    needsDevelopment: \"Able to select pertinent information with occasional assistance.\",\r\n                    competent: \"Analyze information in an organized manner.\",\r\n                    proficient: \"Effectively organize information and communicate results in a concise manner.\",\r\n                    advanced: \"Present effectively to a group using a well-organized format, concise language and clear enunciation.\"\r\n                }\r\n            ]\r\n        },\r\n        {\r\n            name: \"Competency: Systems\",\r\n            blurb: \"A system is the way things are done or organized. You understand social and business systems. You can check and correct your own business performance. You can make suggestions on how to improve the way things are done.\",\r\n            skills: [\r\n                {\r\n                    skillName: \"Understanding the Structure and Dynamics of the Entire Organization\",\r\n                    needsDevelopment: \"Am aware of my role within the department.\",\r\n                    competent: \"Demonstrate working knowledge of the department’s role in the organization and how it relates to other departments.\",\r\n                    proficient: \"Understand and negotiate the communication and workflow between departments.\",\r\n                    advanced: \"Understand the role of the organization in the industry and the economy.\"\r\n                },\r\n                {\r\n                    skillName: \"Recognizing Health and Safety Issues\",\r\n                    needsDevelopment: \"Practice appropriate health and safety protocol at the workplace with assistance.\",\r\n                    competent: \"Practice appropriate health and safety protocol independently and recognize their importance. Report emergencies in an appropriate manner.\",\r\n                    proficient: \"Understand the implication of health and safety principles and apply them to new situations.\",\r\n                    advanced: \"Model good health and safety practices and help others to understand their importance.\"\r\n                },\r\n                {\r\n                    skillName: \"Understanding Personnel Policy and Relevant Labor Laws\",\r\n                    needsDevelopment: \"Developing an understanding of personnel policy and, where appropriate, relevant labor laws.\",\r\n                    competent: \"Understand personnel policy and, where appropriate, relevant labor laws.\",\r\n                    proficient: \"Adhere to personnel policy and understands its impact on individuals.\",\r\n                    advanced: \"Understand personnel policy and its impact on the organization; contribute to a positive work culture.\"\r\n                }\r\n            ]\r\n        },\r\n        {\r\n            name: \"Competency: Technology\",\r\n            blurb: \"You can find and use the right tools for the job.\",\r\n            skills: [\r\n                {\r\n                    skillName: \"Selecting Tools and Procedures\",\r\n                    needsDevelopment: \"Able to use procedures, tools and machines with supervision.\",\r\n                    competent: \"Able to use procedures, tools and machines with occasional supervision.\",\r\n                    proficient: \"Able to use procedures, tools and machines without supervision.\",\r\n                    advanced: \"Able to determine which procedures, tools and machines to use at appropriate times.\"\r\n                },\r\n                {\r\n                    skillName: \"Applying Technology to Task\",\r\n                    needsDevelopment: \"Can identify problem as it relates to technology with supervision.\",\r\n                    competent: \"Can identify a problem as it relates to technology without supervision.\",\r\n                    proficient: \"Identify appropriate technology and use it to prevent problems.\",\r\n                    advanced: \"Use technology appropriately to identify, prevent and solve problems.\"\r\n                }\r\n            ]\r\n        },\r\n    ];\r\n}\r\n","module.exports = \"<div class=\\\"container exercise-content guide\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-3']\\\">Unit 3</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-3/lesson-3']\\\">Lesson 3</a></li>\\r\\n                <li class=\\\"active\\\">Lesson Guide</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/\\\">Unit 3</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/lesson-3/\\\">Lesson 3</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/lesson-3/guide/\\\">Lesson Guide</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-3/lesson-3/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n        <div class=\\\"col-md-12\\\"><h1>{{title}}</h1></div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-9\\\">\\r\\n            <h2 class=\\\"subtitle\\\">{{subtitle}}</h2>\\r\\n            <div>\\r\\n                In this lesson, youth will learn about informational interviews to expand their understanding of a career or company in which they may be interested.\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-3 box\\\">\\r\\n            <i class=\\\"fa fa-folder-open\\\" aria-hidden=\\\"true\\\"></i>\\r\\n            <b>Item to be added to student's Transition Portfolio:</b>\\r\\n            <ul class=\\\"hidden-print\\\">\\r\\n                <li><a [routerLink]=\\\"['/unit-3/lesson-3/informational-interview-worksheet']\\\">Informational Interview Worksheet</a></li>\\r\\n            </ul>\\r\\n            <ul class=\\\"visible-print-block\\\">\\r\\n                <li><a href=\\\"https://cctstfolio.com/#/unit-3/lesson-3/informational-interview-worksheet\\\">Informational Interview Worksheet</a></li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n            <h2>Lesson Objectives</h2>\\r\\n            <b>Participants will:</b>\\r\\n            <ol>\\r\\n                <li>Review the components of an informational interview.</li>\\r\\n                <li>Create a set of questions to ask.</li>\\r\\n                <li>Identify a person or company to interview in an area of their choice.</li>\\r\\n                <li>Prepare for and conduct an informational interview.</li>\\r\\n                <li>Share with class/facilitator what was learned.</li>\\r\\n            </ol>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Facilitator Notes</h2>\\r\\n            <ul>\\r\\n                <li>\\r\\n                    <b>This lesson is designed both as an overview as well as a series of \\\"mini lessons\\\" that will guide the youth through the steps of implementing an informational interview.</b>\\r\\n                    It may take several sessions to complete.\\r\\n                    It is highly recommended that you first present the entire PowerPoint, then break each of the six steps into a guided activity for the youth to complete.\\r\\n                </li>\\r\\n                <li>\\r\\n                    Lesson 3 is intended to provide an opportunity for youth to find out more about a career or company in an area of their choice.\\r\\n                    As part of a work-based learning experience, the informational interview can serve to prepare students for a job shadowing experience and/or help them learn more from an actual individual about a career or company.\\r\\n                    An informational interview can be conducted face-to-face, via phone, or using video conferencing technology (Zoom, Skype, etc.).\\r\\n                </li>\\r\\n                <li>\\r\\n                    A PowerPoint is included with this lesson and can be used as part of a presentation or for your information. It is recommended that you review the PowerPoint (including the Notes section) prior to using the lesson. It can be accessed in either PowerPoint or as a PDF:\\r\\n                    <ul>\\r\\n                        <li><a href=\\\"/img/unit-3/lesson-3/T-Folio_Unit-3_Lesson-3_Informational-Interviews.pptx\\\">PowerPoint: “Informational Interviews”</a></li>\\r\\n                        <li><a href=\\\"/img/unit-3/lesson-3/T-Folio_Unit-3_Lesson-3_Informational-Interviews.pdf\\\" target=\\\"_blank\\\">PDF: “Informational Interviews”</a></li>\\r\\n                    </ul>\\r\\n                </li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Introduction</h2>\\r\\n            <div style=\\\"padding-bottom:5px;\\\">\\r\\n                <b>Say:</b>\\r\\n                We can learn a great deal about careers and companies by searching the internet, but some of the most useful and powerful information comes from talking with people who are actually in the job or company.\\r\\n            </div>\\r\\n            <div style=\\\"font-weight:bold;\\\">Warm-up questions (slide 2):</div>\\r\\n            <ul>\\r\\n                <li>Do you have some ideas about what career or company you would be interested in learning more about?</li>\\r\\n                <li>Do you know anyone who you could talk with who works in that career or for that company?</li>\\r\\n                <li>Do you have friends or family members who might know someone you could interview?</li>\\r\\n                <li>What questions might you ask?</li>\\r\\n            </ul>\\r\\n            <div>\\r\\n                <b>Say:</b>\\r\\n                We will go over the steps of conducting an informational interview, then we will break each step into a mini lesson for you to prepare for a successful informational interview.\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Activity</h2>\\r\\n            <div style=\\\"padding-bottom:5px;\\\">\\r\\n                <b>This lesson is designed both as an overview as well as a series of “mini lessons” that will guide the youth through the steps of implementing an informational interview.</b>\\r\\n                It may take several sessions to complete.\\r\\n            </div>\\r\\n            <ul>\\r\\n                <li>You will need the PowerPoint, “Informational Interviews,” and the <a [routerLink]=\\\"['/unit-3/lesson-3/informational-interview-worksheet']\\\">Informational Interview Worksheet</a>.</li>\\r\\n                <li>It is highly recommended that you first present the entire PowerPoint, then break each of the six steps into a guided activity for the youth to complete.</li>\\r\\n                <li>The notes in the PowerPoint presentation offer suggestions for how to guide the students through each step.</li>\\r\\n                <li>It is important to plan time for clarification and practice in steps 3, 4 and 5.</li>\\r\\n            </ul>\\r\\n            <div style=\\\"padding-bottom:5px;font-weight:bold;\\\">\\r\\n                Informational Interview Worksheet:\\r\\n            </div>\\r\\n            <ul>\\r\\n                <li>Students should write their interview questions into the Informational Interview Worksheet (digitally or by hand) and then take it with them to the interview.</li>\\r\\n                <li>They can take notes during the interview in the blank spaces provided and then turn the sheet in to be included in their transition portfolio.</li>\\r\\n                <li><b>Extension activity:</b> Students can take notes on a separate piece of paper and then compose a more polished response to each question to write in the answer field. They can either do this by hand on the printed form, or they can retype the form once they have the interviewee’s answers.</li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Debrief and Guiding Questions</h2>\\r\\n            <ul>\\r\\n                <li>What question gave you the most information about the job/company?</li>\\r\\n                <li>Is this a career/company that you are still interested in? Why or why not?</li>\\r\\n                <li>If you were to do this again, what would you do differently?</li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Additional Resources</h2>\\r\\n            <ul style=\\\"list-style:url('/img/arrow.png');\\\">\\r\\n                <li>\\r\\n                    The content for this lesson was adapted from the Informational Interviewing section of the <a href=\\\"https://career.berkeley.edu/Info/InfoInterview\\\" target=\\\"_blank\\\">University of California, Berkeley Career Center</a>.\\r\\n                </li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Up Next</h2>\\r\\n            <div>\\r\\n                In Lesson 4, students will learn about job shadowing and will plan and carry out a job shadowing activity.\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-1/lesson-3/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from '@angular/platform-browser';\r\n\r\n@Component({\r\n    selector: 'unit-three-lesson-three-guide',\r\n    templateUrl: './_guide.component.html',\r\n    styleUrls: ['../../_shared/lesson-guides/lesson-guide.component.css']\r\n})\r\nexport class UnitThreeLessonThreeGuideComponent {\r\n\r\n    pageTitle: string = \"Lesson Guide | Unit 3, Lesson 3 | T-Folio\";\r\n    title: string = \"Lesson Guide\";\r\n    subtitle: string = \"Lesson 3: Informational Interviews\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n}\r\n","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: 'unit-three-lesson-one-landing-page',\r\n    templateUrl: '../../_shared/landing-pages/landing-page.component.html',\r\n    styleUrls: ['../../_shared/landing-pages/landing-page.component.css']\r\n})\r\nexport class UnitThreeLessonThreeLandingComponent {\r\n\r\n    bannerHeader = \"Work-Based Learning Experiences: Lesson 3\";\r\n    title: string = \"Lesson 3: Informational Interviews\";\r\n    pageTitle: string = \"Informational Interviews | Unit 3, Lesson 3 | T-Folio\";\r\n\r\n    openInNewWindow(url: string) {\r\n        window.open(url, '_blank');\r\n    }\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n    doPrint(): void {\r\n        window.print();\r\n    }\r\n\r\n    LandingPageData = {\r\n        breadcrumbs: {\r\n            label: \"Lesson 3\",\r\n            crumbs: [\r\n                {\r\n                    route: \"\",\r\n                    linktext: \"T-Folio\"\r\n                },\r\n                {\r\n                    route: \"/unit-3\",\r\n                    linktext: \"Unit 3\"\r\n                }\r\n            ]\r\n        },\r\n        summary: \"In this lesson, youth will learn about informational interviews to expand their understanding of a career or company in which they may be interested.\",\r\n        objectives: [\r\n            \"Review the components of an informational interview.\",\r\n            \"Create a set of questions to ask.\",\r\n            \"Identify a person or company to interview in an area of their choice.\",\r\n            \"Prepare for and conduct an informational interview.\",\r\n            \"Share with class/facilitator what was learned.\"\r\n        ],\r\n        buttons: [\r\n            {\r\n                route: \"/unit-3/lesson-3/guide\",\r\n                linktext: \"Lesson Guide\",\r\n                color: \"btn-success\",\r\n                window: false,\r\n            },\r\n            {\r\n                route: \"/unit-3/lesson-3/informational-interview-worksheet\",\r\n                linktext: \"Informational Interview Worksheet\",\r\n                color: \"btn-primary\",\r\n                window: false,\r\n            },\r\n            {\r\n                route: '/img/unit-3/lesson-3/T-Folio_Unit-3_Lesson-3_Informational-Interviews.pptx',\r\n                linktext: \"PowerPoint Presentation\",\r\n                color: \"powerpoint-button\",\r\n                window: true,\r\n            }\r\n        ],\r\n        image: \"/img/unit-3/lesson-3/LESSON 3_writing-notes-idea-conference.jpg\",\r\n        imgalt: \"A person’s hands are in focus writing with a yellow pen on a folded white piece of paper on black table.\",\r\n        caption: \"by Startup Stock Photos on\",\r\n        photoLink: \"https://www.pexels.com/photo/writing-notes-idea-class-7103/\",\r\n        source: \"Pexels\",\r\n        sourceLink: \"https://www.pexels.com/\",\r\n        licence: \"CC0 license\",\r\n        licenceLink: \"https://www.pexels.com/photo-license/\",\r\n    }\r\n}\r\n","module.exports = \"th {\\r\\n    text-align:center;\\r\\n}\\r\\n\\r\\ntd {\\r\\n    border:1px solid black;\\r\\n    vertical-align: top;\\r\\n    padding: 5px;\\r\\n}\\r\\n\\r\\n.table-primary-header {\\r\\n    display: table-cell;\\r\\n}\\r\\n\\r\\n.cell-secondary-header {\\r\\n    display: none;\\r\\n}\\r\\n\\r\\n.date-sent {\\r\\n    width: unset;\\r\\n    margin-right: 15px;\\r\\n    border: 1px solid black;\\r\\n}\\r\\n\\r\\n.editor {\\r\\n    max-width: 100%;\\r\\n    min-height: 75px;\\r\\n    margin: 5px;\\r\\n    border: 1px solid grey;\\r\\n    font-weight:bold;\\r\\n}\\r\\n\\r\\n@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {\\r\\n\\r\\n    table,\\r\\n    thead,\\r\\n    tbody,\\r\\n    th,\\r\\n    td,\\r\\n    tr {\\r\\n        display: block;\\r\\n    }\\r\\n\\r\\n    td table tr td {\\r\\n        display: inline;\\r\\n    }\\r\\n\\r\\n    .table-primary-header {\\r\\n        display: none;\\r\\n    }\\r\\n\\r\\n    .cell-secondary-header {\\r\\n        display: block;\\r\\n        border:0px;\\r\\n        text-align:center;\\r\\n        font-weight:bold;\\r\\n    }\\r\\n    \\r\\n    .score {\\r\\n        display:none;\\r\\n    }\\r\\n\\r\\n}\\r\\n\\r\\n@media print {\\r\\n    .date-sent {\\r\\n        width: unset;\\r\\n        margin-right: 15px;\\r\\n        border: 1px solid black;\\r\\n    }\\r\\n    .editor {\\r\\n        max-width: 100%;\\r\\n        min-height: 75px;\\r\\n        margin: 5px;\\r\\n        border: none;\\r\\n    }\\r\\n    .date-sent {\\r\\n        width: unset;\\r\\n        margin-right: 15px;\\r\\n        border: none;\\r\\n    }\\r\\n}\\r\\n\\r\\n.active {\\r\\n    color: #2C3E50;\\r\\n}\"","module.exports = \"<div class=\\\"container exercise-content\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-3']\\\">Unit 3</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-3/lesson-3']\\\">Lesson 3</a></li>\\r\\n                <li class=\\\"active\\\">{{title}}</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/\\\">Unit 3</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/lesson-3/\\\">Lesson 3</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/lesson-3/informational-interview-worksheet/\\\">{{title}}</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-3/lesson-3/informational interview worksheet'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container-fluid\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-3\\\"><label for=\\\"tfolio-name-textbox\\\"><b>Student Name:</b></label></div>\\r\\n            <div class=\\\"col-md-9\\\"><input type=\\\"text\\\" id=\\\"tfolio-name-textbox\\\" name=\\\"tfolio-name-textbox\\\" /></div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <h1 style=\\\"margin:10px;\\\">{{title}}</h1>\\r\\n    <div class=\\\"container-fluid\\\">\\r\\n        <div class=\\\"row\\\" style=\\\"padding-top:2px;padding-bottom:2px;\\\">\\r\\n            <div class=\\\"col-md-2\\\" style=\\\"width:16%;white-space:nowrap\\\"><label for=\\\"tfolio-interviewee-name-textbox\\\"><b>Name of interviewee:</b></label></div>\\r\\n            <div class=\\\"col-md-4\\\" style=\\\"width:34%;white-space:nowrap\\\"><input type=\\\"text\\\" id=\\\"tfolio-interviewee-name-textbox\\\" name=\\\"tfolio-interviewee-name-textbox\\\" /></div>\\r\\n            <div class=\\\"col-md-2\\\" style=\\\"width:16%;white-space:nowrap\\\"><label for=\\\"tfolio-email-textbox\\\"><b>Email:</b></label></div>\\r\\n            <div class=\\\"col-md-4\\\" style=\\\"width:34%;white-space:nowrap\\\"><input type=\\\"text\\\" id=\\\"tfolio-email-textbox\\\" name=\\\"tfolio-name-textbox\\\" /></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\" style=\\\"padding-top:2px;padding-bottom:2px;\\\">\\r\\n            <div class=\\\"col-md-2\\\" style=\\\"width:16%;white-space:nowrap\\\"><label for=\\\"tfolio-company-name-textbox\\\"><b>Name of company:</b></label></div>\\r\\n            <div class=\\\"col-md-4\\\" style=\\\"width:34%;white-space:nowrap\\\"><input type=\\\"text\\\" id=\\\"tfolio-company-name-textbox\\\" name=\\\"tfolio-company-name-textbox\\\" /></div>\\r\\n            <div class=\\\"col-md-2\\\" style=\\\"width:16%;white-space:nowrap\\\"><label for=\\\"tfolio-company-phone-textbox\\\"><b>Phone:</b></label></div>\\r\\n            <div class=\\\"col-md-4\\\" style=\\\"width:34%;white-space:nowrap\\\"><input type=\\\"text\\\" id=\\\"tfolio-company-phone-textbox\\\" name=\\\"tfolio-company-phone-textbox\\\" /></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\" style=\\\"padding-top:2px;padding-bottom:2px;\\\">\\r\\n            <div class=\\\"col-md-2\\\" style=\\\"width:16%;white-space:nowrap\\\"><label for=\\\"tfolio-job-title-textbox\\\"><b>Job title:</b></label></div>\\r\\n            <div class=\\\"col-md-4\\\" style=\\\"width:34%;white-space:nowrap\\\"><input type=\\\"text\\\" id=\\\"tfolio-job-title-textbox\\\" name=\\\"tfolio-job-title-textbox\\\" /></div>\\r\\n            <div class=\\\"col-md-2\\\" style=\\\"width:16%;white-space:nowrap\\\"><label for=\\\"tfolio-interview-date-textbox\\\"><b>Date of interview:</b></label></div>\\r\\n            <div class=\\\"col-md-4\\\" style=\\\"width:34%;white-space:nowrap\\\"><input type=\\\"text\\\" id=\\\"tfolio-interview-date-textbox\\\" name=\\\"tfolio-interview-date-textbox\\\" /></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\" style=\\\"padding-top:10px;\\\">\\r\\n                <b>Directions:</b>\\r\\n                Fill in your questions using the spaces below.\\r\\n                Then take this form with you to your informational interview.\\r\\n                During the interview, you can write notes in the spaces provided under each question or you can take notes on a separate sheet of paper and then compose a more polished answer to include below.\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12 col-sm-12\\\" style=\\\"padding-top:10px;\\\">\\r\\n                <b>Questions: (with room for your notes)</b>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"container-fluid\\\">\\r\\n\\r\\n        <div class=\\\"row\\\" style=\\\"padding-top:2px;padding-bottom:2px;\\\">\\r\\n            <div class=\\\"col-md-1\\\" style=\\\"width:5%\\\">\\r\\n                1.\\r\\n            </div>\\r\\n            <div class=\\\"col-md-11\\\">\\r\\n                <input type=\\\"text\\\" size=\\\"91\\\" maxlength=\\\"90\\\" style=\\\"width:unset;\\\" />\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\" style=\\\"padding-top:2px;padding-bottom:2px;\\\">\\r\\n            <div class=\\\"col-md-12\\\" style=\\\"padding-bottom:5px;\\\">\\r\\n                <div>Answer:</div>\\r\\n                <div contenteditable=\\\"true\\\" class=\\\"editor\\\" rows=\\\"4\\\" cols=\\\"75\\\"></div>\\r\\n\\r\\n            </div>\\r\\n        </div>\\r\\n\\r\\n        <div class=\\\"row\\\" style=\\\"padding-top:2px;padding-bottom:2px;\\\">\\r\\n            <div class=\\\"col-md-1\\\" style=\\\"width:5%\\\">\\r\\n                2.\\r\\n            </div>\\r\\n            <div class=\\\"col-md-11\\\">\\r\\n                <input type=\\\"text\\\" size=\\\"91\\\" maxlength=\\\"90\\\" style=\\\"width:unset;\\\" />\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\" style=\\\"padding-top:2px;padding-bottom:2px;\\\">\\r\\n            <div class=\\\"col-md-12\\\" style=\\\"padding-bottom:5px;\\\">\\r\\n                <div>Answer:</div>\\r\\n                <div contenteditable=\\\"true\\\" class=\\\"editor\\\" rows=\\\"4\\\" cols=\\\"75\\\"></div>\\r\\n            </div>\\r\\n        </div>\\r\\n\\r\\n        <div class=\\\"row\\\" style=\\\"padding-top:2px;padding-bottom:2px;\\\">\\r\\n            <div class=\\\"col-md-1\\\" style=\\\"width:5%\\\">\\r\\n                3.\\r\\n            </div>\\r\\n            <div class=\\\"col-md-11\\\">\\r\\n                <input type=\\\"text\\\" size=\\\"91\\\" maxlength=\\\"90\\\" style=\\\"width:unset;\\\" />\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\" style=\\\"padding-top:2px;padding-bottom:2px;\\\">\\r\\n            <div class=\\\"col-md-12\\\" style=\\\"padding-bottom:5px;\\\">\\r\\n                <div>Answer:</div>\\r\\n                <div contenteditable=\\\"true\\\" class=\\\"editor\\\" rows=\\\"4\\\" cols=\\\"75\\\"></div>\\r\\n            </div>\\r\\n        </div>\\r\\n\\r\\n        <div class=\\\"row\\\" style=\\\"padding-top:2px;padding-bottom:2px;\\\">\\r\\n            <div class=\\\"col-md-1\\\" style=\\\"width:5%\\\">\\r\\n                4.\\r\\n            </div>\\r\\n            <div class=\\\"col-md-11\\\">\\r\\n                <input type=\\\"text\\\" size=\\\"91\\\" maxlength=\\\"90\\\" style=\\\"width:unset;\\\" />\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\" style=\\\"padding-top:2px;padding-bottom:2px;\\\">\\r\\n            <div class=\\\"col-md-12\\\" style=\\\"padding-bottom:5px;\\\">\\r\\n                <div>Answer:</div>\\r\\n                <div contenteditable=\\\"true\\\" class=\\\"editor\\\" rows=\\\"4\\\" cols=\\\"75\\\"></div>\\r\\n            </div>\\r\\n        </div>\\r\\n\\r\\n        <div class=\\\"row\\\" style=\\\"padding-top:2px;padding-bottom:2px;\\\">\\r\\n            <div class=\\\"col-md-1\\\" style=\\\"width:5%\\\">\\r\\n                5.\\r\\n            </div>\\r\\n            <div class=\\\"col-md-11\\\">\\r\\n                <input type=\\\"text\\\" size=\\\"91\\\" maxlength=\\\"90\\\" style=\\\"width:unset;\\\" />\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\" style=\\\"padding-top:2px;padding-bottom:2px;\\\">\\r\\n            <div class=\\\"col-md-12\\\" style=\\\"padding-bottom:5px;\\\">\\r\\n                <div>Answer:</div>\\r\\n                <div contenteditable=\\\"true\\\" class=\\\"editor\\\" rows=\\\"4\\\" cols=\\\"75\\\"></div>\\r\\n            </div>\\r\\n        </div>\\r\\n\\r\\n        <div class=\\\"row\\\" style=\\\"padding-top:2px;padding-bottom:2px;\\\">\\r\\n            <div class=\\\"col-md-12\\\" style=\\\"text-align:left;margin-bottom:15px;\\\">\\r\\n                <input type=\\\"text\\\" size=\\\"15\\\" maxlength=\\\"15\\\" class=\\\"date-sent\\\" />\\r\\n                <span>Date thank you note sent</span>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-1/lesson-8/informational interview worksheet'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: \"informational-interview-worksheet\",\r\n    templateUrl: \"./informational-interview-worksheet.component.html\",\r\n    styleUrls: [\"./informational-interview-worksheet.component.css\"]\r\n})\r\nexport class UnitThreeLessonThreeInformationalInterviewWorksheetComponent {\r\n\r\n    title: string = \"Informational Interview Worksheet\";\r\n    pageTitle: string = this.title + \" | Unit 3, Lesson 2 | T-Folio\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n    doScroll() {\r\n        window.scrollTo(0, 0);\r\n    }\r\n    doPrint() {\r\n        window.print();\r\n    }\r\n\r\n}\r\n","module.exports = \"<div class=\\\"container exercise-content guide\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-3']\\\">Unit 3</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-3/lesson-4']\\\">Lesson 4</a></li>\\r\\n                <li class=\\\"active\\\">Lesson Guide</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/\\\">Unit 3</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/lesson-4/\\\">Lesson 4</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/lesson-4/guide/\\\">Lesson Guide</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-3/lesson-4/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n        <div class=\\\"col-md-12\\\"><h1>{{title}}</h1></div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-9\\\">\\r\\n            <h2 class=\\\"subtitle\\\">{{subtitle}}</h2>\\r\\n            <div>\\r\\n                In this lesson, youth will be guided through the activities in the Job Shadow Workbook in order to set up and conduct a job shadowing experience.\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-3 box\\\">\\r\\n            <i class=\\\"fa fa-folder-open\\\" aria-hidden=\\\"true\\\"></i>\\r\\n            <b>Item to be added to student's Transition Portfolio:</b>\\r\\n            <ul class=\\\"hidden-print\\\">\\r\\n                <li><a [routerLink]=\\\"['/unit-3/lesson-4/job-shadow-workbook']\\\">Job Shadow Workbook</a></li>\\r\\n            </ul>\\r\\n            <ul class=\\\"visible-print-block\\\">\\r\\n                <li><a href=\\\"https://cctstfolio.com/#/unit-3/lesson-4/job-shadow-workbook\\\">Job Shadow Workbook</a></li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n            <h2>Lesson Objectives</h2>\\r\\n            <b>Participants will:</b>\\r\\n            <ol>\\r\\n                <li>Learn what it means to shadow someone on a job.</li>\\r\\n                <li>Connect with someone to job shadow.</li>\\r\\n                <li>Develop a set of questions to ask during the job shadow.</li>\\r\\n                <li>Conduct a job shadow and follow-up activities.</li>\\r\\n            </ol>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Facilitator Notes</h2>\\r\\n            <ul>\\r\\n                <li>It will take several sessions for students to complete the Job Shadow Workbook. See below for suggested breakdown into sections.</li>\\r\\n                <li>Choose a day ahead of time for the job shadow. Students will then contact potential hosts and ask if the host is available that day. </li>\\r\\n                <li>Students will need to complete a permission form in order to conduct the job shadow (specific to their school).</li>\\r\\n                <li>\\r\\n                    A PowerPoint is included with this lesson and can be used as part of a presentation or for your information. It is recommended that you review the\\r\\n                    PowerPoint (including the Notes section) prior to using the lesson. It can be accessed in either PowerPoint or as a PDF:\\r\\n                    <ul>\\r\\n                        <li><a href=\\\"/img/unit-3/lesson-4/T-Folio_Unit-3_Lesson-4_Job-Shadowing.pptx\\\" target=\\\"_blank\\\">PowerPoint: \\\"Job Shadowing\\\"</a></li>\\r\\n                        <li><a href=\\\"/img/unit-3/lesson-4/T-Folio_Unit-3_Lesson-4_Job-Shadowing.pdf\\\" target=\\\"_blank\\\">PDF: \\\"Job Shadowing\\\"</a></li>\\r\\n                    </ul>\\r\\n                </li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Introduction</h2>\\r\\n            <div style=\\\"font-weight:bold;padding-top:5px;\\\">Warm-up questions (slide 2)</div>\\r\\n            <ul>\\r\\n                <li>What are some ways you can find out what happens in a job?</li>\\r\\n                <li>How can you find out all the tasks the job entails?</li>\\r\\n                <li>Have you ever observed anyone in the job/career you are interested in?</li>\\r\\n            </ul>\\r\\n            <div>\\r\\n                <b>Say:</b>\\r\\n                We are going to set up the necessary steps to create a job shadow experience.\\r\\n                You will be guided through the process with information from a PowerPoint, and then will complete some activities in a Job Shadow Workbook.\\r\\n            </div>\\r\\n            <div style=\\\"font-weight:bold;padding-top:10px;\\\">Warm-up activities (slide 3)</div>\\r\\n            <div>\\r\\n                <b>Say:</b>\\r\\n                <ul>\\r\\n                    <li>Let’s look at your interest inventory results (from <a [routerLink]=\\\"['/unit-1/lesson-3']\\\">T-Folio Unit 1: Lesson 3</a>). What is the job or career you are most interested in finding out more about?</li>\\r\\n                    <li>Do you know of any companies in the area where people do that job or career? If not in this area, is there anything nearby?</li>\\r\\n                    <li>How do you think you can find a person who works in the job or career you are interested in? (Some ideas: an internet search, phone call to the company, calling the union or professional organization) Other thoughts?</li>\\r\\n                </ul>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Activity</h2>\\r\\n            <div>\\r\\n                You will guide the youth through the rest of the PowerPoint, \\\"Job Shadowing,\\\" and then the Job Shadow Workbook, as they prepare for and complete a job shadow experience.\\r\\n                The workbook is available as a series of online activities that can be filled in and printed.\\r\\n                It can also be accessed in pdf format and filled in by hand.\\r\\n                (See links below.)\\r\\n            </div><br />\\r\\n            Click here to be taken to the online&nbsp;<a [routerLink]=\\\"['/unit-3/lesson-4/job-shadow-workbook']\\\">Job Shadow Workbook</a>.<br />\\r\\n            Click here to download the&nbsp;<a href=\\\"/img/unit-3/lesson-4/T-Folio_Unit-3_Lesson-4_Job-Shadow-Workbook.pdf\\\" target=\\\"_blank\\\">pdf version</a>&nbsp;of the workbook.<br />\\r\\n            <div style=\\\"padding-top:10px;\\\">\\r\\n                This lesson is designed to be done over several sessions.\\r\\n                Begin with an overview by going through the PowerPoint. You may then want to divide the activities into the following four parts or more depending on time available.\\r\\n            </div>\\r\\n            <!--<ul class=\\\"activity\\\" style=\\\"list-style:none;\\\">-->\\r\\n            <b>Part 1: Introduction</b>\\r\\n            <ul>\\r\\n                <li> Preliminary brainstorming and discussion. </li>\\r\\n                <li> Fill in and print the <a [routerLink]=\\\"['/unit-3/lesson-4/job-shadow-workbook/cover-letter']\\\">Cover Sheet.</a> </li>\\r\\n                <li> Print the <a [routerLink]=\\\"['/unit-3/lesson-4/job-shadow-workbook/checklist']\\\">Job Shadow Checklist.</a></li>\\r\\n                <li> Fill in and print the <a [routerLink]=\\\"['/unit-3/lesson-4/job-shadow-workbook/phone-script']\\\"> Phone Script </a> or <a [routerLink]=\\\"['/unit-3/lesson-4/job-shadow-workbook/email-script']\\\">Email Script.</a></li>\\r\\n                <li> Fill in and print questions on the <a [routerLink]=\\\"['/unit-3/lesson-4/job-shadow-workbook/student-questions']\\\">Student Questions About Work Experience</a> form. (Answers will be filled in after the job shadow.)</li>\\r\\n            </ul>\\r\\n            <b>Part 2: Preparation</b>\\r\\n            <ul>\\r\\n                <li> Identify and contact job shadow host using script.</li>\\r\\n                <li> Fill in Job Shadow Checklist information (by hand or online). </li>\\r\\n                <li> Help student to obtain necessary permission form.</li>\\r\\n                <li> Print the <a [routerLink]=\\\"['/unit-3/lesson-4/job-shadow-workbook/day-of']\\\">Day of Job Shadow</a> reminders and tips.   </li>\\r\\n                <li> Print the <a [routerLink]=\\\"['/unit-3/lesson-4/job-shadow-workbook/host-feedback']\\\">Job Shadow Host Feedback</a> form and help student obtain self-addressed stamped envelope.</li>\\r\\n                <li> Print the <a [routerLink]=\\\"['/unit-3/lesson-4/job-shadow-workbook/observation']\\\">Job Shadow Observation </a> form to bring to job shadow.</li>\\r\\n            </ul>\\r\\n            <b>Part 3: Job Shadow</b>\\r\\n            <ul>\\r\\n                <li>Student will conduct the job shadow</li>\\r\\n                <li>Student will give host the Job Shadow Host Feedback form and self-addressed envelope. </li>\\r\\n                <li>Student will take notes on the host’s answers to their questions (or take audio recording).</li>\\r\\n                <li> Student will complete the <a [routerLink]=\\\"['/unit-3/lesson-4/job-shadow-workbook/observation']\\\">Job Shadow Observation</a> form</li>\\r\\n            </ul>\\r\\n            <b>Part 4: After the Job Shadow</b>\\r\\n            <ul>\\r\\n                <li>Fill in the answers to the host’s questions on the Student Questions About Work Experience form (by hand or online).</li>\\r\\n                <li>Fill in and print the <a [routerLink]=\\\"['/unit-3/lesson-4/job-shadow-workbook/reflection']\\\">Post-Job Shadow Reflection</a> form. </li>\\r\\n                <li>Fill in and print the <a [routerLink]=\\\"['/unit-3/lesson-4/job-shadow-workbook/evaluation']\\\">Job Shadow Student Evaluation</a> form. </li>\\r\\n                <li>Use the <a [routerLink]=\\\"['/unit-3/lesson-4/job-shadow-workbook/thank-you']\\\">Thank You Note Template</a> to write a thank you note or email to the host. </li>\\r\\n            </ul>\\r\\n            <br />\\r\\n            A final discussion can be held with the youth to reflect on the experience. In order to include the Job Shadow Workbook in the student’s portfolio, each page should be printed and compiled into a full workbook.\\r\\n            <br />\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Debrief and Guiding Questions</h2>\\r\\n            <ul>\\r\\n                <li>What did you like best about the job shadowing experience?</li>\\r\\n                <li>What would you do differently?</li>\\r\\n                <li>What was the best question you asked?</li>\\r\\n                <li>Is this a job/company you would like to work in? Why or why not?</li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Additional Resources</h2>\\r\\n            <div>\\r\\n                There are a number of alternatives to job shadowing in the community if that is not possible for the student:\\r\\n            </div>\\r\\n            <ul style=\\\"list-style:url('/img/arrow.png');\\\">\\r\\n                <li>\\r\\n                    <a href=\\\"http://www.jobshadow.com\\\" target=\\\"_blank\\\">JobShadow.com</a> lists a list of interviews with people working in different professions.\\r\\n                    Students can read interviews and learn about the job or career of their choice.\\r\\n                </li>\\r\\n                <li>\\r\\n                    <a href=\\\"https://virtualjobshadow.com\\\" target=\\\"_blank\\\">Virtual Job Shadow</a> is a paid service that supports career exploration and work readiness through videos of on-the-job content.\\r\\n                </li>\\r\\n                <li>\\r\\n                    The <a href=\\\"https://safeshare.tv/playlists/7412\\\" target=\\\"_blank\\\">I Love My Job</a> video series is a great resource for learning about different professions.\\r\\n                </li>\\r\\n                <li>\\r\\n                    <a href=\\\"https://www.skype.com/en/\\\" target=\\\"_blank\\\">Skype</a> or other video conferencing technology can be used to connect with people in a variety of professions.\\r\\n                </li>\\r\\n                <li>\\r\\n                    <a href=\\\"https://plus.google.com/communities/103736876540589096694\\\" target=\\\"_blank\\\">Google Connected Classrooms</a> offers many possibilities for virtual connection with other classrooms, field trips, and other virtual activities.\\r\\n                </li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Considerations for Accommodation</h2>\\r\\n            <ul>\\r\\n                <li>Students can use a voice recorder during the job shadow instead of taking notes. They can then use the recording to type up the host’s answers on the Student Questions About Work Experience form.</li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Up Next</h2>\\r\\n            <div>\\r\\n                In Lesson 5, students will learn about employer evaluations and letters of recommendation.\\r\\n                They will review sample evaluations and letters of recommendation and will do an activity in which they evaluate their own performance.\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'/unit-3/lesson-4/job-shadow-workbook'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from '@angular/platform-browser';\r\n\r\n@Component({\r\n    selector: 'unit-three-lesson-four-guide',\r\n    templateUrl: './_guide.component.html',\r\n    styleUrls: ['../../_shared/lesson-guides/lesson-guide.component.css']\r\n})\r\nexport class UnitThreeLessonFourGuideComponent {\r\n\r\n    pageTitle: string = \"Lesson Guide | Unit 3, Lesson 4 | T-Folio\";\r\n    title: string = \"Lesson Guide\";\r\n    subtitle: string = \"Lesson 4: Job Shadowing\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n}\r\n","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: 'unit-three-lesson-four-landing-page',\r\n    templateUrl: '../../_shared/landing-pages/landing-page.component.html',\r\n    styleUrls: ['../../_shared/landing-pages/landing-page.component.css']\r\n})\r\nexport class UnitThreeLessonFourLandingComponent {\r\n\r\n    bannerHeader = \"Work-Based Learning Experiences: Lesson 4\";\r\n    title: string = \"Lesson 4: Job Shadowing\";\r\n    pageTitle: string = \"Job Shadowing | Unit 3, Lesson 4 | T-Folio\";\r\n\r\n    openInNewWindow(url: string) {\r\n        window.open(url, '_blank');\r\n    }\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n    doPrint(): void {\r\n        window.print();\r\n    }\r\n\r\n    LandingPageData = {\r\n        breadcrumbs: {\r\n            label: \"Lesson 4\",\r\n            crumbs: [\r\n                {\r\n                    route: \"\",\r\n                    linktext: \"T-Folio\"\r\n                },\r\n                {\r\n                    route: \"/unit-3\",\r\n                    linktext: \"Unit 3\"\r\n                }\r\n            ]\r\n        },\r\n        summary: \"In this lesson, youth will be guided through the activities in the Job Shadow Workbook in order to set up and conduct a job shadowing experience.\",\r\n        objectives: [\r\n            \"Learn what it means to shadow someone on a job.\",\r\n            \"Connect with someone to job shadow.\",\r\n            \"Develop a set of questions to ask during the job shadow.\",\r\n            \"Conduct a job shadow and follow-up activities.\"\r\n        ],\r\n        buttons: [\r\n            {\r\n                route: \"/unit-3/lesson-4/guide\",\r\n                linktext: \"Lesson Guide\",\r\n                color: \"btn-success\",\r\n                window: false,\r\n            },\r\n            {\r\n                route: \"/unit-3/lesson-4/job-shadow-workbook\",\r\n                linktext: \"Job Shadow Workbook\",\r\n                color: \"btn-primary\",\r\n                window: false,\r\n            },\r\n            {\r\n                route: '/img/unit-3/lesson-4/T-Folio_Unit-3_Lesson-4_Job-Shadowing.pptx',\r\n                linktext: \"PowerPoint Presentation\",\r\n                color: \"powerpoint-button\",\r\n                window: true,\r\n            }\r\n        ],\r\n        image: \"/img/unit-3/lesson-4/LESSON 4_shop-2649775_1920.jpg\",\r\n        imgalt: \"An older person wearing works goggles and an apron stands to the left of a younger person wearing work goggles, red safety earmuffs, and an apron as they both look at work equipment in a mechanic shop.\",\r\n        caption: \"on \",\r\n        photoLink: \"https://pixabay.com/en/shop-mentor-construction-saw-2649775/\",\r\n        source: \"Pixabay\",\r\n        sourceLink: \"https://pixabay.com/en/\",\r\n        licence: \"CC0 license\",\r\n        licenceLink: \"https://creativecommons.org/publicdomain/zero/1.0/\",\r\n    }\r\n}\r\n","module.exports = \"th {\\r\\n    text-align:center;\\r\\n}\\r\\n\\r\\ntd {\\r\\n    border:1px solid black;\\r\\n    vertical-align: top;\\r\\n    padding: 5px;\\r\\n}\\r\\n\\r\\n.table-primary-header {\\r\\n    display: table-cell;\\r\\n}\\r\\n\\r\\n.cell-secondary-header {\\r\\n    display: none;\\r\\n}\\r\\n\\r\\n@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {\\r\\n\\r\\n    table,\\r\\n    thead,\\r\\n    tbody,\\r\\n    th,\\r\\n    td,\\r\\n    tr {\\r\\n        display: block;\\r\\n    }\\r\\n\\r\\n    td table tr td {\\r\\n        display: inline;\\r\\n    }\\r\\n\\r\\n    .table-primary-header {\\r\\n        display: none;\\r\\n    }\\r\\n\\r\\n    .cell-secondary-header {\\r\\n        display: block;\\r\\n        border:0;\\r\\n        text-align:center;\\r\\n        font-weight:bold;\\r\\n    }\\r\\n    \\r\\n    .score {\\r\\n        display:none;\\r\\n    }\\r\\n\\r\\n}\\r\\n\\r\\n.active {\\r\\n    color: #2C3E50;\\r\\n}\\r\\n\"","module.exports = \"<div class=\\\"container exercise-content\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-3']\\\">Unit 3</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-3/lesson-4']\\\">Lesson 4</a></li>\\r\\n                <li class=\\\"active\\\">{{title}}</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/\\\">Unit 3</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/lesson-4/\\\">Lesson 4</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/lesson-4/workbook-landing/\\\">{{title}}</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-3/lesson-4/workbook landing component'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <hr />\\r\\n    <tfolio-page-title content=\\\"{{title}}\\\"></tfolio-page-title>\\r\\n    <hr />\\r\\n    <div class=\\\"container-fluid\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <p class=\\\"col-md-12\\\">\\r\\n                The Job Shadow Workbook for Lesson 4 can be completed as a series of online activities or downloaded in pdf format and printed if you prefer to fill it in by hand.\\r\\n            </p>\\r\\n            <p class=\\\"col-md-12\\\">\\r\\n                This lesson is designed to be done over several sessions.\\r\\n                After learning about Job Shadowing by following the PowerPoint for this lesson, you will work through the activities in the workbook.\\r\\n            </p>\\r\\n            <p class=\\\"col-md-12\\\">\\r\\n                <b>Pdf version:</b> Click the link below to download and print the workbook. Then fill it in by hand.\\r\\n            </p>\\r\\n            <p class=\\\"col-md-12\\\">\\r\\n                <b>Online version:</b> Begin the workbook by clicking the button below.\\r\\n                You can navigate through the workbook in order by clicking “Next” at the bottom of each page, or you may return to this page and use the individual links below.\\r\\n            </p>\\r\\n            <p class=\\\"col-md-12\\\">\\r\\n                <b>Important:</b> Be sure to <b>print each page of your workbook</b> before moving to the next page.\\r\\n                Once you have all the pieces, you can compile them and add the workbook to your transition portfolio.\\r\\n            </p>\\r\\n            <p class=\\\"col-md-12\\\" style=\\\"text-align:center;margin-top:40px;margin-bottom:40px;\\\">\\r\\n                <a [routerLink]=\\\"['/unit-3/lesson-4/job-shadow-workbook/cover-letter']\\\" class=\\\"btn\\\" style=\\\"margin-right:100px; border: solid 2px black; border-radius:10px; color:black\\\">Online version: Job<br /> Shadow Workbook</a>\\r\\n                <a href=\\\"/img/unit-3/lesson-4/T-Folio_Unit-3_Lesson-4_Job-Shadow-Workbook.pdf\\\" target=\\\"_blank\\\" class=\\\"btn\\\" style=\\\"margin-left:100px;border: solid 2px black; border-radius:10px; color:black\\\">Pdf version: Job<br /> Shadow Workbook</a>\\r\\n            </p>\\r\\n            <p class=\\\"col-md-12\\\">\\r\\n                <b>Job Shadow Workbook</b>\\r\\n            </p>\\r\\n            <ul style=\\\"list-style-type:none\\\">\\r\\n                <li><b>1:</b>&nbsp;&nbsp;<a [routerLink]=\\\"['/unit-3/lesson-4/job-shadow-workbook/cover-letter']\\\">Cover Sheet</a></li>\\r\\n                <li><b>2:</b>&nbsp;&nbsp;<a [routerLink]=\\\"['/unit-3/lesson-4/job-shadow-workbook/checklist']\\\">Job Shadow Checklist</a></li>\\r\\n                <li><b>3:</b>&nbsp;&nbsp;<a [routerLink]=\\\"['/unit-3/lesson-4/job-shadow-workbook/phone-script']\\\">Phone Script</a></li>\\r\\n                <li><b>4:</b>&nbsp;&nbsp;<a [routerLink]=\\\"['/unit-3/lesson-4/job-shadow-workbook/email-script']\\\">Email Script</a></li>\\r\\n                <li><b>5:</b>&nbsp;&nbsp;<a [routerLink]=\\\"['/unit-3/lesson-4/job-shadow-workbook/student-questions']\\\">Student Questions About Work Experience</a> form</li>\\r\\n                <li><b>6:</b>&nbsp;&nbsp;<a [routerLink]=\\\"['/unit-3/lesson-4/job-shadow-workbook/day-of']\\\">Day of Job Shadow</a> reminders and tips </li>\\r\\n                <li><b>7:</b>&nbsp;&nbsp;<a [routerLink]=\\\"['/unit-3/lesson-4/job-shadow-workbook/host-feedback']\\\">Job Shadow Host Feedback</a> form</li>\\r\\n                <li><b>8:</b>&nbsp;&nbsp;<a [routerLink]=\\\"['/unit-3/lesson-4/job-shadow-workbook/observation']\\\">Job Shadow Observation</a> form</li>\\r\\n                <li><b>9:</b>&nbsp;&nbsp;<a [routerLink]=\\\"['/unit-3/lesson-4/job-shadow-workbook/reflection']\\\">Post-Job Shadow Reflection</a> form</li>\\r\\n                <li><b>10:</b>&nbsp;&nbsp;<a [routerLink]=\\\"['/unit-3/lesson-4/job-shadow-workbook/evaluation']\\\">Job Shadow Student Evaluation</a></li>\\r\\n                <li><b>11:</b>&nbsp;&nbsp;<a [routerLink]=\\\"['/unit-3/lesson-4/job-shadow-workbook/thank-you']\\\">Thank You Note Template</a></li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-3/lesson-4/workbook landing component'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: \"job-shadow-workbook-landing\",\r\n    templateUrl: \"./workbook-landing.component.html\",\r\n    styleUrls: [\"./workbook-landing.component.css\"]\r\n})\r\nexport class UnitThreeLessonFourWorkbookLandingComponent {\r\n\r\n    title: string = \"Job Shadow Workbook\";\r\n    pageTitle: string = \"Job Shadow Workbook | Unit 3, Lesson 4 | T-Folio\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n    doScroll() {\r\n        window.scrollTo(0, 0);\r\n    }\r\n    doPrint() {\r\n        window.print();\r\n    }\r\n\r\n}\r\n","import { Component, Input } from \"@angular/core\";\r\n\r\n@Component({\r\n    selector: 'job-shadow-workbook-cite',\r\n    template: `\r\n    <div class=\"row-fluid\">\r\n        <div class=\"col-md-12 citations\" style=\"font-size:smaller;\">\r\n            This <a [routerLink]=\"['/unit-3/lesson-4/job-shadow-workbook']\"> workbook</a> is a modified version of the \"Sophomore Job Shadow Handbook\" \r\n                provided by the \r\n                <a href=\"http://www.mdihs.net/\" target=\"_blank\">Mount Desert Island High School</a>. \r\n        </div>\r\n    </div>\r\n`,\r\n    styles: [`\r\ndiv.citations {\r\n    padding-top:25px;\r\n}\r\ndiv.citations a[href]:after {\r\n    content: none !important;\r\n}\r\n`]\r\n})\r\nexport class UnitThreeLessonFourWorkbookCiteComponent {\r\n}\r\n","import { Component, Input } from \"@angular/core\";\r\n\r\n@Component({\r\n    selector: 'job-shadow-workbook-footer',\r\n    template: `\r\n    <div class=\"row-fluid\" style=\"margin-top:25px;\">\r\n        <div class=\"col-md-2\">\r\n            <a (click)=\"doScroll();\" class=\"hidden-print\" style=\"cursor:pointer\">Back to Top</a>\r\n        </div>\r\n        <div class=\"col-md-offset-11\">\r\n            <tfolio-print-button></tfolio-print-button>\r\n        </div>\r\n    </div>\r\n    <div class=\"row-fluid\">\r\n        <div class=\"col-md-12\" style=\"font-size:12px;margin-top:30px;\">\r\n            <div class=\"border\"style=\"text-align:left;\">T-Folio | <a href=\"cctstfolio.com\">www.cctstfolio.com</a> | 2018 </div>\r\n            <div style=\"float:left;\">\r\n                This <a [routerLink]=\"['/unit-3/lesson-4/job-shadow-workbook']\"> workbook</a> is a modified version of the \r\n               \"Sophomore Job Shadow Handbook\" \r\n                provided by the \r\n                <a href=\"http://www.mdihs.net/\" target=\"_blank\">Mount Desert Island High School</a>. \r\n            </div>\r\n        </div>\r\n    </div>\r\n`,\r\n    styles: [`\r\n    .border {\r\n        border-top: solid black 1px;\r\n        padding-bottom: 10px;\r\n        padding-top: 5px;\r\n    }\r\n    \r\n    @media print {\r\n      a[href]:after {\r\n        content: none !important;\r\n      }\r\n    }\r\n`]\r\n})\r\nexport class UnitThreeLessonFourWorkbookFooterComponent {\r\n    doScroll() {\r\n        window.scrollTo(0, 0);\r\n    }\r\n    doPrint() {\r\n        window.print();\r\n    }\r\n}\r\n","module.exports = \"<div class=\\\"container exercise-content\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 hidden-print\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-3']\\\">Unit 3</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-3/lesson-4']\\\">Lesson 4</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-3/lesson-4/job-shadow-workbook']\\\">Job Shadow Workbook</a></li>\\r\\n                <li class=\\\"active\\\">{{title}}</li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-3/lesson-4/job shadow workbook/cover letter'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row\\\">\\r\\n        <h1 class=\\\"col-md-12 coverpage-title\\\">{{title}}</h1>\\r\\n    </div>\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <div class=\\\"coverpage-crumbs\\\">T-Folio | Unit 3 | Lesson 4</div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <div class=\\\"coverpage-url\\\">www.cctstfolio.com</div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row coverpage-student-faciliator\\\">\\r\\n        <div class=\\\"col-md-12 col-sm-12 col-xs-12\\\">\\r\\n            <div class=\\\"coverpage-student-name\\\" style=\\\"padding-bottom:0px;\\\">\\r\\n                <div class=\\\"col-md-3 col-sm-3 col-xs-3\\\"><div style=\\\"float:right;\\\">Name:</div></div>\\r\\n                <div class=\\\"col-md-6 col-sm-6 col-xs-6\\\"><input type=\\\"text\\\" id=\\\"tfolio-name-textbox\\\" name=\\\"tfolio-name-textbox\\\" /></div>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-12 col-sm-12 col-xs-12\\\">\\r\\n            <div class=\\\"coverpage-student-name\\\" style=\\\"padding-top:10px;\\\">\\r\\n                <div class=\\\"col-md-3 col-sm-3 col-xs-3\\\" ><div style=\\\"float:right;\\\">Facilitator:</div></div>\\r\\n                <div class=\\\"col-md-6 col-sm-6 col-xs-6\\\"><input type=\\\"text\\\"  id=\\\"tfolio-name-textbox\\\" name=\\\"tfolio-name-textbox\\\" /></div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row hidden-print\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"text-align:center;\\\">\\r\\n            <a [routerLink]=\\\"['/unit-3/lesson-4/job-shadow-workbook/checklist']\\\">Next</a>\\r\\n        </div>\\r\\n    </div>\\r\\n    <job-shadow-workbook-cite></job-shadow-workbook-cite>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: \"job-shadow-workbook-cover-letter\",\r\n    templateUrl: \"./cover-letter.component.html\",\r\n    styleUrls: ['./job-shadow-workbook.component.css']\r\n})\r\nexport class UnitThreeLessonFourWorkbookCoverLetterComponent {\r\n\r\n    title: string = \"Cover Letter\";\r\n    pageTitle: string = this.title + \" | Job Shadow Workbook | Unit 3, Lesson 4 | T-Folio\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n    doScroll() {\r\n        window.scrollTo(0, 0);\r\n    }\r\n    doPrint() {\r\n        window.print();\r\n    }\r\n\r\n}\r\n","module.exports = \"<div class=\\\"container exercise-content\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-3']\\\">Unit 3</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-3/lesson-4']\\\">Lesson 4</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-3/lesson-4/job-shadow-workbook']\\\">Job Shadow Workbook</a></li>\\r\\n                <li class=\\\"active\\\">{{title}}</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/\\\">Unit 3</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/lesson-4/\\\">Lesson 4</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/lesson-4/job-shadow-workbook/\\\">Job Shadow Workbook</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/lesson-4/job-shadow-workbook/day-of/\\\">{{title}}</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-3/lesson-4/job shadow workbook/day of'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <tfolio-heading></tfolio-heading>\\r\\n    <tfolio-page-title content=\\\"{{title}}\\\"></tfolio-page-title>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <ul>\\r\\n                <li>Bring with you: Questions to ask host; Job Shadow Host Feedback form with self-addressed stamped envelope; Job Shadow Observation form; Lunch (if needed) or lunch money.</li>\\r\\n                <li>Be on time (10 to 15 minutes early!)</li>\\r\\n                <li>Introduce yourself and ask for the person you will be job shadowing. Shake hands.</li>\\r\\n                <li>Give the employer the <b>Job Shadow Host Feedback form</b> (included below) with a return envelope.</li>\\r\\n                <li>Dress appropriately.</li>\\r\\n                <li>Be polite; make a good impression.</li>\\r\\n                <li>Listen and observe.</li>\\r\\n                <li>Complete the <b>Job Shadow Observation form</b> (included below).</li>\\r\\n                <li>At the appropriate time, ask your questions.</li>\\r\\n                <li>Use good manners and language. Do NOT chew gum.</li>\\r\\n                <li>Smile. Be friendly and enthusiastic.</li>\\r\\n                <li>Shake your host’s hand and say thank you.</li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <tfolio-page-title content=\\\"Tips for Success\\\"></tfolio-page-title>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <table class=\\\"day-of-table\\\">\\r\\n                <tr class=\\\"row\\\">\\r\\n                    <td class=\\\"col-md-6\\\">Be honest.</td>\\r\\n                    <td class=\\\"col-md-6\\\">Ask questions.</td>\\r\\n                </tr>\\r\\n                <tr class=\\\"row\\\">\\r\\n                    <td class=\\\"col-md-6\\\">Have a positive attitude (friendly, courteous, polite, cooperative, smile).</td>\\r\\n                    <td class=\\\"col-md-6\\\">Ask for help if you need it.</td>\\r\\n                </tr>\\r\\n                <tr class=\\\"row\\\">\\r\\n                    <td class=\\\"col-md-6\\\">Be prompt and reliable.</td>\\r\\n                    <td class=\\\"col-md-6\\\">Respond positively to constructive criticism.</td>\\r\\n                </tr>\\r\\n                <tr class=\\\"row\\\">\\r\\n                    <td class=\\\"col-md-6\\\">Notify your job shadow host if you are going to be late or absent.</td>\\r\\n                    <td class=\\\"col-md-6\\\">Take responsibility for your actions. </td>\\r\\n                </tr>\\r\\n                <tr class=\\\"row\\\">\\r\\n                    <td class=\\\"col-md-6\\\">Give your best effort at all times.</td>\\r\\n                    <td class=\\\"col-md-6\\\">Be open to change and opportunities.</td>\\r\\n                </tr>\\r\\n                <tr class=\\\"row\\\">\\r\\n                    <td class=\\\"col-md-6\\\">Learn all you can while you are there.</td>\\r\\n                    <td class=\\\"col-md-6\\\"></td>\\r\\n                </tr>\\r\\n            </table>\\r\\n        </div>\\r\\n    </div>\\r\\n    <tfolio-page-title content=\\\"After the Job Shadow\\\"></tfolio-page-title>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"padding-bottom:25px;\\\">\\r\\n            Refer to the <a [routerLink]=\\\"['/unit-3/lesson-4/job-shadow-workbook/checklist']\\\">Job Shadow Checklist</a> for steps to follow after the job shadow.\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row hidden-print\\\">\\r\\n        <div class=\\\"col-md-6 col-sm-6 col-xs-6\\\" style=\\\"float:left;text-align:right;padding-right:15px;border-right:1px solid black;\\\">\\r\\n            <a [routerLink]=\\\"['/unit-3/lesson-4/job-shadow-workbook/student-questions']\\\">Previous</a>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-6 col-sm-6 col-xs-6\\\" style=\\\"float:right;text-align:left;padding-left:15px;\\\">\\r\\n           <a [routerLink]=\\\"['/unit-3/lesson-4/job-shadow-workbook/host-feedback']\\\">Next</a>\\r\\n        </div>\\r\\n    </div>\\r\\n    <job-shadow-workbook-footer></job-shadow-workbook-footer>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: \"job-shadow-workbook-day-of\",\r\n    templateUrl: \"./day-of.component.html\",\r\n    styleUrls: ['./job-shadow-workbook.component.css']\r\n})\r\nexport class UnitThreeLessonFourWorkbookDayOfComponent {\r\n\r\n    title: string = \"Day of Job Shadow\";\r\n    pageTitle: string = this.title + \" | Job Shadow Workbook | Unit 3, Lesson 4 | T-Folio\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n    doScroll() {\r\n        window.scrollTo(0, 0);\r\n    }\r\n    doPrint() {\r\n        window.print();\r\n    }\r\n\r\n}\r\n","module.exports = \"<div class=\\\"container exercise-content\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-3']\\\">Unit 3</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-3/lesson-4']\\\">Lesson 4</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-3/lesson-4/job-shadow-workbook']\\\">Job Shadow Workbook</a></li>\\r\\n                <li class=\\\"active\\\">{{title}}</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/\\\">Unit 3</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/lesson-4/\\\">Lesson 4</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/lesson-4/job-shadow-workbook/\\\">Job Shadow Workbook</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/lesson-4/job-shadow-workbook/email-script/\\\">{{title}}</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-3/lesson-4/job shadow workbook/email script'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <tfolio-heading></tfolio-heading>\\r\\n    <tfolio-page-title content=\\\"{{title}}\\\"></tfolio-page-title>\\r\\n    <tfolio-directions identifier=\\\"job-shadow-workbook-directions\\\" tag=\\\"Directions\\\" padBottom=\\\"true\\\">\\r\\n        <span>\\r\\n            Fill in the script on the left hand side with your own information. As you type, your answers will appear in the text on the right hand side. When you have completed all fields, click the \\\"Copy\\\" button in order to copy the full text. Then you can paste it into an email or Word document.\\r\\n        </span>\\r\\n    </tfolio-directions>\\r\\n    <div class=\\\"container-fluid\\\">\\r\\n        <div class=\\\"row-fluid\\\">\\r\\n            <div class=\\\"col-md-6 hidden-print\\\">\\r\\n                <div class=\\\"row\\\" style=\\\"padding-bottom:15px;\\\">\\r\\n                    <div class=\\\"col-md-12 phone-email-script\\\">Hello!</div>\\r\\n                </div>\\r\\n                <div class=\\\"row\\\" style=\\\"padding-bottom:15px;\\\">\\r\\n                    <div class=\\\"col-md-12 phone-email-script\\\">\\r\\n                        <div class=\\\"script-text\\\">My name is&nbsp;</div>\\r\\n                        <div>\\r\\n                            <input id=\\\"job-shadow-workbook-email-script-username\\\" class=\\\"script-input\\\" type=\\\"text\\\" [(ngModel)]=\\\"userName\\\"/><br />\\r\\n                            <label for=\\\"job-shadow-workbook-email-script-username\\\">(student name)</label>\\r\\n                        </div>.\\r\\n                        <div class=\\\"script-text\\\">&nbsp;I am a student at&nbsp;</div>\\r\\n                        <div>\\r\\n                            <input id=\\\"job-shadow-workbook-email-script-schoolname\\\" type=\\\"text\\\"  class=\\\"script-input\\\" [(ngModel)]=\\\"schoolName\\\" /><br />\\r\\n                            <label for=\\\"job-shadow-workbook-email-script-schoolname\\\">(school name)</label>\\r\\n                        </div>.\\r\\n                        <div class=\\\"script-text\\\">&nbsp;I was given your name as a possible host for a job shadow opportunity.</div>\\r\\n                    </div>\\r\\n                </div>\\r\\n                <div class=\\\"row\\\" style=\\\"padding-bottom:15px;\\\">\\r\\n                  <div class=\\\"col-md-12 phone-email-script\\\">\\r\\n                    <div class=\\\"script-text\\\">I am interested in being</div>\\r\\n                    <div>\\r\\n                      <input id=\\\"job-shadow-workbook-email-script-career\\\" class=\\\"script-input\\\"  type=\\\"text\\\" [(ngModel)]=\\\"career\\\" /><br />\\r\\n                      <label for=\\\"job-shadow-workbook-email-script-career\\\">(career)</label>\\r\\n                    </div>\\r\\n                    <div class=\\\"script-text\\\"> and I would like the opportunity to observe how that career looks in your company.</div>\\r\\n                  </div>\\r\\n                </div>\\r\\n                <div class=\\\"row\\\" style=\\\"padding-bottom:15px;\\\">\\r\\n                    <div class=\\\"col-md-12 phone-email-script\\\">\\r\\n                        <div class=\\\"script-text\\\"> I was wondering if it would be possible for me to visit your work and observe on </div>\\r\\n                        <div>\\r\\n                            <input id=\\\"job-shadow-workbook-email-script-day\\\" class=\\\"script-input\\\"  type=\\\"text\\\" [(ngModel)]=\\\"shadowDate\\\" /><br />\\r\\n                            <label for=\\\"job-shadow-workbook-email-script-day\\\">(date of job shadow)</label>\\r\\n                        </div>.\\r\\n                        <div class=\\\"script-text\\\">Would that day work with your calendar?</div>\\r\\n                    </div>\\r\\n                </div>\\r\\n                <div class=\\\"row\\\" style=\\\"padding-bottom:15px;\\\">\\r\\n                    <div class=\\\"col-md-12\\\">\\r\\n                        Thank you for your time and consideration of this job shadow opportunity.\\r\\n                    </div>\\r\\n                </div>\\r\\n                <div class=\\\"row\\\" style=\\\"padding-bottom:15px;\\\">\\r\\n                    <div class=\\\"col-md-12\\\">\\r\\n                        I look forward to hearing from you.\\r\\n                    </div>\\r\\n                </div>\\r\\n                <div class=\\\"row\\\">\\r\\n                    <div class=\\\"col-md-12\\\">\\r\\n                        Sincerely,\\r\\n                    </div>\\r\\n                </div>\\r\\n                <div class=\\\"row\\\">\\r\\n                    <div class=\\\"col-md-12 phone-email-script\\\">\\r\\n                        <div>\\r\\n                            <input id=\\\"job-shadow-workbook-email-script-studentname\\\" type=\\\"text\\\" [(ngModel)]=\\\"sig\\\" /><br />\\r\\n                            <label for=\\\"job-shadow-workbook-email-script-studentname\\\">(student name)</label>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                </div>\\r\\n\\r\\n            </div>\\r\\n            <div class=\\\"col-md-6\\\">\\r\\n                <div class=\\\"row-fluid\\\">\\r\\n                    <div id=\\\"note\\\" class=\\\"col-md-12\\\">\\r\\n                        <span>Hello!</span><br /><br />\\r\\n                        <span *ngIf=\\\"userName\\\">My name is {{userName}}. </span>\\r\\n                        <span *ngIf=\\\"!userName\\\">My name is <span class=\\\"blank\\\"></span>. </span>\\r\\n\\r\\n                        <span *ngIf=\\\"schoolName\\\">I am a student at {{schoolName}}. </span>\\r\\n                        <span *ngIf=\\\"!schoolName\\\">I am a student at <span class=\\\"blank\\\"></span>. </span>\\r\\n\\r\\n                        <span>I was given your name as a possible host for a job shadow opportunity.</span><br /><br />\\r\\n\\r\\n                        <span *ngIf=\\\"career\\\">I am interested in being {{career}} and I would like the opportunity to observe how that career looks in your company.<br /><br /></span>\\r\\n                        <span *ngIf=\\\"!career\\\">I am interested in being <span class=\\\"blank\\\"></span> and I would like the opportunity to observe how that career looks in your company.<br /><br /></span>\\r\\n\\r\\n                        <span *ngIf=\\\"shadowDate\\\">I was wondering if it would be possible for me to visit your work and observe on {{shadowDate}}. </span>\\r\\n                        <span *ngIf=\\\"!shadowDate\\\">I was wondering if it would be possible for me to visit your work and observe on <span class=\\\"blank\\\"></span>. </span>\\r\\n\\r\\n                        <span>Would that day work with your calendar?</span><br /><br />\\r\\n\\r\\n                        <span>Thank you for your time and consideration of this job shadow opportunity.</span><br /><br />\\r\\n\\r\\n                        <span>I look forward to hearing from you.</span><br /><br />\\r\\n\\r\\n                        <span>Sincerely,</span><br /><br /><br />\\r\\n\\r\\n                        <span *ngIf=\\\"sig\\\">{{sig}}</span>\\r\\n                        <span *ngIf=\\\"!sig\\\"><span class=\\\"blank\\\"></span></span>\\r\\n                    </div>\\r\\n                </div>\\r\\n                <div class=\\\"row-fluid\\\">\\r\\n                    <div class=\\\"col-md-12\\\" style=\\\"text-align:center;padding-top:25px;\\\">\\r\\n                        <button class=\\\"hidden-print\\\" (click)=\\\"copyToClipboard($event);\\\">Copy</button>\\r\\n                    </div>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row hidden-print\\\">\\r\\n        <div class=\\\"col-md-6 col-sm-6 col-xs-6\\\" style=\\\"float:left;text-align:right;padding-right:15px;border-right:1px solid black;\\\">\\r\\n            <a [routerLink]=\\\"['/unit-3/lesson-4/job-shadow-workbook/phone-script']\\\">Previous</a>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-6 col-sm-6 col-xs-6\\\" style=\\\"float:right;text-align:left;padding-left:15px;\\\">\\r\\n            <a [routerLink]=\\\"['/unit-3/lesson-4/job-shadow-workbook/student-questions']\\\">Next</a>\\r\\n        </div>\\r\\n    </div>\\r\\n    <job-shadow-workbook-footer></job-shadow-workbook-footer>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: \"job-shadow-workbook-email-script\",\r\n    templateUrl: \"./email-script.component.html\",\r\n    styleUrls: ['./job-shadow-workbook.component.css']\r\n})\r\nexport class UnitThreeLessonFourWorkbookEmailScriptComponent {\r\n\r\n    title: string = \"Email Script\";\r\n    pageTitle: string = this.title + \" | Job Shadow Workbook | Unit 3, Lesson 4 | T-Folio\";\r\n\r\n    userName: string;\r\n    schoolName: string;\r\n    career: string;\r\n    shadowDate: string;\r\n    sig: string;\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n\r\n    copyToClipboard(event: any) {\r\n\r\n        var copyText = document.getElementById(\"note\").innerText;\r\n\r\n        var textArea = document.createElement(\"textarea\");\r\n\r\n        textArea.style.position = 'fixed';\r\n        textArea.style.top = '0px';\r\n        textArea.style.left = '0px';\r\n        textArea.style.width = '2em';\r\n        textArea.style.height = '2em';\r\n        textArea.style.padding = '0px';\r\n        textArea.style.border = 'none';\r\n        textArea.style.outline = 'none';\r\n        textArea.style.boxShadow = 'none';\r\n        textArea.style.background = 'transparent';\r\n        textArea.value = copyText;\r\n        document.body.appendChild(textArea);\r\n\r\n        textArea.select();\r\n        document.execCommand('copy');\r\n\r\n        document.body.removeChild(textArea);\r\n\r\n    }\r\n\r\n    doScroll() {\r\n        window.scrollTo(0, 0);\r\n    }\r\n    doPrint() {\r\n        window.print();\r\n    }\r\n\r\n}\r\n","module.exports = \"<div class=\\\"container exercise-content\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-3']\\\">Unit 3</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-3/lesson-4']\\\">Lesson 4</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-3/lesson-4/job-shadow-workbook']\\\">Job Shadow Workbook</a></li>\\r\\n                <li class=\\\"active\\\">{{title}}</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/\\\">Unit 3</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/lesson-4/\\\">Lesson 4</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/lesson-4/job-shadow-workbook/\\\">Job Shadow Workbook</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/lesson-4/job-shadow-workbook/evaluation/\\\">{{title}}</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-3/lesson-4/job shadow workbook/evaluation'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <tfolio-heading></tfolio-heading>\\r\\n    <tfolio-page-title content=\\\"{{title}}\\\"></tfolio-page-title>\\r\\n    <tfolio-directions identifier=\\\"job-shadow-host-evaluation-directions\\\" tag=\\\"Directions\\\" padBottom=\\\"true\\\">\\r\\n        <span>\\r\\n            Complete this form after the job shadow.\\r\\n            This is your chance to evaluate the experience and whether or not it was helpful to you.\\r\\n        </span>\\r\\n    </tfolio-directions>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"padding-bottom:35px;\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <div class=\\\"col-md-2\\\" style=\\\"font-weight:bold;\\\"><label for=\\\"job-shadow-workbook-evaluation-business-name\\\">Name of Business</label>:</div>\\r\\n            <div class=\\\"col-md-9\\\"><input id=\\\"job-shadow-workbook-evaluation-business-name\\\" type=\\\"text\\\"/></div>\\r\\n            <div class=\\\"col-md-1\\\"></div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"padding-bottom:35px;\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <div class=\\\"col-md-2\\\" style=\\\"font-weight:bold;\\\"><label for=\\\"job-shadow-workbook-evaluation-business-host\\\">Job Shadow Host</label>:</div>\\r\\n            <div class=\\\"col-md-9\\\"><input id=\\\"job-shadow-workbook-evaluation-business-host\\\" type=\\\"text\\\"/></div>\\r\\n            <div class=\\\"col-md-1\\\"></div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            1. <label for=\\\"job-shadow-workbook-evaluation-found-interesting\\\">Were you able to observe a career that interested you?</label>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">            \\r\\n            <div contenteditable=\\\"true\\\" id=\\\"smart-goal-textbox\\\" rows=\\\"4\\\" class=\\\"editor\\\"></div>\\r\\n\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            2. <label for=\\\"job-shadow-workbook-evaluation-time-for-questions\\\">Did you have enough time to ask your questions?</label>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">            \\r\\n            <div contenteditable=\\\"true\\\" id=\\\"smart-goal-textbox\\\" rows=\\\"4\\\" class=\\\"editor\\\"></div>\\r\\n\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            3. <label for=\\\"job-shadow-workbook-evaluation-see-complete-worksite\\\">Was there enough time to see the complete work site? </label>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">            \\r\\n            <div contenteditable=\\\"true\\\" id=\\\"smart-goal-textbox\\\" rows=\\\"4\\\" class=\\\"editor\\\"></div>\\r\\n\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            4. <label for=\\\"job-shadow-workbook-evaluation-helpful\\\">Was the experience helpful to you? How?</label>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">           \\r\\n            <div contenteditable=\\\"true\\\" id=\\\"smart-goal-textbox\\\" rows=\\\"4\\\" class=\\\"editor\\\"></div>\\r\\n\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            5. <label for=\\\"job-shadow-workbook-evaluation-able-to-assist\\\">Were you able to assist with any of the work? How?</label>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">            \\r\\n            <div contenteditable=\\\"true\\\" id=\\\"smart-goal-textbox\\\" rows=\\\"4\\\" class=\\\"editor\\\"></div>\\r\\n\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            6. <label for=\\\"job-shadow-workbook-evaluation-recommend-site\\\">Would you recommend this site to others? Why?</label>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">            \\r\\n            <div contenteditable=\\\"true\\\" id=\\\"smart-goal-textbox\\\" rows=\\\"4\\\" class=\\\"editor\\\"></div>\\r\\n\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            7. <label for=\\\"job-shadow-workbook-evaluation-how-improve\\\">How would you improve this experience?</label>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">            \\r\\n            <div contenteditable=\\\"true\\\" id=\\\"smart-goal-textbox\\\" rows=\\\"4\\\" class=\\\"editor\\\"></div>\\r\\n\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"row-fluid hidden-print\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"margin-bottom:50px;\\\"></div>\\r\\n    </div>\\r\\n    <div class=\\\"row hidden-print\\\">\\r\\n        <div class=\\\"col-md-6 col-sm-6 col-xs-6\\\" style=\\\"float:left;text-align:right;padding-right:15px;border-right:1px solid black;\\\">\\r\\n            <a [routerLink]=\\\"['/unit-3/lesson-4/job-shadow-workbook/reflection']\\\">Previous</a>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-6 col-sm-6 col-xs-6\\\" style=\\\"float:right;text-align:left;padding-left:15px;\\\">\\r\\n            <a [routerLink]=\\\"['/unit-3/lesson-4/job-shadow-workbook/thank-you']\\\">Next</a>\\r\\n        </div>\\r\\n    </div>\\r\\n    <job-shadow-workbook-footer></job-shadow-workbook-footer>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: \"job-shadow-workbook-evaluation\",\r\n    templateUrl: \"./evaluation.component.html\",\r\n    styleUrls: ['./job-shadow-workbook.component.css']\r\n})\r\nexport class UnitThreeLessonFourWorkbookEvaluationComponent {\r\n\r\n    title: string = \"Job Shadow Student Evaluation\";\r\n    pageTitle: string = this.title + \" | Job Shadow Workbook | Unit 3, Lesson 4 | T-Folio\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n    doScroll() {\r\n        window.scrollTo(0, 0);\r\n    }\r\n    doPrint() {\r\n        window.print();\r\n    }\r\n\r\n}\r\n","module.exports = \"<div class=\\\"container exercise-content\\\" id=\\\"pdfcontent\\\" style=\\\"margin-bottom:initial;margin-top:0px;\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-3']\\\">Unit 3</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-3/lesson-4']\\\">Lesson 4</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-3/lesson-4/job-shadow-workbook']\\\">Job Shadow Workbook</a></li>\\r\\n                <li class=\\\"active\\\">{{title}}</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/\\\">Unit 3</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/lesson-4/\\\">Lesson 4</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/lesson-4/job-shadow-workbook/\\\">Job Shadow Workbook</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/lesson-4/job-shadow-workbook/host-feedback/\\\">{{title}}</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-3/lesson-4/job shadow workbook/host feedback'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <tfolio-heading></tfolio-heading>\\r\\n    <tfolio-page-title content=\\\"{{title}}\\\"></tfolio-page-title>\\r\\n    <tfolio-directions identifier=\\\"job-shadow-host-feedback-directions-student\\\" tag=\\\"Student\\\" padBottom=\\\"true\\\">\\r\\n        <span>\\r\\n            Print this form and give it to your job shadow host with a self-addressed envelope.\\r\\n            When you get it back, bring it to school to include in your portfolio.\\r\\n        </span>\\r\\n    </tfolio-directions>\\r\\n    <tfolio-directions identifier=\\\"job-shadow-host-feedback-directions-teacher\\\" tag=\\\"Host\\\" padBottom=\\\"true\\\">\\r\\n        <span>\\r\\n            Thank you for hosting the job shadow experience.\\r\\n            Please help to evaluate the experience by responding to the following questions.\\r\\n            Return to the student using the self-addressed envelope.\\r\\n        </span>\\r\\n    </tfolio-directions>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"padding-bottom:50px;\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <div class=\\\"col-md-2\\\" style=\\\"font-weight:bold;\\\"><label for=\\\"job-shadow-workbook-host-feedback-business\\\">Name of Business</label>:</div>\\r\\n            <div class=\\\"col-md-9\\\"><input id=\\\"job-shadow-workbook-host-feedback-business\\\" type=\\\"text\\\" /></div>\\r\\n            <div class=\\\"col-md-1\\\"></div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"padding-bottom:50px;\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <div class=\\\"col-md-2\\\" style=\\\"font-weight:bold;\\\"><label for=\\\"job-shadow-workbook-host-feedback-host\\\">Job Shadow Host</label>:</div>\\r\\n            <div class=\\\"col-md-9\\\"><input id=\\\"job-shadow-workbook-host-feedback-host\\\" type=\\\"text\\\" /></div>\\r\\n            <div class=\\\"col-md-1\\\"></div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"padding-left:25px;\\\">\\r\\n        <div class=\\\"col-md-6\\\" style=\\\"padding-bottom:15px;\\\">&bull;&nbsp;&nbsp;&nbsp;Student arrived on time</div>\\r\\n        <div class=\\\"col-md-2\\\" style=\\\"padding-bottom:15px;\\\">Yes</div>\\r\\n        <div class=\\\"col-md-4\\\" style=\\\"padding-bottom:15px;\\\">No</div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"padding-left:25px;\\\">\\r\\n        <div class=\\\"col-md-6\\\" style=\\\"padding-bottom:15px;\\\">&bull;&nbsp;&nbsp;&nbsp;Student’s attire was appropriate</div>\\r\\n        <div class=\\\"col-md-2\\\" style=\\\"padding-bottom:15px;\\\">Yes</div>\\r\\n        <div class=\\\"col-md-4\\\" style=\\\"padding-bottom:15px;\\\">No</div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"padding-left:25px;\\\">\\r\\n        <div class=\\\"col-md-6\\\" style=\\\"padding-bottom:15px;\\\">&bull;&nbsp;&nbsp;&nbsp;Student’s behavior was appropriate</div>\\r\\n        <div class=\\\"col-md-2\\\" style=\\\"padding-bottom:15px;\\\">Yes</div>\\r\\n        <div class=\\\"col-md-4\\\" style=\\\"padding-bottom:15px;\\\">No</div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"padding-left:25px;\\\">\\r\\n        <div class=\\\"col-md-6\\\" style=\\\"padding-bottom:15px;\\\">&bull;&nbsp;&nbsp;&nbsp;Student participated as expected</div>\\r\\n        <div class=\\\"col-md-2\\\" style=\\\"padding-bottom:15px;\\\">Yes</div>\\r\\n        <div class=\\\"col-md-4\\\" style=\\\"padding-bottom:15px;\\\">No</div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"padding-top:10px;\\\">\\r\\n            <ol>\\r\\n                <li class=\\\"host-feedback-line\\\">Did you alter your day to accommodate the student? If yes, how?</li>\\r\\n                <li class=\\\"host-feedback-line\\\">How do you feel this experience benefited the student?</li>\\r\\n                <li class=\\\"host-feedback-line\\\">What did you enjoy about the day?</li>\\r\\n                <li class=\\\"host-feedback-line\\\">How could this experience be improved?</li>\\r\\n                <li style=\\\"padding-bottom:20px;\\\">\\r\\n                    Would you be willing to participate again?\\r\\n                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Yes&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;No\\r\\n                </li>\\r\\n                <li id=\\\"host-feedback-last-question\\\">\\r\\n                    Would you or a representative of your company be willing to speak to students about your career(s)?\\r\\n                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Yes&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;No\\r\\n                </li>\\r\\n            </ol>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row hidden-print\\\">\\r\\n        <div class=\\\"col-md-6 col-sm-6 col-xs-6\\\" style=\\\"float:left;text-align:right;padding-right:15px;border-right:1px solid black;\\\">\\r\\n            <a [routerLink]=\\\"['/unit-3/lesson-4/job-shadow-workbook/day-of']\\\">Previous</a>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-6 col-sm-6 col-xs-6\\\" style=\\\"float:right;text-align:left;padding-left:15px;\\\">\\r\\n            <a [routerLink]=\\\"['/unit-3/lesson-4/job-shadow-workbook/observation']\\\">Next</a>\\r\\n        </div>\\r\\n    </div>\\r\\n    <job-shadow-workbook-footer></job-shadow-workbook-footer>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: \"job-shadow-workbook-host-feedback\",\r\n    templateUrl: \"./host-feedback.component.html\",\r\n    styleUrls: ['./job-shadow-workbook.component.css']\r\n})\r\nexport class UnitThreeLessonFourWorkbookHostFeedbackComponent {\r\n\r\n    title: string = \"Job Shadow Host Feedback\";\r\n    pageTitle: string = this.title + \" | Job Shadow Workbook | Unit 3, Lesson 4 | T-Folio\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n    doScroll() {\r\n        window.scrollTo(0, 0);\r\n    }\r\n    doPrint() {\r\n        window.print();\r\n    }\r\n\r\n}\r\n","module.exports = \"<div class=\\\"container exercise-content\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-3']\\\">Unit 3</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-3/lesson-4']\\\">Lesson 4</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-3/lesson-4/job-shadow-workbook']\\\">Job Shadow Workbook</a></li>\\r\\n                <li class=\\\"active\\\">{{title}}</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/\\\">Unit 3</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/lesson-4/\\\">Lesson 4</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/lesson-4/job-shadow-workbook/\\\">Job Shadow Workbook</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/lesson-4/job-shadow-workbook/checklist/\\\">{{title}}</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-3/lesson-4/job shadow workbook/job shadow checklist'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <tfolio-heading></tfolio-heading>\\r\\n    <tfolio-page-title content=\\\"{{title}}\\\"></tfolio-page-title>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <p class=\\\"col-md-12\\\">\\r\\n            This series of activities will help to guide you through the process of preparing for and conducting a job shadow experience.\\r\\n            Remember to print each page as you go!\\r\\n        </p>\\r\\n    </div>\\r\\n    <tfolio-directions identifier=\\\"job-shadow-workbook-directions\\\" tag=\\\"Directions\\\" padBottom=\\\"true\\\">\\r\\n        <span>\\r\\n            Fill in the information below about your job shadow site.\\r\\n            Print this page and keep it in a safe place so you can check off each task as you complete them.\\r\\n        </span>\\r\\n    </tfolio-directions>\\r\\n    <div class=\\\"row\\\" style=\\\"padding-left:15px;margin-top:5px;margin-bottom:5px;\\\">\\r\\n        <div class=\\\"col-md-2\\\"><label for=\\\"workbook-location-textbox\\\"><b>Location:</b></label></div>\\r\\n        <div class=\\\"col-md-5\\\"><input type=\\\"text\\\" id=\\\"workbook-location-textbox\\\" name=\\\"workbook-location-textbox\\\" /></div>\\r\\n    </div>\\r\\n    <div class=\\\"row\\\" style=\\\"padding-left:15px;margin-top:5px;margin-bottom:5px;\\\">\\r\\n        <div class=\\\"col-md-2\\\"><label for=\\\"workbook-address-textbox\\\"><b>Address:</b></label></div>\\r\\n        <div class=\\\"col-md-5\\\"><input type=\\\"text\\\" id=\\\"workbook-address-textbox\\\" name=\\\"workbook-address-textbox\\\" /></div>\\r\\n    </div>\\r\\n    <div class=\\\"row\\\" style=\\\"padding-left:15px;margin-top:5px;margin-bottom:5px;\\\">\\r\\n        <div class=\\\"col-md-2\\\"><label for=\\\"workbook-hostname-textbox\\\"><b>Host Name:</b></label></div>\\r\\n        <div class=\\\"col-md-5\\\"><input type=\\\"text\\\" id=\\\"workbook-hostname-textbox\\\" name=\\\"workbook-hostname-textbox\\\" /></div>\\r\\n    </div>\\r\\n    <div class=\\\"row\\\" style=\\\"padding-left:15px;margin-top:5px;margin-bottom:5px;\\\">\\r\\n        <div class=\\\"col-md-2\\\"><label for=\\\"workbook-phone-textbox\\\"><b>Phone:</b></label></div>\\r\\n        <div class=\\\"col-md-5\\\"><input type=\\\"text\\\" id=\\\"workbook-phone-textbox\\\" name=\\\"workbook-phone-textbox\\\" /></div>\\r\\n        <div class=\\\"col-md-1\\\"><label for=\\\"workbook-email-textbox\\\"><b>Email:</b></label></div>\\r\\n        <div class=\\\"col-md-3\\\"><input type=\\\"text\\\" id=\\\"workbook-email-textbox\\\" name=\\\"workbook-email-textbox\\\" /></div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"margin-top:50px;margin-bottom:15px;\\\">\\r\\n            <b>Note:</b> This section is to be completed by hand after printing.\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <table class=\\\"checklist-table\\\">\\r\\n                <tr>\\r\\n                    <th colspan=\\\"2\\\">Task</th>\\r\\n                    <th>Due Date</th>\\r\\n                    <th>Facilitator<br />initials</th>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td colspan=\\\"4\\\" style=\\\"padding-left:15px;\\\"><i>Before Job Shadow</i></td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td width=\\\"5%\\\" style=\\\"border-right:none;text-align:center;\\\"><input type=\\\"checkbox\\\" id=\\\"job-shadow-checklist-select-site\\\" disabled=\\\"disabled\\\"/></td>\\r\\n                    <td width=\\\"65%\\\" style=\\\"border-left:none;\\\"><label for=\\\"job-shadow-checklist-select-site\\\">Select a job shadow site and find a host.</label></td>\\r\\n                    <td width=\\\"15%\\\"> </td>\\r\\n                    <td width=\\\"15%\\\"></td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td style=\\\"border-right:none;text-align:center;\\\"><input type=\\\"checkbox\\\" id=\\\"job-shadow-checklist-do-script-activity\\\" disabled=\\\"disabled\\\" /></td>\\r\\n                    <td style=\\\"border-left:none;\\\"><label for=\\\"job-shadow-checklist-do-script-activity\\\">Do Phone and/or Email Script activity.</label></td>\\r\\n                    <td></td>\\r\\n                    <td></td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td style=\\\"border-right:none;text-align:center;\\\"><input type=\\\"checkbox\\\" id=\\\"job-shadow-checklist-create-questions\\\" disabled=\\\"disabled\\\" /></td>\\r\\n                    <td style=\\\"border-left:none;\\\"><label for=\\\"job-shadow-checklist-create-questions\\\">Create a list of questions for the job shadow host.</label></td>\\r\\n                    <td></td>\\r\\n                    <td></td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td style=\\\"border-right:none;text-align:center;\\\"><input type=\\\"checkbox\\\" id=\\\"job-shadow-checklist-contact-host\\\" disabled=\\\"disabled\\\" /></td>\\r\\n                    <td style=\\\"border-left:none;\\\"><label for=\\\"job-shadow-checklist-contact-host\\\">Contact host to schedule job shadow.</label></td>\\r\\n                    <td></td>\\r\\n                    <td></td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td style=\\\"border-right:none;text-align:center;\\\"><input type=\\\"checkbox\\\" id=\\\"job-shadow-checklist-obtain-permission\\\" disabled=\\\"disabled\\\" /></td>\\r\\n                    <td style=\\\"border-left:none;\\\"><label for=\\\"job-shadow-checklist-obtain-permission\\\">Obtain permission form.</label></td>\\r\\n                    <td></td>\\r\\n                    <td></td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td colspan=\\\"4\\\" style=\\\"padding-left:15px;\\\"><i>After Job Shadow</i></td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td width=\\\"5%\\\" style=\\\"border-right:none;text-align:center;\\\"><input type=\\\"checkbox\\\" id=\\\"job-shadow-checklist-turn-in-observation\\\" disabled=\\\"disabled\\\" /></td>\\r\\n                    <td width=\\\"65%\\\" style=\\\"border-left:none;\\\"><label for=\\\"job-shadow-checklist-turn-in-observation\\\">Turn in Job Shadow Observation form.</label></td>\\r\\n                    <td width=\\\"15%\\\"> </td>\\r\\n                    <td width=\\\"15%\\\"></td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td style=\\\"border-right:none;text-align:center;\\\"><input type=\\\"checkbox\\\" id=\\\"job-shadow-checklist-turn-in-student-questions\\\" disabled=\\\"disabled\\\" /></td>\\r\\n                    <td style=\\\"border-left:none;\\\"><label for=\\\"job-shadow-checklist-turn-in-student-questions\\\">Turn in completed Student Questions form including host’s answers.</label></td>\\r\\n                    <td></td>\\r\\n                    <td></td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td style=\\\"border-right:none;text-align:center;\\\"><input type=\\\"checkbox\\\" id=\\\"job-shadow-checklist-complete-reflection\\\" disabled=\\\"disabled\\\" /></td>\\r\\n                    <td style=\\\"border-left:none;\\\"><label for=\\\"job-shadow-checklist-complete-reflection\\\">Complete Post-Job Shadow Reflection form.</label></td>\\r\\n                    <td></td>\\r\\n                    <td></td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td style=\\\"border-right:none;text-align:center;\\\"><input type=\\\"checkbox\\\" id=\\\"job-shadow-checklist-complete-evaluation\\\" disabled=\\\"disabled\\\" /></td>\\r\\n                    <td style=\\\"border-left:none;\\\"><label for=\\\"job-shadow-checklist-complete-evaluation\\\">Complete Job Shadow Student Evaluation form.</label></td>\\r\\n                    <td></td>\\r\\n                    <td></td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td style=\\\"border-right:none;text-align:center;\\\"><input type=\\\"checkbox\\\" id=\\\"job-shadow-checklist-send-thank-you\\\" disabled=\\\"disabled\\\" /></td>\\r\\n                    <td style=\\\"border-left:none;\\\"><label for=\\\"job-shadow-checklist-send-thank-you\\\">Send Thank You note to job host.</label></td>\\r\\n                    <td></td>\\r\\n                    <td></td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td style=\\\"border-right:none;text-align:center;\\\"><input type=\\\"checkbox\\\" id=\\\"job-shadow-checklist-share-experience\\\" disabled=\\\"disabled\\\" /></td>\\r\\n                    <td style=\\\"border-left:none;\\\"><label for=\\\"job-shadow-checklist-share-experience\\\">Share job shadow experience with facilitator or group.</label></td>\\r\\n                    <td></td>\\r\\n                    <td></td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td style=\\\"border-right:none;text-align:center;\\\"><input type=\\\"checkbox\\\" id=\\\"job-shadow-checklist-add-to-portfolio\\\" disabled=\\\"disabled\\\" /></td>\\r\\n                    <td style=\\\"border-left:none;\\\"><label for=\\\"job-shadow-checklist-add-to-portfolio\\\">Bring the Job Shadow Host Feedback form to add to your portfolio.</label></td>\\r\\n                    <td></td>\\r\\n                    <td></td>\\r\\n                </tr>\\r\\n            </table>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row hidden-print\\\">\\r\\n        <div class=\\\"col-md-6 col-sm-6 col-xs-6\\\" style=\\\"float:left;text-align:right;padding-right:15px;border-right:1px solid black;\\\">\\r\\n            <a [routerLink]=\\\"['/unit-3/lesson-4/job-shadow-workbook/cover-letter']\\\">Previous</a>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-6 col-sm-6 col-xs-6\\\" style=\\\"float:right;text-align:left;padding-left:15px;\\\">\\r\\n            <a [routerLink]=\\\"['/unit-3/lesson-4/job-shadow-workbook/phone-script']\\\">Next</a>\\r\\n        </div>\\r\\n    </div>\\r\\n    <job-shadow-workbook-footer></job-shadow-workbook-footer>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: \"job-shadow-workbook-checklist\",\r\n    templateUrl: \"./job-shadow-checklist.component.html\",\r\n    styleUrls: ['./job-shadow-workbook.component.css']\r\n})\r\nexport class UnitThreeLessonFourWorkbookChecklistComponent {\r\n\r\n    title: string = \"Job Shadow Checklist\";\r\n    pageTitle: string = this.title + \" | Job Shadow Workbook | Unit 3, Lesson 4 | T-Folio\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n    doScroll() {\r\n        window.scrollTo(0, 0);\r\n    }\r\n    doPrint() {\r\n        window.print();\r\n    }\r\n\r\n}\r\n","module.exports = \"/***COVER PAGE*/\\r\\n\\r\\nh1.coverpage-title {\\r\\n    font-size: 36px;\\r\\n    font-family: Rockwell;\\r\\n    margin-top: 100px;\\r\\n}\\r\\n\\r\\n.coverpage-crumbs {\\r\\n    font-family: Calibri;\\r\\n    font-size: 28px;\\r\\n    font-weight: bold;\\r\\n    text-align: center;\\r\\n    margin-top: 100px;\\r\\n}\\r\\n\\r\\n.coverpage-url {\\r\\n    font-family: Calibri;\\r\\n    font-size: 16px;\\r\\n    font-weight: bold;\\r\\n    text-align: center;\\r\\n}\\r\\n\\r\\n.coverpage-student-name {\\r\\n    font-size:18px;\\r\\n    padding-top:150px;\\r\\n    padding-bottom:200px;\\r\\n    margin-left:50px;\\r\\n}\\r\\n\\r\\n.coverpage-student-name div {\\r\\n    /*float: left;*/\\r\\n    font-family: Arial;\\r\\n    font-size: larger;\\r\\n    padding-right: 10px;\\r\\n    margin-bottom: 10px;\\r\\n}\\r\\n\\r\\ndiv.coverpage-student-name hr {\\r\\n    float: left;\\r\\n    color: black;\\r\\n    border-style: solid;\\r\\n    border-width: 1px;\\r\\n    border-top-width:12px;\\r\\n    border-top-color: white;\\r\\n    border-left-color: white;\\r\\n    border-right-color: white;\\r\\n    border-bottom-color: black;\\r\\n    width: 50%;\\r\\n}\\r\\n\\r\\n.blank:after {\\r\\n    text-decoration: underline;\\r\\n    content: \\\"               \\\";\\r\\n    white-space:pre;\\r\\n}\\r\\n\\r\\ntable.checklist-table {\\r\\n    width:100%;\\r\\n    margin-bottom:25px;\\r\\n}\\r\\n\\r\\ntable.checklist-table th {\\r\\n    border: 1px solid black;\\r\\n    padding: 3px;\\r\\n    padding-left:15px;\\r\\n    font-weight: bold;\\r\\n    \\r\\n}\\r\\n\\r\\ntable.checklist-table td {\\r\\n    border: 1px solid black;\\r\\n    padding:3px;\\r\\n}\\r\\n\\r\\n/*scripts below*/\\r\\n\\r\\ndiv.phone-email-script div {\\r\\n    display:inline-block;\\r\\n    vertical-align:top;\\r\\n}\\r\\n\\r\\ndiv.phone-email-script div label {\\r\\n    padding-left: 15px;\\r\\n    font-size: small;\\r\\n    text-align: left;\\r\\n}\\r\\n\\r\\ndiv.script-text {\\r\\n    padding-top: 3px;\\r\\n}\\r\\n\\r\\n.script-input {\\r\\n  width:300px;\\r\\n}\\r\\n\\r\\ntable.day-of-table {\\r\\n    margin: auto;\\r\\n    width: 80%;\\r\\n}\\r\\n\\r\\ntable.day-of-table tr td {\\r\\n    border: 1px solid black;\\r\\n    min-height:50px;\\r\\n}\\r\\n\\r\\n.host-feedback-grid > .row > div {\\r\\n    padding-top:3px;\\r\\n    padding-bottom:3px;\\r\\n}\\r\\n\\r\\n.host-feedback-line {\\r\\n    padding-bottom: 115px;\\r\\n}\\r\\n\\r\\n#host-feedback-last-question {\\r\\n    padding-bottom:50px;\\r\\n}\\r\\n\\r\\n.active {\\r\\n    color: #2C3E50;\\r\\n}\\r\\n\\r\\n.editor {\\r\\n    min-height: 75px;\\r\\n    width: 100%;\\r\\n    margin-top: 5px;\\r\\n    border: 1px solid gray;\\r\\n    text-align: left;\\r\\n    font-weight:bold;\\r\\n}\\r\\n\\r\\n@media print {\\r\\n\\r\\n\\r\\n    h1.coverpage-title {\\r\\n        font-family: Rockwell;\\r\\n        font-size: 64px;\\r\\n        margin-top: 200px;\\r\\n    }\\r\\n\\r\\n    .coverpage-crumbs {\\r\\n        font-family: Calibri;\\r\\n        font-weight: bold;\\r\\n        text-align: center;\\r\\n        font-size: 40px;\\r\\n        margin-top: 200px;\\r\\n    }\\r\\n\\r\\n    .coverpage-url {\\r\\n        font-family: Calibri;\\r\\n        font-weight: bold;\\r\\n        text-align: center;\\r\\n        font-size: 36px;\\r\\n    }\\r\\n\\r\\n    .coverpage-student-name {\\r\\n        margin-left: 50px;\\r\\n        font-size: 30px;\\r\\n        padding-top: 150px;\\r\\n        padding-bottom:300px;\\r\\n    }\\r\\n\\r\\n    div.coverpage-student-name hr {\\r\\n        border-top-width: 20px;\\r\\n    }\\r\\n\\r\\n    div.script-text {\\r\\n        padding-top: 1px;\\r\\n    }\\r\\n    .script-input {\\r\\n    width:auto;\\r\\n\\r\\n    }\\r\\n    .editor {\\r\\n        min-height: 75px;\\r\\n        width: 100%;\\r\\n        margin-top: 5px;\\r\\n        border: none;\\r\\n        text-align: left\\r\\n    }\\r\\n    #host-feedback-last-question {\\r\\n        padding-bottom:10px;\\r\\n    }\\r\\n}\\r\\n\"","module.exports = \"<div class=\\\"container exercise-content\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-3']\\\">Unit 3</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-3/lesson-4']\\\">Lesson 4</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-3/lesson-4/job-shadow-workbook']\\\">Job Shadow Workbook</a></li>\\r\\n                <li class=\\\"active\\\">{{title}}</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/\\\">Unit 3</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/lesson-4/\\\">Lesson 4</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/lesson-4/job-shadow-workbook/\\\">Job Shadow Workbook</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/lesson-4/job-shadow-workbook/observation/\\\">{{title}}</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-3/lesson-4/job shadow workbook/observation'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <tfolio-heading></tfolio-heading>\\r\\n    <tfolio-page-title content=\\\"{{title}}\\\"></tfolio-page-title>\\r\\n    <tfolio-directions identifier=\\\"job-shadow-observation-directions-student\\\" tag=\\\"Student\\\" padBottom=\\\"true\\\">\\r\\n        <span>\\r\\n            Print this form and take it with you to complete on the day of the job shadow.\\r\\n        </span>\\r\\n    </tfolio-directions>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"padding-bottom:50px;\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <div class=\\\"col-md-2\\\" style=\\\"font-weight:bold;\\\"><label for=\\\"job-shadow-workbook-observation-business\\\">Name of Business:</label></div>\\r\\n            <div class=\\\"col-md-9\\\"><input id=\\\"job-shadow-workbook-observation-business\\\" type=\\\"text\\\" /></div>\\r\\n            <div class=\\\"col-md-1\\\"></div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"padding-bottom:50px;\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <div class=\\\"col-md-2\\\" style=\\\"font-weight:bold;\\\"><label for=\\\"job-shadow-workbook-observation-host\\\">Job Shadow Host</label>:</div>\\r\\n            <div class=\\\"col-md-9\\\"><input id=\\\"job-shadow-workbook-observation-host\\\" type=\\\"text\\\" /></div>\\r\\n            <div class=\\\"col-md-1\\\"></div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"padding-bottom:10px;\\\">\\r\\n            <b>Job Environment? (choose best response)</b>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"padding-left:25px;\\\">\\r\\n        <div class=\\\"col-md-6\\\" style=\\\"padding-bottom:15px;\\\">Where does your job shadow host mainly work? </div>\\r\\n        <div class=\\\"col-md-2\\\" style=\\\"padding-bottom:15px;\\\"><label><input type=\\\"checkbox\\\" style=\\\"margin-right:5px;\\\" />Inside</label></div>\\r\\n        <div class=\\\"col-md-4\\\" style=\\\"padding-bottom:15px;\\\"><label><input type=\\\"checkbox\\\" style=\\\"margin-right:5px;\\\" />Outside</label></div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"padding-left:25px;\\\">\\r\\n        <div class=\\\"col-md-6\\\" style=\\\"padding-bottom:15px;\\\">How does your job shadow host work?</div>\\r\\n        <div class=\\\"col-md-2\\\" style=\\\"padding-bottom:15px;\\\"><label><input type=\\\"checkbox\\\" style=\\\"margin-right:5px;\\\" />Alone</label></div>\\r\\n        <div class=\\\"col-md-4\\\" style=\\\"padding-bottom:15px;\\\"><label><input type=\\\"checkbox\\\" style=\\\"margin-right:5px;\\\" />With others</label></div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"padding-left:25px;\\\">\\r\\n        <div class=\\\"col-md-6\\\" style=\\\"padding-bottom:15px;\\\">What was the general attire worn by workers?</div>\\r\\n        <div class=\\\"col-md-2\\\" style=\\\"padding-bottom:15px;\\\"><label><input type=\\\"checkbox\\\" style=\\\"margin-right:5px;\\\" />Casual</label></div>\\r\\n        <div class=\\\"col-md-4\\\" style=\\\"padding-bottom:15px;\\\"><label><input type=\\\"checkbox\\\" style=\\\"margin-right:5px;\\\" />Formal</label></div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"padding-left:25px;\\\">\\r\\n        <div class=\\\"col-md-6\\\" style=\\\"padding-bottom:15px;\\\">Do the workers wear safety boots, safety glasses, etc.?</div>\\r\\n        <div class=\\\"col-md-2\\\" style=\\\"padding-bottom:15px;\\\"><label><input type=\\\"checkbox\\\" style=\\\"margin-right:5px;\\\" />Yes</label></div>\\r\\n        <div class=\\\"col-md-4\\\" style=\\\"padding-bottom:15px;\\\"><label><input type=\\\"checkbox\\\" style=\\\"margin-right:5px;\\\" />No</label></div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"padding-left:25px;\\\">\\r\\n        <div class=\\\"col-md-6\\\" style=\\\"padding-bottom:15px;\\\">Does the job require mostly...</div>\\r\\n        <div class=\\\"col-md-2\\\" style=\\\"padding-bottom:15px;\\\"><label><input type=\\\"checkbox\\\" style=\\\"margin-right:5px;\\\" />Standing</label></div>\\r\\n        <div class=\\\"col-md-4\\\" style=\\\"padding-bottom:15px;\\\"><label><input type=\\\"checkbox\\\" style=\\\"margin-right:5px;\\\" />Sitting</label></div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"padding-left:25px;\\\">\\r\\n        <div class=\\\"col-md-6\\\" style=\\\"padding-bottom:15px;\\\">Does the job require work on a computer?</div>\\r\\n        <div class=\\\"col-md-2\\\" style=\\\"padding-bottom:15px;\\\"><label><input type=\\\"checkbox\\\" style=\\\"margin-right:5px;\\\" />Yes</label></div>\\r\\n        <div class=\\\"col-md-4\\\" style=\\\"padding-bottom:15px;\\\"><label><input type=\\\"checkbox\\\" style=\\\"margin-right:5px;\\\" />No</label></div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"padding-left:25px;\\\">\\r\\n        <div class=\\\"col-md-6\\\" style=\\\"padding-bottom:15px;\\\">Does the job require special tools?</div>\\r\\n        <div class=\\\"col-md-2\\\" style=\\\"padding-bottom:15px;\\\"><label><input type=\\\"checkbox\\\" style=\\\"margin-right:5px;\\\" />Yes</label></div>\\r\\n        <div class=\\\"col-md-4\\\" style=\\\"padding-bottom:15px;\\\"><label><input type=\\\"checkbox\\\" style=\\\"margin-right:5px;\\\" />No</label></div>\\r\\n    </div>\\r\\n    <div class=\\\"container-fluid\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\" style=\\\"padding-bottom:10px;\\\">\\r\\n                <b>The Facilities</b>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"padding-left:25px;\\\">\\r\\n        <div class=\\\"col-md-6\\\" style=\\\"padding-bottom:15px;\\\">Lunch/break room</div>\\r\\n        <div class=\\\"col-md-2\\\" style=\\\"padding-bottom:15px;\\\"><label><input type=\\\"checkbox\\\" style=\\\"margin-right:5px;\\\" />Yes</label></div>\\r\\n        <div class=\\\"col-md-4\\\" style=\\\"padding-bottom:15px;\\\"><label><input type=\\\"checkbox\\\" style=\\\"margin-right:5px;\\\" />No</label></div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"padding-left:25px;\\\">\\r\\n        <div class=\\\"col-md-6\\\" style=\\\"padding-bottom:15px;\\\">Child care center</div>\\r\\n        <div class=\\\"col-md-2\\\" style=\\\"padding-bottom:15px;\\\"><label><input type=\\\"checkbox\\\" style=\\\"margin-right:5px;\\\" />Yes</label></div>\\r\\n        <div class=\\\"col-md-4\\\" style=\\\"padding-bottom:15px;\\\"><label><input type=\\\"checkbox\\\" style=\\\"margin-right:5px;\\\" />No</label></div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"padding-left:25px;\\\">\\r\\n        <div class=\\\"col-md-6\\\" style=\\\"padding-bottom:15px;\\\">Health care/first aid</div>\\r\\n        <div class=\\\"col-md-2\\\" style=\\\"padding-bottom:15px;\\\"><label><input type=\\\"checkbox\\\" style=\\\"margin-right:5px;\\\" />Yes</label></div>\\r\\n        <div class=\\\"col-md-4\\\" style=\\\"padding-bottom:15px;\\\"><label><input type=\\\"checkbox\\\" style=\\\"margin-right:5px;\\\" />No</label></div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"padding-left:25px;\\\">\\r\\n        <div class=\\\"col-md-6\\\" style=\\\"padding-bottom:15px;\\\">Outside seating areas</div>\\r\\n        <div class=\\\"col-md-2\\\" style=\\\"padding-bottom:15px;\\\"><label><input type=\\\"checkbox\\\" style=\\\"margin-right:5px;\\\" />Yes</label></div>\\r\\n        <div class=\\\"col-md-4\\\" style=\\\"padding-bottom:15px;\\\"><label><input type=\\\"checkbox\\\" style=\\\"margin-right:5px;\\\" />No</label></div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"padding-left:25px;\\\">\\r\\n        <div class=\\\"col-md-6\\\" style=\\\"padding-bottom:15px;\\\">Food available for purchase on site</div>\\r\\n        <div class=\\\"col-md-2\\\" style=\\\"padding-bottom:15px;\\\"><label><input type=\\\"checkbox\\\" style=\\\"margin-right:5px;\\\" />Yes</label></div>\\r\\n        <div class=\\\"col-md-4\\\" style=\\\"padding-bottom:15px;\\\"><label><input type=\\\"checkbox\\\" style=\\\"margin-right:5px;\\\" />No</label></div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"margin-bottom:50px;\\\"></div>\\r\\n    </div>\\r\\n    <div class=\\\"row hidden-print\\\">\\r\\n        <div class=\\\"col-md-6 col-sm-6 col-xs-6\\\" style=\\\"float:left;text-align:right;padding-right:15px;border-right:1px solid black;\\\">\\r\\n            <a [routerLink]=\\\"['/unit-3/lesson-4/job-shadow-workbook/host-feedback']\\\">Previous</a>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-6 col-sm-6 col-xs-6\\\" style=\\\"float:right;text-align:left;padding-left:15px;\\\">\\r\\n            <a [routerLink]=\\\"['/unit-3/lesson-4/job-shadow-workbook/reflection']\\\">Next</a>\\r\\n        </div>\\r\\n    </div>\\r\\n    <job-shadow-workbook-footer></job-shadow-workbook-footer>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: \"job-shadow-workbook-observation\",\r\n    templateUrl: \"./observation.component.html\",\r\n    styleUrls: ['./job-shadow-workbook.component.css']\r\n})\r\nexport class UnitThreeLessonFourWorkbookObservationComponent {\r\n\r\n    title: string = \"Job Shadow Observation\";\r\n    pageTitle: string = this.title + \" | Job Shadow Workbook | Unit 3, Lesson 4 | T-Folio\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n    doScroll() {\r\n        window.scrollTo(0, 0);\r\n    }\r\n    doPrint() {\r\n        window.print();\r\n    }\r\n\r\n}\r\n","module.exports = \"<div class=\\\"container exercise-content\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-3']\\\">Unit 3</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-3/lesson-4']\\\">Lesson 4</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-3/lesson-4/job-shadow-workbook']\\\">Job Shadow Workbook</a></li>\\r\\n                <li class=\\\"active\\\">{{title}}</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/\\\">Unit 3</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/lesson-4/\\\">Lesson 4</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/lesson-4/job-shadow-workbook/\\\">Job Shadow Workbook</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/lesson-4/job-shadow-workbook/phone-script/\\\">{{title}}</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-3/lesson-4/job shadow workbook/phone script'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <tfolio-heading></tfolio-heading>\\r\\n    <tfolio-page-title content=\\\"{{title}}\\\"></tfolio-page-title>\\r\\n    <tfolio-directions identifier=\\\"job-shadow-workbook-directions\\\" tag=\\\"Directions\\\" padBottom=\\\"true\\\">\\r\\n        <span>\\r\\n            Fill in the script below with your own information.\\r\\n            Then use it when you call your job shadow contact.\\r\\n            If you do not have a specific name of a person yet, you can call the company and ask if there is a person you might be able to shadow.\\r\\n        </span>\\r\\n    </tfolio-directions>\\r\\n    <div class=\\\"container-fluid\\\">\\r\\n        <div class=\\\"col-md-6 hidden-print\\\">\\r\\n            <div class=\\\"row\\\" style=\\\"padding-bottom:25px;\\\">\\r\\n                <div class=\\\"col-md-12 phone-email-script\\\">Hello!</div>\\r\\n            </div>\\r\\n            <div class=\\\"row\\\" style=\\\"padding-bottom:25px;\\\">\\r\\n                <div class=\\\"col-md-12 phone-email-script\\\">\\r\\n                    <div class=\\\"script-text\\\">My name is &nbsp;</div>\\r\\n                    <div>\\r\\n                        <input type=\\\"text\\\" class=\\\"script-input\\\" id=\\\"job-shadow-workbook-email-script-student-name\\\" [(ngModel)]=\\\"studentName\\\" /><br />\\r\\n                        <label for=\\\"job-shadow-workbook-email-script-student-name\\\">(student name)</label>\\r\\n                    </div>\\r\\n                    <div class=\\\"script-text\\\">.&nbsp;</div>\\r\\n                    <div class=\\\"script-text\\\">May I speak with&nbsp;</div>\\r\\n                    <div>\\r\\n                        <input name=\\\"host\\\" class=\\\"script-input\\\" type=\\\"text\\\" id=\\\"job-shadow-workbook-email-script-host\\\" [(ngModel)]=\\\"hostName\\\" /><br />\\r\\n                        <label for=\\\"job-shadow-workbook-email-script-host\\\">(name of potential host)</label>\\r\\n                    </div>\\r\\n                    <div class=\\\"script-text\\\">?</div>\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row\\\" style=\\\"padding-bottom:35px;\\\">\\r\\n                <div class=\\\"col-md-12 phone-email-script\\\">\\r\\n                    <div class=\\\"script-text\\\">I am a student at&nbsp;</div>\\r\\n                    <div>\\r\\n                        <input type=\\\"text\\\" class=\\\"script-input\\\" id=\\\"job-shadow-workbook-email-script-school-name\\\" [(ngModel)]=\\\"schoolName\\\" /><br />\\r\\n                        <label for=\\\"job-shadow-workbook-email-script-school-name\\\">(school name)</label>\\r\\n                    </div>\\r\\n                    <div class=\\\"script-text\\\">.&nbsp;</div>\\r\\n                    <div class=\\\"script-text\\\">I have a job shadow set up for&nbsp;</div>\\r\\n                    <div>\\r\\n                        <input id=\\\"job-shadow-workbook-email-script-shadow-date\\\" class=\\\"script-input\\\" type=\\\"text\\\" [(ngModel)]=\\\"dateOfJobShadow\\\" />.&nbsp;<br />\\r\\n                        <label for=\\\"job-shadow-workbook-email-script-shadow-date\\\">(date of job shadow)</label>\\r\\n                    </div>\\r\\n                    <div class=\\\"script-text\\\"> I am interested in&nbsp;</div>\\r\\n                    <div>\\r\\n                        <input type=\\\"text\\\" class=\\\"script-input\\\" id=\\\"job-shadow-workbook-email-script-interested-in\\\" [(ngModel)]=\\\"career\\\" />.<br />\\r\\n                        <label for=\\\"job-shadow-workbook-email-script-interested-in\\\">(career)</label>\\r\\n                    </div>\\r\\n                    <div class=\\\"script-text\\\">Would it be possible for me to shadow you for that day?</div>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-6\\\">\\r\\n            <div class=\\\"row-fluid\\\">\\r\\n                <div id=\\\"note\\\" class=\\\"col-md-12\\\">\\r\\n                    <span>Hello!</span><br /><br />\\r\\n                    <span *ngIf=\\\"studentName\\\">My name is {{studentName}}. </span>\\r\\n                    <span *ngIf=\\\"!studentName\\\">My name is <span class=\\\"blank\\\"></span>. </span>\\r\\n                    <br /><br />\\r\\n                    <span *ngIf=\\\"hostName\\\">May I speak with {{hostName}}? </span>\\r\\n                    <span *ngIf=\\\"!hostName\\\">May I speak with <span class=\\\"blank\\\"></span>? </span>\\r\\n                    <br /><br />\\r\\n                    <span *ngIf=\\\"schoolName\\\">I am a student at {{schoolName}}. </span>\\r\\n                    <span *ngIf=\\\"!schoolName\\\">I am a student at <span class=\\\"blank\\\"></span>. </span>\\r\\n                    <br /><br />\\r\\n                    <span *ngIf=\\\"dateOfJobShadow\\\">I have a job shadow set up for {{dateOfJobShadow}}. </span>\\r\\n                    <span *ngIf=\\\"!dateOfJobShadow\\\">I have a job shadow set up for <span class=\\\"blank\\\"></span>. </span>\\r\\n                    <br /><br />\\r\\n                    <span *ngIf=\\\"career\\\">I am interested in {{career}}.<br /><br /> Would it be possible for me to shadow you for that day?</span>\\r\\n                    <span *ngIf=\\\"!career\\\">I am interested in <span class=\\\"blank\\\"></span>. <br /><br />Would it be possible for me to shadow you for that day?</span>\\r\\n                    <br /><br />\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n\\r\\n        <div class=\\\"row\\\" style=\\\"padding-bottom:25px;\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <b>If the answer is NO... say:</b>\\r\\n                Okay, thank you for your time. (Try another company or contact.)\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\" style=\\\"padding-bottom:25px;\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <b>If the answer is YES… here are some questions to ask:</b>\\r\\n                <ul>\\r\\n                    <li>Thank you, what time would you like me to come?</li>\\r\\n                    <li>Where should I meet you?</li>\\r\\n                    <li>What should I wear?</li>\\r\\n                    <li>Should I bring lunch or is there a place for me to purchase lunch?</li>\\r\\n                    <li>May I have your email address so I can send a confirmation email?</li>\\r\\n                    <li>I look forward to meeting you and spending some time talking about your job and company.</li>\\r\\n                    <li>Thank you!</li>\\r\\n                </ul>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row hidden-print\\\">\\r\\n        <div class=\\\"col-md-6 col-sm-6 col-xs-6\\\" style=\\\"float:left;text-align:right;padding-right:15px;border-right:1px solid black;\\\">\\r\\n            <a [routerLink]=\\\"['/unit-3/lesson-4/job-shadow-workbook/checklist']\\\">Previous</a>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-6 col-sm-6 col-xs-6\\\" style=\\\"float:right;text-align:left;padding-left:15px;\\\">\\r\\n            <a [routerLink]=\\\"['/unit-3/lesson-4/job-shadow-workbook/email-script']\\\">Next</a>\\r\\n        </div>\\r\\n    </div>\\r\\n    <job-shadow-workbook-footer></job-shadow-workbook-footer>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: \"job-shadow-workbook-phone-script\",\r\n    templateUrl: \"./phone-script.component.html\",\r\n    styleUrls: ['./job-shadow-workbook.component.css']\r\n})\r\nexport class UnitThreeLessonFourWorkbookPhoneScriptComponent {\r\n\r\n    title: string = \"Phone Script\";\r\n    pageTitle: string = this.title + \" | Job Shadow Workbook | Unit 3, Lesson 4 | T-Folio\";\r\n\r\n    studentName: string;\r\n    hostName: string;\r\n    schoolName: string;\r\n    dateOfJobShadow: string;\r\n    career: string;\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n    doScroll() {\r\n        window.scrollTo(0, 0);\r\n    }\r\n    doPrint() {\r\n        window.print();\r\n    }\r\n\r\n}\r\n","module.exports = \"<div class=\\\"container exercise-content\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-3']\\\">Unit 3</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-3/lesson-4']\\\">Lesson 4</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-3/lesson-4/job-shadow-workbook']\\\">Job Shadow Workbook</a></li>\\r\\n                <li class=\\\"active\\\">{{title}}</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/\\\">Unit 3</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/lesson-4/\\\">Lesson 4</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/lesson-4/job-shadow-workbook/\\\">Job Shadow Workbook</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/lesson-4/job-shadow-workbook/reflection/\\\">{{title}}</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-3/lesson-4/job shadow workbook/reflection'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <tfolio-heading></tfolio-heading>\\r\\n    <tfolio-page-title content=\\\"{{title}}\\\"></tfolio-page-title>\\r\\n    <tfolio-directions identifier=\\\"job-shadow-host-reflection-directions\\\" tag=\\\"Directions\\\" padBottom=\\\"false\\\">\\r\\n        <span>\\r\\n            Now that you have completed your job shadowing experience, take some time to think about your experience.\\r\\n            Complete this form after the job shadow.\\r\\n        </span>\\r\\n    </tfolio-directions>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"margin-top:-15px;margin-bottom:30px;\\\">\\r\\n        <div class=\\\"col-md-2\\\" style=\\\"font-weight:bold;\\\"><label for=\\\"job-shadow-workbook-reflection-business-name\\\">Name of Business</label>:</div>\\r\\n        <div class=\\\"col-md-9\\\"><input id=\\\"job-shadow-workbook-reflection-business-name\\\" type=\\\"text\\\" /></div>\\r\\n        <div class=\\\"col-md-1\\\"></div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"margin-top:-15px;margin-bottom:30px;\\\">\\r\\n        <div class=\\\"col-md-2\\\" style=\\\"font-weight:bold;\\\"><label for=\\\"job-shadow-workbook-reflection-host\\\">Job Shadow Host</label>:</div>\\r\\n        <div class=\\\"col-md-9\\\"><input id=\\\"job-shadow-workbook-reflection-host\\\" type=\\\"text\\\" /></div>\\r\\n        <div class=\\\"col-md-1\\\"></div>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"margin-top:10px;\\\">\\r\\n            1. <label for=\\\"job-shadow-workbook-reflection-job-site\\\">Describe the job site you visited</label>:\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">            \\r\\n            <div contenteditable=\\\"true\\\" id=\\\"smart-goal-textbox\\\" rows=\\\"4\\\" class=\\\"editor\\\"></div>\\r\\n\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            2. <label for=\\\"job-shadow-workbook-reflection-activities\\\">What kind of work activities did you observe?</label>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">            \\r\\n            <div contenteditable=\\\"true\\\" id=\\\"smart-goal-textbox\\\" rows=\\\"4\\\" class=\\\"editor\\\"></div>\\r\\n\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            3. <label for=\\\"job-shadow-workbook-reflection-like-best\\\">What did you like best about your job shadowing experience?</label>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">           \\r\\n            <div contenteditable=\\\"true\\\" id=\\\"smart-goal-textbox\\\" rows=\\\"4\\\" class=\\\"editor\\\"></div>\\r\\n\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            4. <label for=\\\"job-shadow-workbook-reflection-like-least\\\">What did you like the least?</label>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">            \\r\\n            <div contenteditable=\\\"true\\\" id=\\\"smart-goal-textbox\\\" rows=\\\"4\\\" class=\\\"editor\\\"></div>\\r\\n\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            5. <label for=\\\"job-shadow-workbook-reflection-surprise\\\">What surprised you about the job?</label>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">            \\r\\n            <div contenteditable=\\\"true\\\" id=\\\"smart-goal-textbox\\\" rows=\\\"4\\\" class=\\\"editor\\\"></div>\\r\\n\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            6. <label for=\\\"job-shadow-workbook-reflection-would-consider-career\\\">Would you consider this career? Why?</label>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">            \\r\\n            <div contenteditable=\\\"true\\\" id=\\\"smart-goal-textbox\\\" rows=\\\"4\\\" class=\\\"editor\\\"></div>\\r\\n\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            7. <label for=\\\"job-shadow-workbook-reflection-next-steps\\\">What are your next steps in planning for your career?</label>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">            \\r\\n            <div contenteditable=\\\"true\\\" id=\\\"smart-goal-textbox\\\" rows=\\\"4\\\" class=\\\"editor\\\"></div>\\r\\n\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"row-fluid hidden-print\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"margin-bottom:50px;\\\"></div>\\r\\n    </div>\\r\\n    <div class=\\\"row hidden-print\\\">\\r\\n        <div class=\\\"col-md-6 col-sm-6 col-xs-6\\\" style=\\\"float:left;text-align:right;padding-right:15px;border-right:1px solid black;\\\">\\r\\n            <a [routerLink]=\\\"['/unit-3/lesson-4/job-shadow-workbook/observation']\\\">Previous</a>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-6 col-sm-6 col-xs-6\\\" style=\\\"float:right;text-align:left;padding-left:15px;\\\">\\r\\n            <a [routerLink]=\\\"['/unit-3/lesson-4/job-shadow-workbook/evaluation']\\\">Next</a>\\r\\n        </div>\\r\\n    </div>\\r\\n    <job-shadow-workbook-footer></job-shadow-workbook-footer>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: \"job-shadow-workbook-reflection\",\r\n    templateUrl: \"./reflection.component.html\",\r\n    styleUrls: ['./job-shadow-workbook.component.css']\r\n})\r\nexport class UnitThreeLessonFourWorkbookReflectionComponent {\r\n\r\n    title: string = \"Post-Job Shadow Reflection\";\r\n    pageTitle: string = this.title + \" | Job Shadow Workbook | Unit 3, Lesson 4 | T-Folio\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n    doScroll() {\r\n        window.scrollTo(0, 0);\r\n    }\r\n    doPrint() {\r\n        window.print();\r\n    }\r\n\r\n}\r\n","module.exports = \"<div class=\\\"container exercise-content\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-3']\\\">Unit 3</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-3/lesson-4']\\\">Lesson 4</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-3/lesson-4/job-shadow-workbook']\\\">Job Shadow Workbook</a></li>\\r\\n                <li class=\\\"active\\\">{{title}}</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/\\\">Unit 3</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/lesson-4/\\\">Lesson 4</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/lesson-4/job-shadow-workbook/\\\">Job Shadow Workbook</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/lesson-4/job-shadow-workbook/student-questions/\\\">{{title}}</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-3/lesson-4/job shadow workbook/student questions'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <tfolio-heading></tfolio-heading>\\r\\n    <tfolio-page-title content=\\\"{{title}}\\\"></tfolio-page-title>\\r\\n    <tfolio-directions identifier=\\\"job-shadow-workbook-student-question-directions\\\" tag=\\\"Directions\\\" padBottom=\\\"true\\\">\\r\\n        <span>\\r\\n            Develop 5 questions to ask your host while at the job shadow and write them in the space next to each number.\\r\\n            Then print this page so you can bring it with you to your job shadow. \\r\\n            You can use the space below each question to write the host’s answers either by hand or by returning to this form after the job shadow.\\r\\n        </span>\\r\\n    </tfolio-directions>\\r\\n\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"padding-top:2px;padding-bottom:2px;\\\">\\r\\n        <div class=\\\"col-md-1\\\" style=\\\"width:5%\\\">\\r\\n            <label for=\\\"job-shadow-workbook-student-questions-question-1\\\">1</label>.\\r\\n        </div>\\r\\n        <div class=\\\"col-md-11\\\">\\r\\n            <input type=\\\"text\\\" id=\\\"job-shadow-workbook-student-questions-question-1\\\" size=\\\"96\\\" maxlength=\\\"95\\\" style=\\\"width:unset;\\\"/>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"padding-top:2px;padding-bottom:2px;\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"padding-bottom:25px;\\\">\\r\\n            <div><label for=\\\"job-shadow-workbook-student-questions-answer-1\\\">Answer</label>:</div>            \\r\\n            <div contenteditable=\\\"true\\\" id=\\\"smart-goal-textbox\\\" rows=\\\"4\\\" class=\\\"editor\\\"></div>\\r\\n\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"padding-top:2px;padding-bottom:2px;\\\">\\r\\n        <div class=\\\"col-md-1\\\" style=\\\"width:5%\\\">\\r\\n            <label for=\\\"job-shadow-workbook-student-questions-question-2\\\">2</label>.\\r\\n        </div>\\r\\n        <div class=\\\"col-md-11\\\">\\r\\n            <input id=\\\"job-shadow-workbook-student-questions-question-2\\\" type=\\\"text\\\" size=\\\"96\\\" maxlength=\\\"95\\\" style=\\\"width:unset;\\\" />\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"padding-top:2px;padding-bottom:2px;\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"padding-bottom:25px;\\\">\\r\\n            <div><label for=\\\"job-shadow-workbook-student-questions-answer-2\\\">Answer</label>:</div>            \\r\\n            <div contenteditable=\\\"true\\\" id=\\\"smart-goal-textbox\\\" rows=\\\"4\\\" class=\\\"editor\\\"></div>\\r\\n\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"padding-top:2px;padding-bottom:2px;\\\">\\r\\n        <div class=\\\"col-md-1\\\" style=\\\"width:5%\\\">\\r\\n            <label for=\\\"job-shadow-workbook-student-questions-question-3\\\">3</label>.\\r\\n        </div>\\r\\n        <div class=\\\"col-md-11\\\">\\r\\n            <input id=\\\"job-shadow-workbook-student-questions-question-3\\\" type=\\\"text\\\" size=\\\"96\\\" maxlength=\\\"95\\\" style=\\\"width:unset;\\\"/>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"padding-top:2px;padding-bottom:2px;\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"padding-bottom:25px;\\\">\\r\\n            <div><label for=\\\"job-shadow-workbook-student-questions-answer-3\\\">Answer</label>:</div>           \\r\\n            <div contenteditable=\\\"true\\\" id=\\\"smart-goal-textbox\\\" rows=\\\"4\\\" class=\\\"editor\\\"></div>\\r\\n\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"padding-top:2px;padding-bottom:2px;\\\">\\r\\n        <div class=\\\"col-md-1\\\" style=\\\"width:5%\\\">\\r\\n            <label for=\\\"job-shadow-workbook-student-questions-question-4\\\">4</label>.\\r\\n        </div>\\r\\n        <div class=\\\"col-md-11\\\">\\r\\n            <input id=\\\"job-shadow-workbook-student-questions-question-4\\\" type=\\\"text\\\" size=\\\"96\\\" maxlength=\\\"95\\\" style=\\\"width:unset;\\\"/>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"padding-top:2px;padding-bottom:2px;\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"padding-bottom:25px;\\\">\\r\\n            <div><label for=\\\"job-shadow-workbook-student-questions-answer-4\\\">Answer</label>:</div>            \\r\\n            <div contenteditable=\\\"true\\\" id=\\\"smart-goal-textbox\\\" rows=\\\"4\\\" class=\\\"editor\\\"></div>\\r\\n\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"padding-top:2px;padding-bottom:2px;\\\">\\r\\n        <div class=\\\"col-md-1\\\" style=\\\"width:5%\\\">\\r\\n            <label for=\\\"job-shadow-workbook-student-questions-question-5\\\">5</label>.\\r\\n        </div>\\r\\n        <div class=\\\"col-md-11\\\">\\r\\n            <input id=\\\"job-shadow-workbook-student-questions-question-5\\\" type=\\\"text\\\" size=\\\"96\\\" maxlength=\\\"95\\\" style=\\\"width:unset;\\\"/>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"padding-top:2px;padding-bottom:2px;\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"padding-bottom:25px;\\\">\\r\\n            <div><label for=\\\"job-shadow-workbook-student-questions-answer-5\\\">Answer</label>:</div>           \\r\\n            <div contenteditable=\\\"true\\\" id=\\\"smart-goal-textbox\\\" rows=\\\"4\\\" class=\\\"editor\\\"></div>\\r\\n\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"margin-bottom:50px;\\\"></div>\\r\\n    </div>\\r\\n    <div class=\\\"row hidden-print\\\">\\r\\n        <div class=\\\"col-md-6 col-sm-6 col-xs-6\\\" style=\\\"float:left;text-align:right;padding-right:15px;border-right:1px solid black;\\\">\\r\\n            <a [routerLink]=\\\"['/unit-3/lesson-4/job-shadow-workbook/email-script']\\\">Previous</a>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-6 col-sm-6 col-xs-6\\\" style=\\\"float:right;text-align:left;padding-left:15px;\\\">\\r\\n            <a [routerLink]=\\\"['/unit-3/lesson-4/job-shadow-workbook/day-of']\\\">Next</a>\\r\\n        </div>\\r\\n    </div>\\r\\n    <job-shadow-workbook-footer></job-shadow-workbook-footer>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: \"job-shadow-workbook-student-questions\",\r\n    templateUrl: \"./student-questions.component.html\",\r\n    styleUrls: ['./job-shadow-workbook.component.css']\r\n})\r\nexport class UnitThreeLessonFourWorkbookStudentQuestionsComponent {\r\n\r\n    title: string = \"Student Questions About Work Experience\";\r\n    pageTitle: string = this.title + \" | Job Shadow Workbook | Unit 3, Lesson 4 | T-Folio\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n    doScroll() {\r\n        window.scrollTo(0, 0);\r\n    }\r\n    doPrint() {\r\n        window.print();\r\n    }\r\n\r\n}\r\n","module.exports = \"<div class=\\\"container exercise-content\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-3']\\\">Unit 3</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-3/lesson-4']\\\">Lesson 4</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-3/lesson-4/job-shadow-workbook']\\\">Job Shadow Workbook</a></li>\\r\\n                <li class=\\\"active\\\">{{title}}</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/\\\">Unit 3</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/lesson-4/\\\">Lesson 4</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/lesson-4/job-shadow-workbook/\\\">Job Shadow Workbook</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/lesson-4/job-shadow-workbook/thank-you/\\\">{{title}}</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-3/lesson-4/job shadow workbook/thank you'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <tfolio-heading></tfolio-heading>\\r\\n    <tfolio-page-title content=\\\"{{title}}\\\"></tfolio-page-title>\\r\\n    <tfolio-directions identifier=\\\"job-shadow-workbook-thank-you-directions\\\" tag=\\\"Directions\\\" padBottom=\\\"true\\\">\\r\\n        <span>\\r\\n            Fill in the boxes on the left hand side with your own words.\\r\\n            As you type, your answers will appear in the text on the right hand side. \\r\\n            When you have completed all fields, click the \\\"Copy\\\" button in order to copy the full text. \\r\\n            Then you can paste it into an email or Word document or use it to write a thank you note by hand.\\r\\n        </span>\\r\\n    </tfolio-directions>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-6 hidden-print\\\">\\r\\n            <div class=\\\"row-fluid\\\">\\r\\n                <div class=\\\"col-md-12\\\" style=\\\"text-align:right;\\\">\\r\\n                    <div>\\r\\n                        <input id=\\\"job-shadow-workbook-thank-you-date\\\" type=\\\"text\\\" style=\\\"width:150px;\\\" [(ngModel)]=\\\"shadowDate\\\" /><br />\\r\\n                        <label for=\\\"job-shadow-workbook-thank-you-date\\\" style=\\\"padding-right:60px;\\\">(date)</label>\\r\\n                    </div>\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row-fluid\\\">\\r\\n                <div class=\\\"col-md-12 phone-email-script\\\" style=\\\"margin-bottom:25px;\\\">\\r\\n                    <div class=\\\"script-text\\\">Dear</div>\\r\\n                    <div>\\r\\n                        <input id=\\\"job-shadow-workbook-thank-you-host\\\" type=\\\"text\\\" [(ngModel)]=\\\"hostName\\\" /><br />\\r\\n                        <label for=\\\"job-shadow-workbook-thank-you-host\\\">(host name)</label>\\r\\n                    </div>\\r\\n                    <div class=\\\"script-text\\\"> ,</div>\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row-fluid\\\">\\r\\n                <div class=\\\"col-md-12\\\" style=\\\"margin-bottom:25px;\\\">\\r\\n                    Thank you for the opportunity to spend the day with you and observe your work.\\r\\n                    <label for=\\\"job-shadow-workbook-thank-you-learned\\\">I learned</label><br />\\r\\n                    <div style=\\\"text-align:center;\\\">\\r\\n                        <textarea id=\\\"job-shadow-workbook-thank-you-learned\\\"\\r\\n                                  name=\\\"job-shadow-workbook-thank-you-learned\\\"\\r\\n                                  rows=\\\"3\\\"\\r\\n                                  style=\\\"resize:none;\\\"\\r\\n                                  [(ngModel)]=\\\"learned\\\"></textarea><br />\\r\\n                        <div style=\\\"font-size:small;\\\">(describe a few things you learned at the job site)</div>\\r\\n                    </div>\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row-fluid\\\">\\r\\n                <div class=\\\"col-md-12\\\" style=\\\"margin-bottom:25px;\\\">\\r\\n                    <label for=\\\"job-shadow-workbook-thank-you-liked\\\">I particularly liked</label><br />\\r\\n                    <div style=\\\"text-align:center;\\\">\\r\\n                        <textarea id=\\\"job-shadow-workbook-thank-you-liked\\\"\\r\\n                                  name=\\\"job-shadow-workbook-thank-you-liked\\\"\\r\\n                                  rows=\\\"3\\\"\\r\\n                                  style=\\\"resize:none;\\\"\\r\\n                                  [(ngModel)]=\\\"liked\\\"></textarea><br />\\r\\n                        <div style=\\\"font-size:small;\\\">(name one or two things you liked about the experience)</div>\\r\\n                    </div>\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row-fluid\\\">\\r\\n                <div class=\\\"col-md-12\\\" style=\\\"margin-bottom:25px;\\\">\\r\\n                    Once again, thank you for your time and knowledge.\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row-fluid\\\">\\r\\n                <div class=\\\"col-md-12\\\">\\r\\n                    Sincerely,\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row-fluid\\\">\\r\\n                <div class=\\\"col-md-12\\\">\\r\\n                    <div>\\r\\n                        <input id=\\\"job-shadow-workbook-thank-you-username\\\" type=\\\"text\\\" style=\\\"width:300px;\\\" [(ngModel)]=\\\"userName\\\" /><br />\\r\\n                        <label for=\\\"job-shadow-workbook-thank-you-username\\\" style=\\\"font-size:small;padding-left:15px;\\\">(student name/signature)</label>\\r\\n                    </div>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-6\\\">\\r\\n            <div class=\\\"row-fluid\\\">\\r\\n                <div id=\\\"note\\\" name=\\\"note\\\" class=\\\"col-md-10 col-md-offset-1\\\" style=\\\"font-size:large;\\\">\\r\\n\\r\\n                    <div *ngIf=\\\"shadowDate\\\" style=\\\"text-align:right;height:25px;\\\">{{shadowDate}}</div>\\r\\n                    <div *ngIf=\\\"!shadowDate\\\" style=\\\"text-align:right;height:25px;\\\"><span class=\\\"blank\\\"></span></div>\\r\\n                    <br /><br />\\r\\n\\r\\n                    <span *ngIf=\\\"hostName\\\">Dear {{hostName}},</span>\\r\\n                    <span *ngIf=\\\"!hostName\\\">Dear <span class=\\\"blank\\\"></span>,</span>\\r\\n                    <br /><br />\\r\\n\\r\\n                    <span>Thank you for the opportunity to spend the day with you and observe your work.</span>\\r\\n                    <span *ngIf=\\\"learned\\\"> I learned {{learned}}</span>\\r\\n                    <span *ngIf=\\\"!learned\\\"> I learned <span class=\\\"blank\\\"></span></span>\\r\\n                    <br /><br />\\r\\n\\r\\n                    <span *ngIf=\\\"liked\\\">I particularly liked {{liked}}</span>\\r\\n                    <span *ngIf=\\\"!liked\\\">I particularly liked <span class=\\\"blank\\\"></span></span>\\r\\n                    <br /><br />\\r\\n\\r\\n                    <span>Once again, thank you for your time and knowledge.</span><br /><br />\\r\\n                    <span>Sincerely,</span><br /><br /><br />\\r\\n\\r\\n\\r\\n                    <span *ngIf=\\\"userName\\\">{{userName}}</span>\\r\\n                    <span *ngIf=\\\"!userName\\\"><span class=\\\"blank\\\"></span></span>\\r\\n                </div>\\r\\n                <div class=\\\"col-md-12\\\" style=\\\"text-align:center;padding-top:25px;\\\">\\r\\n                    <button class=\\\"hidden-print\\\" (click)=\\\"copyToClipboard($event);\\\">Copy</button>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <div style=\\\"margin-bottom:50px;\\\"></div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row hidden-print\\\">\\r\\n        <div class=\\\"col-md-6 col-sm-6 col-xs-6\\\" style=\\\"float:left;text-align:right;padding-right:15px;border-right:1px solid black;\\\">\\r\\n            <a [routerLink]=\\\"['/unit-3/lesson-4/job-shadow-workbook/evaluation']\\\">Previous</a>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-6 col-sm-6 col-xs-6\\\" style=\\\"float:right;text-align:left;padding-left:15px;\\\">\\r\\n            <a [routerLink]=\\\"'/unit-3/lesson-4/job-shadow-workbook'\\\">Done</a>\\r\\n        </div>\\r\\n    </div>\\r\\n    <job-shadow-workbook-footer></job-shadow-workbook-footer>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\ndeclare var jquery: any;\r\ndeclare var $: any;\r\n\r\n@Component({\r\n    selector: \"job-shadow-workbook-thank-you\",\r\n    templateUrl: \"./thank-you.component.html\",\r\n    styleUrls: ['./job-shadow-workbook.component.css']\r\n})\r\nexport class UnitThreeLessonFourWorkbookThankYouComponent {\r\n\r\n    title: string = \"Thank You Note Template\";\r\n    pageTitle: string = this.title + \" | Job Shadow Workbook | Unit 3, Lesson 4 | T-Folio\";\r\n\r\n    shadowDate: string;\r\n    hostName: string;\r\n    learned: string;\r\n    liked: string;\r\n    userName: string;\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n\r\n    copyToClipboard(event: any) {\r\n\r\n        var copyText = document.getElementById(\"note\").innerText;\r\n\r\n        var textArea = document.createElement(\"textarea\");\r\n\r\n        textArea.style.position = 'fixed';\r\n        textArea.style.top = '0px';\r\n        textArea.style.left = '0px';\r\n        textArea.style.width = '2em';\r\n        textArea.style.height = '2em';\r\n        textArea.style.padding = '0px';\r\n        textArea.style.border = 'none';\r\n        textArea.style.outline = 'none';\r\n        textArea.style.boxShadow = 'none';\r\n        textArea.style.background = 'transparent';\r\n        textArea.value = copyText;\r\n        document.body.appendChild(textArea);\r\n\r\n        textArea.select();\r\n        document.execCommand('copy');\r\n\r\n        document.body.removeChild(textArea);\r\n\r\n    }\r\n\r\n    doScroll() {\r\n        window.scrollTo(0, 0);\r\n    }\r\n    doPrint() {\r\n        window.print();\r\n    }\r\n\r\n}\r\n","module.exports = \"<div class=\\\"container exercise-content guide\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">Home</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-3']\\\">Unit 3</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-3/lesson-5']\\\">Lesson 5</a></li>\\r\\n                <li class=\\\"active\\\">Lesson Guide</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/\\\">Unit 3</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/lesson-5/\\\">Lesson 5</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/lesson-5/guide/\\\">Lesson Guide</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-3/lesson-5/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n        <div class=\\\"col-md-12\\\"><h1>{{title}}</h1></div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-9\\\">\\r\\n            <h2 class=\\\"subtitle\\\">{{subtitle}}</h2>\\r\\n            <div>\\r\\n                Youth will learn about performance evaluations and letters of recommendation, which are important for getting and keeping a job.\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-3 box\\\">\\r\\n            <i class=\\\"fa fa-folder-open\\\" aria-hidden=\\\"true\\\"></i>\\r\\n            The <b>Employee Performance Review</b> activity serves as a personal development and reflection tool and is not intended as a T-Folio entry.\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n            <h2>Lesson Objectives</h2>\\r\\n            <b>Participants will:</b>\\r\\n            <ol>\\r\\n                <li>Be introduced to employer evaluations and their importance.</li>\\r\\n                <li>Review a good evaluation and a poor evaluation.</li>\\r\\n                <li>Conduct a self-evaluation activity.</li>\\r\\n                <li>Be introduced to letters of recommendation and how to ask for one.</li>\\r\\n                <li>Review examples of letters of recommendation.</li>\\r\\n            </ol>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Facilitator Notes</h2>\\r\\n            <ul>\\r\\n                <li>You may want to talk a little about your own experiences with evaluations and letters of recommendation. How was your first work evaluation (maybe your first job as a teen)? How did you feel?</li>\\r\\n                <li>Are you available to students for letters of recommendation?</li>\\r\\n                <li>\\r\\n                    A PowerPoint is included with this lesson and can be used as part of a presentation or for your information. It is recommended that you review the PowerPoint (including the Notes section) prior to using the lesson. It can be accessed in either PowerPoint or as a PDF:\\r\\n                    <ul>\\r\\n                        <li><a href=\\\"/img/unit-3/lesson-5/T-Folio_Unit-3_Lesson-5_Evaluations-And-Letters-Of-Recommendation.pptx\\\">PowerPoint: \\\"Evaluations and Letters of Recommendation\\\"</a></li>\\r\\n                        <li><a href=\\\"/img/unit-3/lesson-5/T-Folio_Unit-3_Lesson-5_Evaluations-And-Letters-Of-Recommendation.pdf\\\" target=\\\"_blank\\\">PDF: \\\"Evaluations and Letters of Recommendation\\\"</a></li>\\r\\n                    </ul>\\r\\n                </li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Introduction</h2>\\r\\n            <div><span style=\\\"font-weight:bold;\\\">Warm-up questions</span> (slide 2):</div>\\r\\n            <ul>\\r\\n                <li>When you are applying for a job or to a school, how will the employer or admissions department know about you and your skills?</li>\\r\\n                <li>What kinds of information do you think they will want to know?</li>\\r\\n                <li>Who will they ask for information about you?</li>\\r\\n                <li>Has anyone had any experience with evaluations at work or in school?</li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Activity</h2>\\r\\n            <div>For this section you will need:</div>\\r\\n            <ul>\\r\\n                <li><a href=\\\"/img/unit-3/lesson-5/T-Folio_Unit-3_Lesson-5_Evaluations-And-Letters-Of-Recommendation.pptx\\\">PowerPoint: \\\"Evaluations and Letters of Recommendation\\\"</a></li>\\r\\n                <li><a href=\\\"/img/unit-3/lesson-5/T-Folio_Unit-3_Lesson-5_Employee-Performance-Review-Sample-Sally.pdf\\\" target=\\\"blank\\\">Employee Performance Review Form Sample - Sally (PDF)</a></li>\\r\\n                <li><a href=\\\"/img/unit-3/lesson-5/T-Folio_Unit-3_Lesson-5_Employee-Performance-Review-Sample-Michelle.pdf\\\" target=\\\"_blank\\\">Employee Performance Review Form Sample Michelle (PDF)</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-3/lesson-5/performance-review']\\\">Employee Performance Review Form (blank)</a></li>\\r\\n            </ul>\\r\\n            <div style=\\\"font-weight:bold;padding-top:15px;padding-bottom:5px;\\\">Part 1: Evaluations</div>\\r\\n            <div>\\r\\n                Use the PowerPoint to guide the learning for this activity.\\r\\n                In Part 1, you will guide students through some background information on evaluations, assist them in reading and discussing the sample evaluations, and have them evaluate themselves in the following activity.\\r\\n            </div>\\r\\n            <div style=\\\"font-weight:bold;padding-top:15px;padding-bottom:5px;\\\">Evaluate Yourself Activity</div>\\r\\n            <div>\\r\\n                Using the Employee Performance Review form, have the student do an employer evaluation on themselves in the context of school.\\r\\n                Some steps to follow:\\r\\n            </div>\\r\\n            <ul>\\r\\n                <li>Discuss each area of the evaluation in the context of the school environment.</li>\\r\\n                <li>Have the student rate themselves.</li>\\r\\n                <li>Identify areas of improvement (you may want to reconnect to the <a [routerLink]=\\\"['/unit-3/lesson-2']\\\"> SCANS report from Unit 3, Lesson 2</a>).</li>\\r\\n                <li>Make a goal for improvement in one area.</li>\\r\\n            </ul>\\r\\n            <div style=\\\"font-weight:bold;padding-top:15px;padding-bottom:5px;\\\">Part 2: Letters of Recommendation</div>\\r\\n            <div>\\r\\n                In Part 2, students will learn about letters of recommendation, who to ask for a letter, and how to go about asking.\\r\\n                They will then read and discuss two sample letters (slides 14-17).\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Debrief and Guiding Questions</h2>\\r\\n            <ul>\\r\\n                <li>Why are evaluations important in the workplace? What can they tell you?</li>\\r\\n                <li>Who would you ask for a letter of recommendation? Why?</li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Additional Resources</h2>\\r\\n            <ul style=\\\"list-style:url('/img/arrow.png');\\\">\\r\\n                <li>Optional reading for more information: Dyton, J. (n.d.). <a href=\\\"https://www.monster.com/career-advice/article/ask-letter-recommendation\\\" target=\\\"_blank\\\">Asking for a letter of recommendation.</a> Monster Worldwide, Inc.</li>\\r\\n                <li>More tips: <a href=\\\"https://bigfuture.collegeboard.org/get-in/your-high-school-record/how-to-get-a-great-letter-of-recommendation\\\" target=\\\"_blank\\\">How to get a great letter of recommendation.</a> (n.d.). BigFuture.</li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Up Next</h2>\\r\\n            <div>\\r\\n                In Lesson 6, students will take what they have done in previous T-Folio lessons and apply it to the High School and Beyond Plan.\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-3/lesson-5/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from '@angular/platform-browser';\r\n\r\n@Component({\r\n    selector: 'unit-three-lesson-five-guide',\r\n    templateUrl: './_guide.component.html',\r\n    styleUrls: ['../../_shared/lesson-guides/lesson-guide.component.css']\r\n})\r\nexport class UnitThreeLessonFiveGuideComponent {\r\n\r\n    pageTitle: string = \"Lesson Guide | Unit 3, Lesson 5 | T-Folio\";\r\n    title: string = \"Lesson Guide\";\r\n    subtitle: string = \"Lesson 5: Evaluations and Letters of Recommendation\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n}\r\n","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: 'unit-three-lesson-five-landing-page',\r\n    templateUrl: '../../_shared/landing-pages/landing-page.component.html',\r\n    styleUrls: ['../../_shared/landing-pages/landing-page.component.css']\r\n})\r\nexport class UnitThreeLessonFiveLandingComponent {\r\n\r\n    bannerHeader = \"Work-Based Learning Experiences: Lesson 5\";\r\n    title: string = \"Lesson 5: Evaluations and Letters of Recommendation\";\r\n    pageTitle: string = \"Evaluations and Letters of Recommendation | Unit 3, Lesson 5 | T-Folio\";\r\n\r\n    openInNewWindow(url: string) {\r\n        window.open(url, '_blank');\r\n    }\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n    doPrint(): void {\r\n        window.print();\r\n    }\r\n\r\n    LandingPageData = {\r\n        breadcrumbs: {\r\n            label: \"Lesson 5\",\r\n            crumbs: [\r\n                {\r\n                    route: \"\",\r\n                    linktext: \"T-Folio\"\r\n                },\r\n                {\r\n                    route: \"/unit-3\",\r\n                    linktext: \"Unit 3\"\r\n                }\r\n            ]\r\n        },\r\n        summary: \"Youth will learn about performance evaluations and letters of recommendation, which are important for getting and keeping a job.\",\r\n        objectives: [\r\n            \"Be introduced to employer evaluations and their importance.\", \r\n            \"Review a good evaluation and a poor evaluation.\", \r\n            \"Conduct a self-evaluation activity.\", \r\n            \"Be introduced to letters of recommendation and how to ask for one.\", \r\n            \"Review examples of letters of recommendation.\", \r\n\r\n        ],\r\n        buttons: [\r\n            {\r\n                route: \"/unit-3/lesson-5/guide\",\r\n                linktext: \"Lesson Guide\",\r\n                color: \"btn-success\",\r\n                window: false,\r\n            },\r\n            {\r\n                route: '/unit-3/lesson-5/performance-review',\r\n                linktext: 'Employee Performance Review',\r\n                color: \"btn-primary\",\r\n                window: false\r\n            },\r\n            {\r\n                route: '/img/unit-3/lesson-5/T-Folio_Unit-3_Lesson-5_Employee-Performance-Review-Sample-Michelle.pdf',\r\n                linktext: 'Employee Performance Review Sample - Michelle (PDF)',\r\n                color: \"btn-primary\",\r\n                window: true\r\n            },\r\n            {\r\n                route: '/img/unit-3/lesson-5/T-Folio_Unit-3_Lesson-5_Employee-Performance-Review-Sample-Sally.pdf',\r\n                linktext: 'Employee Performance Review Sample - Sally (PDF)',\r\n                color: \"btn-primary\",\r\n                window: true\r\n            },\r\n            {\r\n                route: '/img/unit-3/lesson-5/T-Folio_Unit-3_Lesson-5_Evaluations-And-Letters-Of-Recommendation.pptx',\r\n                linktext: \"PowerPoint Presentation\",\r\n                color: \"powerpoint-button\",\r\n                window: true,\r\n            }\r\n        ],\r\n        image: \"/img/unit-3/lesson-5/LESSON 5_feedback-1825515_1920.jpg\",\r\n        imgalt: 'The word \"feedback\" is written and underlined in white chalk on a black chalkboard.',\r\n        caption: \"on\",\r\n        photoLink: \"https://pixabay.com/en/feedback-confirming-board-1825515/\",\r\n        source: \"Pixabay\",\r\n        sourceLink: \"https://pixabay.com/en/\",\r\n        licence: \"CC0 license\",\r\n        licenceLink: \"https://creativecommons.org/publicdomain/zero/1.0/\",\r\n    }\r\n}\r\n","module.exports = \"<div class=\\\"container exercise-content\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-3']\\\">Unit 3</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-3/lesson-5']\\\">Lesson 5</a></li>\\r\\n                <li class=\\\"active\\\">{{title}}</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/\\\">Unit 3</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/lesson-5/\\\">Lesson 5</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/lesson-5/performance-review/\\\">{{title}}</a></li>\\r\\n            </ol>\\r\\n\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-3/lesson-5/performance review'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"text-align:center\\\">\\r\\n            <h1 style=\\\"text-align:center;margin-top:0px;padding-top:0px;margin-bottom:0px;padding-bottom:10px;\\\">Employee Performance Review</h1>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2 style=\\\"text-align:right\\\">Awesome Company, Inc.</h2>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h3 style=\\\"margin-top:0px;padding-top:0px;margin-bottom:0px;padding-bottom:10px;\\\"><b>Employee Information</b></h3>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-2\\\" style=\\\"padding-top:2px;padding-bottom:2px;\\\"><label for=\\\"tfolio-name-textbox\\\"><b>Name</b></label></div>\\r\\n        <div class=\\\"col-md-4\\\" style=\\\"padding-top:2px;padding-bottom:2px;\\\"><input type=\\\"text\\\" id=\\\"tfolio-name-textbox\\\" name=\\\"tfolio-name-textbox\\\" /></div>\\r\\n        <div class=\\\"col-md-2\\\" style=\\\"padding-top:2px;padding-bottom:2px;\\\"><label for=\\\"tfolio-employee-id-textbox\\\"><b>Employee ID</b></label></div>\\r\\n        <div class=\\\"col-md-4\\\" style=\\\"padding-top:2px;padding-bottom:2px;\\\"><input type=\\\"text\\\" id=\\\"tfolio-employee-id-textbox\\\" name=\\\"tfolio-employee-id-textbox\\\" /></div>\\r\\n    </div>\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-2\\\" style=\\\"padding-top:2px;padding-bottom:2px;\\\"><label for=\\\"tfolio-job-title-textbox\\\"><b>Job Title</b></label></div>\\r\\n        <div class=\\\"col-md-4\\\" style=\\\"padding-top:2px;padding-bottom:2px;\\\"><input type=\\\"text\\\" id=\\\"tfolio-job-title-textbox\\\" name=\\\"tfolio-job-title-textbox\\\" /></div>\\r\\n        <div class=\\\"col-md-2\\\" style=\\\"padding-top:2px;padding-bottom:2px;\\\"><label for=\\\"tfolio-date-textbox\\\"><b>Date</b></label></div>\\r\\n        <div class=\\\"col-md-4\\\" style=\\\"padding-top:2px;padding-bottom:2px;\\\"><input type=\\\"text\\\" id=\\\"tfolio-date-textbox\\\" name=\\\"tfolio-date-textbox\\\" /></div>\\r\\n    </div>\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-2\\\" style=\\\"padding-top:2px;padding-bottom:2px;\\\"><label for=\\\"tfolio-department-textbox\\\"><b>Department</b></label></div>\\r\\n        <div class=\\\"col-md-4\\\" style=\\\"padding-top:2px;padding-bottom:2px;\\\"><input type=\\\"text\\\" id=\\\"tfolio-department-textbox\\\" name=\\\"tfolio-department-textbox\\\" /></div>\\r\\n        <div class=\\\"col-md-2\\\" style=\\\"padding-top:2px;padding-bottom:2px;\\\"><label for=\\\"tfolio-manager-textbox\\\"><b>Manager</b></label></div>\\r\\n        <div class=\\\"col-md-4\\\" style=\\\"padding-top:2px;padding-bottom:2px;\\\"><input type=\\\"text\\\" id=\\\"tfolio-manager-textbox\\\" name=\\\"tfolio-manager-textbox\\\" /></div>\\r\\n    </div>\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-2\\\" style=\\\"padding-top:2px;padding-bottom:2px;\\\"><label for=\\\"tfolio-review-period-textbox\\\"><b>Review Period</b></label></div>\\r\\n        <div class=\\\"col-md-4\\\" style=\\\"padding-top:2px;padding-bottom:2px;\\\"><input type=\\\"text\\\" id=\\\"tfolio-review-period-textbox\\\" name=\\\"tfolio-review-period-textbox\\\" /></div>\\r\\n        <div class=\\\"col-md-6\\\" style=\\\"padding-top:2px;padding-bottom:2px;\\\">&nbsp;</div>\\r\\n    </div>\\r\\n    <hr style=\\\"margin-bottom:-10px\\\" />\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h3 style=\\\"margin-top:25px;padding-top:0px;margin-bottom:0px;padding-bottom:10px;\\\"><b>Ratings</b></h3>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-7\\\" style=\\\"width:30%;\\\"><br /><b>Job Knowledge</b></div>\\r\\n    <div class=\\\"col-md-1\\\" style=\\\"width:14%;text-align:center;\\\"><label style=\\\"font-size:small\\\">1 = Poor<br /><input type=\\\"checkbox\\\" /></label></div>\\r\\n    <div class=\\\"col-md-1\\\" style=\\\"width:14%;text-align:center;\\\"><label style=\\\"font-size:small\\\">2 = Fair<br /><input type=\\\"checkbox\\\" /></label></div>\\r\\n    <div class=\\\"col-md-1\\\" style=\\\"width:14%;text-align:center;\\\"><label style=\\\"font-size:small\\\">3 = Satisfactory<br /><input type=\\\"checkbox\\\" /></label></div>\\r\\n    <div class=\\\"col-md-1\\\" style=\\\"width:14%;text-align:center;\\\"><label style=\\\"font-size:small\\\">4 = Good<br /><input type=\\\"checkbox\\\" /></label></div>\\r\\n    <div class=\\\"col-md-1\\\" style=\\\"width:14%;text-align:center;\\\"><label style=\\\"font-size:small\\\">5 = Excellent<br /><input type=\\\"checkbox\\\" /></label></div>\\r\\n    </div>\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-1\\\" style=\\\"padding-top:10px;padding-bottom:10px;\\\"><label for=\\\"performance-review-job-knowledge-comments\\\" style=\\\"font-style:italic;\\\">Comments</label></div>\\r\\n        <div class=\\\"col-md-11\\\" style=\\\"padding-top:10px;padding-bottom:10px;\\\"><input id=\\\"performance-review-job-knowledge-comments\\\" type=\\\"text\\\" /></div>\\r\\n    </div>\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-7\\\" style=\\\"width:30%;\\\"><br /><b>Work Quality</b></div>\\r\\n        <div class=\\\"col-md-1\\\" style=\\\"width:14%;text-align:center;\\\"><label style=\\\"font-size:small\\\">1 = Poor<br /><input type=\\\"checkbox\\\" /></label></div>\\r\\n        <div class=\\\"col-md-1\\\" style=\\\"width:14%;text-align:center;\\\"><label style=\\\"font-size:small\\\">2 = Fair<br /><input type=\\\"checkbox\\\" /></label></div>\\r\\n        <div class=\\\"col-md-1\\\" style=\\\"width:14%;text-align:center;\\\"><label style=\\\"font-size:small\\\">3 = Satisfactory<br /><input type=\\\"checkbox\\\" /></label></div>\\r\\n        <div class=\\\"col-md-1\\\" style=\\\"width:14%;text-align:center;\\\"><label style=\\\"font-size:small\\\">4 = Good<br /><input type=\\\"checkbox\\\" /></label></div>\\r\\n        <div class=\\\"col-md-1\\\" style=\\\"width:14%;text-align:center;\\\"><label style=\\\"font-size:small\\\">5 = Excellent<br /><input type=\\\"checkbox\\\" /></label></div>\\r\\n    </div>\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-1\\\" style=\\\"padding-top:10px;padding-bottom:10px;\\\"><label for=\\\"performance-review-work-quality-comments\\\" style=\\\"font-style:italic\\\">Comments</label></div>\\r\\n        <div class=\\\"col-md-11\\\" style=\\\"padding-top:10px;padding-bottom:10px;\\\"><input id=\\\"performance-review-work-quality-comments\\\" type=\\\"text\\\" /></div>\\r\\n    </div>\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-7\\\" style=\\\"width:30%;\\\"><br /><b>Attendance/Punctuality</b></div>\\r\\n        <div class=\\\"col-md-1\\\" style=\\\"width:14%;text-align:center;\\\"><label style=\\\"font-size:small\\\">1 = Poor<br /><input type=\\\"checkbox\\\" /></label></div>\\r\\n        <div class=\\\"col-md-1\\\" style=\\\"width:14%;text-align:center;\\\"><label style=\\\"font-size:small\\\">2 = Fair<br /><input type=\\\"checkbox\\\" /></label></div>\\r\\n        <div class=\\\"col-md-1\\\" style=\\\"width:14%;text-align:center;\\\"><label style=\\\"font-size:small\\\">3 = Satisfactory<br /><input type=\\\"checkbox\\\" /></label></div>\\r\\n        <div class=\\\"col-md-1\\\" style=\\\"width:14%;text-align:center;\\\"><label style=\\\"font-size:small\\\">4 = Good<br /><input type=\\\"checkbox\\\" /></label></div>\\r\\n        <div class=\\\"col-md-1\\\" style=\\\"width:14%;text-align:center;\\\"><label style=\\\"font-size:small\\\">5 = Excellent<br /><input type=\\\"checkbox\\\" /></label></div>\\r\\n    </div>\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-1\\\" style=\\\"padding-top:10px;padding-bottom:10px;\\\"><label for=\\\"performance-review-attendance-punctuality-comments\\\" style=\\\"font-style:italic;\\\">Comments</label></div>\\r\\n        <div class=\\\"col-md-11\\\" style=\\\"padding-top:10px;padding-bottom:10px;\\\"><input id=\\\"performance-review-attendance-punctuality-comments\\\" type=\\\"text\\\" /></div>\\r\\n    </div>\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-7\\\" style=\\\"width:30%;\\\"><br /><b>Initiative</b></div>\\r\\n        <div class=\\\"col-md-1\\\" style=\\\"width:14%;text-align:center;\\\"><label style=\\\"font-size:small\\\">1 = Poor<br /><input type=\\\"checkbox\\\" /></label></div>\\r\\n        <div class=\\\"col-md-1\\\" style=\\\"width:14%;text-align:center;\\\"><label style=\\\"font-size:small\\\">2 = Fair<br /><input type=\\\"checkbox\\\" /></label></div>\\r\\n        <div class=\\\"col-md-1\\\" style=\\\"width:14%;text-align:center;\\\"><label style=\\\"font-size:small\\\">3 = Satisfactory<br /><input type=\\\"checkbox\\\" /></label></div>\\r\\n        <div class=\\\"col-md-1\\\" style=\\\"width:14%;text-align:center;\\\"><label style=\\\"font-size:small\\\">4 = Good<br /><input type=\\\"checkbox\\\" /></label></div>\\r\\n        <div class=\\\"col-md-1\\\" style=\\\"width:14%;text-align:center;\\\"><label style=\\\"font-size:small\\\">5 = Excellent<br /><input type=\\\"checkbox\\\" /></label></div>\\r\\n    </div>\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-1\\\" style=\\\"padding-top:10px;padding-bottom:10px;\\\"><label for=\\\"performance-review-initiative-comments\\\" style=\\\"font-style:italic;\\\">Comments</label></div>\\r\\n        <div class=\\\"col-md-11\\\" style=\\\"padding-top:10px;padding-bottom:10px;\\\"><input id=\\\"performance-review-initiative-comments\\\" type=\\\"text\\\" /></div>\\r\\n    </div>\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-7\\\" style=\\\"width:30%;\\\"><br /><b>Communication/Listening Skills</b></div>\\r\\n        <div class=\\\"col-md-1\\\" style=\\\"width:14%;text-align:center;\\\"><label style=\\\"font-size:small\\\">1 = Poor<br /><input type=\\\"checkbox\\\" /></label></div>\\r\\n        <div class=\\\"col-md-1\\\" style=\\\"width:14%;text-align:center;\\\"><label style=\\\"font-size:small\\\">2 = Fair<br /><input type=\\\"checkbox\\\" /></label></div>\\r\\n        <div class=\\\"col-md-1\\\" style=\\\"width:14%;text-align:center;\\\"><label style=\\\"font-size:small\\\">3 = Satisfactory<br /><input type=\\\"checkbox\\\" /></label></div>\\r\\n        <div class=\\\"col-md-1\\\" style=\\\"width:14%;text-align:center;\\\"><label style=\\\"font-size:small\\\">4 = Good<br /><input type=\\\"checkbox\\\" /></label></div>\\r\\n        <div class=\\\"col-md-1\\\" style=\\\"width:14%;text-align:center;\\\"><label style=\\\"font-size:small\\\">5 = Excellent<br /><input type=\\\"checkbox\\\" /></label></div>\\r\\n    </div>\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-1\\\" style=\\\"padding-top:10px;padding-bottom:10px;\\\"><label for=\\\"performance-review-communication-comments\\\" style=\\\"font-style:italic\\\">Comments</label></div>\\r\\n        <div class=\\\"col-md-11\\\" style=\\\"padding-top:10px;padding-bottom:10px;\\\"><input id=\\\"performance-review-communication-comments\\\" type=\\\"text\\\" /></div>\\r\\n    </div>\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-7\\\" style=\\\"width:30%;\\\"><br /><b>Dependability</b></div>\\r\\n        <div class=\\\"col-md-1\\\" style=\\\"width:14%;text-align:center;\\\"><label style=\\\"font-size:small\\\">1 = Poor<br /><input type=\\\"checkbox\\\" /></label></div>\\r\\n        <div class=\\\"col-md-1\\\" style=\\\"width:14%;text-align:center;\\\"><label style=\\\"font-size:small\\\">2 = Fair<br /><input type=\\\"checkbox\\\" /></label></div>\\r\\n        <div class=\\\"col-md-1\\\" style=\\\"width:14%;text-align:center;\\\"><label style=\\\"font-size:small\\\">3 = Satisfactory<br /><input type=\\\"checkbox\\\" /></label></div>\\r\\n        <div class=\\\"col-md-1\\\" style=\\\"width:14%;text-align:center;\\\"><label style=\\\"font-size:small\\\">4 = Good<br /><input type=\\\"checkbox\\\" /></label></div>\\r\\n        <div class=\\\"col-md-1\\\" style=\\\"width:14%;text-align:center;\\\"><label style=\\\"font-size:small\\\">5 = Excellent<br /><input type=\\\"checkbox\\\" /></label></div>\\r\\n    </div>\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-1\\\" style=\\\"padding-top:10px;padding-bottom:10px;\\\"><label for=\\\"performance-review-dependability-comments\\\" style=\\\"font-style:italic\\\">Comments</label></div>\\r\\n        <div class=\\\"col-md-11\\\" style=\\\"padding-top:10px;padding-bottom:10px;\\\"><input id=\\\"performance-review-dependability-comments\\\" type=\\\"text\\\" /></div>\\r\\n    </div>\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-5\\\" style=\\\"padding-top:10px;padding-bottom:10px;\\\"><label for=\\\"performance-review-rating\\\" style=\\\"font-weight:bold;\\\">Overall Rating</label> <i>(average the rating numbers above)</i></div>\\r\\n        <div class=\\\"col-md-7\\\" style=\\\"padding-top:10px;padding-bottom:10px;\\\"><input id=\\\"performance-review-rating\\\" type=\\\"text\\\" /></div>\\r\\n    </div>\\r\\n    <hr style=\\\"margin-bottom:-10px\\\" />\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h3 style=\\\"margin-top:25px;padding-top:0px;margin-bottom:0px;padding-bottom:10px;\\\"><b>Evaluation</b></h3>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row\\\" style=\\\"page-break-after:always;\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"padding-bottom:5px;\\\">\\r\\n            <label for=\\\"performance-review-additional-comments\\\">ADDITIONAL COMMENTS</label>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"padding-bottom:5px;\\\">\\r\\n            <div contenteditable=\\\"true\\\" id=\\\"smart-goal-textbox\\\" rows=\\\"4\\\" class=\\\"editor\\\"></div>\\r\\n\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <label for=\\\"performance-review-goals\\\">GOALS</label><br />\\r\\n            <span>(as agreed upon by employee and manager)</span>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <div contenteditable=\\\"true\\\" id=\\\"smart-goal-textbox\\\" rows=\\\"4\\\" class=\\\"editor\\\"></div>\\r\\n\\r\\n        </div>\\r\\n    </div>\\r\\n    <hr style=\\\"margin-bottom:-10px\\\" />\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h3 style=\\\"margin-top:25px;padding-top:0px;margin-bottom:0px;padding-bottom:10px;\\\"><b>Verification of Review</b></h3>\\r\\n            <div>\\r\\n                By signing this form, you confirm that you have discussed this review in detail with your supervisor.\\r\\n                Signing this form does not necessarily indicate that you agree with this evaluation.\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-3\\\" style=\\\"padding-top:15px;padding-bottom:5px;\\\"><label for=\\\"performance-review-employee-signature\\\">Employee Signature</label></div>\\r\\n        <div class=\\\"col-md-5\\\" style=\\\"padding-top:15px;padding-bottom:5px;\\\"><input id=\\\"performance-review-employee-signature\\\" type=\\\"text\\\" style=\\\"visibility:hidden;\\\" /></div>\\r\\n        <div class=\\\"col-md-1\\\" style=\\\"padding-top:15px;padding-bottom:5px;\\\">\\r\\n            <label for=\\\"performance-review-employee-signature-date\\\">Date</label>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-3\\\" style=\\\"padding-top:15px;padding-bottom:5px;\\\">\\r\\n            <input id=\\\"performance-review-employee-signature-date\\\"\\r\\n                   name=\\\"performance-review-employee-signature-date\\\"\\r\\n                   type=\\\"text\\\" />\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-3\\\" style=\\\"padding-top:5px;padding-bottom:5px;\\\"><label for=\\\"performance-review-manager-signature\\\">Manager Signature</label></div>\\r\\n        <div class=\\\"col-md-5\\\" style=\\\"padding-top:5px;padding-bottom:5px;\\\"><input id=\\\"performance-review-manager-signature\\\" type=\\\"text\\\" style=\\\"visibility:hidden;\\\" /></div>\\r\\n        <div class=\\\"col-md-1\\\" style=\\\"padding-top:5px;padding-bottom:5px;\\\">\\r\\n            <label for=\\\"performance-review-manager-signature-date\\\">Date</label>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-3\\\" style=\\\"padding-top:5px;padding-bottom:5px;\\\">\\r\\n            <input id=\\\"performance-review-manager-signature-date\\\"\\r\\n                   name=\\\"performance-review-manager-signature-date\\\"\\r\\n                   type=\\\"text\\\" />\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"padding-top:25px;font-size:12px\\\">\\r\\n            * This Employee Performance Review Form\\r\\n            is modified from a <a href=\\\"https://products.office.com/en-us/home\\\" target=\\\"_blank\\\">Microsoft Office</a> template.\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-3/lesson-5/performance review'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: \"job-shadow-workbook-performance-review\",\r\n    templateUrl: \"./performance-review.component.html\",\r\n    styles: [`\r\n    h1 {\r\n        text-align:right;\r\n    }\r\n\r\n    .active {\r\n    color: #2C3E50;\r\n    }\r\n\r\n    .editor {\r\n        min-height:75px;\r\n        width:100%;\r\n        margin-top:5px;\r\n        border: 1px solid gray;\r\n        text-align:left;\r\n        font-weight:bold;\r\n    }   \r\n\r\n    @media print {\r\n        .editor { \r\n            min-height:75px;\r\n            width:100%;\r\n            margin-top:5px;\r\n            border:none; \r\n            text-align:left;\r\n        }\r\n    }\r\n\r\n    `]\r\n})\r\nexport class UnitThreeLessonFivePerformanceReviewComponent {\r\n\r\n    title: string = \"Employee Performance Review\";\r\n    pageTitle: string = this.title + \" | Unit 3, Lesson 5 | T-Folio\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n    doScroll() {\r\n        window.scrollTo(0, 0);\r\n    }\r\n    doPrint() {\r\n        window.print();\r\n    }\r\n\r\n}\r\n","module.exports = \"<div class=\\\"container exercise-content guide\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-3']\\\">Unit 3</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-3/lesson-6']\\\">Lesson 6</a></li>\\r\\n                <li class=\\\"active\\\">Lesson Guide</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/\\\">Unit 3</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/lesson-6/\\\">Lesson 6</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-3/lesson-6/guide/\\\">Lesson Guide</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-3/lesson-6/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n        <div class=\\\"col-md-12\\\"><h1>{{title}}</h1></div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-9\\\">\\r\\n            <h2 class=\\\"subtitle\\\">{{subtitle}}</h2>\\r\\n            <div>\\r\\n                In this lesson the youth will align the information and activities they have completed throughout the T-Folio with their High School and Beyond Plan (HSBP).\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-3 box\\\">\\r\\n            <i class=\\\"fa fa-folder-open\\\" aria-hidden=\\\"true\\\"></i>\\r\\n            <b>Item to be added to student's Transition Portfolio:</b><ul><li>High School and Beyond Plan</li></ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n            <h2>Lesson Objectives</h2>\\r\\n            <b>Participants will:</b>\\r\\n            <ol>\\r\\n                <li>Review their High School and Beyond Plan.</li>\\r\\n                <li>Review the information they have gathered so far using the T-Folio.</li>\\r\\n                <li>Update the High School and Beyond Plan.</li>\\r\\n            </ol>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12 facilitator-notes\\\">\\r\\n            <h2>Facilitator Notes</h2>\\r\\n            <div>\\r\\n                The High School and Beyond Plan (HSBP) is a Washington state graduation requirement that is managed by school districts to ensure students meet the state requirements.\\r\\n                There are many areas in which the transition portion of the Individualized Education Program (IEP) and HSBP align.\\r\\n                In an effort not to have youth duplicate activities, this lesson allows for the youth to enter work they have done in the T-Folio and in the implementation of their IEP into their High School and Beyond Plan.\\r\\n            </div>\\r\\n            <div>\\r\\n                You may want to consider including the high school counselor in this lesson as they can help to guide the youth through the HSBP.\\r\\n            </div>\\r\\n            <div>The state-required elements of the High School and Beyond Plan, at a minimum, are:</div>\\r\\n            <ul>\\r\\n                <li>Begins in 7th or 8th grade;</li>\\r\\n                <li>Identification of career goals based on a career interest and skills inventory or assessment;</li>\\r\\n                <li>Identification of educational goals;</li>\\r\\n                <li>A four-year course plan that fulfills graduation requirements and aligns with career and educational goals;</li>\\r\\n                <li>\\r\\n                    A r&eacute;sum&eacute; or activity log by the end of twelfth grade that provides a written compilation of student's education, any work experience, any community service, and how the school district has recognized the community service pursuant to\\r\\n                    <a href=\\\"https://app.leg.wa.gov/rcw/default.aspx?cite=28A.320.193\\\" target=\\\"_blank\\\">Revised Code of Washington (RCW) 28A.320.193.</a>\\r\\n                </li>\\r\\n            </ul>\\r\\n            <div>\\r\\n                Although Washington State has an <a href=\\\"https://www.k12.wa.us/sites/default/files/public/ossi/k12supports/careercollegereadiness/careerguidancewa/pubdocs/highschoolandbeyondplanstudenttemplate.pdf\\\" target=\\\"_blank\\\">HSBP template</a>, many school districts have developed their own forms.\\r\\n                <b>You will need to check with your school counselor or administration to determine what format your school district is using.</b>\\r\\n            </div>\\r\\n            <div>\\r\\n                A digital version of the High School and Beyond Plan is available for all school districts.\\r\\n                Check with your school district's director of student information for more information about the Washington School Information Processing Cooperative (WSIPC) digital plan.\\r\\n            </div>\\r\\n            <div>\\r\\n                Refer to the HSBP guidance on <a href=\\\"http://www.k12.wa.us/GraduationRequirements/Requirement-HighSchoolBeyond.aspx\\\" target=\\\"_blank\\\">OSPI’s website</a>.\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12 introduction\\\">\\r\\n            <h2>Introduction</h2>\\r\\n            <div style=\\\"padding-top:5px;\\\">\\r\\n                <div>\\r\\n                    <b>Say:</b>\\r\\n                    As part of the requirements for graduation, in addition to earning credits and passing state assessments,\\r\\n                    each student is required to develop and complete a High School and Beyond Plan which details how they will meet the high school graduation requirements and what they will do following high school.\\r\\n                </div>\\r\\n                <div>\\r\\n                    Parts of the High School and Beyond Plan are similar to the transition plan you have developed if you have an IEP.\\r\\n                </div>\\r\\n                <div>\\r\\n                    Many of the activities we have been doing in the T-Folio meet the HSBP requirements as well, so today we are going to gather what you have done, determine what meets the HSBP requirements,\\r\\n                    and make sure they get entered on the form.\\r\\n                </div>\\r\\n                <div>\\r\\n                    Here are some of the components of the HSBP and where you might look in the T-Folio for similar information or activities:\\r\\n                </div>\\r\\n                <ol style=\\\"list-style-type:lower-alpha\\\">\\r\\n                    <li>Career Interest Inventory <a [routerLink]=\\\"['/unit-1/lesson-3']\\\">(T-Folio Unit 1, Lesson 3)</a></li>\\r\\n                    <li>Educational goals <a [routerLink]=\\\"['/unit-2/lesson-2']\\\">(Unit 2, Lesson 2)</a></li>\\r\\n                    <li>Course planner <a [routerLink]=\\\"['/unit-2/lesson-5']\\\">(Unit 2, Lesson 5)</a></li>\\r\\n                    <li>Personalized pathway <a [routerLink]=\\\"['/unit-2/lesson-7']\\\">(Unit 2, Lesson 7)</a></li>\\r\\n                    <li>R&eacute;sum&eacute;/activity log <a [routerLink]=\\\"['/unit-4/lesson-2']\\\">(Unit 4, Lesson 2)</a></li>\\r\\n                </ol>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Activity</h2>\\r\\n            <ol>\\r\\n                <li>Have students work on the HSBP format for your district.</li>\\r\\n                <li>Assist them in making a list of any items that are missing.</li>\\r\\n                <li>Discuss what activities can be planned to fill in the missing parts.</li>\\r\\n            </ol>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Debrief and Guiding Questions</h2>\\r\\n            <ul>\\r\\n                <li>What items are missing? </li>\\r\\n                <li>What do you need help with accomplishing for your HSBP?</li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Additional Resources</h2>\\r\\n            <ul style=\\\"list-style:url('/img/arrow.png');\\\">\\r\\n                <li>For more help with the High School and Beyond Plan, see <a href=\\\"http://www.k12.wa.us/GraduationRequirements/default.aspx\\\" target=\\\"_blank\\\">OSPI's Washington State Graduation Requirements</a>.</li>\\r\\n                <li>For additional help in understanding the state graduation requirements, see the <a href=\\\"http://www.k12.wa.us/GraduationRequirements/GraduationToolkit.aspx\\\" target=\\\"_blank\\\">Graduation Toolkit</a>.</li>\\r\\n                <li>\\r\\n                    The following document contains helpful information for students not graduating after four years of high school:\\r\\n                    <a href=\\\"http://www.k12.wa.us/Resources/pubdocs/Non-Grad_Options.pdf\\\" target=\\\"_blank\\\">Options for Students Not Graduating After Four Years of High School</a> (pdf).\\r\\n                </li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Considerations for Accommodation</h2>\\r\\n            <div>\\r\\n                If access is available in your school district, some elements of the HSBP can be auto-filled through CEDARS or Skyward.\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Up Next</h2>\\r\\n            <div>\\r\\n                You’ve completed Unit 3!\\r\\n                Next up is <b>Unit 4: Workplace Readiness Training</b>, in which students will learn about the job application and interview process and will write a r&eacute;sum&eacute;, an elevator pitch, and a thank you letter.\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-3/lesson-6/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from '@angular/platform-browser';\r\n\r\n@Component({\r\n    selector: 'unit-three-lesson-six-guide',\r\n    templateUrl: './_guide.component.html',\r\n    styleUrls: ['../../_shared/lesson-guides/lesson-guide.component.css']\r\n})\r\nexport class UnitThreeLessonSixGuideComponent {\r\n\r\n    pageTitle: string = \"Lesson Guide | Unit 3, Lesson 6 | T-Folio\";\r\n    title: string = \"Lesson Guide\";\r\n    subtitle: string = \"Lesson 6: High School and Beyond Plan\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n}\r\n","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: 'unit-three-lesson-six-landing-page',\r\n    templateUrl: '../../_shared/landing-pages/landing-page.component.html',\r\n    styleUrls: ['../../_shared/landing-pages/landing-page.component.css']\r\n})\r\nexport class UnitThreeLessonSixLandingComponent {\r\n\r\n    bannerHeader = \"Work-Based Learning Experiences: Lesson 6\";\r\n    title: string = \"Lesson 6: High School and Beyond Plan\";\r\n    pageTitle: string = \"High School and Beyond Plan | Unit 3, Lesson 6 | T-Folio\";\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n    LandingPageData = {\r\n        breadcrumbs: {\r\n            label: \"Lesson 6\",\r\n            crumbs: [\r\n                {\r\n                    route: \"\",\r\n                    linktext: \"T-Folio\"\r\n                },\r\n                {\r\n                    route: \"/unit-3\",\r\n                    linktext: \"Unit 3\"\r\n                }\r\n            ]\r\n        },\r\n        summary: \"In this lesson, the youth will align the information and activities they have completed throughout the T-Folio with their High School and Beyond Plan (HSBP). Educators and agency personnel will guide youth in determining if they have gathered the necessary information to complete the HSBP.\",\r\n        objectives: [\r\n            \"Review their High School and Beyond Plan.\",\r\n            \"Review the information they have gathered so far using the T-Folio.\",\r\n            \"Update the High School and Beyond Plan.\",\r\n        ],\r\n        buttons: [\r\n            {\r\n                route: \"/unit-3/lesson-6/guide\",\r\n                linktext: \"Lesson Guide\",\r\n                color: \"btn-success\",\r\n            }\r\n        ],\r\n        image: \"/img/unit-3/lesson-6/LESSON 6_carl-heyerdahl-181868.jpg\",\r\n        imgalt: 'This image shows an organized desk space with a large computer monitor that says \"DO MORE.\" in white letters on a black screen.',\r\n        caption: \"by Carl Heyerdahl on\",\r\n        photoLink: \"https://unsplash.com/photos/KE0nC8-58MQ\",\r\n        source: \"Unsplash\",\r\n        sourceLink: \"https://unsplash.com/\",\r\n        licence: \"Open license\",\r\n        licenceLink: \"https://unsplash.com/license\",\r\n\r\n    }\r\n\r\n    doPrint(): void {\r\n        window.print();\r\n    }\r\n}\r\n","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: 'unit-four-landing-page',\r\n    templateUrl: '../_shared/landing-pages/unit-landing-page.component.html',\r\n    styleUrls: ['../_shared/landing-pages/unit-landing-page.component.css']\r\n})\r\nexport class UnitFourLandingComponent {\r\n\r\n    title: string = \"Unit 4: Workplace Readiness Training\";\r\n    pageTitle: string = \"Workplace Readiness Training | Unit 4 | T-Folio\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n    UnitLandingPageData = {\r\n        breadcrumbs: {\r\n            label: \"Unit 4\",\r\n            crumbs: [\r\n                {\r\n                    route: \"\",\r\n                    linktext: \"T-Folio\"\r\n                }\r\n            ]\r\n        },\r\n        portfolioitems: [\r\n            {\r\n                text: \"Work Maturity Skills List\",\r\n            },\r\n            {\r\n                text: \"Résumé\",\r\n            },\r\n            {\r\n                text: \"Résumé Keyword Worksheet\",\r\n            },\r\n            {\r\n                text: \"Elevator Speech Worksheet\",\r\n            },\r\n            {\r\n                text: \"Practice Job Application\",\r\n            },\r\n            {\r\n                text: \"Job Applications Tracker\",\r\n            },\r\n            {\r\n                text: \"Job Interview Questions and Answers\",\r\n            },\r\n            {\r\n                text: \"Job interview: Peer Reflection Feedback\",\r\n            },\r\n            {\r\n                text: \"Job Interview: Self-Evaluation\",\r\n            },\r\n            {\r\n                text: \"Thank You Note\",\r\n            },\r\n            {\r\n                text: \"Action Plan for Employment\",\r\n            }\r\n        ],\r\n        summary: \"Unit 4 assists youth in building more specific skills and products, including a r\\xE9sum\\xE9 and elevator speech, that will help them in applying and interviewing for jobs.\",\r\n        buttons: [\r\n            {\r\n                route: \"/unit-4/lesson-1\",\r\n                linktext: \"Lesson 1: Work Maturity Skills\",\r\n                color: \"btn-success\",\r\n                image: \"/img/unit-4/lesson-1/L1_cytonn-photography-604681-unsplash.jpg\",\r\n                alttext: \"This image is a close up of two hands shaking in a business setting.\",\r\n            },\r\n            {\r\n                route: \"/unit-4/lesson-2\",\r\n                linktext: \"Lesson 2: Writing a Résumé\",\r\n                color: \"btn-success\",\r\n                image: \"/img/unit-4/lesson-2/L2_resume.jpg\",\r\n                alttext: \"A r\\xE9sum\\xE9 and a data report rest on a wooden desk next to a laptop.\",\r\n            },\r\n            {\r\n                route: \"/unit-4/lesson-3\",\r\n                linktext: \"Lesson 3: Writing and Presenting an Elevator Speech\",\r\n                color: \"btn-success\",\r\n                image: \"/img/unit-4/lesson-3/L3_k-120-name-1117-id-62272-jpeg.jpg\",\r\n                alttext: \"A person wearing glasses and a blazer is speaking to a coworker.\",\r\n            },\r\n            {\r\n                route: \"/unit-4/lesson-4\",\r\n                linktext: \"Lesson 4: The Job Application Process\",\r\n                color: \"btn-success\",\r\n                image: \"/img/unit-4/lesson-4/L4_233-pom-4028-id-260562-jpeg.jpg\",\r\n                alttext: \"A student fills out a form at a desk.\",\r\n            },\r\n            {\r\n                route: \"/unit-4/lesson-5\",\r\n                linktext: \"Lesson 5: Job Interview Preparation\",\r\n                color: \"btn-success\",\r\n                image: \"/img/unit-4/lesson-5/L5_dream-job-2904780_1920.jpg\",\r\n                alttext: \"A wooden sign with the text “Dream Job” points towards the right of the image with a cloudy blue-sky backdrop.\",\r\n            },\r\n            {\r\n                route: \"/unit-4/lesson-6\",\r\n                linktext: \"Lesson 6: Writing a Thank You Note\",\r\n                color: \"btn-success\",\r\n                image: \"/img/unit-4/lesson-6/L6_aaron-burden-211846-unsplash.jpg\",\r\n                alttext: \"This image is a close up of a red thank you card and a calligraphy pen.\",\r\n            },\r\n            {\r\n                route: \"/unit-4/lesson-7\",\r\n                linktext: \"Lesson 7: Action Plan for Employment\",\r\n                color: \"btn-success\",\r\n                image: \"/img/unit-4/lesson-7/L7_K-63C-Ae-0005424901-BW-1-id-1211-jpeg.jpg\",\r\n                alttext: \"This black and white photo shows a team of eight young people putting their hands together over a table with work supplies.\",\r\n            },\r\n\r\n        ],\r\n        image: \"/img/unit-4/_landing/UNIT 4_229-num-002-id-259951-jpeg.jpg\",\r\n        alttext: \"A young person smiles at the camera beside two coworkers who are discussing work materials.\",\r\n        caption: \"on\",\r\n        photoText: \"Photo\",\r\n        photoLink: \"https://www.rawpixel.com/image/259951/diverse-business-people-woman-man-work-workplace-indoor-office-computers-documents-paper-colleagues\",\r\n        source: \"Rawpixel\",\r\n        sourceLink: \"https://www.rawpixel.com/\",\r\n        licence: \"/ Free license\",\r\n        licenceLink: \"https://www.rawpixel.com/services/image-licenses/free-license\",\r\n    }\r\n}\r\n","module.exports = \"<div class=\\\"container exercise-content guide\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-4']\\\">Unit 4</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-4/lesson-1']\\\">Lesson 1</a></li>\\r\\n                <li class=\\\"active\\\">Lesson Guide</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-4/\\\">Unit 4</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-4/lesson-1/\\\">Lesson 1</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-4/lesson-1/guide/\\\">Lesson Guide</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-4/lesson-1/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n        <div class=\\\"col-md-12\\\"><h1>{{title}}</h1></div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-9\\\">\\r\\n            <h2 class=\\\"subtitle\\\">{{subtitle}}</h2>\\r\\n            <div>\\r\\n                In this lesson, students will learn about work maturity skills and be able to identify their personal strengths and challenges.\\r\\n                Students will also develop the necessary skills to address various types of conflict within the workplace environment.\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-3 box\\\">\\r\\n            <i class=\\\"fa fa-folder-open\\\" aria-hidden=\\\"true\\\"></i>\\r\\n            <b>Item to be added to student's Transition Portfolio:</b>\\r\\n            <ul class=\\\"hidden-print\\\">\\r\\n                <li><a [routerLink]=\\\"['/unit-4/lesson-1/work-maturity-skills-list']\\\">Work Maturity Skills List</a></li>\\r\\n            </ul>\\r\\n            <ul class=\\\"visible-print-block\\\">\\r\\n                <li><a href=\\\"https://cctstfolio.com/#/unit-4/lesson-1/work-maturity-skills-list\\\">Work Maturity Skills List</a></li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n            <h2>Lesson Objectives</h2>\\r\\n            <b>Participants will:</b>\\r\\n            <ol>\\r\\n                <li>Be able to define and give examples of work maturity skills.</li>\\r\\n                <li>Recognize the connection between work maturity skills and success in the workplace.</li>\\r\\n                <li>Identify work maturity skills that are a personal strength.</li>\\r\\n                <li>Identify work maturity skills that need improvement and commit to next steps to grow in those areas.</li>\\r\\n                <li>Have tools to address workplace conflict. </li>\\r\\n            </ol>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Facilitator Notes</h2>\\r\\n            <ul>\\r\\n                <li>Students may need some of the work maturity skill terms defined prior to the lesson. </li>\\r\\n                <li>This lesson may take two or three sessions to complete, depending on students' previous exposure to work maturity skills (or \\\"soft skills\\\"). </li>\\r\\n                <li>The BINGO lesson in the warm up may be printed or played online. </li>\\r\\n                <li>\\r\\n                    A PowerPoint is included with this lesson and can be used as part of a presentation or for your information. It is recommended that you\\r\\n                    review the PowerPoint (including the Notes section) prior to using the lesson. It can be accessed in either PowerPoint or as a PDF:\\r\\n                    <ul>\\r\\n                        <li><a href=\\\"/img/unit-4/lesson-1/T-Folio_Unit-4_Lesson-1_Work-Maturity-Skills.pptx\\\">PowerPoint: \\\"Work Maturity Skills\\\"</a> </li>\\r\\n                        <li><a href=\\\"/img/unit-4/lesson-1/T-Folio_Unit-4_Lesson-1_Work-Maturity-Skills.pdf\\\" target=\\\"_blank\\\">PDF: \\\"Work Maturity Skills\\\"</a></li>\\r\\n                    </ul>\\r\\n                </li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Introduction</h2>\\r\\n            <b>Warm-up:</b><br />\\r\\n            <div style=\\\"padding-bottom:15px;\\\">\\r\\n                Go to <a href=\\\"https://bingobaker.com/view/1465384\\\" target=\\\"_blank\\\">Bingo Baker</a> for a warm up activity of Work Maturity Skills BINGO.\\r\\n                This will introduce students to work maturity words and terms.\\r\\n            </div>\\r\\n            <div style=\\\"padding-bottom:15px;\\\">\\r\\n                <b>Say:</b>&nbsp;&nbsp;Work maturity skills include attitude, communication, creative thinking, collaboration, time management, flexibility, critical thinking, and many more.\\r\\n                Work maturity skills are important to the success of almost all employees.\\r\\n                Almost all jobs require employees to engage with others in some way, so naturally being able to interact well with others is important in any job environment.\\r\\n            </div>\\r\\n            <div>\\r\\n                <b>To Play:</b>\\r\\n                <ul>\\r\\n                    <li>Print the number of cards to correspond with the number of players. </li>\\r\\n                    <li>Each card will print with the same words in different boxes. </li>\\r\\n                    <li>Call out different words and have the players mark an 'x' if the word appears on their card. </li>\\r\\n                    <li>First player to get five in a row yells \\\"BINGO!\\\"</li>\\r\\n                    <li>Alternatively, you can click the full screen option and play together as a group (under \\\"Play Online.\\\")</li>\\r\\n                </ul>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Activity</h2>\\r\\n            <div>\\r\\n                <h3 style=\\\"font-weight:bold;\\\">Part 1: Work Maturity Skills List</h3>\\r\\n                <div>\\r\\n                    <b>Say:</b>\\r\\n                    Review the list of <a [routerLink]=\\\"['/unit-4/lesson-1/work-maturity-skills-list']\\\">Work Maturity Skills.</a>\\r\\n                    Go through and write a \\\"1\\\" by the skills you feel you are the strongest at.\\r\\n                    Now write a \\\"2\\\" by the skills you feel you have an okay competency with.\\r\\n                    Next write a \\\"3\\\" by the skills you either don't have or do not feel are strong.\\r\\n                    <p>\\r\\n                        <ul><li>Give students time to review their lists. Define words or terms students are struggling with.</li></ul>\\r\\n                        <b>Ask:</b>\\r\\n                        Look back at your number 1s. Do your strengths have similarities or make you think of a certain job you may be successful at?\\r\\n                        <ul><li>Provide time for students to reflect.</li></ul>\\r\\n                        <b>Ask:</b>\\r\\n                        Look back at your number 3s, and identify two skills that you would like to improve on (example: time management).\\r\\n                        How could you improve? Who do you need support from? What's your first step? Write your answers in the \\\"My next steps\\\" box.\\r\\n                        <ul><li>Provide time for students to reflect and write their answers.</li></ul>\\r\\n                </div>\\r\\n\\r\\n                <h3 style=\\\"font-weight:bold;\\\">Part 2: Job Description Activity</h3>\\r\\n                <div>\\r\\n                    <b>Say:</b> Now we will review a <a href=\\\"/img/unit-4/lesson-1/T-Folio_Unit-4_Lesson-1_Job-Description.pdf\\\" target=\\\"_blank\\\">Job Description (PDF)</a> for an office clerk. Circle the work maturity skills you see in the job announcement.<br /><br />\\r\\n                    Now look back at your Work Maturity Skills activity. How did you rank those skills for yourself? Do you have areas you could improve on? Who might support you with your next steps?\\r\\n                </div>\\r\\n\\r\\n                <h3 style=\\\"font-weight:bold;\\\">Part 3: Skills in Action</h3>\\r\\n                <div>\\r\\n                    <b>Say:</b> Now let's flip the activity. I'll name a work maturity skill and you provide an example from the workplace of when that skill may be demonstrated.<br />\\r\\n                    <ul>\\r\\n                        <li>Facilitators may pick three skills from the work maturity list that would add value to the discussion (e.g., collaboration, time management, trainability, etc.). </li>\\r\\n                        <li>Provide students time to respond. </li>\\r\\n                    </ul>\\r\\n                </div>\\r\\n\\r\\n                <h3 style=\\\"font-weight:bold;\\\">Part 4: Workplace conflict</h3>\\r\\n                <div>\\r\\n                    <b>Say:</b>&nbsp;&nbsp;Not all of your co-workers are going to be strong in all of these areas.\\r\\n                    As a result, you may experience or witness conflict at your workplace.\\r\\n                    As we discuss various types of workplace conflict, think about which work maturity skills are needed to respond appropriately in the following scenarios:<br />\\r\\n                    <ol>\\r\\n                        <li>\\r\\n                            Everyone comes in 15 minutes late at your work. What do you do?\\r\\n                            <ul style=\\\"list-style:url('/img/arrow.png');\\\"><li>Possible answers: <i>continue to demonstrate accountability, be reliable, show that I'm a hard worker</i></li></ul>\\r\\n                        </li>\\r\\n                        <li>\\r\\n                            A co-worker steals a piece of merchandise. What do you do?\\r\\n                            <ul style=\\\"list-style:url('/img/arrow.png');\\\"><li>Possible answers: <i>be honest, show dedication to company</i></li></ul>\\r\\n                        </li>\\r\\n                        <li>\\r\\n                            A customer is demanding that you offer a refund, which is not a part of your company's policy. What do you do?\\r\\n                            <ul style=\\\"list-style:url('/img/arrow.png');\\\"><li>Possible answers: <i>listen to the customer, be respectful in tone and word choice, demonstrate to employer that I work well under pressure</i></li></ul>\\r\\n                        </li>\\r\\n                    </ol>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Debrief and Guiding Questions</h2>\\r\\n            <ul>\\r\\n                <li>What work maturity skills are able to be demonstrated or practiced in the classroom?</li>\\r\\n                <li>Tell a story about a strength you have. How do you know that it's a strength (did someone tell you, do you feel it, have you demonstrated it)?</li>\\r\\n                <li>What skills could you use if you are uncomfortable with something that has occurred at your workplace? Who may support you (colleague, supervisor, union)? </li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Additional Resources</h2>\\r\\n            <ul style=\\\"list-style:url('/img/arrow.png');\\\">\\r\\n                <li>\\r\\n                    Students may look up additional job announcements related to their interests rather than using the one in the lesson.\\r\\n                </li>\\r\\n                <li>\\r\\n                    For additional reflection, students may write a Tweet to share out their understanding of work maturity skills. Tell them they must only use 140 characters, including spaces and punctuation.\\r\\n                    <ul>\\r\\n                        <li>\\r\\n                            Use a public timer and allow students two minutes to write their Tweets, then have each student share out their Tweet.\\r\\n                        </li>\\r\\n                        <li>\\r\\n                            Students can use <a href=\\\"https://www.polleverywhere.com/\\\" target=\\\"_blank\\\">Poll Everywhere</a> to post their Tweets for the entire class to see.\\r\\n                        </li>\\r\\n                    </ul>\\r\\n                </li>\\r\\n\\r\\n\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Considerations for Accommodation</h2>\\r\\n            <ul>\\r\\n                <li>\\r\\n                    Images may be added to the printed BINGO cards to support youth who need extra support to understand the new vocabulary words. The school's Speech and Language Pathologist may be able to assist with the images.\\r\\n                </li>\\r\\n                <li>\\r\\n                    Between Parts 2 and 3 of the activity, have students complete an observation on the school campus for five minutes to watch an employee at work. Once they return, continue with Part 3. This will support your visual learners to grasp the work maturity concepts.\\r\\n                </li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Up Next</h2>\\r\\n            <div>\\r\\n                In the next lesson, students will learn about r&eacute;sum&eacute; writing and will write their own r&eacute;sum&eacute; using keywords to help them stand out to prospective employers.\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-4/lesson-1/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from '@angular/platform-browser';\r\n\r\n@Component({\r\n    selector: 'unit-four-lesson-one-guide',\r\n    templateUrl: './_guide.component.html',\r\n    styleUrls: ['../../_shared/lesson-guides/lesson-guide.component.css']\r\n})\r\nexport class UnitFourLessonOneGuideComponent {\r\n\r\n    pageTitle: string = \"Lesson Guide | Unit 4, Lesson 1 | T-Folio\";\r\n    title: string = \"Lesson Guide\";\r\n    subtitle: string = \"Lesson 1: Work Maturity Skills\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n}\r\n","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: 'unit-four-lesson-one-landing-page',\r\n    templateUrl: '../../_shared/landing-pages/landing-page.component.html',\r\n    styleUrls: ['../../_shared/landing-pages/landing-page.component.css']\r\n})\r\nexport class UnitFourLessonOneLandingComponent {\r\n\r\n    bannerHeader = \"Workplace Readiness Training: Lesson 1\";\r\n    title: string = \"Lesson 1: Work Maturity Skills\";\r\n    pageTitle: string = \"Work Maturity Skills | Unit 4, Lesson 1 | T-Folio\";\r\n\r\n    openInNewWindow(url: string) {\r\n        window.open(url, '_blank');\r\n    }\r\n\r\n    doPrint(): void {\r\n        window.print();\r\n    }\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n    LandingPageData = {\r\n        breadcrumbs: {\r\n            label: \"Lesson 1\",\r\n            crumbs: [\r\n                {\r\n                    route: \"\",\r\n                    linktext: \"T-Folio\"\r\n                },\r\n                {\r\n                    route: \"/unit-4\",\r\n                    linktext: \"Unit 4\"\r\n                }\r\n            ]\r\n        },\r\n        summary: \"In this lesson, students will learn about work maturity skills and be able to identify their personal areas of strength and challenges. Students will also develop the necessary skills to address various types of conflict within the workplace environment.\",\r\n        objectives: [\r\n            \"Be able to define and give examples of work maturity skills.\",\r\n            \"Recognize the connection between work maturity skills and success in the workplace.\",\r\n            \"Identify work maturity skills that are a personal strength.\",\r\n            \"Identify work maturity skills that need improvement and commit to next steps to grow in those areas.\",\r\n            \"Have tools to address workplace conflict. \",\r\n        ],\r\n        buttons: [\r\n            {\r\n                route: \"/unit-4/lesson-1/guide\",\r\n                linktext: \"Lesson Guide\",\r\n                color: \"btn-success\",\r\n                window: false,\r\n            },\r\n            {\r\n                route: \"/unit-4/lesson-1/work-maturity-skills-list\",\r\n                linktext: \"Work Maturity Skills List\",\r\n                color: \"btn-primary\",\r\n                window: false,\r\n            },\r\n            {\r\n                route: \"/img/unit-4/lesson-1/T-Folio_Unit-4_Lesson-1_Job-Description.pdf\",\r\n                linktext: \"Job Description PDF\",\r\n                color: \"btn-primary\",\r\n                window: true,\r\n            },\r\n            {\r\n                route: '/img/unit-4/lesson-1/T-Folio_Unit-4_Lesson-1_Work-Maturity-Skills.pptx',\r\n                linktext: \"PowerPoint Presentation\",\r\n                color: \"powerpoint-button\",\r\n                window: true,\r\n            }\r\n        ],\r\n        image: \"/img/unit-4/lesson-1/L1_cytonn-photography-604681-unsplash.jpg\",\r\n        imgalt: \"This image is a close up of two hands shaking in a business setting.\",\r\n        caption: \"by Cytonn Photography on\",\r\n        photoLink: \"https://unsplash.com/photos/n95VMLxqM2I\",\r\n        source: \"Unsplash\",\r\n        sourceLink: \"https://unsplash.com/\",\r\n        licence: \"Open license\",\r\n        licenceLink: \"https://unsplash.com/license\",\r\n\r\n    }\r\n\r\n\r\n}\r\n","module.exports = \".rating {\\r\\n    width: 30px;\\r\\n    text-align: center;\\r\\n}\\r\\n\\r\\ndiv.col-md-4 {\\r\\n    padding-top: 5px;\\r\\n    padding-bottom: 5px;\\r\\n}\"","module.exports = \"<div class=\\\"col-md-4\\\">\\r\\n    <div class=\\\"container-fluid\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div>\\r\\n                <input type=\\\"text\\\" id=\\\"{{identifier}}-rating\\\" name=\\\"{{identifier}}\\\" class=\\\"rating\\\" maxlength=\\\"1\\\" (keydown)=\\\"ensureNumber($event)\\\" />\\r\\n                {{labelText}}\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n</div>\"","import { Component, Input, Output, ElementRef} from \"@angular/core\";\r\n\r\n@Component({\r\n    selector: 'tfolio-number-only-input',\r\n    templateUrl: './tfolio-number-only-input.component.html',\r\n    styleUrls: ['./tfolio-number-only-input.component.css']\r\n})\r\nexport class WorkMaturitySkillsNumberOnlyInputComponent {\r\n\r\n    @Input() identifier: string;\r\n    @Input() labelText: string;\r\n    @Input() OnlyNumber: boolean;\r\n\r\n    ensureNumber($event) {\r\n        let e = <KeyboardEvent>event;\r\n        if (this.OnlyNumber) {\r\n            if ([46, 8, 9, 27, 13, 110, 190].indexOf(e.keyCode) !== -1 ||\r\n                //Allow: Ctrl+A\r\n                (e.keyCode === 65 && (e.ctrlKey || e.metaKey)) ||\r\n                //Allow: Ctrl+C\r\n                (e.keyCode === 67 && (e.ctrlKey || e.metaKey)) ||\r\n                //Allow: Ctrl+V\r\n                (e.keyCode === 86 && (e.ctrlKey || e.metaKey)) ||\r\n                //Allow: Ctrl+X\r\n                (e.keyCode === 88 && (e.ctrlKey || e.metaKey)) ||\r\n                //Allow: home, end, left, right\r\n                (e.keyCode >= 35 && e.keyCode <= 39)) {\r\n                    //Don't do anything\r\n                    return;\r\n            }\r\n            //Ensure that it is a number and stop the keypress\r\n            if ((e.shiftKey || (e.keyCode < 49 || e.keyCode > 51)) && (e.keyCode < 97 || e.keyCode > 99)) {\r\n                    e.preventDefault();\r\n            }\r\n        }\r\n    }\r\n}","module.exports = \"div.array {\\r\\n    padding-top:5px;\\r\\n    padding-bottom:5px;\\r\\n}\\r\\n\\r\\nlabel.label-hidden {\\r\\n    position: absolute;\\r\\n    left: -10000px;\\r\\n    top: auto;\\r\\n    width: 1px;\\r\\n    height: 1px;\\r\\n    overflow: hidden;\\r\\n}\\r\\n\\r\\n.active{\\r\\n    color: #2C3E50;\\r\\n}\\r\\n\\r\\n.editor {\\r\\n    min-height: 75px;\\r\\n    width: 100%;\\r\\n    margin-top: 5px;\\r\\n    border: 1px solid gray;\\r\\n    text-align: left;\\r\\n    font-weight:bold;\\r\\n}\\r\\n\\r\\n@media print {\\r\\n    .editor {\\r\\n        min-height: 75px;\\r\\n        width: 100%;\\r\\n        margin-top: 5px;\\r\\n        border: none;\\r\\n        text-align: left;\\r\\n    }\\r\\n}\"","module.exports = \"<div class=\\\"container exercise-content\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-4']\\\">Unit 4</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-4/lesson-1']\\\">Lesson 1</a></li>\\r\\n                <li class=\\\"active\\\">{{title}}</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-4/\\\">Unit 4</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-4/lesson-1/\\\">Lesson 1</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-4/lesson-1/work-maturity-skills-list/\\\">{{title}}</a></li>\\r\\n            </ol>\\r\\n\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-4/lesson-1/work maturity skills list'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <tfolio-heading></tfolio-heading>\\r\\n    <tfolio-page-title content=\\\"{{title}}\\\"></tfolio-page-title>\\r\\n    <tfolio-directions identifier=\\\"self-determination-scale-directions\\\" tag=\\\"Directions\\\" [padBottom]=\\\"true\\\">\\r\\n        <span>\\r\\n            Review the list of work maturity skills below.\\r\\n            Write a 1, 2, or 3 next to each skill, based on whether you feel you are strong, okay, or not strong in that skill.\\r\\n            1 = strongest, 2 = okay, 3 = not strong\\r\\n        </span>\\r\\n    </tfolio-directions>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"container-fluid array\\\">\\r\\n            <div class=\\\"row-fluid top-buffer\\\">\\r\\n                <tfolio-number-only-input identifier=\\\"work-maturity-skills-able-to-listen\\\"\\r\\n                                          labelText=\\\"Able to listen\\\"\\r\\n                                          OnlyNumber=\\\"true\\\"></tfolio-number-only-input>\\r\\n                <tfolio-number-only-input identifier=\\\"work-maturity-skills-dedicated\\\"\\r\\n                                          labelText=\\\"Dedicated\\\"\\r\\n                                          OnlyNumber=\\\"true\\\"></tfolio-number-only-input>\\r\\n                <tfolio-number-only-input identifier=\\\"work-maturity-skills-problem-solving\\\"\\r\\n                                          labelText=\\\"Problem solving\\\"\\r\\n                                          OnlyNumber=\\\"true\\\"></tfolio-number-only-input>\\r\\n            </div>\\r\\n            <div class=\\\"row-fluid top-buffer\\\">\\r\\n                <tfolio-number-only-input identifier=\\\"work-maturity-skills-accepts-feedback\\\"\\r\\n                                          labelText=\\\"Accepts feedback\\\"\\r\\n                                          OnlyNumber=\\\"true\\\"></tfolio-number-only-input>\\r\\n                <tfolio-number-only-input identifier=\\\"work-maturity-skills-dependable\\\"\\r\\n                                          labelText=\\\"Dependable\\\"\\r\\n                                          OnlyNumber=\\\"true\\\"></tfolio-number-only-input>\\r\\n                <tfolio-number-only-input identifier=\\\"work-maturity-skills-punctual\\\"\\r\\n                                          labelText=\\\"Punctual\\\"\\r\\n                                          OnlyNumber=\\\"true\\\"></tfolio-number-only-input>\\r\\n            </div>\\r\\n            <div class=\\\"row-fluid top-buffer\\\">\\r\\n                <tfolio-number-only-input identifier=\\\"work-maturity-skills-adaptable\\\"\\r\\n                                          labelText=\\\"Adaptable\\\"\\r\\n                                          OnlyNumber=\\\"true\\\"></tfolio-number-only-input>\\r\\n                <tfolio-number-only-input identifier=\\\"work-maturity-skills-desire-to-learn\\\"\\r\\n                                          labelText=\\\"Desire to learn\\\"\\r\\n                                          OnlyNumber=\\\"true\\\"></tfolio-number-only-input>\\r\\n                <tfolio-number-only-input identifier=\\\"work-maturity-skills-reliable\\\"\\r\\n                                          labelText=\\\"Reliable\\\"\\r\\n                                          OnlyNumber=\\\"true\\\"></tfolio-number-only-input>\\r\\n            </div>\\r\\n            <div class=\\\"row-fluid\\\">\\r\\n                <tfolio-number-only-input identifier=\\\"work-maturity-skills-assertive\\\"\\r\\n                                          labelText=\\\"Assertive\\\"\\r\\n                                          OnlyNumber=\\\"true\\\"></tfolio-number-only-input>\\r\\n                <tfolio-number-only-input identifier=\\\"work-maturity-skills-enthusiastic\\\"\\r\\n                                          labelText=\\\"Enthusiastic\\\"\\r\\n                                          OnlyNumber=\\\"true\\\"></tfolio-number-only-input>\\r\\n                <tfolio-number-only-input identifier=\\\"work-maturity-skills-respectful\\\"\\r\\n                                          labelText=\\\"Respectful\\\"\\r\\n                                          OnlyNumber=\\\"true\\\"></tfolio-number-only-input>\\r\\n            </div>\\r\\n            <div class=\\\"row-fluid\\\">\\r\\n                <tfolio-number-only-input identifier=\\\"work-maturity-skills-attentive\\\"\\r\\n                                          labelText=\\\"Attentive\\\"\\r\\n                                          OnlyNumber=\\\"true\\\"></tfolio-number-only-input>\\r\\n                <tfolio-number-only-input identifier=\\\"work-maturity-skills-flexible\\\"\\r\\n                                          labelText=\\\"Flexible\\\"\\r\\n                                          OnlyNumber=\\\"true\\\"></tfolio-number-only-input>\\r\\n                <tfolio-number-only-input identifier=\\\"work-maturity-skills-self-directed\\\"\\r\\n                                          labelText=\\\"Self-directed\\\"\\r\\n                                          OnlyNumber=\\\"true\\\"></tfolio-number-only-input>\\r\\n            </div>\\r\\n            <div class=\\\"row-fluid\\\">\\r\\n                <tfolio-number-only-input identifier=\\\"work-maturity-skills-collaborating\\\"\\r\\n                                          labelText=\\\"Collaborating\\\"\\r\\n                                          OnlyNumber=\\\"true\\\"></tfolio-number-only-input>\\r\\n                <tfolio-number-only-input identifier=\\\"work-maturity-skills-good-attitude\\\"\\r\\n                                          labelText=\\\"Good attitude\\\"\\r\\n                                          OnlyNumber=\\\"true\\\"></tfolio-number-only-input>\\r\\n                <tfolio-number-only-input identifier=\\\"work-maturity-skills-social\\\"\\r\\n                                          labelText=\\\"Social\\\"\\r\\n                                          OnlyNumber=\\\"true\\\"></tfolio-number-only-input>\\r\\n            </div>\\r\\n            <div class=\\\"row-fluid\\\">\\r\\n                <tfolio-number-only-input identifier=\\\"work-maturity-skills-communication\\\"\\r\\n                                          labelText=\\\"Communication\\\"\\r\\n                                          OnlyNumber=\\\"true\\\"></tfolio-number-only-input>\\r\\n                <tfolio-number-only-input identifier=\\\"work-maturity-skills-honest\\\"\\r\\n                                          labelText=\\\"Honest\\\"\\r\\n                                          OnlyNumber=\\\"true\\\"></tfolio-number-only-input>\\r\\n                <tfolio-number-only-input identifier=\\\"work-maturity-skills-stays-on-task\\\"\\r\\n                                          labelText=\\\"Stays on task\\\"\\r\\n                                          OnlyNumber=\\\"true\\\"></tfolio-number-only-input>\\r\\n            </div>\\r\\n            <div class=\\\"row-fluid\\\">\\r\\n                <tfolio-number-only-input identifier=\\\"work-maturity-skills-confident\\\"\\r\\n                                          labelText=\\\"Confident\\\"\\r\\n                                          OnlyNumber=\\\"true\\\"></tfolio-number-only-input>\\r\\n                <tfolio-number-only-input identifier=\\\"work-maturity-skills-independent\\\"\\r\\n                                          labelText=\\\"Independent\\\"\\r\\n                                          OnlyNumber=\\\"true\\\"></tfolio-number-only-input>\\r\\n                <tfolio-number-only-input identifier=\\\"work-maturity-skills-team-player\\\"\\r\\n                                          labelText=\\\"Team player\\\"\\r\\n                                          OnlyNumber=\\\"true\\\"></tfolio-number-only-input>\\r\\n            </div>\\r\\n            <div class=\\\"row-fluid\\\">\\r\\n                <tfolio-number-only-input identifier=\\\"work-maturity-skills-critical-thinker\\\"\\r\\n                                          labelText=\\\"Critical thinker\\\"\\r\\n                                          OnlyNumber=\\\"true\\\"></tfolio-number-only-input>\\r\\n                <tfolio-number-only-input identifier=\\\"work-maturity-skills-listening\\\"\\r\\n                                          labelText=\\\"Listening\\\"\\r\\n                                          OnlyNumber=\\\"true\\\"></tfolio-number-only-input>\\r\\n                <tfolio-number-only-input identifier=\\\"work-maturity-skills-technology-savvy\\\"\\r\\n                                          labelText=\\\"Tech savvy\\\"\\r\\n                                          OnlyNumber=\\\"true\\\"></tfolio-number-only-input>\\r\\n            </div>\\r\\n            <div class=\\\"row-fluid\\\">\\r\\n                <tfolio-number-only-input identifier=\\\"work-maturity-skills-customer-service\\\"\\r\\n                                          labelText=\\\"Customer service\\\"\\r\\n                                          OnlyNumber=\\\"true\\\"></tfolio-number-only-input>\\r\\n                <tfolio-number-only-input identifier=\\\"work-maturity-skills-motivated\\\"\\r\\n                                          labelText=\\\"Motivated\\\"\\r\\n                                          OnlyNumber=\\\"true\\\"></tfolio-number-only-input>\\r\\n                <tfolio-number-only-input identifier=\\\"work-maturity-skills-time-management\\\"\\r\\n                                          labelText=\\\"Time management\\\"\\r\\n                                          OnlyNumber=\\\"true\\\"></tfolio-number-only-input>\\r\\n            </div>\\r\\n            <div class=\\\"row-fluid\\\">\\r\\n                <tfolio-number-only-input identifier=\\\"work-maturity-skills-deals-with-difficult-situations\\\"\\r\\n                                          labelText=\\\"Deals with difficult situations\\\"\\r\\n                                          OnlyNumber=\\\"true\\\"></tfolio-number-only-input>\\r\\n                <tfolio-number-only-input identifier=\\\"work-maturity-skills-patience\\\"\\r\\n                                          labelText=\\\"Patience\\\"\\r\\n                                          OnlyNumber=\\\"true\\\"></tfolio-number-only-input>\\r\\n                <tfolio-number-only-input identifier=\\\"work-maturity-skills-trainable\\\"\\r\\n                                          labelText=\\\"Trainable\\\"\\r\\n                                          OnlyNumber=\\\"true\\\"></tfolio-number-only-input>\\r\\n            </div>\\r\\n            <div class=\\\"row-fluid\\\">\\r\\n                <tfolio-number-only-input identifier=\\\"work-maturity-skills-decision-making\\\"\\r\\n                                          labelText=\\\"Decision making\\\"\\r\\n                                          OnlyNumber=\\\"true\\\"></tfolio-number-only-input>\\r\\n                <tfolio-number-only-input identifier=\\\"work-maturity-skills-perseverance\\\"\\r\\n                                          labelText=\\\"Perseverance\\\"\\r\\n                                          OnlyNumber=\\\"true\\\"></tfolio-number-only-input>\\r\\n                <tfolio-number-only-input identifier=\\\"work-maturity-skills-works-well-under-pressure\\\"\\r\\n                                          labelText=\\\"Works well under pressure\\\"\\r\\n                                          OnlyNumber=\\\"true\\\"></tfolio-number-only-input>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"padding-top:25px;\\\">\\r\\n            Look at your skills with a number “1” next to them.\\r\\n            Do your strengths have similarities or make you think of a certain job you may be successful at?\\r\\n            Write your thoughts below:\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <label for=\\\"work-maturity-skills-certain-job\\\" class=\\\"label-hidden\\\">Do your strengths have similarities or make you think of a certain job you may be successful at?</label>\\r\\n            <!--<textarea id=\\\"work-maturity-skills-certain-job\\\" style=\\\"resize:none;\\\"></textarea>-->\\r\\n            <div contenteditable=\\\"true\\\" id=\\\"smart-goal-textbox\\\" rows=\\\"4\\\" class=\\\"editor\\\"></div>\\r\\n\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"padding-top:25px;\\\">\\r\\n            Now look over the 3s on your list and identify two skills you would like to improve on.\\r\\n            How could you improve?\\r\\n            Who do you need support from in order to improve?\\r\\n            What’s your first step?\\r\\n            Write your answers below.\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"padding-bottom:25px;\\\">\\r\\n            <label for=\\\"work-maturity-skills-improve-on\\\" class=\\\"label-hidden\\\">Two skills you would like to improve on</label>\\r\\n            <!--<textarea id=\\\"work-maturity-skills-improve-on\\\" style=\\\"resize:none;\\\"></textarea>-->\\r\\n            <div contenteditable=\\\"true\\\" id=\\\"smart-goal-textbox\\\" rows=\\\"4\\\" class=\\\"editor\\\"></div>\\r\\n\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-4/lesson-1/work maturity skills list'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n\r\n\r\n@Component({\r\n    selector: \"work-maturity-skills-list\",\r\n    templateUrl: \"./work-maturity-skills-list.component.html\",\r\n    styleUrls: [\"./work-maturity-skills-list.component.css\"]\r\n})\r\n\r\n\r\nexport class UnitFourLessonOneWorkMaturitySkillsListComponent {\r\n\r\n    title: string = \"Work Maturity Skills List\";\r\n    pageTitle: string = this.title + \" | Unit 4, Lesson 1 | T-Folio\";\r\n\r\n    public constructor(private titleService: Title)\r\n    {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n }\r\n","module.exports = \"<div class=\\\"container exercise-content guide\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-4']\\\">Unit 4</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-4/lesson-2']\\\">Lesson 2</a></li>\\r\\n                <li class=\\\"active\\\">Lesson Guide</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-4/\\\">Unit 4</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-4/lesson-2/\\\">Lesson 2</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-4/lesson-2/guide/\\\">Lesson Guide</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-4/lesson-2/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n        <div class=\\\"col-md-12\\\"><h1>{{title}}</h1></div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-9\\\">\\r\\n            <h2 class=\\\"subtitle\\\">{{subtitle}}</h2>\\r\\n            <div>\\r\\n                In Lesson 2, students will identify the parts of a r&eacute;sum&eacute; and create their own, including the key words needed to help their r&eacute;sum&eacute; stand out to potential employers.\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-3 box\\\">\\r\\n            <i class=\\\"fa fa-folder-open\\\" aria-hidden=\\\"true\\\"></i>\\r\\n            <b>Items to be added to student's Transition Portfolio:</b>\\r\\n            <ul class=\\\"hidden-print\\\">\\r\\n                <li><a [routerLink]=\\\"['/unit-4/lesson-2/resume-template']\\\">R&eacute;sum&eacute;</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-4/lesson-2/resume-keywords-worksheet']\\\">R&eacute;sum&eacute; Keywords Worksheet</a></li>\\r\\n            </ul>\\r\\n            <ul class=\\\"visible-print-block\\\">\\r\\n                <li><a href=\\\"https://cctstfolio.com/#/unit-4/lesson-2/resume-template\\\">R&eacute;sum&eacute;</a></li>\\r\\n                <li><a href=\\\"https://cctstfolio.com/#/unit-4/lesson-2/resume-keywords-worksheet\\\">R&eacute;sum&eacute; Keywords Worksheet</a></li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n            <h2>Lesson Objectives</h2>\\r\\n            <b>Participants will:</b>\\r\\n            <ol>\\r\\n                <li>Identify the parts of a r&eacute;sum&eacute;. </li>\\r\\n                <li>Create a r&eacute;sum&eacute; that reflects their employment history, educational experiences, volunteer experiences, activities, and awards/honors. </li>\\r\\n                <li>Identify key words from a job posting to include in r&eacute;sum&eacute;.</li>\\r\\n            </ol>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Facilitator Notes</h2>\\r\\n            <ul>\\r\\n                <li>This lesson may take two or more days.</li>\\r\\n                <li>Students may not have work experiences yet, so encouraging them to include activities, awards, honors, and volunteer experiences would be appropriate.</li>\\r\\n                <li>There are many r&eacute;sum&eacute; formats. This lesson follows the format used in the High School and Beyond Plan so that students will be able to use their T-Folio work for that requirement.</li>\\r\\n                <li>You may need to help students gain access to their High School and Beyond Plan template so that they can use the worksheet in order to prepare their r&eacute;sum&eacute;s. If they are unable to access it, they can use the prompts listed in the PowerPoint instead.</li>\\r\\n                <li>Writing a r&eacute;sum&eacute; takes time. Students will be able to get more accomplished during this lesson if they bring their work history, volunteer experiences, and a list of any awards/honors with them to class.</li>\\r\\n                <li>A <a href=\\\"/img/unit-4/lesson-2/T-Folio_Unit-4_Lesson-2_Sample-Resume.pdf\\\" target=\\\"_blank\\\">Sample R&eacute;sum&eacute; (PDF)</a> is included as a model for students. You may decide to use it or not depending on whether students need more or less guidance.</li>\\r\\n                <li>Since the fillable R&eacute;sum&eacute; Template will not save students' data, encourage students to create their r&eacute;sum&eacute; in a Word document or other format that can be modified at a later date as they add or change items.</li>\\r\\n                <li>\\r\\n                    A PowerPoint is included with this lesson and can be used as part of a presentation or for your information. It is recommended that you review the PowerPoint (including the Notes section) prior to using the lesson. It can be accessed in either PowerPoint or as a PDF:\\r\\n                    <ul>\\r\\n                        <li><a href=\\\"/img/unit-4/lesson-2/T-Folio_Unit-4_Lesson-2_Writing-Resume.pptx\\\">PowerPoint: \\\"Writing a R&eacute;sum&eacute;\\\"</a></li>\\r\\n                        <li><a href=\\\"/img/unit-4/lesson-2/T-Folio_Unit-4_Lesson-2_Writing-Resume.pdf\\\" target=\\\"_blank\\\">PDF: \\\"Writing a R&eacute;sum&eacute;\\\"</a></li>\\r\\n                    </ul>\\r\\n                </li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Introduction</h2>\\r\\n            <b>Warm-up questions:</b><br />\\r\\n            <ul>\\r\\n                <li>When do you need a r&eacute;sum&eacute;?</li>\\r\\n                <li>What information should be included?</li>\\r\\n                <li>What words do you think would make your r&eacute;sum&eacute; stand out to an employer?</li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Activity</h2>\\r\\n            <div>\\r\\n                <div style=\\\"padding-bottom:20px;\\\">\\r\\n                    Use the accompanying PowerPoint, \\\"Writing a R&eacute;sum&eacute;,\\\" to guide your activity and facilitate student learning.\\r\\n                    Students will need to have their personal information and past experiences ready in order to fill in the R&eacute;sum&eacute; template.\\r\\n                </div>\\r\\n\\r\\n                <div style=\\\"padding-bottom:20px;\\\">\\r\\n                    <div style=\\\"font-weight:bold;padding-bottom:5px;\\\">What is a R&eacute;sum&eacute;?</div>\\r\\n                    <b>Say:</b>\\r\\n                    A r&eacute;sum&eacute; is a summary of your education, qualifications, and experiences.\\r\\n                    Most positions require a r&eacute;sum&eacute; to be submitted along with the job application, either in paper or electronic form.\\r\\n                    There are various R&eacute;sum&eacute; formats, such as chronological, functional, or combination.\\r\\n                    We are going to write a chronological r&eacute;sum&eacute; following a template.\\r\\n                </div>\\r\\n\\r\\n                <div style=\\\"padding-bottom:20px;\\\">\\r\\n                    <b>Say:</b>\\r\\n                    We are then going to review a job posting and you will edit your r&eacute;sum&eacute; to ensure keywords from the job posting are included.\\r\\n                    This will help your r&eacute;sum&eacute; stand out to the employer, since many employers are now using technology that tracks key words in r&eacute;sum&eacute;s to narrow down the number of applicant r&eacute;sum&eacute;s they need to review.\\r\\n                </div>\\r\\n\\r\\n                <div>\\r\\n                    <div style=\\\"font-weight:bold;padding-bottom:5px;\\\">What needs to be included?</div>\\r\\n                    This format is drawn from the <a href=\\\"http://www.k12.wa.us/OSSI/K12Supports/CareerCollegeReadiness\\\" target=\\\"_blank\\\">High School and Beyond Plan</a>\\r\\n                    (HSBP) template (under the section “R&eacute;sum&eacute; or Activity Log”).\\r\\n                    Using this format will allow students to integrate the material they are already using for their HSBP with this lesson.\\r\\n                </div>\\r\\n                <ul style=\\\"list-style:square;\\\">\\r\\n                    <li>Contact Information</li>\\r\\n                    <li>\\r\\n                        Objective\\r\\n                        <ul style=\\\"list-style:circle\\\">\\r\\n                            <li>What kind of job you are looking for and why; the skills you would bring to the position. </li>\\r\\n                        </ul>\\r\\n                    </li>\\r\\n                    <li>\\r\\n                        Education\\r\\n                        <ul style=\\\"list-style:circle\\\">\\r\\n                            <li>Your high school and location (city, state); graduation date; and GPA (if 3.0 or higher).</li>\\r\\n                            <li>Note any certifications or college courses taken through CTE, Running Start, etc.</li>\\r\\n                        </ul>\\r\\n                    </li>\\r\\n                    <li>\\r\\n                        Skills and Strengths\\r\\n                        <ul style=\\\"list-style:circle\\\">\\r\\n                            <li>List technical skills such as social media, computer skills, language skills etc.</li>\\r\\n                        </ul>\\r\\n                    </li>\\r\\n                    <li>\\r\\n                        Experience (work and volunteer)\\r\\n                        <ul style=\\\"list-style:circle\\\">\\r\\n                            <li>Start with the most recent experience and work backwards.</li>\\r\\n                            <li>Include paid employment, apprenticeships, work-based learning, job shadowing, volunteer work, seasonal work, etc.</li>\\r\\n                            <li>Note your position title, company name, dates of employment, and location (city, state)</li>\\r\\n                        </ul>\\r\\n                    </li>\\r\\n                    <li>\\r\\n                        Honors, Awards, and Activities\\r\\n                        <ul style=\\\"list-style:circle\\\">\\r\\n                            <li>Clubs, sports, organizations (include dates of participation) </li>\\r\\n                            <li>School or community awards or honors, scholarships</li>\\r\\n                        </ul>\\r\\n                    </li>\\r\\n                </ul>\\r\\n                <div style=\\\"padding-bottom:20px;\\\">\\r\\n                    Guide students through each of the sections and what might be included in each.\\r\\n                    You may decide to do this after they have worked on a first draft or before depending on how much experience they already have with r&eacute;sum&eacute;s.\\r\\n                </div>\\r\\n\\r\\n                <div style=\\\"font-weight:bold;\\\">Now it's your turn!</div>\\r\\n                <ul>\\r\\n                    <li>Have students open the <a [routerLink]=\\\"['/unit-4/lesson-2/resume-template']\\\">R&eacute;sum&eacute; Template</a>.</li>\\r\\n\\r\\n                </ul>\\r\\n                <div>\\r\\n                    <b>Say:</b> Look at your High School and Beyond Plan and fill in the worksheet under the \\\"R&eacute;sum&eacute; or Activity Log\\\" section. (If you are unsure where to find it, this is the link for the Washington State <a href=\\\"http://www.k12.wa.us/OSSI/K12Supports/CareerCollegeReadiness/\\\" target=\\\"_blank\\\">High School and Beyond Plan.</a> From this page, click on \\\"High School and Beyond Plan Template for Students.\\\") <br /> <br />\\r\\n                    <b>Say:</b>\\r\\n                    Now using the R&eacute;sum&eacute; Template provided, please complete your r&eacute;sum&eacute;.\\r\\n                    Be sure to include your employment history, educational experiences, volunteer experiences, activities, skills, and awards/honors.\\r\\n                </div>\\r\\n                <ul>\\r\\n                    <li><b>Important Instructions:</b> For the Name, Address, and Experience fields, youth will need to highlight the existing text and type over it with their own information. For the Experience section, they will need to do this for each new position they add.</li>\\r\\n                    <li><b>I do it/We do it/You do it:</b>Work through the process of completing one section of the r&eacute;sum&eacute; to model how it is done (I do). Then do a section of the r&eacute;sum&eacute; as a group with ideas, words, and suggestions from the students (we do). Next, have the students work on their r&eacute;sum&eacute;s individually (you do).</li>\\r\\n                    <li>Each r&eacute;sum&eacute; section is covered in detail in the PowerPoint slides. Guide students through each of the sections and what might be included in each.</li>\\r\\n                    <li>As needed, provide students time and guidance.</li>\\r\\n                </ul>\\r\\n\\r\\n                <div style=\\\"padding-top:10px;padding-bottom:20px;\\\">\\r\\n                    <div style=\\\"font-weight:bold;padding-bottom:5px;\\\">Power words...</div>\\r\\n                    <b>Say:</b>\\r\\n                    As you can see, much of your r&eacute;sum&eacute; is a list of experiences.\\r\\n                    That makes the nouns and verbs you choose even more important.\\r\\n                    “Power words” can make your r&eacute;sum&eacute; stand out to a prospective employer.\\r\\n                    Skill words for Microsoft may include: analyze, build, compute, conceptualize, diagnose, innovate, etc.\\r\\n                    Buzzwords in the food industry may include: natural, organic, farm.\\r\\n                </div>\\r\\n                <div>\\r\\n                    <div style=\\\"font-weight:bold;\\\">Target Sales Floor Team Member</div>\\r\\n                    <ul>\\r\\n                        <li>Next, guide students through the Target job posting and help them to pick out the \\\"power words\\\" in the description. See Additional Resources below for more information and examples of power words.</li>\\r\\n                    </ul>\\r\\n                </div>\\r\\n                <div style=\\\"padding-bottom:20px;\\\">\\r\\n                    <b>Say:</b>\\r\\n                    Target's ad for new employees emphasizes the words <b>\\\"team\\\"</b> and <b>\\\"responsibility\\\"</b>.\\r\\n                    Have you been on a team as part of your previous work or volunteer experience?\\r\\n                    Have you had positions where you held a high level of responsibility?\\r\\n                    If so, be sure to use the same keywords when describing your own experience on your r&eacute;sum&eacute;.\\r\\n                    This will help your r&eacute;sum&eacute; stand out.\\r\\n                </div>\\r\\n                <div style=\\\"font-weight:bold;padding-bottom:5px;\\\">Find a job posting</div>\\r\\n                <ul>\\r\\n                    <li>\\r\\n                        Have students refer to the <a [routerLink]=\\\"['/unit-4/lesson-2/resume-keywords-worksheet']\\\"> R&eacute;sum&eacute; Keywords Worksheet</a> while they are looking at a job posting of their choosing.\\r\\n                        Remind students to go directly to the website of the business to which they are interested in applying.\\r\\n                        The job postings are typically under \\\"employment opportunities\\\" or they may search \\\"employment\\\" within the site.\\r\\n                    </li>\\r\\n\\r\\n                    <b>Directions:</b>\\r\\n                    <ol>\\r\\n                        <li>Get out your R&eacute;sum&eacute; Keywords Worksheet. </li>\\r\\n                        <li>Go to a business or company’s site you are interested in.</li>\\r\\n                        <li>Read their job posting.</li>\\r\\n                        <li>Read their mission and vision statement if they have one.</li>\\r\\n                        <li>Identify any other buzzwords in this field of work.</li>\\r\\n                        <li>Fill in the R&eacute;sum&eacute; Keywords Worksheet for the position.</li>\\r\\n                        <li>Return to your r&eacute;sum&eacute;.</li>\\r\\n                        <li>Are you a good fit for this position? If so, identify keywords from the job posting to include in your r&eacute;sum&eacute;, where applicable.</li>\\r\\n\\r\\n                    </ol>\\r\\n                    <br />\\r\\n                    <li>\\r\\n                        If students need additional guidance finding a job posting, encourage them to go directly to the website of a retail store (e.g., Target, Gap) or a restaurant (e.g., Olive Garden), google the job title they would like (e.g., King County Parks and Recreation Coordinator), or google the location they’d like to work in (e.g., Bellevue Community College). Some examples:\\r\\n                        <ul>\\r\\n                            <li><a href=\\\"https://corporate.target.com/careers\\\" target=\\\"_blank\\\">Careers at Target: Current Job Openings</a></li>\\r\\n                            <li><a href=\\\"https://jobs.gapinc.com/gap-home\\\" target=\\\"_blank\\\">Careers at the Gap</a></li>\\r\\n                            <li><a href=\\\"http://www.olivegarden.com/careers\\\" target=\\\"_blank\\\">Olive Garden Careers</a></li>\\r\\n                            <li><a href=\\\"https://www.kingcounty.gov/audience/employees/careers.aspx\\\" target=\\\"_blank\\\">Careers at King County</a></li>\\r\\n                            <li><a href=\\\"https://www.bellevuecollege.edu/jobs\\\" target=\\\"_blank\\\">Job Opportunities at Bellevue College</a></li>\\r\\n                        </ul>\\r\\n                    </li>\\r\\n                </ul>\\r\\n                <div style=\\\"font-weight:bold;padding-top:15px;\\\">Power words: Edit your r&eacute;sum&eacute;</div>\\r\\n                <ul>\\r\\n                    <li>Next, students will return to their own r&eacute;sum&eacute;s and add additional power words where applicable to tailor their r&eacute;sum&eacute; to a particular job. </li>\\r\\n                </ul>\\r\\n                <div>\\r\\n                    <b>Say:</b>\\r\\n                    <ul>\\r\\n                        <li>Identify places where you might insert <b>power verbs</b>, such as: accomplished, designed, initiated, collaborated, supervised, etc. </li>\\r\\n                        <li>Identify places you could add <b>skill words</b>, such as: responsible, passionate, team player, strong leader, etc. </li>\\r\\n                        <li>Are there places in your r&eacute;sum&eacute; you could add words related to the business or company’s <b>core values or mission statement</b>? </li>\\r\\n                        <li>Are there places in your r&eacute;sum&eacute; you might add <b>popular jargon or buzzwords</b> related to the job you are seeking? </li>\\r\\n                    </ul>\\r\\n                </div>\\r\\n                <div>\\r\\n                    You may want to use the <a href=\\\"/img/unit-4/lesson-2/T-Folio_Unit-4_Lesson-2_Sample-Resume.pdf\\\" target=\\\"_blank\\\">Sample R&eacute;sum&eacute; (PDF)</a> for this section in order to provide examples of how to use power words in a r&eacute;sum&eacute;.\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Debrief and Guiding Questions</h2>\\r\\n            <ul>\\r\\n                <li>\\r\\n                    Think about how you had this information organized prior to writing your r&eacute;sum&eacute; (<i>e.g., in a notebook, needed to gather information from multiple sources, already had a r&eacute;sum&eacute; and just needed to update it</i>).\\r\\n                    What would make this process easier in the future (<i>e.g., keep information in one place, update r&eacute;sum&eacute; often</i>)?\\r\\n                </li>\\r\\n                <li>\\r\\n                    Does it feel like your r&eacute;sum&eacute; is incomplete or that you were not a strong match for the job position you were interested in? What else could you do to help build a stronger r&eacute;sum&eacute;?\\r\\n                </li>\\r\\n                <li>\\r\\n                    Who might support you with your next steps?\\r\\n                </li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Additional Resources</h2>\\r\\n            <ul style=\\\"list-style:url('/img/arrow.png');\\\">\\r\\n                <li>\\r\\n                    For more information on power words, when to use them, and a list of examples, check out the following article: Doyle, A. (2017, October 2). <a href=\\\"https://www.thebalancecareers.com/action-verbs-and-power-words-for-your-resume-2063179\\\" target=\\\"_blank\\\">Power words to use in your r&eacute;sum&eacute;.</a> The Balance.\\r\\n                </li>\\r\\n                <li>\\r\\n                    The focused reading activity above is taken from: Lipton, L. & Wellman, B.M. (2011). Groups at work: Strategies and structures for professional learning. Sherman, CT: MiraVia.\\r\\n                </li>\\r\\n            </ul>\\r\\n            <h2>Considerations for Accommodation</h2>\\r\\n            <ul>\\r\\n                <li>Use speech-to-text for written work. </li>\\r\\n                <li>A video r&eacute;sum&eacute; can be created for finished product. </li>\\r\\n                <li>A \\\"portfolio r&eacute;sum&eacute;\\\" may be completed as the finished product, incorporating images and other media. Buzz words and skill words from the industry of interest are still important to consider.</li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Up Next</h2>\\r\\n            <div>\\r\\n                Now that students have a r&eacute;sum&eacute;, the next lesson will guide them through how to write and present an elevator speech so that they can communicate to potential employers who they are and what work they would like to do.\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-4/lesson-2/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from '@angular/platform-browser';\r\n\r\n@Component({\r\n    selector: 'unit-four-lesson-two-guide',\r\n    templateUrl: './_guide.component.html',\r\n    styleUrls: ['../../_shared/lesson-guides/lesson-guide.component.css']\r\n})\r\nexport class UnitFourLessonTwoGuideComponent {\r\n\r\n    pageTitle: string = \"Lesson Guide | Unit 4, Lesson 2 | T-Folio\";\r\n    title: string = \"Lesson Guide\";\r\n    subtitle: string = \"Lesson 2: Writing a R\\xE9sum\\xE9\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n}\r\n","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: 'unit-four-lesson-two-landing-page',\r\n    templateUrl: '../../_shared/landing-pages/landing-page.component.html',\r\n    styleUrls: ['../../_shared/landing-pages/landing-page.component.css']\r\n})\r\nexport class UnitFourLessonTwoLandingComponent {\r\n\r\n    bannerHeader = \"Workplace Readiness Training: Lesson 2\";\r\n    title: string = \"Lesson 2: Writing a R\\xE9sum\\xE9\";\r\n    pageTitle: string = \"Writing a R\\xE9sum\\xE9 | Unit 4, Lesson 2 | T-Folio\";\r\n\r\n    openInNewWindow(url: string) {\r\n        window.open(url, '_blank');\r\n    }\r\n\r\n    doPrint(): void {\r\n        window.print();\r\n    }\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n    LandingPageData = {\r\n        breadcrumbs: {\r\n            label: \"Lesson 2\",\r\n            crumbs: [\r\n                {\r\n                    route: \"\",\r\n                    linktext: \"T-Folio\"\r\n                },\r\n                {\r\n                    route: \"/unit-4\",\r\n                    linktext: \"Unit 4\"\r\n                }\r\n            ]\r\n        },\r\n        summary: \"In Lesson 2, students will identify the parts of a r\\xE9sum\\xE9 and create their own, including the key words needed to help their r\\xE9sum\\xE9 stand out to potential employers.\",\r\n        objectives: [\r\n            \"Identify the parts of a r\\xE9sum\\xE9.\",\r\n            \"Create a r\\xE9sum\\xE9 that reflects their employment history, educational experiences, volunteer experiences, activities, and awards/honors.\",\r\n            \"Identify key words from a job posting to include in r\\xE9sum\\xE9.\",\r\n        ],\r\n        buttons: [\r\n            {\r\n                route: \"/unit-4/lesson-2/guide\",\r\n                linktext: \"Lesson Guide\",\r\n                color: \"btn-success\",\r\n                window: false,\r\n            },\r\n\r\n            {\r\n                route: \"/unit-4/lesson-2/resume-keywords-worksheet\",\r\n                linktext: \"R\\xE9sum\\xE9 Keywords Worksheet\",\r\n                color: \"btn-primary\",\r\n                window: false,\r\n            },\r\n\r\n            {\r\n                route: \"/unit-4/lesson-2/resume-template\",\r\n                linktext: \"R\\xE9sum\\xE9 Template\",\r\n                color: \"btn-primary\",\r\n                window: false,\r\n            },\r\n\r\n            {\r\n                route: \"/img/unit-4/lesson-2/T-Folio_Unit-4_Lesson-2_Sample-Resume.pdf\",\r\n                linktext: \"Sample R\\xE9sum\\xE9 (PDF)\",\r\n                color: \"btn-primary\",\r\n                window: true,\r\n            },\r\n\r\n            {\r\n                route: '/img/unit-4/lesson-2/T-Folio_Unit-4_Lesson-2_Writing-Resume.pptx',\r\n                linktext: \"PowerPoint Presentation\",\r\n                color: \"powerpoint-button\",\r\n                window: true,\r\n            }\r\n        ],\r\n        image: \"/img/unit-4/lesson-2/L2_resume.jpg\",\r\n        imgalt: \"A r\\xE9sum\\xE9 and a data report rest on a wooden desk next to a laptop.\",\r\n        caption: \"on\",\r\n        photoLink: \"https://cdn.pixabay.com/photo/2017/09/25/17/09/chart-2785863__340.jpg\",\r\n        source: \"Pixabay\",\r\n        sourceLink: \"https://pixabay.com/en/\",\r\n        licence: \"CC0 license\",\r\n        licenceLink: \"https://creativecommons.org/publicdomain/zero/1.0/\",\r\n    }\r\n\r\n\r\n}\r\n","module.exports = \"input[type=\\\"text\\\"] {\\r\\n    width:100%;\\r\\n    height:100%;\\r\\n    margin:0;\\r\\n    padding:0;\\r\\n    text-align:left;\\r\\n    border:none;\\r\\n    font-weight:bold;\\r\\n}\\r\\n\\r\\n\\r\\n\\r\\ndiv.array div.col-md-4 {\\r\\n    padding-top:5px;\\r\\n    padding-bottom:5px;\\r\\n}\\r\\n\\r\\n\\r\\n\\r\\ndiv.cell {\\r\\n    height:35px;\\r\\n    border-top:1px solid black;\\r\\n    border-left:1px solid black;\\r\\n}\\r\\n\\r\\n\\r\\n\\r\\ndiv.last-col {\\r\\n    border-right:1px solid black;\\r\\n}\\r\\n\\r\\n\\r\\n\\r\\ndiv.last-row {\\r\\n    border-bottom: 1px solid black;\\r\\n}\\r\\n\\r\\n\\r\\n\\r\\nlabel.label-hidden {\\r\\n    position: absolute;\\r\\n    left: -10000px;\\r\\n    top: auto;\\r\\n    width: 1px;\\r\\n    height: 1px;\\r\\n    overflow: hidden;\\r\\n}\\r\\n\\r\\n\\r\\n\\r\\n.editor {\\r\\n    min-height: 25px;\\r\\n    width: 100%;\\r\\n    margin-top: 5px;\\r\\n    border: 1px solid gray;\\r\\n    text-align: left;\\r\\n    font-weight:bold;\\r\\n}\\r\\n\\r\\n\\r\\n\\r\\n.active{\\r\\n   color: #2C3E50;\\r\\n}\\r\\n\\r\\n\\r\\n\\r\\n@media only screen and (max-width: 992px) {\\r\\n\\r\\n    div.cell {\\r\\n        height: 35px;\\r\\n        border-top: 1px solid black;\\r\\n        border-left: 1px solid black;\\r\\n        border-right: 1px solid black;\\r\\n    }\\r\\n\\r\\n    div.last-col {\\r\\n        border-right: 1px solid black;\\r\\n    }\\r\\n\\r\\n    div.last-row {\\r\\n        border-bottom: unset;\\r\\n    }\\r\\n\\r\\n    div.last-cell {\\r\\n        border-bottom:1px solid black;\\r\\n    }\\r\\n}\\r\\n\\r\\n\\r\\n\\r\\n@media print {\\r\\n    .editor {\\r\\n        min-height: 25px;\\r\\n        width: 100%;\\r\\n        margin-top: 5px;\\r\\n        border: none;\\r\\n        text-align: left;\\r\\n    }\\r\\n}\"","module.exports = \"<div class=\\\"container exercise-content\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-4']\\\">Unit 4</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-4/lesson-2']\\\">Lesson 2</a></li>\\r\\n                <li class=\\\"active\\\">{{title}}</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-4/\\\">Unit 4</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-4/lesson-2/\\\">Lesson 2</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-4/lesson-2/resume-keywords-worksheet/\\\">{{title}}</a></li>\\r\\n            </ol>\\r\\n\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-4/lesson-2/resume keyworks worksheet'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <tfolio-heading></tfolio-heading>\\r\\n    <tfolio-page-title content=\\\"{{title}}\\\"></tfolio-page-title>\\r\\n    <tfolio-directions identifier=\\\"self-determination-scale-directions\\\" tag=\\\"Directions\\\" [padBottom]=\\\"true\\\">\\r\\n        <span>\\r\\n            Complete this worksheet for each job you apply for in order to ensure your r&eacute;sum&eacute; includes keywords to help you stand out from other applicants.\\r\\n        </span>\\r\\n    </tfolio-directions>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"padding-bottom:10px;\\\">\\r\\n            <label for=\\\"resume-keywords-name-of-position\\\">Name of Position</label>:\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"padding-bottom:25px;\\\">\\r\\n            <div contenteditable=\\\"true\\\" class=\\\"editor\\\"></div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"padding-bottom:10px;\\\">\\r\\n            <label for=\\\"resume-keywords-name-of-employer\\\">Name of Employer</label>:\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"padding-bottom:25px;\\\">\\r\\n            <div class=\\\"editor\\\" contenteditable=\\\"true\\\" id=\\\"resume-keywords-name-of-employer\\\"></div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"padding-bottom:10px;\\\">Keywords from Job Posting:</div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"container-fluid\\\" style=\\\"padding-bottom:25px;\\\">\\r\\n            <div class=\\\"row-fluid\\\">\\r\\n                <div class=\\\"col-md-4 cell\\\">\\r\\n                    <label class=\\\"label-hidden\\\" for=\\\"job-posting-keyword-1\\\">Job Posting Keyword (1)</label>\\r\\n                    <input type=\\\"text\\\" id=\\\"job-posting-keyword-1\\\" />\\r\\n                </div>\\r\\n                <div class=\\\"col-md-4 cell\\\">\\r\\n                    <label class=\\\"label-hidden\\\" for=\\\"job-posting-keyword-2\\\">Job Posting Keyword (2)</label>\\r\\n                    <input type=\\\"text\\\" id=\\\"job-posting-keyword-2\\\" />\\r\\n                </div>\\r\\n                <div class=\\\"col-md-4 cell last-col\\\">\\r\\n                    <label class=\\\"label-hidden\\\" for=\\\"job-posting-keyword-3\\\">Job Posting Keyword (3)</label>\\r\\n                    <input type=\\\"text\\\" id=\\\"job-posting-keyword-3\\\" />\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row-fluid\\\">\\r\\n                <div class=\\\"col-md-4 cell\\\">\\r\\n                    <label class=\\\"label-hidden\\\" for=\\\"job-posting-keyword-4\\\">Job Posting Keyword (4)</label>\\r\\n                    <input type=\\\"text\\\" id=\\\"job-posting-keyword-4\\\" />\\r\\n                </div>\\r\\n                <div class=\\\"col-md-4 cell\\\">\\r\\n                    <label class=\\\"label-hidden\\\" for=\\\"job-posting-keyword-5\\\">Job Posting Keyword (5)</label>\\r\\n                    <input type=\\\"text\\\" id=\\\"job-posting-keyword-5\\\" />\\r\\n                </div>\\r\\n                <div class=\\\"col-md-4 cell last-col\\\">\\r\\n                    <label class=\\\"label-hidden\\\" for=\\\"job-posting-keyword-6\\\">Job Posting Keyword (6)</label>\\r\\n                    <input type=\\\"text\\\" id=\\\"job-posting-keyword-6\\\" />\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row-fluid\\\">\\r\\n                <div class=\\\"col-md-4 cell\\\">\\r\\n                    <label class=\\\"label-hidden\\\" for=\\\"job-posting-keyword-7\\\">Job Posting Keyword (7)</label>\\r\\n                    <input type=\\\"text\\\" id=\\\"job-posting-keyword-7\\\" />\\r\\n                </div>\\r\\n                <div class=\\\"col-md-4 cell\\\">\\r\\n                    <label class=\\\"label-hidden\\\" for=\\\"job-posting-keyword-8\\\">Job Posting Keyword (8)</label>\\r\\n                    <input type=\\\"text\\\" id=\\\"job-posting-keyword-8\\\" />\\r\\n                </div>\\r\\n                <div class=\\\"col-md-4 cell last-col\\\">\\r\\n                    <label class=\\\"label-hidden\\\" for=\\\"job-posting-keyword-9\\\">Job Posting Keyword (9)</label>\\r\\n                    <input type=\\\"text\\\" id=\\\"job-posting-keyword-9\\\" />\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row-fluid\\\">\\r\\n                <div class=\\\"col-md-4 cell last-row\\\">\\r\\n                    <label class=\\\"label-hidden\\\" for=\\\"job-posting-keyword-10\\\">Job Posting Keyword (10)</label>\\r\\n                    <input type=\\\"text\\\" id=\\\"job-posting-keyword-10\\\" />\\r\\n                </div>\\r\\n                <div class=\\\"col-md-4 cell last-row\\\">\\r\\n                    <label class=\\\"label-hidden\\\" for=\\\"job-posting-keyword-11\\\">Job Posting Keyword (11)</label>\\r\\n                    <input type=\\\"text\\\" id=\\\"job-posting-keyword-11\\\" />\\r\\n                </div>\\r\\n                <div class=\\\"col-md-4 cell last-row last-col last-cell\\\">\\r\\n                    <label class=\\\"label-hidden\\\" for=\\\"job-posting-keyword-12\\\">Job Posting Keyword (12)</label>\\r\\n                    <input type=\\\"text\\\" id=\\\"job-posting-keyword-12\\\" />\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"padding-bottom:10px;\\\">Keywords from employer website, including mission statement:</div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"container-fluid\\\" style=\\\"padding-bottom:25px;\\\">\\r\\n            <div class=\\\"row-fluid\\\">\\r\\n                <div class=\\\"col-md-4 cell\\\">\\r\\n                    <label class=\\\"label-hidden\\\" for=\\\"employer-website-keyword-1\\\">Employer Website Keyword (1)</label>\\r\\n                    <input type=\\\"text\\\" id=\\\"employer-website-keyword-1\\\" />\\r\\n                </div>\\r\\n                <div class=\\\"col-md-4 cell\\\">\\r\\n                    <label class=\\\"label-hidden\\\" for=\\\"employer-website-keyword-2\\\">Employer Website Keyword (2)</label>\\r\\n                    <input type=\\\"text\\\" id=\\\"employer-website-keyword-2\\\" />\\r\\n                </div>\\r\\n                <div class=\\\"col-md-4 cell last-col\\\">\\r\\n                    <label class=\\\"label-hidden\\\" for=\\\"employer-website-keyword-3\\\">Employer Website Keyword (3)</label>\\r\\n                    <input type=\\\"text\\\" id=\\\"employer-website-keyword-3\\\" />\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row-fluid\\\">\\r\\n                <div class=\\\"col-md-4 cell\\\">\\r\\n                    <label class=\\\"label-hidden\\\" for=\\\"employer-website-keyword-4\\\">Employer Website Keyword (4)</label>\\r\\n                    <input type=\\\"text\\\" id=\\\"employer-website-keyword-4\\\" />\\r\\n                </div>\\r\\n                <div class=\\\"col-md-4 cell\\\">\\r\\n                    <label class=\\\"label-hidden\\\" for=\\\"employer-website-keyword-5\\\">Employer Website Keyword (5)</label>\\r\\n                    <input type=\\\"text\\\" id=\\\"employer-website-keyword-5\\\" />\\r\\n                </div>\\r\\n                <div class=\\\"col-md-4 cell last-col\\\">\\r\\n                    <label class=\\\"label-hidden\\\" for=\\\"employer-website-keyword-6\\\">Employer Website Keyword (6)</label>\\r\\n                    <input type=\\\"text\\\" id=\\\"employer-website-keyword-6\\\" />\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row-fluid\\\">\\r\\n                <div class=\\\"col-md-4 cell\\\">\\r\\n                    <label class=\\\"label-hidden\\\" for=\\\"employer-website-keyword-7\\\">Employer Website Keyword (7)</label>\\r\\n                    <input type=\\\"text\\\" id=\\\"employer-website-keyword-7\\\" />\\r\\n                </div>\\r\\n                <div class=\\\"col-md-4 cell\\\">\\r\\n                    <label class=\\\"label-hidden\\\" for=\\\"employer-website-keyword-8\\\">Employer Website Keyword (8)</label>\\r\\n                    <input type=\\\"text\\\" id=\\\"employer-website-keyword-8\\\" />\\r\\n                </div>\\r\\n                <div class=\\\"col-md-4 cell last-col\\\">\\r\\n                    <label class=\\\"label-hidden\\\" for=\\\"employer-website-keyword-9\\\">Employer Website Keyword (9)</label>\\r\\n                    <input type=\\\"text\\\" id=\\\"employer-website-keyword-9\\\" />\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row-fluid\\\">\\r\\n                <div class=\\\"col-md-4 cell last-row\\\">\\r\\n                    <label class=\\\"label-hidden\\\" for=\\\"employer-website-keyword-10\\\">Employer Website Keyword (10)</label>\\r\\n                    <input type=\\\"text\\\" id=\\\"employer-website-keyword-10\\\" />\\r\\n                </div>\\r\\n                <div class=\\\"col-md-4 cell last-row\\\">\\r\\n                    <label class=\\\"label-hidden\\\" for=\\\"employer-website-keyword-11\\\">Employer Website Keyword (11)</label>\\r\\n                    <input type=\\\"text\\\" id=\\\"employer-website-keyword-11\\\" />\\r\\n                </div>\\r\\n                <div class=\\\"col-md-4 cell last-row last-col last-cell\\\">\\r\\n                    <label class=\\\"label-hidden\\\" for=\\\"employer-website-keyword-12\\\">Employer Website Keyword (12)</label>\\r\\n                    <input type=\\\"text\\\" id=\\\"employer-website-keyword-12\\\" />\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"padding-bottom:10px;\\\">Buzzwords in this field of work:</div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"container-fluid\\\">\\r\\n            <div class=\\\"row-fluid\\\">\\r\\n                <div class=\\\"col-md-4 cell\\\">\\r\\n                    <label class=\\\"label-hidden\\\" for=\\\"field-of-work-keyword-1\\\">Field of Work Keyword (1)</label>\\r\\n                    <input type=\\\"text\\\" id=\\\"field-of-work-keyword-1\\\" />\\r\\n                </div>\\r\\n                <div class=\\\"col-md-4 cell\\\">\\r\\n                    <label class=\\\"label-hidden\\\" for=\\\"field-of-work-keyword-2\\\">Field of Work Keyword (2)</label>\\r\\n                    <input type=\\\"text\\\" id=\\\"field-of-work-keyword-2\\\" />\\r\\n                </div>\\r\\n                <div class=\\\"col-md-4 cell last-col\\\">\\r\\n                    <label class=\\\"label-hidden\\\" for=\\\"field-of-work-keyword-3\\\">Field of Work Keyword (3)</label>\\r\\n                    <input type=\\\"text\\\" id=\\\"field-of-work-keyword-3\\\" />\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row-fluid\\\">\\r\\n                <div class=\\\"col-md-4 cell\\\">\\r\\n                    <label class=\\\"label-hidden\\\" for=\\\"field-of-work-keyword-4\\\">Field of Work Keyword (4)</label>\\r\\n                    <input type=\\\"text\\\" id=\\\"field-of-work-keyword-4\\\" />\\r\\n                </div>\\r\\n                <div class=\\\"col-md-4 cell\\\">\\r\\n                    <label class=\\\"label-hidden\\\" for=\\\"field-of-work-keyword-5\\\">Field of Work Keyword (5)</label>\\r\\n                    <input type=\\\"text\\\" id=\\\"field-of-work-keyword-5\\\" />\\r\\n                </div>\\r\\n                <div class=\\\"col-md-4 cell last-col\\\">\\r\\n                    <label class=\\\"label-hidden\\\" for=\\\"field-of-work-keyword-6\\\">Field of Work Keyword (6)</label>\\r\\n                    <input type=\\\"text\\\" id=\\\"field-of-work-keyword-6\\\" />\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row-fluid\\\">\\r\\n                <div class=\\\"col-md-4 cell\\\">\\r\\n                    <label class=\\\"label-hidden\\\" for=\\\"field-of-work-keyword-7\\\">Field of Work Keyword (7)</label>\\r\\n                    <input type=\\\"text\\\" id=\\\"field-of-work-keyword-7\\\" />\\r\\n                </div>\\r\\n                <div class=\\\"col-md-4 cell\\\">\\r\\n                    <label class=\\\"label-hidden\\\" for=\\\"field-of-work-keyword-8\\\">Field of Work Keyword (8)</label>\\r\\n                    <input type=\\\"text\\\" id=\\\"field-of-work-keyword-8\\\" />\\r\\n                </div>\\r\\n                <div class=\\\"col-md-4 cell last-col\\\">\\r\\n                    <label class=\\\"label-hidden\\\" for=\\\"field-of-work-keyword-9\\\">Field of Work Keyword (9)</label>\\r\\n                    <input type=\\\"text\\\" id=\\\"field-of-work-keyword-9\\\" />\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"row-fluid\\\">\\r\\n                <div class=\\\"col-md-4 cell last-row\\\">\\r\\n                    <label class=\\\"label-hidden\\\" for=\\\"field-of-work-keyword-10\\\">Field of Work Keyword (10)</label>\\r\\n                    <input type=\\\"text\\\" id=\\\"field-of-work-keyword-10\\\" />\\r\\n                </div>\\r\\n                <div class=\\\"col-md-4 cell last-row\\\">\\r\\n                    <label class=\\\"label-hidden\\\" for=\\\"field-of-work-keyword-11\\\">Field of Work Keyword (11)</label>\\r\\n                    <input type=\\\"text\\\" id=\\\"field-of-work-keyword-11\\\" />\\r\\n                </div>\\r\\n                <div class=\\\"col-md-4 cell last-row last-col last-cell\\\">\\r\\n                    <label class=\\\"label-hidden\\\" for=\\\"field-of-work-keyword-12\\\">Field of Work Keyword (12)</label>\\r\\n                    <input type=\\\"text\\\" id=\\\"field-of-work-keyword-12\\\" />\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-4/lesson-2/resume keyworks worksheet'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: \"resume-keywords-worksheet\",\r\n    templateUrl: \"./resume-keywords-worksheet.component.html\",\r\n    styleUrls: [\"./resume-keywords-worksheet.component.css\"]\r\n})\r\nexport class UnitFourLessonTwoResumeKeywordsWorksheetComponent {\r\n\r\n    title: string = \"R\\xE9sum\\xE9 Keywords Worksheet\";\r\n    pageTitle: string = this.title + \" | Unit 4, Lesson 2 | T-Folio\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n}\r\n","module.exports = \"div.editor {\\r\\n    border: 1px solid black;\\r\\n}\\r\\n\\r\\ndiv.guide {\\r\\n    text-align: center;\\r\\n    font-size: x-small;\\r\\n}\\r\\n\\r\\nhr {\\r\\n    display:none;\\r\\n}\\r\\n\\r\\n.active{\\r\\n    color: #2C3E50;\\r\\n}\\r\\n\\r\\n@media print {\\r\\n\\r\\n    div.editor {\\r\\n        border: none;\\r\\n    }\\r\\n\\r\\n    div.guide {\\r\\n        display:none;\\r\\n    }\\r\\n\\r\\n    ol.breadcrumb {\\r\\n        display:none;\\r\\n    }\\r\\n    \\r\\n    div.footer {\\r\\n        display:none;\\r\\n    }\\r\\n\\r\\n    hr {\\r\\n        display:block;\\r\\n    }\\r\\n}\"","module.exports = \"<div class=\\\"container exercise-content\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-4']\\\">Unit 4</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-4/lesson-2']\\\">Lesson 2</a></li>\\r\\n                <li class=\\\"active\\\">{{title}}</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-4/\\\">Unit 4</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-4/lesson-2/\\\">Lesson 2</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-4/lesson-2/resume-template/\\\">{{title}}</a></li>\\r\\n            </ol>\\r\\n\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-4/lesson-2/resume template'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div contenteditable=\\\"true\\\" class=\\\"col-md-12\\\" style=\\\"margin-top:15px;font-weight:bold;font-size:xx-large;text-align:center;\\\">\\r\\n            Your Name\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div contenteditable=\\\"true\\\" class=\\\"col-md-12\\\" style=\\\"text-align:center;\\\">\\r\\n            Your Street Address, City, State, Zip, Phone Number, Email Address\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12 guide\\\">\\r\\n            (Your Street Address, City, State, Zip, Phone Number, Email Address)\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"padding-top:20px;page-break-inside:avoid;\\\">\\r\\n            <b>Objective</b>\\r\\n            <hr style=\\\"margin-top:0px;margin-bottom:0px;border-color:black;\\\" />\\r\\n            <div contenteditable=\\\"true\\\" class=\\\"editor\\\" style=\\\"min-height:50px;width:100%;margin-top:5px;\\\"></div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"padding-top:20px;page-break-inside:avoid;\\\">\\r\\n            <b>Education</b>\\r\\n            <hr style=\\\"margin-top:0px;margin-bottom:0px;border-color:black;\\\" />\\r\\n            <div contenteditable=\\\"true\\\" class=\\\"editor\\\" style=\\\"min-height:50px;width:100%;margin-top:5px;\\\"></div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"padding-top:20px;page-break-inside:avoid;\\\">\\r\\n            <b>Skills and Strengths</b>\\r\\n            <hr style=\\\"margin-top:0px;margin-bottom:0px;border-color:black;\\\" />\\r\\n            <div contenteditable=\\\"true\\\" class=\\\"editor\\\" style=\\\"min-height:75px;width:100%;margin-top:5px;\\\" (keyup)=\\\"restoreBulletPoint($event);\\\">\\r\\n                <ul>\\r\\n                    <li></li>\\r\\n                </ul>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"padding-top:20px;page-break-inside:avoid;\\\">\\r\\n            <b>Experience</b>\\r\\n            <button (click)=\\\"addPosition();\\\" class=\\\"hidden-print\\\">Add Position</button><br />\\r\\n            <span class=\\\"hidden-print\\\" style=\\\"font-size:x-small\\\">(Position, Employer, City, State, Start Year-End Year)</span>\\r\\n            <hr style=\\\"margin-top:0px;margin-bottom:0px;border-color:black;\\\" />\\r\\n            <div contenteditable=\\\"true\\\" id=\\\"experience\\\" class=\\\"editor\\\" style=\\\"min-height:75px;width:100%;margin-top:5px;\\\">\\r\\n                Position, Employer, City, State, Start Year-End Year\\r\\n                <ul>\\r\\n                    <li></li>\\r\\n                </ul>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"padding-top:20px;padding-bottom:20px;page-break-inside:avoid;\\\">\\r\\n            <b>Honors, Awards, and Activities</b>\\r\\n            <hr style=\\\"margin-top:0px;margin-bottom:0px;border-color:black;\\\" />\\r\\n            <div contenteditable=\\\"true\\\" class=\\\"editor\\\" style=\\\"min-height:75px;width:100%;margin-top:5px;\\\" (keyup)=\\\"restoreBulletPoint($event);\\\">\\r\\n                <ul>\\r\\n                    <li></li>\\r\\n                </ul>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-4/lesson-2/resume template'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: \"resume-template\",\r\n    templateUrl: \"./resume-template.component.html\",\r\n    styleUrls: [\"./resume-template.component.css\"]\r\n})\r\nexport class UnitFourLessonTwoResumeTemplateComponent {\r\n\r\n    title: string = \"R\\xE9sum\\xE9 Template\";\r\n    pageTitle: string = this.title + \" | Unit 4, Lesson 2 | T-Folio\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n\r\n    doScroll() {\r\n        window.scrollTo(0, 0);\r\n    }\r\n    doPrint() {\r\n        window.print();\r\n    }\r\n\r\n    restoreBulletPoint($event) {\r\n        if ($event.srcElement.innerHTML.indexOf(\"<li>\") == -1)\r\n            $event.srcElement.innerHTML = '<ul><li></li></ul>';\r\n    }\r\n\r\n    addPosition() {\r\n        var elem = document.getElementById('experience');\r\n        elem.innerHTML += 'Position, Employer, City, State, Start Year-End Year<ul><li></li></ul>';\r\n    }\r\n}\r\n","module.exports = \"<div class=\\\"container exercise-content guide\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-4']\\\">Unit 4</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-4/lesson-3']\\\">Lesson 3</a></li>\\r\\n                <li class=\\\"active\\\">Lesson Guide</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-4/\\\">Unit 4</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-4/lesson-3/\\\">Lesson 3</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-4/lesson-3/guide/\\\">Lesson Guide</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-4/lesson-3/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n        <div class=\\\"col-md-12\\\"><h1>{{title}}</h1></div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-9\\\">\\r\\n            <h2 class=\\\"subtitle\\\">{{subtitle}}</h2>\\r\\n            <div>\\r\\n                In this lesson, students will learn about the various components of an elevator speech. Then they will write their own elevator speech and practice delivering their pitch to their peers.\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-3 box\\\">\\r\\n            <i class=\\\"fa fa-folder-open\\\" aria-hidden=\\\"true\\\"></i>\\r\\n            <b>Item to be added to student's Transition Portfolio:</b>\\r\\n            <ul class=\\\"hidden-print\\\">\\r\\n                <li><a [routerLink]=\\\"['/unit-4/lesson-3/elevator-speech-worksheet']\\\">Elevator Speech Worksheet</a></li>\\r\\n            </ul>\\r\\n            <ul class=\\\"visible-print-block\\\">\\r\\n                <li><a href=\\\"https://cctstfolio.com/#/unit-4/lesson-3/elevator-speech-worksheet\\\">Elevator Speech Worksheet</a></li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n            <h2>Lesson Objectives</h2>\\r\\n            <b>Participants will:</b>\\r\\n            <ol>\\r\\n                <li>Recognize the components of an elevator speech.</li>\\r\\n                <li>Understand the importance of presenting themselves in a positive, professional manner.</li>\\r\\n                <li>Develop an elevator speech to share with potential employers.</li>\\r\\n            </ol>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Facilitator Notes</h2>\\r\\n            <ul>\\r\\n                <li>Students will need to feel confident in their elevator speech to appeal to potential employers. Practicing is essential to gain confidence. Consider bringing in additional adults from the building for the last part of this lesson, such as a counselor or librarian for students to practice with.</li>\\r\\n                <li>An elevator speech is a type of personal statement. Students will have an opportunity to convert their elevator speech into a personal statement as an extension activity to this lesson. </li>\\r\\n                <li>Students should complete the elevator speech electronically in order to save it to their T-Folio. For the activity, it would be best for students to also have their elevator speech either printed or written on a notecard.</li>\\r\\n                <li>This lesson includes a focused reading activity. If you want students to use the suggested annotations, you will need to print copies of the article ahead of time. </li>\\r\\n                <li>\\r\\n                    A PowerPoint is included with this lesson and can be used as part of a presentation or for your information. It is recommended that you review the PowerPoint (including the Notes section) prior to using the lesson. It can be accessed in either PowerPoint or as a PDF:\\r\\n                    <ul>\\r\\n                        <li><a href=\\\"/img/unit-4/lesson-3/T-Folio_Unit-4_Lesson-3_Writing-And-Presenting-An-Elevator-Speech.pptx\\\">PowerPoint: \\\"Writing and Presenting an Elevator Speech\\\"</a></li>\\r\\n                        <li><a href=\\\"/img/unit-4/lesson-3/T-Folio_Unit-4_Lesson-3_Writing-And-Presenting-An-Elevator-Speech.pdf\\\" target=\\\"_blank\\\">PDF: \\\"Writing and Presenting an Elevator Speech\\\"</a></li>\\r\\n                    </ul>\\r\\n                </li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Introduction</h2>\\r\\n            <b>Warm-up:</b><br />\\r\\n            <div>\\r\\n                Show this video of a negative elevator speech: <a href=\\\"https://www.youtube.com/watch?v=LDpe9StfGTA\\\" target=\\\"_blank\\\">\\\"The Elevator Speech\\\"</a> (2:43) by ttucob, February 19, 2013.\\r\\n            </div><br />\\r\\n            <div>\\r\\n                <b>Ask:</b>&nbsp;&nbsp;\\r\\n                <ul>\\r\\n                    <li>Why were the first interactions inappropriate?</li>\\r\\n                    <li>Why would you want or not want to hire each person from the video?</li>\\r\\n                    <li>What could this person have done to make a better first impression?</li>\\r\\n                </ul>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Activity</h2>\\r\\n            <div>\\r\\n                <b>Say:</b>\\r\\n                An elevator speech is a summary of your strengths, work experiences, or activities related to a job posting.\\r\\n                It's called an elevator speech because it is meant to be a short speech that quickly expresses your interest in pursuing a particular career.\\r\\n                You never know when you may have the opportunity to share a bit about yourself to a potential employer. Elevator speeches are used at job fairs, networking events, during introductory phone calls, as part of your job interview when asked to tell a bit about yourself, or of course...in an elevator.\\r\\n                Variations of your elevator speech may be used as your LinkedIn Bio or objective on your r&eacute;sum&eacute;.\\r\\n\\r\\n                <h3 style=\\\"font-weight:bold;\\\">Part 1: Article</h3>\\r\\n                <div>\\r\\n                    <div style=\\\"padding-bottom:15px;\\\">\\r\\n                        <b>Say:</b>\\r\\n                        We are now going to read a short article,\\r\\n                        <a href=\\\"/img/unit-4/lesson-3/T-Folio_Unit-4_Lesson-3_What-To-Say-And-Do-During-Your-Elevator-Speech.pdf\\\" target=\\\"_blank\\\">What to Say and Do During Your Elevator Speech (PDF)</a>,\\r\\n                        on the do's and don'ts for elevator speeches.\\r\\n                        This is a focused reading activity, using the following annotations (<i>Groups at Work</i>, 2011):\\r\\n                    </div>\\r\\n                    <ul style=\\\"list-style-type:none;\\\">\\r\\n                        <li><b>&#10003;</b> = I got it! I know or understand this information.</li>\\r\\n                        <li><b>!</b> = This is really important information.</li>\\r\\n                        <li><b>?</b> = I'd like clarification or elaboration on this information.</li>\\r\\n                    </ul>\\r\\n                    <div style=\\\"padding-bottom:15px;\\\">After students have read and marked the text, assign them to pairs or groups of three to discuss.</div>\\r\\n                    <b>Ask:</b>\\r\\n                    <ul>\\r\\n                        <li>What information did you already understand?</li>\\r\\n                        <li>When did you learn that information?</li>\\r\\n                        <li>What information did your group find important? Why did that stand out to you?</li>\\r\\n                        <li>What information needs additional clarification?</li>\\r\\n                    </ul>\\r\\n                </div>\\r\\n\\r\\n                <h3 style=\\\"font-weight:bold;\\\">Part 2: Practicing your speech</h3>\\r\\n                <div>\\r\\n                    <b>Say:</b>\\r\\n                    Confidence is a work maturity skill that employers look for.\\r\\n                    Your elevator speech should be well practiced, so you make a strong first impression.\\r\\n                    We are now going to write and practice your elevator speeches using the <a [routerLink]=\\\"['/unit-4/lesson-3/elevator-speech-worksheet']\\\">Elevator Speech Worksheet.</a>\\r\\n                    An elevator speech should include who you are, what you do (experience, activities), and what you want to do as a career.\\r\\n                    It must fit on a notecard because elevator speeches are meant to be short.\\r\\n                    <ul>\\r\\n                        <li>Allow time for students to complete the following elevator speech template on a notecard and/or electronically.</li>\\r\\n                        <li>\\r\\n                            Once students have completed the template, set a 90 second timer.\\r\\n                            Have students stand around the room in pairs, share their speech, hear their partner's speech, then rotate to a new person.\\r\\n                        </li>\\r\\n                        <li>After youth have practiced their speeches with multiple peers, have them sit back down.</li>\\r\\n                    </ul>\\r\\n                </div>\\r\\n                <div class=\\\"col-md-12\\\" style=\\\"margin-bottom:20px;\\\">\\r\\n                    <div class=\\\"col-md-2\\\"></div>\\r\\n                    <div class=\\\"col-md-8\\\" style=\\\"border:1px solid black;padding:10px\\\">\\r\\n                        My name is _______________. Currently I’m a student at _____________________. <br />\\r\\n                        My strengths are _________________ and _________________________________. <br />\\r\\n                        My interest and experience as it relates to this job are _____________________________.<br />\\r\\n                        I’d be a good fit for your company because ______________________________________.<br />\\r\\n                    </div>\\r\\n                    <div class=\\\"col-md-2\\\"></div>\\r\\n                </div>\\r\\n\\r\\n                <h3 style=\\\"font-weight:bold;\\\">Part 3: Peer feedback</h3>\\r\\n                <div>\\r\\n                    <b>Say:</b>\\r\\n                    Now you will provide feedback to two peers using the <a [routerLink]=\\\"['/unit-4/lesson-3/elevator-speech-feedback']\\\">Elevator Speech: Peer Reflection Feedback</a> form. <br />\\r\\n                    Peer feedback activity:\\r\\n                    <ol>\\r\\n                        <li>Describe one strength your partner demonstrated.</li>\\r\\n                        <li>What is one area your partner may improve?</li>\\r\\n                        <li>Share your feedback with your peers.</li>\\r\\n                    </ol>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Debrief and Guiding Questions</h2>\\r\\n            <ul>\\r\\n                <li>Think of someone who has made a strong first impression on you (a teacher, coach, advisor, friend, employer). What did they say? How did they say it?</li>\\r\\n                <li>Put yourself in the employer's shoes. What do you look for when hiring someone? How quickly do you know if they are a good fit? What would make you decide quickly that someone is not a good fit?</li>\\r\\n                <li>What was your comfort level 1-5 (1 low, 5 high) after your first time practicing your elevator speech? How about after the tenth time? Does confidence make a difference to an employer?</li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Additional Resources</h2>\\r\\n            <ul style=\\\"list-style:url('/img/arrow.png');\\\">\\r\\n                <li>\\r\\n                    If it's more appropriate for your students to write a personal statement rather than an elevator speech, use this article for the focused reading activity: Burry, M. (2017, November 8).\\r\\n                    <a href=\\\"https://www.thebalance.com/how-to-write-a-personal-statement-for-job-searching-3572159\\\" target=\\\"_blank\\\">How to write a personal statement for job searching.</a> The Balance.\\r\\n                </li>\\r\\n                <li>\\r\\n                    The focused reading activity above is taken from: Lipton, L. & Wellman, B.M. (2011). Groups at work: Strategies and structures for professional learning. Sherman, CT: MiraVia.\\r\\n                </li>\\r\\n                <li>\\r\\n                    For additional examples of positive or negative aspects of a speech, search \\\"speech\\\" or \\\"presentation\\\" on <a href=\\\"https://www.teachertube.com/\\\" target=\\\"_blank\\\">TeacherTube.</a> Have youth discuss the qualities that make a speech successful or unsuccessful.\\r\\n                </li>\\r\\n            </ul>\\r\\n            <h2>Considerations for Accommodation</h2>\\r\\n            <ul>\\r\\n                <li>Use speech-to-text to have students practice saying their elevator speech out loud.</li>\\r\\n                <li>The objective is for youth to be as fluent with their elevator speeches as possible. Youth may benefit from extra time to write the speech out multiple times prior to practicing aloud. Youth may also benefit from practicing aloud prior to working with a partner.</li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Up Next</h2>\\r\\n            <div>\\r\\n                In Lesson 4, students will learn about the job application process and will practice filling out a sample job application with their own information. The finished product can be used in the future when applying for jobs.\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-4/lesson-3/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from '@angular/platform-browser';\r\n\r\n@Component({\r\n    selector: 'unit-four-lesson-two-guide',\r\n    templateUrl: './_guide.component.html',\r\n    styleUrls: ['../../_shared/lesson-guides/lesson-guide.component.css']\r\n})\r\nexport class UnitFourLessonThreeGuideComponent {\r\n\r\n    pageTitle: string = \"Lesson Guide | Unit 4, Lesson 3 | T-Folio\";\r\n    title: string = \"Lesson Guide\";\r\n    subtitle: string = \"Lesson 3: Writing and Presenting an Elevator Speech\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n}\r\n","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: 'unit-four-lesson-three-landing-page',\r\n    templateUrl: '../../_shared/landing-pages/landing-page.component.html',\r\n    styleUrls: ['../../_shared/landing-pages/landing-page.component.css']\r\n})\r\nexport class UnitFourLessonThreeLandingComponent {\r\n\r\n    bannerHeader = \"Workplace Readiness Training: Lesson 3\";\r\n    title: string = \"Lesson 3: Writing and Presenting an Elevator Speech\";\r\n    pageTitle: string = \"Writing and Presenting an Elevator Speech | Unit 4, Lesson 3 | T-Folio\";\r\n\r\n    openInNewWindow(url: string) {\r\n        window.open(url, '_blank');\r\n    }\r\n\r\n    doPrint(): void {\r\n        window.print();\r\n    }\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n    LandingPageData = {\r\n        breadcrumbs: {\r\n            label: \"Lesson 3\",\r\n            crumbs: [\r\n                {\r\n                    route: \"\",\r\n                    linktext: \"T-Folio\"\r\n                },\r\n                {\r\n                    route: \"/unit-4\",\r\n                    linktext: \"Unit 4\"\r\n                }\r\n            ]\r\n        },\r\n        summary: \"In this lesson, students will learn about the various components of an elevator speech. Then they will write their own elevator speech and practice delivering their pitch to their peers.  \",\r\n        objectives: [\r\n            \"Recognize the components of an elevator speech.\",\r\n            \"Understand the importance of presenting themselves in a positive, professional manner.\",\r\n            \"Develop an elevator speech to share with potential employers.\",\r\n        ],\r\n        buttons: [\r\n            {\r\n                route: \"/unit-4/lesson-3/guide\",\r\n                linktext: \"Lesson Guide\",\r\n                color: \"btn-success\",\r\n                window: false,\r\n            },\r\n            {\r\n                route: \"/unit-4/lesson-3/elevator-speech-worksheet\",\r\n                linktext: \"Elevator Speech Worksheet\",\r\n                color: \"btn-primary\",\r\n                window: false,\r\n            },\r\n            {\r\n                route: \"/unit-4/lesson-3/elevator-speech-feedback\",\r\n                linktext: \"Elevator Speech: Peer Reflection Feedback\",\r\n                color: \"btn-primary\",\r\n                window: false,\r\n            },\r\n            {\r\n                route: '/img/unit-4/lesson-3/T-Folio_Unit-4_Lesson-3_Writing-And-Presenting-An-Elevator-Speech.pptx',\r\n                linktext: \"PowerPoint Presentation\",\r\n                color: \"powerpoint-button\",\r\n                window: true,\r\n            }\r\n        ],\r\n        image: \"/img/unit-4/lesson-3/L3_k-120-name-1117-id-62272-jpeg.jpg\",\r\n        imgalt: \"A person wearing glasses and a blazer is speaking to a coworker.\",\r\n        caption: \"on\",\r\n        photoLink: \"https://www.rawpixel.com/image/62272/agreement-business-business-people-businessman-businesswoman-colleague-communication-community\",\r\n        source: \"Rawpixel\",\r\n        sourceLink: \"https://www.rawpixel.com/\",\r\n        licence: \"Free license\",\r\n        licenceLink: \"https://www.rawpixel.com/services/image-licenses/free-license\",\r\n    }\r\n\r\n\r\n}\r\n","module.exports = \"label.label-hidden {\\r\\n    position: absolute;\\r\\n    left: -10000px;\\r\\n    top: auto;\\r\\n    width: 1px;\\r\\n    height: 1px;\\r\\n    overflow: hidden;\\r\\n}\\r\\n\\r\\n\\r\\n.active{\\r\\n    color: #2C3E50;\\r\\n}\\r\\n\\r\\n\\r\\n.editor {\\r\\n    min-height: 65px;\\r\\n    width: 85%;\\r\\n    margin-top: 5px;\\r\\n    border: 1px solid gray;\\r\\n    text-align: left;\\r\\n    font-weight:bold;\\r\\n}\\r\\n\\r\\n\\r\\n@media print {\\r\\n    .editor {\\r\\n        min-height: 65px;\\r\\n        width: 85%;\\r\\n        margin-top: 5px;\\r\\n        border: none;\\r\\n        text-align: left;\\r\\n    }\\r\\n}\"","module.exports = \"<div class=\\\"container exercise-content\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-4']\\\">Unit 4</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-4/lesson-3']\\\">Lesson 3</a></li>\\r\\n                <li class=\\\"active\\\">{{title}}</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-4/\\\">Unit 4</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-4/lesson-3/\\\">Lesson 3</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-4/lesson-3/elevator-speech-feedback/\\\">{{title}}</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-4/lesson-3/elevator speech feedback'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <tfolio-heading></tfolio-heading>\\r\\n    <tfolio-page-title content=\\\"{{title}}\\\"></tfolio-page-title>\\r\\n\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-2\\\">\\r\\n            <label for=\\\"name-partner-A\\\">Partner A's Name</label>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-10\\\">\\r\\n            <input id=\\\"name-partner-A\\\" name=\\\"name-partner-A\\\" type=\\\"text\\\" style=\\\"width:75%\\\" />\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"padding-top:25px;padding-left:50px;\\\">\\r\\n            1. <label for=\\\"strength-partner-A\\\">Describe one strength your partner demonstrated.</label>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"padding-left:75px;\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"padding-top:10px;\\\">\\r\\n            <div contenteditable=\\\"true\\\" class=\\\"editor\\\"></div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"padding-top:25px;padding-left:50px;\\\">\\r\\n            2. <label for=\\\"area-improve-partner-A\\\">What is one area your partner may improve?</label>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"padding-left:75px;\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"padding-top:10px;\\\">\\r\\n            <div contenteditable=\\\"true\\\" class=\\\"editor\\\"></div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-2\\\" style=\\\"padding-top:25px;\\\">\\r\\n            <label for=\\\"name-partner-B\\\">Partner B's Name</label>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-10\\\" style=\\\"padding-top:25px;\\\">\\r\\n            <input id=\\\"name-partner-B\\\" name=\\\"name-partner-B\\\" type=\\\"text\\\" style=\\\"width:75%\\\" />\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"padding-top:25px;padding-left:50px;\\\">\\r\\n            1. <label for=\\\"strength-partner-B\\\">Describe one strength your partner demonstrated.</label>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"padding-left:75px;\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"padding-top:10px;\\\">\\r\\n            <div contenteditable=\\\"true\\\" class=\\\"editor\\\"></div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"padding-top:25px;padding-left:50px;\\\">\\r\\n            2. <label for=\\\"area-improve-partner-B\\\">What is one area your partner may improve?</label>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"padding-left:75px;\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"padding-top:10px;padding-bottom:50px;\\\">\\r\\n            <div contenteditable=\\\"true\\\" class=\\\"editor\\\"></div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-4/lesson-3/elevator speech feedback'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: \"elevator-speech-feedback\",\r\n    templateUrl: \"./elevator-speech-feedback.component.html\",\r\n    styleUrls: [\"./elevator-speech-feedback.component.css\"]\r\n})\r\nexport class UnitFourLessonThreeElevatorSpeechFeedbackComponent {\r\n\r\n    title: string = \"Elevator Speech: Peer Reflection Feedback\";\r\n    pageTitle: string = this.title + \" | Unit 4, Lesson 3 | T-Folio\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n\r\n    doScroll() {\r\n        window.scrollTo(0, 0);\r\n    }\r\n    doPrint() {\r\n        window.print();\r\n    }\r\n}\r\n","module.exports = \"span.blank:after {\\r\\n    text-decoration: underline;\\r\\n    content: \\\"                              \\\";\\r\\n    white-space: pre;\\r\\n}\\r\\n\\r\\nlabel.label-hidden {\\r\\n    position: absolute;\\r\\n    left: -10000px;\\r\\n    top: auto;\\r\\n    width: 1px;\\r\\n    height: 1px;\\r\\n    overflow: hidden;\\r\\n}\\r\\n\\r\\n.active{\\r\\n    color: #2C3E50;\\r\\n}\"","module.exports = \"<div class=\\\"container exercise-content\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-4']\\\">Unit 4</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-4/lesson-3']\\\">Lesson 3</a></li>\\r\\n                <li class=\\\"active\\\">{{title}}</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-4/\\\">Unit 4</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-4/lesson-3/\\\">Lesson 3</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-4/lesson-3/elevator-speech-worksheet/\\\">{{title}}</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-4/lesson-3/elevator speech worksheet'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <tfolio-heading></tfolio-heading>\\r\\n    <tfolio-page-title content=\\\"{{title}}\\\"></tfolio-page-title>\\r\\n    <tfolio-directions identifier=\\\"job-description-directions\\\" tag=\\\"Directions\\\" [padBottom]=\\\"true\\\">\\r\\n        <span>\\r\\n            Fill in the blanks below with your information in order to complete your elevator speech.\\r\\n            You can then write it onto a notecard, copy and paste it into a Word document to modify for later use, or print it and practice reading it aloud to a peer.\\r\\n        </span>\\r\\n    </tfolio-directions>\\r\\n\\r\\n    <div class=\\\"container-fluid\\\">\\r\\n        <div class=\\\"row-fluid\\\">\\r\\n            <div class=\\\"col-md-6\\\">\\r\\n                <div class=\\\"row-fluid\\\">\\r\\n                    <div class=\\\"col-md-12 phone-email-script\\\" style=\\\"padding-bottom:25px;\\\">\\r\\n                        <div>\\r\\n                            <span class=\\\"script-text\\\">My name is&nbsp;&nbsp;</span>\\r\\n                            <span style=\\\"white-space:nowrap;\\\">\\r\\n                                <label class=\\\"label-hidden\\\" for=\\\"username\\\">User Name</label>\\r\\n                                <input id=\\\"username\\\" name=\\\"username\\\" type=\\\"text\\\" [(ngModel)]=\\\"userName\\\" />\\r\\n                                <span class=\\\"script-text\\\">.</span>\\r\\n                            </span>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"col-md-12 phone-email-script\\\" style=\\\"padding-bottom:25px;\\\">\\r\\n                        <div>\\r\\n                            <span class=\\\"script-text\\\">Currently I'm a student at&nbsp;&nbsp;</span>\\r\\n                            <span style=\\\"white-space:nowrap;\\\">\\r\\n                                <label class=\\\"label-hidden\\\" for=\\\"schoolname\\\">School Name</label>\\r\\n                                <input id=\\\"schoolname\\\" name=\\\"schoolname\\\" type=\\\"text\\\" [(ngModel)]=\\\"schoolName\\\" />\\r\\n                                <span class=\\\"script-text\\\">.</span>\\r\\n                            </span>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"col-md-12 phone-email-script\\\" style=\\\"padding-bottom:25px;\\\">\\r\\n                        <div>\\r\\n                            <span class=\\\"script-text\\\">My strengths are&nbsp;&nbsp;</span>\\r\\n                            <label class=\\\"label-hidden\\\" for=\\\"strengths_1\\\">Strengths (1)</label>\\r\\n                            <input id=\\\"strengths_1\\\" name=\\\"strengths_1\\\" type=\\\"text\\\" [(ngModel)]=\\\"strengths_1\\\" />\\r\\n                            <span class=\\\"script-text\\\">and</span>\\r\\n                            <span style=\\\"white-space:nowrap;\\\">\\r\\n                                <label class=\\\"label-hidden\\\" for=\\\"strengths_2\\\">Strengths (2)</label>\\r\\n                                <input id=\\\"strengths_2\\\" name=\\\"strengths_2\\\" type=\\\"text\\\" [(ngModel)]=\\\"strengths_2\\\" />\\r\\n                                <span class=\\\"script-text\\\">.</span>\\r\\n                            </span>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"col-md-12 phone-email-script\\\" style=\\\"padding-bottom:25px;\\\">\\r\\n                        <div>\\r\\n                            <label class=\\\"label-hidden\\\" for=\\\"schoolname\\\">School Name</label>\\r\\n                            <span class=\\\"script-text\\\">My interest and experience as it relates to this job are&nbsp;&nbsp;</span>\\r\\n                            <textarea id=\\\"schoolname\\\" name=\\\"schoolname\\\" type=\\\"text\\\" [(ngModel)]=\\\"interests\\\" style=\\\"resize:none;\\\"></textarea>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"col-md-12 phone-email-script\\\" style=\\\"padding-bottom:25px;\\\">\\r\\n                        <div>\\r\\n                            <label class=\\\"label-hidden\\\" for=\\\"fitbecause\\\">Why I'd be a Good Fit</label>\\r\\n                            <span class=\\\"script-text\\\">I'd be a good fit for your company because</span>\\r\\n                            <textarea name=\\\"fitbecause\\\" type=\\\"text\\\" [(ngModel)]=\\\"fitbecause\\\" style=\\\"resize:none;\\\"></textarea>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-6\\\">\\r\\n                <div class=\\\"container-fluid\\\" id=\\\"note\\\">\\r\\n                    <div class=\\\"row-fluid\\\">\\r\\n                        <div class=\\\"col-md-12\\\" style=\\\"padding-top:25px;padding-bottom:50px;\\\">\\r\\n                            <span *ngIf=\\\"userName\\\">My name is {{userName}}.</span>\\r\\n                            <span *ngIf=\\\"!userName\\\">My name is <span class=\\\"blank\\\"></span>.</span>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"row-fluid\\\">\\r\\n                        <div class=\\\"col-md-12\\\" style=\\\"padding-bottom:50px;\\\">\\r\\n                            <span *ngIf=\\\"schoolName\\\">Currently I'm a student at {{schoolName}}.</span>\\r\\n                            <span *ngIf=\\\"!schoolName\\\">Currently I'm a student at <span class=\\\"blank\\\"></span>.</span>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"row-fluid\\\">\\r\\n                        <div class=\\\"col-md-12\\\" style=\\\"padding-bottom:50px;\\\">\\r\\n                            <span>My strengths are </span>\\r\\n                            <span *ngIf=\\\"strengths_1\\\">{{strengths_1}}</span>\\r\\n                            <span *ngIf=\\\"!strengths_1\\\"><span class=\\\"blank\\\"></span></span>\\r\\n                            <span> and </span>\\r\\n                            <span *ngIf=\\\"strengths_2\\\">{{strengths_2}}.</span>\\r\\n                            <span *ngIf=\\\"!strengths_2\\\"><span class=\\\"blank\\\"></span>.</span>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"row-fluid\\\">\\r\\n                        <div class=\\\"col-md-12\\\" style=\\\"padding-bottom:50px;\\\">\\r\\n                            <span *ngIf=\\\"interests\\\">My interest and experience as it relates to this job are {{interests}}.</span>\\r\\n                            <span *ngIf=\\\"!interests\\\">My interest and experience as it relates to this job are <span class=\\\"blank\\\"></span><span class=\\\"blank\\\"></span>.</span>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"row-fluid\\\">\\r\\n                        <div class=\\\"col-md-12\\\" style=\\\"padding-bottom:50px;\\\">\\r\\n                            <span *ngIf=\\\"fitbecause\\\">I'd be a good fit for your company because {{fitbecause}}.</span>\\r\\n                            <span *ngIf=\\\"!fitbecause\\\">I'd be a good fit for your company because <span class=\\\"blank\\\"></span><span class=\\\"blank\\\"></span>.</span>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                </div>\\r\\n                <div class=\\\"container-fluid\\\">\\r\\n                    <div class=\\\"row-fluid\\\">\\r\\n                        <div class=\\\"col-md-12\\\" style=\\\"text-align:center;padding-bottom:100px;\\\">\\r\\n                            <button (click)=\\\"copyToClipboard($event);\\\">Copy</button>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n\\r\\n        <!-- scroll, print, pdf -->\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n                <tfolio-scroll></tfolio-scroll>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n                <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-4/lesson-3/elevator speech worksheet'\\\"></tfolio-pdf-button>\\r\\n            </div>\\r\\n        </div>\\r\\n        <!-- copyright -->\\r\\n        <tfolio-copyright></tfolio-copyright>\\r\\n    </div>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: \"elevator-speech-worksheet\",\r\n    templateUrl: \"./elevator-speech-worksheet.component.html\",\r\n    styleUrls: [\"./elevator-speech-worksheet.component.css\"]\r\n})\r\nexport class UnitFourLessonThreeElevatorSpeechWorksheetComponent {\r\n\r\n    title: string = \"Elevator Speech Worksheet\";\r\n    pageTitle: string = this.title + \" | Unit 4, Lesson 3 | T-Folio\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n\r\n    userName: string;\r\n    schoolName: string;\r\n    strengths_1: string;\r\n    strengths_2: string;\r\n    interests: string;\r\n    fitbecause: string;\r\n\r\n    copyToClipboard(event: any) {\r\n\r\n        var copyText = document.getElementById(\"note\").innerText;\r\n\r\n        var textArea = document.createElement(\"textarea\");\r\n\r\n        textArea.style.position = 'fixed';\r\n        textArea.style.top = '0px';\r\n        textArea.style.left = '0px';\r\n        textArea.style.width = '2em';\r\n        textArea.style.height = '2em';\r\n        textArea.style.padding = '0px';\r\n        textArea.style.border = 'none';\r\n        textArea.style.outline = 'none';\r\n        textArea.style.boxShadow = 'none';\r\n        textArea.style.background = 'transparent';\r\n        textArea.value = copyText;\r\n        document.body.appendChild(textArea);\r\n\r\n        textArea.select();\r\n        document.execCommand('copy');\r\n\r\n        document.body.removeChild(textArea);\r\n\r\n    }\r\n\r\n    doScroll() {\r\n        window.scrollTo(0, 0);\r\n    }\r\n    doPrint() {\r\n        window.print();\r\n    }\r\n}\r\n","module.exports = \"<div class=\\\"container exercise-content guide\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-4']\\\">Unit 4</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-4/lesson-4']\\\">Lesson 4</a></li>\\r\\n                <li class=\\\"active\\\">Lesson Guide</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-4/\\\">Unit 4</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-4/lesson-4/\\\">Lesson 4</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-4/lesson-4/guide/\\\">Lesson Guide</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-4/lesson-4/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n        <div class=\\\"col-md-12\\\"><h1>{{title}}</h1></div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-9\\\">\\r\\n            <h2 class=\\\"subtitle\\\">{{subtitle}}</h2>\\r\\n            <div>\\r\\n                In Lesson 4, students will identify the various components of a job application. They will then complete a practice job application using their personal information. They will be able to utilize this application as a guide in the future when completing timely job applications.\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-3 box\\\">\\r\\n            <i class=\\\"fa fa-folder-open\\\" aria-hidden=\\\"true\\\"></i>\\r\\n            <b>Item to be added to student's Transition Portfolio:</b>\\r\\n            <ul class=\\\"hidden-print\\\">\\r\\n                <li><a [routerLink]=\\\"['/unit-4/lesson-4/practice-job-application']\\\">Practice Job Application</a></li>\\r\\n            </ul>\\r\\n            <ul class=\\\"visible-print-block\\\">\\r\\n                <li><a href=\\\"https://cctstfolio.com/#/unit-4/lesson-4/practice-job-application\\\">Practice Job Application</a></li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n            <h2>Lesson Objectives</h2>\\r\\n            <b>Participants will:</b>\\r\\n            <ol>\\r\\n                <li>Learn about the various components of a job application.</li>\\r\\n                <li>Complete a practice job application.</li>\\r\\n                <li>Choose appropriate references.</li>\\r\\n            </ol>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Facilitator Notes</h2>\\r\\n            <ul>\\r\\n                <li>Note that this lesson will likely need to be completed over several sessions. Students should print the Practice Job Application and complete it by hand, taking time as needed, before entering their information digitally.</li>\\r\\n                <li>Prior to facilitating this lesson, consider whether the youth will need additional information around common terms in a job application, such as:&nbsp;\\\"age certificate for employing a minor,\\\" \\\"overtime,\\\" \\\"felony,\\\" \\\"controlled substance,\\\" or \\\"accommodations.\\\"</li>\\r\\n                <li>Most job applications are going to ask students about their citizenship status. Be sensitive to this question and make sure you do not put any individual in an uncomfortable situation to answer this in front of their peers. </li>\\r\\n                <li>Students may want to reference their r&eacute;sum&eacute; from <a [routerLink]=\\\"['/unit-4/lesson-2']\\\">Unit 4: Lesson 2.</a></li>\\r\\n                <li>In the ranking activity below, an option is to use <a href=\\\"https://www.polleverywhere.com/\\\" target=\\\"_blank\\\">Poll Everywhere</a>, a site that allows students to rank responses, with the collective data then showing on the facilitator's screen. If you plan to use this option as part of the activity, keep in mind that a free account is only good for 24 hours. You will need to set up the activity in advance, but if you create your account more than 24 hours before the session, you will be required to pay for an account.</li>\\r\\n                <li>\\r\\n                    A PowerPoint is included with this lesson and can be used as part of a presentation or for your information. It is recommended that you review the PowerPoint (including the Notes section) prior to using the lesson. It can be accessed in either PowerPoint or as a PDF:\\r\\n                    <ul>\\r\\n                        <li><a href=\\\"/img/unit-4/lesson-4/T-Folio_Unit-4_Lesson-4_The-Job-Application-Process.pptx\\\">PowerPoint: \\\"The Job Application Process\\\"</a></li>\\r\\n                        <li><a href=\\\"/img/unit-4/lesson-4/T-Folio_Unit-4_Lesson-4_The-Job-Application-Process.pdf\\\" target=\\\"_blank\\\">PDF: \\\"The Job Application Process\\\"</a></li>\\r\\n                    </ul>\\r\\n                </li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Introduction</h2>\\r\\n            <b>Warm-up:</b><br />\\r\\n            <div>\\r\\n                <b>Say:</b>&nbsp;&nbsp;We are going to look over an article called <a href=\\\"/img/unit-4/lesson-4/T-Folio_Unit-4_Lesson-4_Job-Application-Tips-For-Teenagers.pdf\\\" target=\\\"_blank\\\">\\\"Job Application Tips for Teenagers (PDF).\\\"</a> You will be partnered up. When you are done reading, you and your partner will discuss the tips, respond to the prompts, and be prepared to share your answers with the class.\\r\\n            </div><br />\\r\\n            <div>\\r\\n                Provide students time to read the two-page document, then have them respond to these prompts in writing individually or as a pair:\\r\\n                <ul>\\r\\n                    <li><b>Two facts</b>&nbsp;you found interesting </li>\\r\\n                    <li><b>Two questions</b>&nbsp;you have based on the reading</li>\\r\\n                    <li><b>Two goals</b>&nbsp;you have based on this information</li>\\r\\n                </ul>\\r\\n            </div><br />\\r\\n            <div>Have each pair share one fact, one question, and one goal based on the article.</div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Activity</h2>\\r\\n            <b class=\\\"U4L4-guide-activity-headers\\\">Completing a Job Application</b>\\r\\n            <div>\\r\\n                <b>Say:</b>&nbsp;&nbsp;When you complete an application for employment you will be required to provide your contact information, work history, the positions you have held, starting and ending dates of employment, and where you attended high school. You may also be requested to provide references.<br /><br />\\r\\n                <b>Say:</b>&nbsp;&nbsp;You will now complete the <a [routerLink]=\\\"['/unit-4/lesson-4/practice-job-application']\\\">Practice Job Application</a> using your personal information. You will save this document and use it as a guide for when you are completing a job application for employment. <br />\\r\\n                <ul>\\r\\n                    <li>As the facilitator, you should have the electronic job application on the screen for students to view. Have students follow along with you using a printed version of the application. Once they have completed the application by hand, which may take several sessions, they can then enter that information into the Practice Job Application electronically. The application is quite long, so make sure to leave enough time for them to enter their information and print it in order to avoid losing their work.</li>\\r\\n                    <li>Go through each prompt of the job application as a class. As the facilitator, complete a mock high school student's job application. Have the students answer with their personal information. </li>\\r\\n                    <li>Have students also open or get out their r&eacute;sum&eacute; from <a [routerLink]=\\\"['/unit-4/lesson-2']\\\">Unit 4: Lesson 2.</a> They can reference their r&eacute;sum&eacute; to complete their job applications. </li>\\r\\n                    <li>The job application is broken into sections. First complete the Personal Information and Position and Availability sections. Below you will find additional guidance and activities to assist with understanding in additional sections of the application. </li>\\r\\n                </ul><br />\\r\\n\\r\\n                <b class=\\\"U4L4-guide-activity-headers\\\">Education, Training, and Experience</b>\\r\\n                <ul>\\r\\n                    <li>Explain that <b>\\\"college or vocational skill experience\\\"</b> may include Running Start, college credit courses within the high school, or similar programs.</li>\\r\\n                    <li>Encourage students to use their r&eacute;sum&eacute; power words in the <b>Skills and Qualifications</b>&nbsp;section of the job application. </li>\\r\\n                </ul><br />\\r\\n\\r\\n                <b class=\\\"U4L4-guide-activity-headers\\\">Employment History</b><br />\\r\\n                <b>\\\"Reason for Leaving\\\" Expansion Activity:</b>&nbsp;&nbsp;Consider using the following expansion activity using sentence strips, in which students will rank the statements in the table below according to their level of appropriateness.<br />\\r\\n                <br />\\r\\n                <b>Say:</b>&nbsp;&nbsp;There will typically be a question on the application asking why you left your last position. It is important to be thoughtful in how you respond to this question. Always be honest, but be aware that there are appropriate and inappropriate ways to respond to the question \\\"Why did you leave your last position?\\\"<br /><br />\\r\\n                <b>Directions:</b>&nbsp;&nbsp;In groups of 3 or 4, rank the following sentences according to how appropriate or inappropriate you think they are.\\r\\n                <ul>\\r\\n                    <li> An online option for this activity is to put the statements from the table below into a <a href=\\\"https://www.polleverywhere.com/\\\" target=\\\"_blank\\\">Poll Everywhere</a> ranking poll for students to complete. The site allows each student to rank his or her responses, and the collective data will show on the facilitator's screen. Be sure to familiarize yourself with this process and create an account before the lesson.</li>\\r\\n                    <li> The hard copy option for this activity is to use <a href=\\\"/img/unit-4/lesson-4/T-Folio_Unit-4_Lesson-4_Sentence-Strips.pdf\\\" target=\\\"_blank\\\">sentence strips (PDF)</a> and ask students in groups of 3 or 4 to rank them from most to least appropriate. You will need to print one copy per group and cut the responses into strips. Once each group has their list of statements ranked, have them review the other groups' responses. </li>\\r\\n                    <li> There isn't a correct ranking. This activity is meant to get students discussing the assorted reasons why a response is more or less appropriate than another.</li>\\r\\n                </ul>\\r\\n                <div class=\\\"col-md-6\\\" style=\\\"border:1px solid;padding:0px;padding-bottom:10px;margin-bottom:10px\\\">\\r\\n                    <b style=\\\"margin:10px\\\">Appropriate Responses:</b>\\r\\n                    <div style=\\\"border-top:1px solid;\\\">\\r\\n                        <ul>\\r\\n                            <li>I am looking for better career prospects, professional growth, and work opportunities.</li>\\r\\n                            <li>I want a change in career direction.</li>\\r\\n                            <li>I am looking for new challenges at work.</li>\\r\\n                            <li>I am employed for one project, or on a short-term contract, such as seasonal work.</li>\\r\\n                            <li>I moved to a new area of town.</li>\\r\\n                        </ul>\\r\\n                    </div>\\r\\n                </div>\\r\\n\\r\\n                <div class=\\\"col-md-6\\\" style=\\\"border:1px solid;padding:0px;\\\">\\r\\n                    <b style=\\\"margin:10px\\\">Inappropriate Responses:</b>\\r\\n                    <div style=\\\"border-top:1px solid;\\\">\\r\\n                        <ul>\\r\\n                            <li>The company discount turned out to be disappointing.</li>\\r\\n                            <li>I didn't like my job.  </li>\\r\\n                            <li>My boss did not keep her promise to give me a raise.</li>\\r\\n                            <li>My job was boring and I got sick of it.</li>\\r\\n                            <li>I didn't want to work overtime.</li>\\r\\n                            <li>The targets set at work were hard to achieve.</li>\\r\\n                            <li>There was too much office drama. </li>\\r\\n                        </ul>\\r\\n                    </div>\\r\\n                </div><br />\\r\\n                <div>&nbsp;&nbsp;</div>\\r\\n                <b>Ask:</b>\\r\\n                <ul>\\r\\n                    <li>Do you see any similarities between your group's rankings and the other groups'?</li>\\r\\n                    <li>Are there any differences? </li>\\r\\n                    <li>Why did you choose a specific order or position for a sentence?  </li>\\r\\n                </ul><br />\\r\\n                <b class=\\\"U4L4-guide-activity-headers\\\">References</b><br />\\r\\n                You may want to modify this section based on whether the youth have completed <a [routerLink]=\\\"['/unit-3/lesson-5']\\\">Unit 3: Lesson 5 </a> on Evaluations and Letters of Recommendation. They may be able to reuse some of their information from that lesson.<br />\\r\\n                <br />\\r\\n                <b>Say:</b>&nbsp;&nbsp;A potential employer will want to contact 2 to 3 references before hiring you. They will want to know more about you, especially as it relates to the job to which you are applying. It's important to choose appropriate references.<br /><br />\\r\\n                Your reference is probably going to be asked the following questions from your potential employer: <br />\\r\\n                <ul>\\r\\n                    <li>How do you know the individual? </li>\\r\\n                    <li>How long you have known them? </li>\\r\\n                    <li>What have they accomplished?</li>\\r\\n                    <li>Why you are recommending this student for the position?</li>\\r\\n                </ul>\\r\\n                <br />\\r\\n                <b>Say:</b>&nbsp;&nbsp;Who do you know who could answer those questions?\\r\\n                <ul>\\r\\n                    <li>Preferably someone who has seen you work in the field in which you are applying. </li>\\r\\n                    <li>Examples: current employer, past employer, supervisor of volunteer work, club advisor, coach, teacher</li>\\r\\n                </ul><br />\\r\\n                <b>Say:</b>&nbsp;&nbsp;You must ask a reference's permission prior to listing them as a reference. How do you ask?\\r\\n                <ul>\\r\\n                    <li>\\\"Are you comfortable making a positive recommendation for me given your supervision of my work performance (either at school, on the job, during a club, etc.)?\\\"</li>\\r\\n                    <li>\\\"Are you in the position to make an encouraging recommendation given your exposure to my work performance (either at school, on the job, during a club, etc.)?\\\"</li>\\r\\n                </ul>\\r\\n                <br />\\r\\n                <b class=\\\"U4L4-guide-activity-headers\\\">Signature</b><br />\\r\\n                Remind students that when you sign an application or click submit on an online job application, you are confirming that all the information is accurate. If the information provided is not correct, the application may not be considered or you could possibly lose your job if you have already been hired and your employer finds out you were not honest on your application.\\r\\n                <br />\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Debrief and Guiding Questions</h2>\\r\\n            <ul>\\r\\n                <li>How can you find out how much is an appropriate starting wage for the position you are seeking? (Students may have found this information in <a [routerLink]=\\\"['/unit-1/lesson-8']\\\">Unit 1: Lesson 8</a> in their research on the <a href=\\\"https://www.mynextmove.org/\\\" target=\\\"_blank\\\">My Next Move website.</a>)</li>\\r\\n                <li>Why do you think everyone says to double check your application before you turn it in to be sure that it's correct?</li>\\r\\n                <li>Why do you feel it's important to be careful in how you describe your last job and why you left? </li>\\r\\n                <li>When do you plan to apply for a job next? When should you ask people to be your references when you are applying for jobs?</li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Additional Resources</h2>\\r\\n            <ul style=\\\"list-style:url('/img/arrow.png');\\\">\\r\\n                <li>Sometimes students will be applying for multiple positions at various companies at the same time to gain employment. It may be helpful for them to use a <a [routerLink]=\\\"['/unit-4/lesson-4/job-applications-tracker']\\\">Job Applications Tracker</a> to track the status of multiple job applications.</li>\\r\\n                <li>For additional information on job applications, read the full article: Doyle, A. (2017, March 28). <a href=\\\"https://www.thebalance.com/job-application-tips-for-teenagers-2061581\\\" target=\\\"_blank\\\">Job application tips for teenagers.</a> The Balance.</li>\\r\\n\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Up Next</h2>\\r\\n            <div>\\r\\n                In Lesson 5, students will develop job interview skills by answering practice questions and conducting mock job interviews.\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-4/lesson-4/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from '@angular/platform-browser';\r\n\r\n@Component({\r\n    selector: 'unit-four-lesson-four-guide',\r\n    templateUrl: './_guide.component.html',\r\n    styleUrls: ['../../_shared/lesson-guides/lesson-guide.component.css']\r\n})\r\nexport class UnitFourLessonFourGuideComponent {\r\n\r\n    pageTitle: string = \"Lesson Guide | Unit 4, Lesson 4 | T-Folio\";\r\n    title: string = \"Lesson Guide\";\r\n    subtitle: string = \"Lesson 4: The Job Application Process\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n}\r\n","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: 'unit-four-lesson-four-landing-page',\r\n    templateUrl: '../../_shared/landing-pages/landing-page.component.html',\r\n    styleUrls: ['../../_shared/landing-pages/landing-page.component.css']\r\n})\r\nexport class UnitFourLessonFourLandingComponent {\r\n\r\n    bannerHeader = \"Workplace Readiness Training: Lesson 4\";\r\n    title: string = \"Lesson 4: The Job Application Process\";\r\n    pageTitle: string = \"The Job Application Process | Unit 4, Lesson 4 | T-Folio\";\r\n\r\n    openInNewWindow(url: string) {\r\n        window.open(url, '_blank');\r\n    }\r\n\r\n    doPrint(): void {\r\n        window.print();\r\n    }\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n    LandingPageData = {\r\n        breadcrumbs: {\r\n            label: \"Lesson 4\",\r\n            crumbs: [\r\n                {\r\n                    route: \"\",\r\n                    linktext: \"T-Folio\"\r\n                },\r\n                {\r\n                    route: \"/unit-4\",\r\n                    linktext: \"Unit 4\"\r\n                }\r\n            ]\r\n        },\r\n        summary: \"In Lesson 4, students will identify the various components of a job application. They will then complete a practice job application using their personal information. They will be able to utilize this application as a guide in the future when completing timely job applications. \",\r\n        objectives: [\r\n            \"Learn about the various components of a job application.\",\r\n            \"Complete a sample job application.\",\r\n            \"Choose appropriate references. \",\r\n        ],\r\n        buttons: [\r\n            {\r\n                route: \"/unit-4/lesson-4/guide\",\r\n                linktext: \"Lesson Guide\",\r\n                color: \"btn-success\",\r\n                window: false,\r\n            },\r\n            {\r\n                route: \"/unit-4/lesson-4/practice-job-application\",\r\n                linktext: \"Practice Job Application\",\r\n                color: \"btn-primary\",\r\n                window: false,\r\n            },\r\n            {\r\n                route: \"/unit-4/lesson-4/job-applications-tracker\",\r\n                linktext: \"Job Applications Tracker\",\r\n                color: \"btn-primary\",\r\n                window: false,\r\n            },\r\n            {\r\n                route: '/img/unit-4/lesson-4/T-Folio_Unit-4_Lesson-4_The-Job-Application-Process.pptx',\r\n                linktext: \"PowerPoint Presentation\",\r\n                color: \"powerpoint-button\",\r\n                window: true,\r\n            }\r\n        ],\r\n        image: \"/img/unit-4/lesson-4/L4_233-pom-4028-id-260562-jpeg.jpg\",\r\n        imgalt: \"A student fills out a form at a desk.\",\r\n        caption: \"on\",\r\n        photoLink: \"https://www.rawpixel.com/image/260562/study-student-arab-arabian-dubai-dubai-qutar-indonesia-indonisian-islam-malasia-malasian-malay\",\r\n        source: \"Rawpixel\",\r\n        sourceLink: \"https://www.rawpixel.com/\",\r\n        licence: \"Free license\",\r\n        licenceLink: \"https://www.rawpixel.com/services/image-licenses/free-license\",\r\n    }\r\n\r\n\r\n}\r\n","module.exports = \"th {\\r\\n    text-align: center;\\r\\n}\\r\\n\\r\\ntd {\\r\\n    vertical-align: top;\\r\\n    margin:0px;\\r\\n    padding:2px 2px 2px 2px;\\r\\n    border-bottom:solid 1px black;\\r\\n    border-right:solid 1px black;\\r\\n}\\r\\n\\r\\ntable {\\r\\n    border-collapse: collapse;\\r\\n    border-top: solid 1px black;\\r\\n    border-left: solid 1px black;\\r\\n}\\r\\n\\r\\n.active{\\r\\n    color: #2C3E50;\\r\\n}\\r\\n\\r\\n.text-header{\\r\\n    text-align:center;\\r\\n    font-weight:bold\\r\\n}\\r\\n\\r\\n.example-text {\\r\\n    text-align: center;\\r\\n    font-weight:normal;\\r\\n    font-family: helvetica,Arial,sans-serif;\\r\\n    vertical-align:text-bottom;\\r\\n}\\r\\n\\r\\n.td-width{\\r\\n    width:12.5%;\\r\\n    max-width:12.5%;\\r\\n}\\r\\n\\r\\n.table-row{\\r\\n    display:flex;\\r\\n    min-height: 80px;\\r\\n    page-break-inside: avoid;\\r\\n}\\r\\n\\r\\n.editor {\\r\\n    height: 100%;\\r\\n}\\r\\n\\r\\n@media only screen and (max-width: 600px) {\\r\\n\\r\\n    table,\\r\\n    thead,\\r\\n    tbody,\\r\\n    th,\\r\\n    td,\\r\\n    tr {\\r\\n        display: block;\\r\\n    }\\r\\n\\r\\n    td {\\r\\n        border: none;\\r\\n        margin: 0px;\\r\\n        padding: 2px 2px 2px 2px;\\r\\n    }\\r\\n\\r\\n    td table tr td {\\r\\n        display: inline;\\r\\n    }\\r\\n\\r\\n    .table-primary-header {\\r\\n        display: none;\\r\\n    }\\r\\n\\r\\n    .cell-secondary-header {\\r\\n        display: block;\\r\\n        border: 0px;\\r\\n        text-align: center;\\r\\n        font-weight: bold;\\r\\n    }\\r\\n\\r\\n    .secondary-border {\\r\\n        border: 1px solid black;\\r\\n    }\\r\\n}\\r\\n\"","module.exports = \"<div class=\\\"container exercise-content\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-4']\\\">Unit 4</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-4/lesson-4']\\\">Lesson 4</a></li>\\r\\n                <li class=\\\"active\\\">{{title}}</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-4/\\\">Unit 4</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-4/lesson-4/\\\">Lesson 4</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-4/lesson-4/job-applications-tracker/\\\">{{title}}</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-4/lesson-4/job applications tracker'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container-fluid\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-1\\\"><label for=\\\"tfolio-name-textbox\\\"><b>Name:</b></label></div>\\r\\n            <div class=\\\"col-md-7\\\"><input type=\\\"text\\\" id=\\\"tfolio-name-textbox\\\" name=\\\"tfolio-name-textbox\\\" /></div>\\r\\n            <div class=\\\"col-md-1\\\"><label for=\\\"tfolio-date-textbox\\\"><b>Date:</b></label></div>\\r\\n            <div class=\\\"col-md-3\\\"><input type=\\\"text\\\" id=\\\"tfolio-date-textbox\\\" name=\\\"tfolio-date-textbox\\\" /></div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <tfolio-page-title content=\\\"{{title}}\\\"></tfolio-page-title>\\r\\n\\r\\n    <div class=\\\"col-md-12\\\">\\r\\n        <table>\\r\\n            <tr class=\\\"table-row\\\">\\r\\n                <td class=\\\"td-width\\\"><div class=\\\"text-header\\\">Name of Company<br /><br /><div class=\\\"example-text\\\">(e.g., Target)</div></div></td>\\r\\n                <td class=\\\"td-width\\\"><div class=\\\"text-header\\\">Position Applied For <br /><br /><div class=\\\"example-text\\\">(e.g., Checker)</div></div></td>\\r\\n                <td class=\\\"td-width\\\"><div class=\\\"text-header\\\">Date Applied<br /><br /><div class=\\\"example-text\\\">(e.g., 5/4/18)</div></div></td>\\r\\n                <td class=\\\"td-width\\\"><div class=\\\"text-header\\\">Interview Date<br /><br /><div class=\\\"example-text\\\">(e.g., 5/19/18)</div></div></td>\\r\\n                <td class=\\\"td-width\\\"><div class=\\\"text-header\\\">Thank You Card Sent <br /><br /><div class=\\\"example-text\\\">(e.g., 5/19/18)</div></div></td>\\r\\n                <td class=\\\"td-width\\\"><div class=\\\"text-header\\\">Contact, Title and Phone Number<br /><br /><div class=\\\"example-text\\\">(e.g., Andrew Hooper, CEO<br />555-555-5505)</div></div></td>\\r\\n                <td class=\\\"td-width\\\"><div class=\\\"text-header\\\">Date Job Opening Closes<br /><br /><div class=\\\"example-text\\\">(e.g., 6/1/18)</div></div></td>\\r\\n                <td class=\\\"td-width\\\"><div class=\\\"text-header\\\">Status of Job Offer<br /><br /><div class=\\\"example-text\\\">(e.g., 2nd interview is being scheduled)</div></div></td>\\r\\n            </tr>\\r\\n            <tr class=\\\"table-row\\\">\\r\\n                <td class=\\\"td-width\\\"><div class=\\\"editor\\\" contenteditable=\\\"true\\\"></div></td>\\r\\n                <td class=\\\"td-width\\\"><div class=\\\"editor\\\" contenteditable=\\\"true\\\"></div></td>\\r\\n                <td class=\\\"td-width\\\"><div class=\\\"editor\\\" contenteditable=\\\"true\\\"></div></td>\\r\\n                <td class=\\\"td-width\\\"><div class=\\\"editor\\\" contenteditable=\\\"true\\\"></div></td>\\r\\n                <td class=\\\"td-width\\\"><div class=\\\"editor\\\" contenteditable=\\\"true\\\"></div></td>\\r\\n                <td class=\\\"td-width\\\"><div class=\\\"editor\\\" contenteditable=\\\"true\\\"></div></td>\\r\\n                <td class=\\\"td-width\\\"><div class=\\\"editor\\\" contenteditable=\\\"true\\\"></div></td>\\r\\n                <td class=\\\"td-width\\\"><div class=\\\"editor\\\" contenteditable=\\\"true\\\"></div></td>\\r\\n            </tr>\\r\\n            <tr class=\\\"table-row\\\">\\r\\n                <td class=\\\"td-width\\\"><div class=\\\"editor\\\" contenteditable=\\\"true\\\"></div></td>\\r\\n                <td class=\\\"td-width\\\"><div class=\\\"editor\\\" contenteditable=\\\"true\\\"></div></td>\\r\\n                <td class=\\\"td-width\\\"><div class=\\\"editor\\\" contenteditable=\\\"true\\\"></div></td>\\r\\n                <td class=\\\"td-width\\\"><div class=\\\"editor\\\" contenteditable=\\\"true\\\"></div></td>\\r\\n                <td class=\\\"td-width\\\"><div class=\\\"editor\\\" contenteditable=\\\"true\\\"></div></td>\\r\\n                <td class=\\\"td-width\\\"><div class=\\\"editor\\\" contenteditable=\\\"true\\\"></div></td>\\r\\n                <td class=\\\"td-width\\\"><div class=\\\"editor\\\" contenteditable=\\\"true\\\"></div></td>\\r\\n                <td class=\\\"td-width\\\"><div class=\\\"editor\\\" contenteditable=\\\"true\\\"></div></td>\\r\\n            </tr>\\r\\n            <tr class=\\\"table-row\\\">\\r\\n                <td class=\\\"td-width\\\"><div class=\\\"editor\\\" contenteditable=\\\"true\\\"></div></td>\\r\\n                <td class=\\\"td-width\\\"><div class=\\\"editor\\\" contenteditable=\\\"true\\\"></div></td>\\r\\n                <td class=\\\"td-width\\\"><div class=\\\"editor\\\" contenteditable=\\\"true\\\"></div></td>\\r\\n                <td class=\\\"td-width\\\"><div class=\\\"editor\\\" contenteditable=\\\"true\\\"></div></td>\\r\\n                <td class=\\\"td-width\\\"><div class=\\\"editor\\\" contenteditable=\\\"true\\\"></div></td>\\r\\n                <td class=\\\"td-width\\\"><div class=\\\"editor\\\" contenteditable=\\\"true\\\"></div></td>\\r\\n                <td class=\\\"td-width\\\"><div class=\\\"editor\\\" contenteditable=\\\"true\\\"></div></td>\\r\\n                <td class=\\\"td-width\\\"><div class=\\\"editor\\\" contenteditable=\\\"true\\\"></div></td>\\r\\n            </tr>\\r\\n            <tr class=\\\"table-row\\\">\\r\\n                <td class=\\\"td-width\\\"><div class=\\\"editor\\\" contenteditable=\\\"true\\\"></div></td>\\r\\n                <td class=\\\"td-width\\\"><div class=\\\"editor\\\" contenteditable=\\\"true\\\"></div></td>\\r\\n                <td class=\\\"td-width\\\"><div class=\\\"editor\\\" contenteditable=\\\"true\\\"></div></td>\\r\\n                <td class=\\\"td-width\\\"><div class=\\\"editor\\\" contenteditable=\\\"true\\\"></div></td>\\r\\n                <td class=\\\"td-width\\\"><div class=\\\"editor\\\" contenteditable=\\\"true\\\"></div></td>\\r\\n                <td class=\\\"td-width\\\"><div class=\\\"editor\\\" contenteditable=\\\"true\\\"></div></td>\\r\\n                <td class=\\\"td-width\\\"><div class=\\\"editor\\\" contenteditable=\\\"true\\\"></div></td>\\r\\n                <td class=\\\"td-width\\\"><div class=\\\"editor\\\" contenteditable=\\\"true\\\"></div></td>\\r\\n            </tr>\\r\\n            <tr class=\\\"table-row\\\">\\r\\n                <td class=\\\"td-width\\\"><div class=\\\"editor\\\" contenteditable=\\\"true\\\"></div></td>\\r\\n                <td class=\\\"td-width\\\"><div class=\\\"editor\\\" contenteditable=\\\"true\\\"></div></td>\\r\\n                <td class=\\\"td-width\\\"><div class=\\\"editor\\\" contenteditable=\\\"true\\\"></div></td>\\r\\n                <td class=\\\"td-width\\\"><div class=\\\"editor\\\" contenteditable=\\\"true\\\"></div></td>\\r\\n                <td class=\\\"td-width\\\"><div class=\\\"editor\\\" contenteditable=\\\"true\\\"></div></td>\\r\\n                <td class=\\\"td-width\\\"><div class=\\\"editor\\\" contenteditable=\\\"true\\\"></div></td>\\r\\n                <td class=\\\"td-width\\\"><div class=\\\"editor\\\" contenteditable=\\\"true\\\"></div></td>\\r\\n                <td class=\\\"td-width\\\"><div class=\\\"editor\\\" contenteditable=\\\"true\\\"></div></td>\\r\\n            </tr>\\r\\n            <tr class=\\\"table-row\\\">\\r\\n                <td class=\\\"td-width\\\"><div class=\\\"editor\\\" contenteditable=\\\"true\\\"></div></td>\\r\\n                <td class=\\\"td-width\\\"><div class=\\\"editor\\\" contenteditable=\\\"true\\\"></div></td>\\r\\n                <td class=\\\"td-width\\\"><div class=\\\"editor\\\" contenteditable=\\\"true\\\"></div></td>\\r\\n                <td class=\\\"td-width\\\"><div class=\\\"editor\\\" contenteditable=\\\"true\\\"></div></td>\\r\\n                <td class=\\\"td-width\\\"><div class=\\\"editor\\\" contenteditable=\\\"true\\\"></div></td>\\r\\n                <td class=\\\"td-width\\\"><div class=\\\"editor\\\" contenteditable=\\\"true\\\"></div></td>\\r\\n                <td class=\\\"td-width\\\"><div class=\\\"editor\\\" contenteditable=\\\"true\\\"></div></td>\\r\\n                <td class=\\\"td-width\\\"><div class=\\\"editor\\\" contenteditable=\\\"true\\\"></div></td>\\r\\n            </tr>\\r\\n            <tr class=\\\"table-row\\\">\\r\\n                <td class=\\\"td-width\\\"><div class=\\\"editor\\\" contenteditable=\\\"true\\\"></div></td>\\r\\n                <td class=\\\"td-width\\\"><div class=\\\"editor\\\" contenteditable=\\\"true\\\"></div></td>\\r\\n                <td class=\\\"td-width\\\"><div class=\\\"editor\\\" contenteditable=\\\"true\\\"></div></td>\\r\\n                <td class=\\\"td-width\\\"><div class=\\\"editor\\\" contenteditable=\\\"true\\\"></div></td>\\r\\n                <td class=\\\"td-width\\\"><div class=\\\"editor\\\" contenteditable=\\\"true\\\"></div></td>\\r\\n                <td class=\\\"td-width\\\"><div class=\\\"editor\\\" contenteditable=\\\"true\\\"></div></td>\\r\\n                <td class=\\\"td-width\\\"><div class=\\\"editor\\\" contenteditable=\\\"true\\\"></div></td>\\r\\n                <td class=\\\"td-width\\\"><div class=\\\"editor\\\" contenteditable=\\\"true\\\"></div></td>\\r\\n            </tr>\\r\\n        </table>\\r\\n    </div>\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-4/lesson-4/job applications tracker'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from '@angular/platform-browser';\r\n\r\n@Component({\r\n    selector: 'job-applications-tracker',\r\n    templateUrl: './job-applications-tracker.component.html',\r\n    styleUrls: ['./job-applications-tracker.component.css']\r\n})\r\nexport class UnitFourLessonFourJobApplicationsTrackerComponent {\r\n\r\n    title: string = \"Job Applications Tracker\";\r\n    pageTitle: string = this.title + \" | Unit 4, Lesson 4 | T-Folio\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n\r\n}\r\n","module.exports = \"label.label-hidden {\\r\\n    position: absolute;\\r\\n    left: -10000px;\\r\\n    top: auto;\\r\\n    width: 1px;\\r\\n    height: 1px;\\r\\n    overflow: hidden;\\r\\n}\\r\\n\\r\\n.active{\\r\\n    color: #2C3E50;\\r\\n}\\r\\n\\r\\ndiv[contenteditable=\\\"true\\\"] {\\r\\n    width: 100%;\\r\\n    margin-top: 5px;\\r\\n    border: 1px solid gray;\\r\\n    text-align: left;\\r\\n}\\r\\n\\r\\n@media print {\\r\\n    div[contenteditable=\\\"true\\\"] {\\r\\n        width: 100%;\\r\\n        margin-top: 5px;\\r\\n        text-align: left;\\r\\n        border: none;\\r\\n    }\\r\\n}\"","module.exports = \"<div class=\\\"container exercise-content\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-4']\\\">Unit 4</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-4/lesson-4']\\\">Lesson 4</a></li>\\r\\n                <li class=\\\"active\\\">{{title}}</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-4/\\\">Unit 4</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-4/lesson-4/\\\">Lesson 4</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-4/lesson-4/practice-job-application/\\\">{{title}}</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-4/lesson-4/practice job application'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <tfolio-heading></tfolio-heading>\\r\\n    <tfolio-page-title content=\\\"{{title}}\\\"></tfolio-page-title>\\r\\n    <tfolio-directions identifier=\\\"self-determination-scale-directions\\\" tag=\\\"Directions\\\" [padBottom]=\\\"true\\\">\\r\\n        <span>\\r\\n            Complete online or with black ink.\\r\\n            Answer all questions.\\r\\n            Sign and date the form.\\r\\n            For questions about the company or job position, you can make up your responses based on a job you’d like to apply for.\\r\\n        </span>\\r\\n    </tfolio-directions>\\r\\n\\r\\n    <div class=\\\"container-fluid\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\" style=\\\"padding-bottom:15px;\\\">\\r\\n                <h2>Personal Information</h2>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\" style=\\\"font-size:small;\\\">\\r\\n            <div class=\\\"col-md-2\\\" style=\\\"padding-top:5px;padding-bottom:5px;\\\"><label for=\\\"resume-first-name\\\">First Name</label></div>\\r\\n            <div class=\\\"col-md-3\\\" style=\\\"padding-top:5px;padding-bottom:5px;\\\"><input id=\\\"resume-first-name\\\" type=\\\"text\\\" /></div>\\r\\n            <div class=\\\"col-md-2\\\" style=\\\"padding-top:5px;padding-bottom:5px;\\\"><label for=\\\"resume-last-name\\\">Last Name</label></div>\\r\\n            <div class=\\\"col-md-5\\\" style=\\\"padding-top:5px;padding-bottom:5px;\\\"><input id=\\\"resume-last-name\\\" type=\\\"text\\\" /></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\" style=\\\"font-size:small;\\\">\\r\\n            <div class=\\\"col-md-2\\\" style=\\\"padding-top:5px;padding-bottom:5px;\\\"><label for=\\\"resume-street-address\\\">Street Address</label></div>\\r\\n            <div class=\\\"col-md-10\\\" style=\\\"padding-top:5px;padding-bottom:5px;\\\"><input id=\\\"resume-street-address\\\" type=\\\"text\\\" /></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\" style=\\\"font-size:small;\\\">\\r\\n            <div class=\\\"col-md-2\\\" style=\\\"padding-top:5px;padding-bottom:5px;\\\"><label for=\\\"resume-city-state-zip\\\">City, State, ZIP Code</label></div>\\r\\n            <div class=\\\"col-md-10\\\" style=\\\"padding-top:5px;padding-bottom:5px;\\\"><input id=\\\"resume-city-state-zip\\\" type=\\\"text\\\" /></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\" style=\\\"font-size:small;\\\">\\r\\n            <div class=\\\"col-md-2\\\" style=\\\"padding-top:5px;padding-bottom:5px;\\\"><label for=\\\"resume-phone-number\\\">Phone Number</label></div>\\r\\n            <div class=\\\"col-md-3\\\" style=\\\"padding-top:5px;padding-bottom:5px;\\\"><input id=\\\"resume-phone-number\\\" type=\\\"text\\\" /></div>\\r\\n            <div class=\\\"col-md-1\\\" style=\\\"padding-top:5px;padding-bottom:5px;\\\"><label for=\\\"resume-email\\\">Email</label></div>\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;padding-bottom:5px;\\\"><input id=\\\"resume-email\\\" type=\\\"text\\\" /></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:25px;\\\">\\r\\n                Have you ever applied to/worked for this company before?\\r\\n            </div>\\r\\n            <div class=\\\"col-md-1\\\" style=\\\"padding-top:25px;\\\">\\r\\n                <input type=\\\"radio\\\" id=\\\"resume-worked-before-yes\\\" name=\\\"resume-worked-before\\\" value=\\\"Yes\\\" />\\r\\n                <label for=\\\"resume-worked-before-yes\\\">Yes</label>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-5\\\" style=\\\"padding-top:25px;\\\">\\r\\n                <input type=\\\"radio\\\" id=\\\"resume-worked-before-no\\\" name=\\\"resume-worked-before\\\" value=\\\"No\\\" />\\r\\n                <label for=\\\"resume-worked-before-no\\\">No</label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:10px;\\\"><label for=\\\"resume-please-explain\\\">If yes, please explain (include date):</label></div>\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:10px;\\\"><input id=\\\"resume-please-explain\\\" type=\\\"text\\\" style=\\\"width:unset;\\\" /></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:10px;\\\">\\r\\n                Do you have any friends, relatives, or acquaintances working for this company?\\r\\n            </div>\\r\\n            <div class=\\\"col-md-1\\\" style=\\\"padding-top:10px;\\\">\\r\\n                <input type=\\\"radio\\\" id=\\\"resume-relatives-yes\\\" name=\\\"resume-relatives\\\" value=\\\"Yes\\\" />\\r\\n                <label for=\\\"resume-relatives-yes\\\">Yes</label>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-5\\\" style=\\\"padding-top:10px;\\\">\\r\\n                <input type=\\\"radio\\\" id=\\\"resume-relatives-no\\\" name=\\\"resume-relatives\\\" value=\\\"No\\\" />\\r\\n                <label for=\\\"resume-relatives-no\\\">No</label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:10px;\\\"><label for=\\\"resume-relationship-name\\\">If yes, state name & relationship:</label></div>\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:10px;\\\"><input id=\\\"resume-relationship-name\\\" type=\\\"text\\\" /></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:25px;\\\">\\r\\n                If hired, would you have transportation to/from work?\\r\\n            </div>\\r\\n            <div class=\\\"col-md-1\\\" style=\\\"padding-top:25px;\\\">\\r\\n                <input type=\\\"radio\\\" id=\\\"resume-transportation-yes\\\" name=\\\"resume-transportation\\\" value=\\\"Yes\\\" />\\r\\n                <label for=\\\"resume-transportation-yes\\\" name=\\\"resume-transportation\\\">Yes</label>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-5\\\" style=\\\"padding-top:25px;\\\">\\r\\n                <input type=\\\"radio\\\" id=\\\"resume-transportation-no\\\" name=\\\"resume-transportation\\\" value=\\\"No\\\" />\\r\\n                <label for=\\\"resume-transportation-no\\\" name=\\\"resume-transportation\\\">No</label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:25px;\\\">\\r\\n                Are you over the age of 18?\\r\\n            </div>\\r\\n            <div class=\\\"col-md-1\\\" style=\\\"padding-top:25px;\\\">\\r\\n                <input type=\\\"radio\\\" id=\\\"resume-age-eighteen-yes\\\" name=\\\"resume-age-eighteen\\\" value=\\\"Yes\\\" />\\r\\n                <label for=\\\"resume-age-eighteen-yes\\\">Yes</label>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-5\\\" style=\\\"padding-top:25px;\\\">\\r\\n                <input type=\\\"radio\\\" id=\\\"resume-age-eighteen-no\\\" name=\\\"resume-age-eighteen\\\" value=\\\"No\\\" />\\r\\n                <label for=\\\"resume-age-eighteen-no\\\">No</label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:25px;\\\">\\r\\n                If you are under age 18, do you have an employment/age certificate?\\r\\n            </div>\\r\\n            <div class=\\\"col-md-1\\\" style=\\\"padding-top:25px;\\\">\\r\\n                <input type=\\\"radio\\\" id=\\\"resume-age-age-certificate-yes\\\" name=\\\"resume-age-certificate\\\" value=\\\"Yes\\\" />\\r\\n                <label for=\\\"resume-age-age-certificate-yes\\\">Yes</label>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-5\\\" style=\\\"padding-top:25px;\\\">\\r\\n                <input type=\\\"radio\\\" id=\\\"resume-age-age-certificate-no\\\" name=\\\"resume-age-certificate\\\" value=\\\"No\\\" />\\r\\n                <label for=\\\"resume-age-age-certificate-no\\\">No</label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:25px;\\\">\\r\\n                If hired, would you be able to present evidence of your U.S. citizenship or proof of your legal right to work in the United States?\\r\\n            </div>\\r\\n            <div class=\\\"col-md-1\\\" style=\\\"padding-top:25px;\\\">\\r\\n                <input type=\\\"radio\\\" id=\\\"resume-right-to-work-proof-yes\\\" name=\\\"resume-right-to-work-proof\\\" value=\\\"Yes\\\" />\\r\\n                <label for=\\\"resume-right-to-work-proof-yes\\\">Yes</label>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-5\\\" style=\\\"padding-top:25px;\\\">\\r\\n                <input type=\\\"radio\\\" id=\\\"resume-right-to-work-proof-no\\\" name=\\\"resume-right-to-work-proof\\\" value=\\\"No\\\" />\\r\\n                <label for=\\\"resume-right-to-work-proof-no\\\">No</label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:25px;\\\">\\r\\n                Have you been convicted of or pleaded no contest to a felony within the last five years?\\r\\n            </div>\\r\\n            <div class=\\\"col-md-1\\\" style=\\\"padding-top:25px;\\\">\\r\\n                <input type=\\\"radio\\\" id=\\\"resume-felony-yes\\\" name=\\\"resume-felony\\\" value=\\\"Yes\\\" />\\r\\n                <label for=\\\"resume-felony-yes\\\">Yes</label>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-5\\\" style=\\\"padding-top:25px;\\\">\\r\\n                <input type=\\\"radio\\\" id=\\\"resume-felony-no\\\" name=\\\"resume-felony\\\" value=\\\"No\\\" />\\r\\n                <label for=\\\"resume-felony-no\\\">No</label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:25px;\\\">\\r\\n                <label for=\\\"resume-nature-of-crime\\\">If yes, please describe the crime: state nature of the crime(s), when and where convicted and disposition of the case:</label>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:25px;\\\">               \\r\\n                <div contenteditable=\\\"true\\\" id=\\\"resume-nature-of-crime\\\" style=\\\"min-height:50px;\\\"></div>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:25px;\\\">\\r\\n                If hired, are you willing to submit to and pass a controlled substance test?\\r\\n            </div>\\r\\n            <div class=\\\"col-md-1\\\" style=\\\"padding-top:25px;\\\">\\r\\n                <input type=\\\"radio\\\" id=\\\"resume-substance-test-yes\\\" name=\\\"resume-substance-test\\\" value=\\\"Yes\\\" />\\r\\n                <label for=\\\"resume-substance-test-yes\\\">Yes</label>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-5\\\" style=\\\"padding-top:25px;\\\">\\r\\n                <input type=\\\"radio\\\" id=\\\"resume-substance-test-no\\\" name=\\\"resume-substance-test\\\" value=\\\"No\\\" />\\r\\n                <label for=\\\"resume-substance-test-no\\\">No</label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\" style=\\\"padding-bottom:15px;\\\">\\r\\n                <h2>Position and Availability</h2>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:10px;\\\"><label for=\\\"resume-position-applying-for\\\">Position Applying For:</label></div>\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:10px;\\\"><input id=\\\"resume-position-applying-for\\\" type=\\\"text\\\" /></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:10px;\\\"><label for=\\\"resume-salary-desired\\\">Salary Desired:</label></div>\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:10px;\\\"><input id=\\\"resume-salary-desired\\\" type=\\\"text\\\" style=\\\"width:unset;\\\" /></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <h3>Are you applying for:</h3>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-12\\\" style=\\\"padding-left:50px;\\\">\\r\\n                <input type=\\\"checkbox\\\" id=\\\"resume-applying-for-temporary\\\" name=\\\"resume-applying-for-temporary\\\" value=\\\"temporary\\\" />\\r\\n                <label for=\\\"resume-applying-for-temporary\\\">Temporary work – such as summer or holiday work?</label><br />\\r\\n\\r\\n                <input type=\\\"checkbox\\\" id=\\\"resume-applying-for-part-time\\\" name=\\\"resume-applying-for-part-time\\\" value=\\\"part-time\\\" />\\r\\n                <label for=\\\"resume-applying-for-part-time\\\">Regular part-time work?</label><br />\\r\\n\\r\\n                <input type=\\\"checkbox\\\" id=\\\"resume-applying-for-full-time\\\" name=\\\"resume-applying-for-full-time\\\" value=\\\"full-time\\\" />\\r\\n                <label for=\\\"resume-applying-for-full-time\\\">Regular full-time work?</label><br />\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <h3>Days/Hours Available:</h3>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-12\\\" style=\\\"padding-left:50px;\\\">\\r\\n                <input type=\\\"checkbox\\\" id=\\\"resume-available-monday\\\" name=\\\"resume-available-monday\\\" value=\\\"monday\\\" />\\r\\n                <label for=\\\"resume-available-monday\\\">Monday</label><br />\\r\\n                <input type=\\\"checkbox\\\" id=\\\"resume-available-tuesday\\\" name=\\\"resume-available-tuesday\\\" value=\\\"tuesday\\\" />\\r\\n                <label for=\\\"resume-available-tuesday\\\">Tuesday</label><br />\\r\\n                <input type=\\\"checkbox\\\" id=\\\"resume-available-wednesday\\\" name=\\\"resume-available-wednesday\\\" value=\\\"wednesday\\\" />\\r\\n                <label for=\\\"resume-available-wednesday\\\">Wednesday</label><br />\\r\\n                <input type=\\\"checkbox\\\" id=\\\"resume-available-thursday\\\" name=\\\"resume-available-thursday\\\" value=\\\"thursday\\\" />\\r\\n                <label for=\\\"resume-available-thursday\\\">Thursday</label><br />\\r\\n                <input type=\\\"checkbox\\\" id=\\\"resume-available-friday\\\" name=\\\"resume-available-friday\\\" value=\\\"friday\\\" />\\r\\n                <label for=\\\"resume-available-friday\\\">Friday</label><br />\\r\\n                <input type=\\\"checkbox\\\" id=\\\"resume-available-saturday\\\" name=\\\"resume-available-saturday\\\" value=\\\"saturday\\\" />\\r\\n                <label for=\\\"resume-available-saturday\\\">Saturday</label><br />\\r\\n                <input type=\\\"checkbox\\\" id=\\\"resume-available-sunday\\\" name=\\\"resume-available-sunday\\\" value=\\\"sunday\\\" />\\r\\n                <label for=\\\"resume-available-sunday\\\">Sunday</label><br />\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\" style=\\\"padding-top:10px;\\\">\\r\\n                Hours Available:\\r\\n                <label for=\\\"resume-available-from\\\">from</label>\\r\\n                <input id=\\\"resume-available-from\\\" type=\\\"text\\\" style=\\\"width:unset\\\" />\\r\\n                <label for=\\\"resume-available-to\\\">to</label>\\r\\n                <input id=\\\"resume-available-to\\\" type=\\\"text\\\" style=\\\"width:unset\\\" />.\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\" style=\\\"padding-top:10px;\\\">\\r\\n                If applying for temporary work, when will you be available?\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\" style=\\\"padding-top:10px;\\\">\\r\\n                <div style=\\\"float:left;margin-top:3px;padding-right:5px;\\\">Start date:</div>\\r\\n                <div style=\\\"float:left;\\\">\\r\\n                    <input type=\\\"text\\\" id=\\\"resume-temp-work-start-month\\\" style=\\\"width:35px;text-align:center;\\\" maxlength=\\\"2\\\" />\\r\\n                    <div style=\\\"font-size:x-small;text-align:center;\\\">\\r\\n                        <label for=\\\"resume-temp-work-start-month\\\">(month)</label>\\r\\n                    </div>\\r\\n                </div>\\r\\n                <div style=\\\"float:left;margin-top:3px;padding-left:3px;padding-right:3px;\\\"> / </div>\\r\\n                <div style=\\\"float:left;\\\">\\r\\n                    <input type=\\\"text\\\" id=\\\"resume-temp-work-start-day\\\" style=\\\"width:35px;text-align:center;\\\" maxlength=\\\"2\\\" />\\r\\n                    <div style=\\\"font-size:x-small;text-align:center;\\\">\\r\\n                        <label for=\\\"resume-temp-work-start-day\\\">(day)</label>\\r\\n                    </div>\\r\\n                </div>\\r\\n                <div style=\\\"float:left;margin-top:3px;padding-left:3px;padding-right:3px;\\\"> / </div>\\r\\n                <div style=\\\"float:left\\\">\\r\\n                    <input type=\\\"text\\\" id=\\\"resume-temp-work-start-year\\\" style=\\\"width:35px;text-align:center;\\\" maxlength=\\\"2\\\" />\\r\\n                    <div style=\\\"font-size:x-small;text-align:center;\\\">\\r\\n                        <label for=\\\"resume-temp-work-start-year\\\">(year)</label>\\r\\n                    </div>\\r\\n                </div>\\r\\n\\r\\n                <div style=\\\"float:left;margin-top:3px;padding-right:5px;padding-left:5px;\\\">End date:</div>\\r\\n                <div style=\\\"float:left;\\\">\\r\\n                    <input type=\\\"text\\\" id=\\\"resume-temp-work-end-month\\\" style=\\\"width:35px;text-align:center;\\\" maxlength=\\\"2\\\" />\\r\\n                    <div style=\\\"font-size:x-small;text-align:center;\\\">\\r\\n                        <label for=\\\"resume-temp-work-end-month\\\">(month)</label>\\r\\n                    </div>\\r\\n                </div>\\r\\n                <div style=\\\"float:left;margin-top:3px;padding-left:3px;padding-right:3px;\\\"> / </div>\\r\\n                <div style=\\\"float:left;\\\">\\r\\n                    <input type=\\\"text\\\" id=\\\"resume-temp-work-end-day\\\" style=\\\"width:35px;text-align:center;\\\" maxlength=\\\"2\\\" />\\r\\n                    <div style=\\\"font-size:x-small;text-align:center;\\\">\\r\\n                        <label for=\\\"resume-temp-work-end-day\\\">(day)</label>\\r\\n                    </div>\\r\\n                </div>\\r\\n                <div style=\\\"float:left;margin-top:3px;padding-left:3px;padding-right:3px;\\\"> / </div>\\r\\n                <div style=\\\"float:left\\\">\\r\\n                    <input type=\\\"text\\\" id=\\\"resume-temp-work-end-year\\\" style=\\\"width:35px;text-align:center;\\\" maxlength=\\\"2\\\" />\\r\\n                    <div style=\\\"font-size:x-small;text-align:center;\\\">\\r\\n                        <label for=\\\"resume-temp-work-end-year\\\">(year)</label>\\r\\n                    </div>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\" style=\\\"padding-top:10px;\\\">\\r\\n                <div style=\\\"float:left;margin-top:3px;padding-right:5px;\\\">If hired, on what day can you start working?</div>\\r\\n                <div style=\\\"float:left;\\\">\\r\\n                    <input type=\\\"text\\\" id=\\\"resume-if-hired-start-month\\\" style=\\\"width:35px;text-align:center;\\\" maxlength=\\\"2\\\" />\\r\\n                    <div style=\\\"font-size:x-small;text-align:center;\\\">\\r\\n                        <label for=\\\"resume-if-hired-start-month\\\">(month)</label>\\r\\n                    </div>\\r\\n                </div>\\r\\n                <div style=\\\"float:left;margin-top:3px;padding-left:3px;padding-right:3px;\\\"> / </div>\\r\\n                <div style=\\\"float:left;\\\">\\r\\n                    <input type=\\\"text\\\" id=\\\"resume-if-hired-start-day\\\" style=\\\"width:35px;text-align:center;\\\" maxlength=\\\"2\\\" />\\r\\n                    <div style=\\\"font-size:x-small;text-align:center;\\\">\\r\\n                        <label for=\\\"resume-if-hired-start-day\\\">(day)</label>\\r\\n                    </div>\\r\\n                </div>\\r\\n                <div style=\\\"float:left;margin-top:3px;padding-left:3px;padding-right:3px;\\\"> / </div>\\r\\n                <div style=\\\"float:left\\\">\\r\\n                    <input type=\\\"text\\\" id=\\\"resume-if-hired-start-year\\\" style=\\\"width:35px;text-align:center;\\\" maxlength=\\\"2\\\" />\\r\\n                    <div style=\\\"font-size:x-small;text-align:center;\\\">\\r\\n                        <label for=\\\"resume-if-hired-start-year\\\">(year)</label>\\r\\n                    </div>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:25px;\\\">\\r\\n                Can you work on the weekends?\\r\\n            </div>\\r\\n            <div class=\\\"col-md-1\\\" style=\\\"padding-top:25px;\\\">\\r\\n                <input type=\\\"radio\\\" id=\\\"resume-work-weekends-yes\\\" name=\\\"resume-work-weekends\\\" value=\\\"Yes\\\" />\\r\\n                <label for=\\\"resume-work-weekends-yes\\\">Yes</label>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-5\\\" style=\\\"padding-top:25px;\\\">\\r\\n                <input type=\\\"radio\\\" id=\\\"resume-work-weekends-no\\\" name=\\\"resume-work-weekends\\\" value=\\\"No\\\" />\\r\\n                <label for=\\\"resume-work-weekends-no\\\">No</label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:25px;\\\">\\r\\n                Can you work evenings?\\r\\n            </div>\\r\\n            <div class=\\\"col-md-1\\\" style=\\\"padding-top:25px;\\\">\\r\\n                <input type=\\\"radio\\\" id=\\\"resume-work-evenings-yes\\\" name=\\\"resume-work-evenings\\\" value=\\\"Yes\\\" />\\r\\n                <label for=\\\"resume-work-evenings-yes\\\">Yes</label>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-5\\\" style=\\\"padding-top:25px;\\\">\\r\\n                <input type=\\\"radio\\\" id=\\\"resume-work-evenings-no\\\" name=\\\"resume-work-evenings\\\" value=\\\"No\\\" />\\r\\n                <label for=\\\"resume-work-evenings-no\\\">No</label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:25px;\\\">\\r\\n                Are you available to work overtime?\\r\\n            </div>\\r\\n            <div class=\\\"col-md-1\\\" style=\\\"padding-top:25px;\\\">\\r\\n                <input type=\\\"radio\\\" id=\\\"resume-work-overtime-yes\\\" name=\\\"resume-work-overtime\\\" value=\\\"Yes\\\" />\\r\\n                <label for=\\\"resume-work-overtime-yes\\\">Yes</label>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-5\\\" style=\\\"padding-top:25px;\\\">\\r\\n                <input type=\\\"radio\\\" id=\\\"resume-work-overtime-no\\\" name=\\\"resume-work-overtime\\\" value=\\\"No\\\" />\\r\\n                <label for=\\\"resume-work-overtime-no\\\">No</label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:25px;\\\">\\r\\n                Are you able to perform the essential functions of the job for which you are applying, either with or without reasonable accommodation?\\r\\n            </div>\\r\\n            <div class=\\\"col-md-1\\\" style=\\\"padding-top:25px;\\\">\\r\\n                <input type=\\\"radio\\\" id=\\\"resume-able-to-perform-yes\\\" name=\\\"resume-able-to-perform\\\" value=\\\"Yes\\\" />\\r\\n                <label for=\\\"resume-able-to-perform-yes\\\">Yes</label>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-5\\\" style=\\\"padding-top:25px;\\\">\\r\\n                <input type=\\\"radio\\\" id=\\\"resume-able-to-perform-no\\\" name=\\\"resume-able-to-perform\\\" value=\\\"No\\\" />\\r\\n                <label for=\\\"resume-able-to-perform-no\\\">No</label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:25px;\\\">\\r\\n                <label for=\\\"resume-cannot-be-performed\\\">If no, describe the functions that cannot be performed:</label>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:25px;\\\">                \\r\\n                <div contenteditable=\\\"true\\\" id=\\\"resume-cannot-be-performed\\\" style=\\\"min-height:50px;\\\"></div>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <h2>Education, Training, and Experience</h2>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\" style=\\\"padding-bottom:15px;\\\">\\r\\n                <h3>High School</h3>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><label for=\\\"resume-high-school-name\\\">School Name:</label></div>\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><input type=\\\"text\\\" id=\\\"resume-high-school-name\\\" /></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><label for=\\\"resume-high-school-address\\\">School Address:</label></div>\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><input type=\\\"text\\\" id=\\\"resume-high-school-address\\\" /></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><label for=\\\"resume-high-school-city-state-zip\\\">School City, State, ZIP:</label></div>\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><input type=\\\"text\\\" id=\\\"resume-high-school-city-state-zip\\\" /></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><label for=\\\"resume-high-school-years-completed\\\">Number of Years Completed:</label></div>\\r\\n            <div class=\\\"col-md-1\\\" style=\\\"padding-top:5px;\\\"><input type=\\\"text\\\" id=\\\"resume-high-school-years-completed\\\" /></div>\\r\\n            <div class=\\\"col-md-5\\\" style=\\\"padding-top:5px;\\\"></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\">\\r\\n                Did you graduate?\\r\\n            </div>\\r\\n            <div class=\\\"col-md-1\\\" style=\\\"padding-top:5px;\\\">\\r\\n                <input type=\\\"radio\\\" id=\\\"resume-high-school-graduated-yes\\\" name=\\\"resume-high-school-graduated\\\" value=\\\"Yes\\\" />\\r\\n                <label for=\\\"resume-high-school-graduated-yes\\\">Yes</label>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-5\\\" style=\\\"padding-top:5px;\\\">\\r\\n                <input type=\\\"radio\\\" id=\\\"resume-high-school-graduated-no\\\" name=\\\"resume-high-school-graduated\\\" value=\\\"No\\\" />\\r\\n                <label for=\\\"resume-high-school-graduated-no\\\">Yes</label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><label for=\\\"resume-high-school-diploma-earned\\\">Degree/Diploma Earned:</label></div>\\r\\n            <div class=\\\"col-md-2\\\" style=\\\"padding-top:5px;\\\"><input id=\\\"resume-high-school-diploma-earned\\\" type=\\\"text\\\" /></div>\\r\\n            <div class=\\\"col-md-4\\\" style=\\\"padding-top:5px;\\\"></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\" style=\\\"padding-bottom:15px;\\\">\\r\\n                <h3>College/University</h3>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><label for=\\\"resume-college-name\\\">School Name:</label></div>\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><input type=\\\"text\\\" id=\\\"resume-college-name\\\" /></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><label for=\\\"resume-college-address\\\">School Address:</label></div>\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><input type=\\\"text\\\" id=\\\"resume-college-address\\\" /></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><label for=\\\"resume-college-city-state-zip\\\">School City, State, ZIP:</label></div>\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><input id=\\\"resume-college-city-state-zip\\\" type=\\\"text\\\" /></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><label for=\\\"resume-college-years-completed\\\">Number of Years Completed:</label></div>\\r\\n            <div class=\\\"col-md-1\\\" style=\\\"padding-top:5px;\\\"><input id=\\\"resume-college-years-completed\\\" type=\\\"text\\\" /></div>\\r\\n            <div class=\\\"col-md-5\\\" style=\\\"padding-top:5px;\\\"></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\">\\r\\n                Did you graduate?\\r\\n            </div>\\r\\n            <div class=\\\"col-md-1\\\" style=\\\"padding-top:5px;\\\">\\r\\n                <input type=\\\"radio\\\" id=\\\"resume-college-graduated-yes\\\" name=\\\"resume-college-graduated\\\" value=\\\"Yes\\\" />\\r\\n                <label for=\\\"resume-college-graduated-yes\\\">Yes</label>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-5\\\" style=\\\"padding-top:5px;\\\">\\r\\n                <input type=\\\"radio\\\" id=\\\"resume-college-graduated-no\\\" name=\\\"resume-college-graduated\\\" value=\\\"No\\\" />\\r\\n                <label for=\\\"resume-college-graduated-no\\\">No</label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><label for=\\\"resume-college-diploma-earned\\\">Degree/Diploma Earned:</label></div>\\r\\n            <div class=\\\"col-md-2\\\" style=\\\"padding-top:5px;\\\"><input type=\\\"text\\\" id=\\\"resume-college-diploma-earned\\\" /></div>\\r\\n            <div class=\\\"col-md-4\\\" style=\\\"padding-top:5px;\\\"></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\" style=\\\"padding-bottom:15px;\\\">\\r\\n                <h3>Vocational School</h3>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><label for=\\\"resume-vocational-name\\\">School Name:</label></div>\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><input type=\\\"text\\\" id=\\\"resume-vocational-name\\\" /></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><label for=\\\"resume-vocational-address\\\">School Address:</label></div>\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><input type=\\\"text\\\" id=\\\"resume-vocational-address\\\" /></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><label for=\\\"resume-vocational-city-state-zip\\\">School City, State, ZIP:</label></div>\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><input type=\\\"text\\\" id=\\\"resume-vocational-city-state-zip\\\" /></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><label for=\\\"resume-vocational-years-completed\\\">Number of Years Completed:</label></div>\\r\\n            <div class=\\\"col-md-1\\\" style=\\\"padding-top:5px;\\\"><input type=\\\"text\\\" id=\\\"resume-vocational-years-completed\\\" /></div>\\r\\n            <div class=\\\"col-md-5\\\" style=\\\"padding-top:5px;\\\"></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\">\\r\\n                Did you graduate?\\r\\n            </div>\\r\\n            <div class=\\\"col-md-1\\\" style=\\\"padding-top:5px;\\\">\\r\\n                <input type=\\\"radio\\\" id=\\\"resume-vocational-graduated-yes\\\" name=\\\"resume-vocational-graduated\\\" value=\\\"Yes\\\" />\\r\\n                <label for=\\\"resume-vocational-graduated-yes\\\">Yes</label>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-5\\\" style=\\\"padding-top:5px;\\\">\\r\\n                <input type=\\\"radio\\\" id=\\\"resume-vocational-graduated-no\\\" name=\\\"resume-vocational-graduated\\\" value=\\\"No\\\" />\\r\\n                <label for=\\\"resume-vocational-graduated-no\\\">No</label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><label for=\\\"resume-vocational-diploma-earned\\\">Degree/Diploma Earned:</label></div>\\r\\n            <div class=\\\"col-md-2\\\" style=\\\"padding-top:5px;\\\"><input id=\\\"resume-vocational-diploma-earned\\\" type=\\\"text\\\" /></div>\\r\\n            <div class=\\\"col-md-4\\\" style=\\\"padding-top:5px;\\\"></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <h3><label for=\\\"resume-skills-qualifications\\\">Skills and Qualifications: Licenses, Skills, Training, Awards</label></h3>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">              \\r\\n                <div contenteditable=\\\"true\\\" style=\\\"min-height:65px;\\\"></div>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\">\\r\\n                Do you speak, write or understand any foreign languages?\\r\\n            </div>\\r\\n            <div class=\\\"col-md-1\\\" style=\\\"padding-top:5px;\\\">\\r\\n                <input type=\\\"radio\\\" id=\\\"resume-foreign-languages-yes\\\" name=\\\"resume-foreign-languages\\\" value=\\\"Yes\\\" />\\r\\n                <label for=\\\"resume-foreign-languages-yes\\\">Yes</label>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-5\\\" style=\\\"padding-top:5px;\\\">\\r\\n                <input type=\\\"radio\\\" id=\\\"resume-foreign-languages-no\\\" name=\\\"resume-foreign-languages\\\" value=\\\"No\\\" />\\r\\n                <label for=\\\"resume-foreign-languages-no\\\">No</label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:15px;\\\">\\r\\n                <label for=\\\"resume-foreign-languages-describe\\\">If yes, describe which languages(s) and how fluent of a speaker you consider yourself to be.</label>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:15px;\\\">                \\r\\n                <div contenteditable=\\\"true\\\" id=\\\"resume-foreign-languages-describe\\\" style=\\\"min-height:50px;\\\"></div>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <h3>Employment History</h3>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\" style=\\\"padding-top:5px;padding-bottom:10px;\\\">\\r\\n                You should be prepared to detail each position for the past five years and account for any gaps in employment during that period.\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\">\\r\\n                Are you currently employed?\\r\\n            </div>\\r\\n            <div class=\\\"col-md-1\\\" style=\\\"padding-top:5px;\\\">\\r\\n                <input type=\\\"radio\\\" id=\\\"resume-currently-employed-yes\\\" name=\\\"resume-currently-employed\\\" value=\\\"Yes\\\" />\\r\\n                <label for=\\\"resume-currently-employed-yes\\\">Yes</label>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-5\\\" style=\\\"padding-top:5px;\\\">\\r\\n                <input type=\\\"radio\\\" id=\\\"resume-currently-employed-no\\\" name=\\\"resume-currently-employed\\\" value=\\\"No\\\" />\\r\\n                <label for=\\\"resume-currently-employed-no\\\">No</label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\">\\r\\n                If you are currently employed, may we contact your current employer?\\r\\n            </div>\\r\\n            <div class=\\\"col-md-1\\\" style=\\\"padding-top:5px;\\\">\\r\\n                <input type=\\\"radio\\\" id=\\\"resume-contact-current-employer-yes\\\" name=\\\"resume-contact-current-employer\\\" value=\\\"Yes\\\" />\\r\\n                <label for=\\\"resume-contact-current-employer-yes\\\">Yes</label>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-5\\\" style=\\\"padding-top:5px;\\\">\\r\\n                <input type=\\\"radio\\\" id=\\\"resume-contact-current-employer-no\\\" name=\\\"resume-contact-current-employer\\\" value=\\\"No\\\" />\\r\\n                <label for=\\\"resume-contact-current-employer-no\\\">No</label>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><label for=\\\"resume-employer-name\\\">Name of Employer:</label></div>\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><input id=\\\"resume-employer-name\\\" type=\\\"text\\\" /></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><label for=\\\"resume-employer-supervisor-name\\\">Name of Supervisor:</label></div>\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><input id=\\\"resume-employer-supervisor-name\\\" type=\\\"text\\\" /></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><label for=\\\"resume-employer-supervisor-phone\\\">Telephone Number:</label></div>\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><input id=\\\"resume-employer-supervisor-phone\\\" type=\\\"text\\\" /></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><label for=\\\"resume-employer-business-type\\\">Business Type:</label></div>\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><input id=\\\"resume-employer-business-type\\\" type=\\\"text\\\" /></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><label for=\\\"resume-employer-business-address\\\">Address:</label></div>\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><input id=\\\"resume-employer-business-address\\\" type=\\\"text\\\" /></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><label for=\\\"resume-employer-business-city-state-zip\\\">City, State, ZIP:</label></div>\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><input id=\\\"resume-employer-business-city-state-zip\\\" type=\\\"text\\\" /></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><label for=\\\"resume-employer-business-dates\\\">Length of Employment (Include Dates)</label></div>\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><input id=\\\"resume-employer-business-dates\\\" type=\\\"text\\\" /></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <h4>Previous Positions</h4>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                Include for each employer/position for the past five years (attach an additional page if necessary):\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><label for=\\\"resume-prev-employer-name\\\">Name of Employer:</label></div>\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><input id=\\\"resume-prev-employer-name\\\" type=\\\"text\\\" /></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><label for=\\\"resume-prev-employer-supervisor-name\\\">Name of Supervisor:</label></div>\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><input id=\\\"resume-prev-employer-supervisor-name\\\" type=\\\"text\\\" /></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><label for=\\\"resume-prev-employer-supervisor-phone\\\">Telephone Number:</label></div>\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><input id=\\\"resume-prev-employer-supervisor-phone\\\" type=\\\"text\\\" /></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><label for=\\\"resume-prev-employer-business-type\\\">Business Type:</label></div>\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><input id=\\\"resume-prev-employer-business-type\\\" type=\\\"text\\\" /></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><label for=\\\"resume-prev-employer-business-address\\\">Address:</label></div>\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><input id=\\\"resume-prev-employer-business-address\\\" type=\\\"text\\\" /></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><label for=\\\"resume-prev-employer-business-city-state-zip\\\">City, State, ZIP:</label></div>\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><input id=\\\"resume-prev-employer-business-city-state-zip\\\" type=\\\"text\\\" /></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><label for=\\\"resume-prev-employer-business-dates\\\">Length of Employment (Include Dates)</label></div>\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><input id=\\\"resume-prev-employer-business-dates\\\" type=\\\"text\\\" /></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <h4>References</h4>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                List below three persons who have knowledge of your work performance within the last four years. Professional references are preferred.\\r\\n            </div>\\r\\n        </div>\\r\\n\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><label for=\\\"resume-reference-1-name\\\">Name (First, Last):</label></div>\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><input id=\\\"resume-reference-1-name\\\" type=\\\"text\\\" /></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><label for=\\\"resume-reference-1-telephone\\\">Telephone Number:</label></div>\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><input id=\\\"resume-reference-1-telephone\\\" type=\\\"text\\\" /></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><label for=\\\"resume-reference-1-address\\\">Address:</label></div>\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><input id=\\\"resume-reference-1-address\\\" type=\\\"text\\\" /></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><label for=\\\"resume-reference-1-city-state-zip\\\">City, State, ZIP:</label></div>\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><input id=\\\"resume-reference-1-city-state-zip\\\" type=\\\"text\\\" /></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><label for=\\\"resume-reference-1-occupation\\\">Occupation</label></div>\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><input id=\\\"resume-reference-1-occupation\\\" type=\\\"text\\\" /></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\" style=\\\"margin-bottom:25px;\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><label for=\\\"resume-reference-1-years-acquainted\\\">Number of Years Acquainted:</label></div>\\r\\n            <div class=\\\"col-md-1\\\" style=\\\"padding-top:5px;\\\"><input id=\\\"resume-reference-1-years-acquainted\\\" type=\\\"text\\\" style=\\\"text-align:center\\\" maxlength=\\\"2\\\" /></div>\\r\\n            <div class=\\\"col-md-5\\\" style=\\\"padding-top:5px;\\\"></div>\\r\\n        </div>\\r\\n\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><label for=\\\"resume-reference-2-name\\\">Name (First, Last):</label></div>\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><input id=\\\"resume-reference-2-name\\\" type=\\\"text\\\" /></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><label for=\\\"resume-reference-2-telephone\\\">Telephone Number:</label></div>\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><input id=\\\"resume-reference-2-telephone\\\" type=\\\"text\\\" /></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><label for=\\\"resume-reference-2-address\\\">Address:</label></div>\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><input id=\\\"resume-reference-2-address\\\" type=\\\"text\\\" /></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><label for=\\\"resume-reference-2-city-state-zip\\\">City, State, ZIP:</label></div>\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><input id=\\\"resume-reference-2-city-state-zip\\\" type=\\\"text\\\" /></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><label for=\\\"resume-reference-2-occupation\\\">Occupation</label></div>\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><input id=\\\"resume-reference-2-occupation\\\" type=\\\"text\\\" /></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\" style=\\\"margin-bottom:25px;\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><label for=\\\"resume-reference-2-years-acquainted\\\">Number of Years Acquainted:</label></div>\\r\\n            <div class=\\\"col-md-1\\\" style=\\\"padding-top:5px;\\\"><input id=\\\"resume-reference-2-years-acquainted\\\" type=\\\"text\\\" style=\\\"text-align:center\\\" maxlength=\\\"2\\\" /></div>\\r\\n            <div class=\\\"col-md-5\\\" style=\\\"padding-top:5px;\\\"></div>\\r\\n        </div>\\r\\n\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><label for=\\\"resume-reference-3-name\\\">Name (First, Last):</label></div>\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><input id=\\\"resume-reference-3-name\\\" type=\\\"text\\\" /></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><label for=\\\"resume-reference-3-telephone\\\">Telephone Number:</label></div>\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><input id=\\\"resume-reference-3-telephone\\\" type=\\\"text\\\" /></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><label for=\\\"resume-reference-3-address\\\">Address:</label></div>\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><input id=\\\"resume-reference-3-address\\\" type=\\\"text\\\" /></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><label for=\\\"resume-reference-3-city-state-zip\\\">City, State, ZIP:</label></div>\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><input id=\\\"resume-reference-3-city-state-zip\\\" type=\\\"text\\\" /></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><label for=\\\"resume-reference-3-occupation\\\">Occupation</label></div>\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><input id=\\\"resume-reference-3-occupation\\\" type=\\\"text\\\" /></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><label for=\\\"resume-reference-3-years-acquainted\\\">Number of Years Acquainted:</label></div>\\r\\n            <div class=\\\"col-md-1\\\" style=\\\"padding-top:5px;\\\"><input id=\\\"resume-reference-3-years-acquainted\\\" type=\\\"text\\\" style=\\\"text-align:center\\\" maxlength=\\\"2\\\" /></div>\\r\\n            <div class=\\\"col-md-5\\\" style=\\\"padding-top:5px;\\\"></div>\\r\\n        </div>\\r\\n\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\" style=\\\"padding-top:25px;\\\">\\r\\n                I certify that the information contained in this application is true and complete.\\r\\n                I understand that false information may be grounds for not hiring me or for immediate termination of employment at any point in the future if I am hired.\\r\\n                I authorize the verification of any or all information listed above.\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><label for=\\\"resume-signature\\\">Signature</label></div>\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><input id=\\\"resume-signature\\\" type=\\\"text\\\" /></div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\" style=\\\"padding-top:5px;\\\"><label for=\\\"resume-signature-date\\\">Date</label></div>\\r\\n            <div class=\\\"col-md-2\\\" style=\\\"padding-top:5px;\\\"><input id=\\\"resume-signature-date\\\" type=\\\"text\\\" /></div>\\r\\n            <div class=\\\"col-md-4\\\" style=\\\"padding-top:5px;\\\"></div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-4/lesson-4/practice job application'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: \"practice-job-application\",\r\n    templateUrl: \"./practice-job-application.component.html\",\r\n    styleUrls: [\"./practice-job-application.component.css\"]\r\n})\r\nexport class UnitFourLessonFourPracticeJobApplicationComponent {\r\n\r\n    title: string = \"Practice Job Application\";\r\n    pageTitle: string = this.title + \" | Unit 4, Lesson 4 | T-Folio\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n\r\n    doScroll() {\r\n        window.scrollTo(0, 0);\r\n    }\r\n    doPrint() {\r\n        window.print();\r\n    }\r\n}\r\n","module.exports = \"<div class=\\\"container exercise-content guide\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-4']\\\">Unit 4</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-4/lesson-5']\\\">Lesson 5</a></li>\\r\\n                <li class=\\\"active\\\">Lesson Guide</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-4/\\\">Unit 4</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-4/lesson-5/\\\">Lesson 5</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-4/lesson-5/guide/\\\">Lesson Guide</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-4/lesson-5/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n        <div class=\\\"col-md-12\\\"><h1>{{title}}</h1></div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-9\\\">\\r\\n            <h2 class=\\\"subtitle\\\">{{subtitle}}</h2>\\r\\n            <div>\\r\\n                In this lesson, students will identify the work maturity skills needed for a successful interview.\\r\\n                They will practice responding to sample interview questions as a whole group, then will have time to participate in mock interviews with self- and peer-feedback opportunities.\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-3 box\\\">\\r\\n            <i class=\\\"fa fa-folder-open\\\" aria-hidden=\\\"true\\\"></i>\\r\\n            <b>Items to be added to student's Transition Portfolio:</b>\\r\\n            <ul class=\\\"hidden-print\\\">\\r\\n                <li><a [routerLink]=\\\"['/unit-4/lesson-5/job-interview-questions']\\\">Interview Questions and Answers</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-4/lesson-5/job-interview-evaluation']\\\"> Job Interview Self-Evaluation form</a></li>\\r\\n                <li>Possible video of mock interview</li>\\r\\n            </ul>\\r\\n            <ul class=\\\"visible-print-block\\\">\\r\\n                <li><a href=\\\"https://cctstfolio.com/#/unit-4/lesson-5/job-interview-questions\\\">Interview Questions and Answers</a></li>\\r\\n                <li><a href=\\\"https://cctstfolio.com/#/unit-4/lesson-5/job-interview-evaluation\\\"> Job Interview Self-Evaluation form</a></li>\\r\\n                <li>Possible video of mock interview</li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n            <h2>Lesson Objectives</h2>\\r\\n            <b>Participants will:</b>\\r\\n            <ol>\\r\\n                <li>Identify and demonstrate work maturity skills needed for a job interview. </li>\\r\\n                <li>Identify and evaluate appropriate questions and responses for a job interview.</li>\\r\\n                <li>Demonstrate appropriate performance in a mock job interview.</li>\\r\\n                <li>Self and peer evaluate mock job interviews. </li>\\r\\n            </ol>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Facilitator Notes</h2>\\r\\n            <ul>\\r\\n                <li>You may choose to add interview questions specific to the fields of interest to your students.  </li>\\r\\n                <li> Consider pre-teaching appropriate peer feedback etiquette if students do not have experience providing feedback to their classmates. </li>\\r\\n                <li>Students would benefit from videotaping and reflecting on their interviews if that technology is available.</li>\\r\\n                <li>\\r\\n                    A PowerPoint is included with this lesson and can be used as part of a presentation or for your information. It is recommended that you review the PowerPoint (including the Notes section) prior to using the lesson. It can be accessed in either PowerPoint or as a PDF:\\r\\n                    <ul>\\r\\n                        <li><a href=\\\"/img/unit-4/lesson-5/T-Folio_Unit-4_Lesson-5_Job-Interview-Preparation.pptx\\\">PowerPoint:\\\"Job Interview Preparation\\\"</a></li>\\r\\n                        <li><a href=\\\"/img/unit-4/lesson-5/T-Folio_Unit-4_Lesson-5_Job-Interview-Preparation.pdf\\\" target=\\\"_blank\\\">PDF:\\\"Job Interview Preparation\\\"</a></li>\\r\\n                    </ul>\\r\\n                </li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Introduction</h2>\\r\\n            <b>Warm-up:</b><br />\\r\\n            <div>\\r\\n                <b>Say:</b>&nbsp;&nbsp;We are going to review a video that shows the first 30 seconds of multiple interviews (the entire video is just under 7 minutes). We will then look back at our <a [routerLink]=\\\"['/unit-4/lesson-1/work-maturity-skills-list']\\\"> Work Maturity Skills List </a> from Unit 4, Lesson 1. As a group, we will identify the work maturity skills that are verbally and visually present in the video clip or identify skills that were lacking from the video clip.\\r\\n            </div><br />\\r\\n            <div>\\r\\n                <ul>\\r\\n                    <li>Here is the link to the video: <a href=\\\"https://www.youtube.com/watch?v=HVK-xbdddhA\\\" target=\\\"_blank\\\">\\\"30 Seconds to Impress\\\"</a>(6:52) by <a href=\\\"http://www.dyc.edu/academics/student-resources/career-services/\\\" target=\\\"_blank\\\">DYCCareerServices</a>, Jan 4, 2012. </li>\\r\\n                    <li>Have students get out the Work Maturity Skills List or have it visible for the whole class to see. </li>\\r\\n                    <li>To encourage all voices are heard, have students share out answers round robin style. </li>\\r\\n                    <li>Pause the video at 3:35. Identify work maturity skills verbally and visually present in the video clip or identify skills that were lacking from the video clip. Ask students who they would hire.</li>\\r\\n                    <li>Play the remainder of the video to hear the interviewer's thoughts on each applicant.</li>\\r\\n                </ul>\\r\\n            </div>\\r\\n            <div>\\r\\n                <b>Say:</b>\\r\\n                Confidence, enthusiasm, attentiveness, etc. are important skills while interviewing to make a strong impression.\\r\\n                The content of your answers is also important.\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Activity</h2>\\r\\n            <div style=\\\"font-weight:bold;padding-bottom:5px;\\\">Job Interview Questions and Answers</div>\\r\\n            <b>Say:</b>&nbsp;&nbsp;We are going to read a list of <a [routerLink]=\\\"['/unit-4/lesson-5/job-interview-questions']\\\">Job Interview Questions and Answers</a> as a class. As a whole group, we will formulate possible answers to the interview questions. As we think through the answers, keep a job in mind where you would like to work and answer the questions as if you were applying to that position (retail store, restaurant, gym, office, etc.). You will keep these questions and answers in your T-Folio to review prior to an actual job interview.<br />\\r\\n            <ul>\\r\\n                <li>Have the list of interview questions on the board to work through as a class.</li>\\r\\n                <li>Students should complete electronically as they follow along.</li>\\r\\n                <li>If participation is low, have students share a possible response with a peer and then have each set of peers share out to the whole group.</li>\\r\\n                <li>Student answers may vary depending on the field they are interested in working in (retail, food, technology, medical, etc.). Encourage responses from various fields.  </li>\\r\\n            </ul>\\r\\n\\r\\n            <div style=\\\"font-weight:bold;padding-top:10px;padding-bottom:5px;\\\">Questions</div>\\r\\n            <b>Ask:</b>&nbsp;&nbsp;What does it look like to be prepared for an interview?\\r\\n            <ul>\\r\\n                <li>Discuss possible responses, such as: being on time, being dressed appropriately, bringing a r&eacute;sum&eacute;, bringing a notepad and pen, having your cell phone off, etc. </li>\\r\\n            </ul>\\r\\n            <b>Ask:</b>&nbsp;&nbsp;What will help you to make a good first impression?\\r\\n            <ul>\\r\\n                <li>Discuss possible responses, such as: being on time, demonstrate work maturity skills, start and end interview with shaking everyone's hands, etc. </li>\\r\\n            </ul>\\r\\n\\r\\n            <div style=\\\"font-weight:bold;padding-top:10px;padding-bottom:5px;\\\">Interview Practice</div>\\r\\n            <b>Say:</b>&nbsp;&nbsp;Now that we have a list of interview questions and have generated possible responses, we are going to practice interviewing.<br /><br />\\r\\n            <ul>\\r\\n                <li>\\r\\n                    Get the students into triads to practice interviewing in the following roles:\\r\\n                    <ul style=\\\"list-style:circle\\\">\\r\\n                        <li>Interviewer: employer asking questions.  </li>\\r\\n                        <li>Interviewee: person answering questions and trying to get hired.  </li>\\r\\n                        <li>Peer giving feedback: observes interview without interruption and answers two peer feedback prompts.  </li>\\r\\n                    </ul>\\r\\n                </li>\\r\\n                <li>Allow time for each student to rotate through each of the three roles.  </li>\\r\\n                <li>Use the list of interview questions and possible answers from the whole group activity. </li>\\r\\n            </ul>\\r\\n\\r\\n            <div style=\\\"font-weight:bold;padding-top:10px;\\\">Peer Feedback</div>\\r\\n            <ul>\\r\\n                <li>Use the following peer feedback prompts after each interview rotation and have students fill out the Peer Reflection Feedback form. </li>\\r\\n            </ul>\\r\\n            <div>\\r\\n                <b>Say:</b>&nbsp;&nbsp;When you are in the role to provide peer feedback, you will answer these two prompts about the person being interviewed.\\r\\n            </div>\\r\\n            <div style=\\\"border:1px solid black;padding:10px;margin-left:20px;margin-top:5px;\\\">\\r\\n                <a [routerLink]=\\\"['/unit-4/lesson-5/job-interview-feedback']\\\">Job Interview: Peer Reflection Feedback</a>\\r\\n                <ol>\\r\\n                    <li>Describe one strength your partner demonstrated. </li>\\r\\n                    <li>What is one area your partner may improve? </li>\\r\\n                </ol>\\r\\n            </div>\\r\\n\\r\\n            <div style=\\\"font-weight:bold;padding-top:25px;\\\">Self-Evaluation</div>\\r\\n            <ul>\\r\\n                <li>Have all the students complete a self-evaluation at the end of the lesson, either based on how they feel their interview went or after watching their videotaped interview.</li>\\r\\n            </ul>\\r\\n            <div>\\r\\n                <b>Say:</b>\\r\\n                You will complete a self-evaluation at the end of the lesson, either based on how you feel your interview went or after watching your videotaped interview.\\r\\n            </div>\\r\\n            <div style=\\\"border:1px solid black;padding:10px;margin-left:20px;margin-top:5px;\\\">\\r\\n                <a [routerLink]=\\\"['/unit-4/lesson-5/job-interview-evaluation']\\\">Job Interview: Self-Evaluation</a>\\r\\n                <ol>\\r\\n                    <li>Describe one strength you demonstrated. </li>\\r\\n                    <li>What is one area you may improve? </li>\\r\\n                </ol>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Debrief and Guiding Questions</h2>\\r\\n            <b>Say:</b>&nbsp;&nbsp;As you think back to the interview questions and your participation in a job interview as the interviewer, interviewee, and peer mentor...\\r\\n            <ul>\\r\\n                <li>What questions were the easiest to answer? Why?  </li>\\r\\n                <li>What questions were the most difficult to answer? Why? </li>\\r\\n                <li>What next steps do you need to take to improve your performance? Who may support you? </li>\\r\\n                <li>Make a commitment to improve your interviewing skills. Complete this prompt: \\\"If I...then...\\\" </li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Additional Resources</h2>\\r\\n            <ul style=\\\"list-style:url('/img/arrow.png');\\\">\\r\\n                <li>For more ideas, see the full article: Doyle, A. (2018, April 06). <a href=\\\"https://www.thebalancecareers.com/teen-job-interview-questions-and-best-answers-2063882\\\" target=\\\"_blank\\\">Teen job interview questions, answers, and tips.</a> <i>The Balance.</i></li>\\r\\n\\r\\n            </ul>\\r\\n            <h2>Considerations for Accommodation</h2>\\r\\n            <ul>\\r\\n                <li>If you choose not to use the video clip in the warm up, you may have youth split the Work Maturity Skills List into two columns: skills an employer wants to <i>see</i> during an interview and skills an employer may want to <i>hear</i> about during an interview.</li>\\r\\n                <li>Youth may complete the job application questions prior to class or individually at the beginning of the lesson to ensure ample time and consideration is given to each question.</li>\\r\\n                <li>Youth may use speech-to-text to generate responses.</li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Up Next</h2>\\r\\n            <div>\\r\\n                In Lesson 6, students will practice writing a thank you note or email to a prospective employer after an interview.\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-4/lesson-5/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from '@angular/platform-browser';\r\n\r\n@Component({\r\n    selector: 'unit-four-lesson-five-guide',\r\n    templateUrl: './_guide.component.html',\r\n    styleUrls: ['../../_shared/lesson-guides/lesson-guide.component.css']\r\n})\r\nexport class UnitFourLessonFiveGuideComponent {\r\n\r\n    pageTitle: string = \"Lesson Guide | Unit 4, Lesson 5 | T-Folio\";\r\n    title: string = \"Lesson Guide\";\r\n    subtitle: string = \"Lesson 5: Job Interview Preparation\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n}\r\n","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: 'unit-four-lesson-five-landing-page',\r\n    templateUrl: '../../_shared/landing-pages/landing-page.component.html',\r\n    styleUrls: ['../../_shared/landing-pages/landing-page.component.css']\r\n})\r\nexport class UnitFourLessonFiveLandingComponent {\r\n\r\n    bannerHeader = \"Workplace Readiness Training: Lesson 5\";\r\n    title: string = \"Lesson 5: Job Interview Preparation\";\r\n    pageTitle: string = \"Job Interview Preparation | Unit 4, Lesson 5 | T-Folio\";\r\n\r\n    openInNewWindow(url: string) {\r\n        window.open(url, '_blank');\r\n    }\r\n\r\n    doPrint(): void {\r\n        window.print();\r\n    }\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n    LandingPageData = {\r\n        breadcrumbs: {\r\n            label: \"Lesson 5\",\r\n            crumbs: [\r\n                {\r\n                    route: \"\",\r\n                    linktext: \"T-Folio\"\r\n                },\r\n                {\r\n                    route: \"/unit-4\",\r\n                    linktext: \"Unit 4\"\r\n                }\r\n            ]\r\n        },\r\n        summary: \"In this lesson, students will identify the work maturity skills needed for a successful interview. They will practice responding to sample interview questions as a whole group, then will have time to participate in mock interviews with self- and peer-feedback opportunities.\",\r\n        objectives: [\r\n            \"Identify and demonstrate work maturity skills needed for a job interview. \",\r\n            \"Identify and evaluate appropriate questions and responses for a job interview.\",\r\n            \"Demonstrate appropriate performance in a mock job interview.\",\r\n            \"Self and peer evaluate mock job interviews.\",\r\n        ],\r\n        buttons: [\r\n            {\r\n                route: \"/unit-4/lesson-5/guide\",\r\n                linktext: \"Lesson Guide\",\r\n                color: \"btn-success\",\r\n                window: false,\r\n            },\r\n            {\r\n                route: \"/unit-4/lesson-5/job-interview-questions\",\r\n                linktext: \"Job Interview Questions and Answers\",\r\n                color: \"btn-primary\",\r\n                window: false,\r\n            },\r\n            {\r\n                route: \"/unit-4/lesson-5/job-interview-feedback\",\r\n                linktext: \"Job Interview: Peer Reflection Feedback\",\r\n                color: \"btn-primary\",\r\n                window: false,\r\n            },\r\n            {\r\n                route: \"/unit-4/lesson-5/job-interview-evaluation\",\r\n                linktext: \"Job Interview: Self-Evaluation\",\r\n                color: \"btn-primary\",\r\n                window: false,\r\n            },\r\n            {\r\n                route: '/img/unit-4/lesson-5/T-Folio_Unit-4_Lesson-5_Job-Interview-Preparation.pptx',\r\n                linktext: \"PowerPoint Presentation\",\r\n                color: \"powerpoint-button\",\r\n                window: true,\r\n            },\r\n        ],\r\n        image: \"/img/unit-4/lesson-5/L5_dream-job-2904780_1920.jpg\",\r\n        imgalt: \"A wooden sign with the text “Dream Job” points towards the right of the image with a cloudy blue-sky backdrop.\",\r\n        caption: \"on\",\r\n        photoLink: \"https://pixabay.com/en/dream-job-application-location-job-2904780/\",\r\n        source: \"Pixabay\",\r\n        sourceLink: \"https://pixabay.com/en/\",\r\n        licence: \"CC0 license\",\r\n        licenceLink: \"https://creativecommons.org/publicdomain/zero/1.0/\",\r\n    }\r\n\r\n\r\n}\r\n","module.exports = \"\\r\\n.active{\\r\\n    color: #2C3E50;\\r\\n}\\r\\n\\r\\n.editor {\\r\\n    min-height: 65px;\\r\\n    width: 85%;\\r\\n    margin-top: 5px;\\r\\n    border: 1px solid gray;\\r\\n    text-align: left;\\r\\n    font-weight:bold;\\r\\n}\\r\\n\\r\\n@media print {\\r\\n    .editor {\\r\\n        min-height: 65px;\\r\\n        width: 85%;\\r\\n        margin-top: 5px;\\r\\n        border: none;\\r\\n        text-align: left;\\r\\n    }\\r\\n}\\r\\n\"","module.exports = \"<div class=\\\"container exercise-content\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-4']\\\">Unit 4</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-4/lesson-5']\\\">Lesson 5</a></li>\\r\\n                <li class=\\\"active\\\">{{title}}</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-4/\\\">Unit 4</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-4/lesson-5/\\\">Lesson 5</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-4/lesson-5/job-interview-evaluation/\\\">{{title}}</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-4/lesson-5/job interview evaluation'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <tfolio-heading></tfolio-heading>\\r\\n    <tfolio-page-title content=\\\"{{title}}\\\"></tfolio-page-title>\\r\\n\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"padding-top:25px;padding-left:50px;\\\">\\r\\n            1. Describe one strength you demonstrated.\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"padding-left:75px;\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"padding-top:10px;\\\">\\r\\n            <!--<textarea rows=\\\"3\\\" style=\\\"resize:none;width:85%;\\\"></textarea>-->\\r\\n            <div contenteditable=\\\"true\\\" rows=\\\"3\\\" class=\\\"editor\\\"></div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"padding-top:25px;padding-left:50px;\\\">\\r\\n            2. What is one area you may improve?\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"padding-left:75px;\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"padding-top:10px;\\\">\\r\\n            <!--<textarea rows=\\\"3\\\" style=\\\"resize:none;width:85%;\\\"></textarea>-->\\r\\n            <div contenteditable=\\\"true\\\" rows=\\\"3\\\" class=\\\"editor\\\"></div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-4/lesson-5/job interview evaluation'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: 'job-interview-evaluation',\r\n    templateUrl: './job-interview-evaluation.component.html',\r\n    styleUrls: ['./job-interview-evaluation.component.css']\r\n})\r\n\r\nexport class UnitFourLessonFiveInterviewEvaluationComponent {\r\n\r\n    title: string = \"Job Interview: Self-Evaluation\";\r\n    pageTitle: string = this.title + \" | Unit 4, Lesson 5 | T-Folio\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n\r\n    doScroll() {\r\n        window.scrollTo(0, 0);\r\n    }\r\n    doPrint() {\r\n        window.print();\r\n    }\r\n}\r\n","module.exports = \"\\r\\n.active {\\r\\n    color: #2C3E50;\\r\\n}\\r\\n\\r\\n.editor {\\r\\n    min-height: 65px;\\r\\n    width: 85%;\\r\\n    margin-top: 5px;\\r\\n    border: 1px solid gray;\\r\\n    text-align: left;\\r\\n    font-weight:bold;\\r\\n}\\r\\n\\r\\n@media print {\\r\\n    .editor {\\r\\n        border:none;\\r\\n    }\\r\\n}\\r\\n\"","module.exports = \"<div class=\\\"container exercise-content\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-4']\\\">Unit 4</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-4/lesson-5']\\\">Lesson 5</a></li>\\r\\n                <li class=\\\"active\\\">{{title}}</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-4/\\\">Unit 4</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-4/lesson-5/\\\">Lesson 5</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-4/lesson-5/job-interview-feedback/\\\">{{title}}</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-4/lesson-5/job interview feedback'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <tfolio-heading></tfolio-heading>\\r\\n    <tfolio-page-title content=\\\"{{title}}\\\"></tfolio-page-title>\\r\\n\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-2\\\">\\r\\n            Partner A's Name\\r\\n        </div>\\r\\n        <div class=\\\"col-md-10\\\">\\r\\n            <input type=\\\"text\\\" style=\\\"width:75%\\\" />\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"padding-top:25px;padding-left:50px;\\\">\\r\\n            1. Describe one strength your partner demonstrated.\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"padding-left:75px;\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"padding-top:10px;\\\">\\r\\n            <div contenteditable=\\\"true\\\" rows=\\\"3\\\" class=\\\"editor\\\"></div>\\r\\n            <!--<textarea rows=\\\"3\\\" style=\\\"resize:none;width:85%;\\\"></textarea>-->\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"padding-top:25px;padding-left:50px;\\\">\\r\\n            2. What is one area your partner may improve?\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"padding-left:75px;\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"padding-top:10px;\\\">\\r\\n            <div contenteditable=\\\"true\\\" rows=\\\"3\\\" class=\\\"editor\\\"></div>\\r\\n            <!--<textarea rows=\\\"3\\\" style=\\\"resize:none;width:85%;\\\"></textarea>-->\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-2\\\" style=\\\"padding-top:25px;\\\">\\r\\n            Partner B's Name\\r\\n        </div>\\r\\n        <div class=\\\"col-md-10\\\" style=\\\"padding-top:25px;\\\">\\r\\n            <input type=\\\"text\\\" style=\\\"width:75%\\\" />\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"padding-top:25px;padding-left:50px;\\\">\\r\\n            1. Describe one strength your partner demonstrated.\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"padding-left:75px;\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"padding-top:10px;\\\">\\r\\n            <div contenteditable=\\\"true\\\" rows=\\\"3\\\" class=\\\"editor\\\"></div>\\r\\n            <!--<textarea rows=\\\"3\\\" style=\\\"resize:none;width:85%;\\\"></textarea>-->\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"padding-top:25px;padding-left:50px;\\\">\\r\\n            2. What is one area your partner may improve?\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"padding-left:75px;\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"padding-top:10px;padding-bottom:50px;\\\">\\r\\n            <div contenteditable=\\\"true\\\" rows=\\\"3\\\" class=\\\"editor\\\"></div>\\r\\n            <!--<textarea rows=\\\"3\\\" style=\\\"resize:none;width:85%;\\\"></textarea>-->\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-4/lesson-5/job interview feedback'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: 'job-interview-feedback',\r\n    templateUrl: \"./job-interview-feedback.component.html\",\r\n    styleUrls: [\"./job-interview-feedback.component.css\"]\r\n})\r\nexport class UnitFourLessonFiveJobInterviewFeedbackComponent {\r\n\r\n    title: string = \"Job Interview: Peer Reflection Feedback\";\r\n    pageTitle: string = this.title + \" | Unit 4, Lesson 5 | T-Folio\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n\r\n    doScroll() {\r\n        window.scrollTo(0, 0);\r\n    }\r\n    doPrint() {\r\n        window.print();\r\n    }\r\n}\r\n","module.exports = \".active {\\r\\n    color: #2C3E50;\\r\\n}\\r\\n\\r\\ndiv[contenteditable=\\\"true\\\"] {\\r\\n    min-height: 65px;\\r\\n    width: 100%;\\r\\n    margin-top: 5px;\\r\\n    border: 1px solid gray;\\r\\n    text-align: left;\\r\\n    font-weight:bold;\\r\\n}\\r\\n\\r\\n@media print {\\r\\n    div[contenteditable=\\\"true\\\"] {\\r\\n        min-height: 65px;\\r\\n        width: 100%;\\r\\n        margin-top: 5px;\\r\\n        border: none;\\r\\n        text-align: left;\\r\\n    }\\r\\n}\\r\\n\"","module.exports = \"<div class=\\\"container exercise-content\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-4']\\\">Unit 4</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-4/lesson-5']\\\">Lesson 5</a></li>\\r\\n                <li class=\\\"active\\\">{{title}}</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-4/\\\">Unit 4</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-4/lesson-5/\\\">Lesson 5</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-4/lesson-5/job-interview-questions/\\\">{{title}}</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-4/lesson-5/job interview questions'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <tfolio-heading></tfolio-heading>\\r\\n    <tfolio-page-title content=\\\"{{title}}\\\"></tfolio-page-title>\\r\\n\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <label for=\\\"job-interview-questions-why-looking\\\">\\r\\n                <b>Why Are You Looking for a Job at this Time?</b>\\r\\n            </label>\\r\\n            <span>\\r\\n                Share your interest in this field or career.\\r\\n                You may also talk about your own goals and reasons for seeking work.\\r\\n            </span>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"padding-bottom:25px;\\\">           \\r\\n            <div contenteditable=\\\"true\\\" rows=\\\"3\\\"></div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <label for=\\\"job-interview-questions-why-interested\\\">\\r\\n                <b>Why Are You Interested in Working for Our Business?</b>\\r\\n            </label>\\r\\n            <span>\\r\\n                Share information from what you know about the company or specific position.\\r\\n            </span>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"padding-bottom:25px;\\\">            \\r\\n            <div contenteditable=\\\"true\\\" rows=\\\"3\\\"></div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <label for=\\\"job-interview-questions-skills\\\">\\r\\n                <b>How Have Your School, Sports, and Activities Prepared You For Working at Our Business?</b>\\r\\n            </label>\\r\\n            <span>\\r\\n                Discuss the skills you have gained during your time in high school, including skills gained through extracurricular activities.\\r\\n            </span>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"padding-bottom:25px;\\\">           \\r\\n            <div contenteditable=\\\"true\\\" rows=\\\"3\\\"></div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <label for=\\\"job-interview-questions-why-hire\\\">\\r\\n                <b>Why Should We Hire You?</b>\\r\\n            </label>\\r\\n            <span>\\r\\n                Talk about the strengths and skills you bring to the position.\\r\\n            </span>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"padding-bottom:25px;\\\">            \\r\\n            <div contenteditable=\\\"true\\\" rows=\\\"3\\\"></div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <label for=\\\"job-interview-questions-successful\\\">\\r\\n                <b>What Do You Think It Takes to be Successful in This Position?</b>\\r\\n            </label>\\r\\n            <span>\\r\\n                Before your interview, review the job posting to find out what the company is looking for and then talk about the skills you have related to the position.  \\r\\n            </span>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"padding-bottom:25px;\\\">            \\r\\n            <div contenteditable=\\\"true\\\" rows=\\\"3\\\"></div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <label for=\\\"job-interview-questions-describe-ability\\\">\\r\\n                <b>How Would You Describe Your Ability To Work as a Team Member?</b>\\r\\n            </label>\\r\\n            <span>\\r\\n                Give a specific example of when you’ve worked as a team, collaborated on projects, in sports, or while volunteering.\\r\\n            </span>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"padding-bottom:25px;\\\">            \\r\\n            <div contenteditable=\\\"true\\\" rows=\\\"3\\\"></div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"page-break-before:always;\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <label for=\\\"job-interview-questions-accomplishment\\\">\\r\\n                <b>What Has Been Your Most Rewarding Accomplishment?</b>\\r\\n            </label>\\r\\n            <span>\\r\\n                Share an accomplishment that relates to some of the qualities or experiences required for the job you’re interviewing for.\\r\\n            </span>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"padding-bottom:25px;\\\">            \\r\\n            <div contenteditable=\\\"true\\\" rows=\\\"3\\\"></div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <label for=\\\"job-interview-questions-salary\\\">\\r\\n                <b>What Are Your Salary Expectations?</b>\\r\\n            </label>\\r\\n            <span>\\r\\n                As a young worker, the salary you are offered will probably align with an entry-level position.\\r\\n                It’s usually best to avoid a specific number, unless you know for a fact what the job pays.\\r\\n            </span>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"padding-bottom:25px;\\\">            \\r\\n            <div contenteditable=\\\"true\\\" rows=\\\"3\\\"></div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <label for=\\\"job-interview-questions-problem\\\">\\r\\n                <b>Tell Me About a Problem you Experienced Recently and How You Handled It.</b>\\r\\n            </label>\\r\\n            <span>\\r\\n                The interviewer is trying to determine how skilled you are at problem solving.\\r\\n                It’s fine to use an example from school, work, sports, or volunteering.\\r\\n                Make sure you show that there was a positive resolution or describe an upcoming resolution.\\r\\n            </span>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"padding-bottom:25px;\\\">            \\r\\n            <div contenteditable=\\\"true\\\" rows=\\\"3\\\"></div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <label for=\\\"job-interview-questions-conflict\\\">\\r\\n                <b>Have You Ever Had Difficulty With a Supervisor or Teacher? Share How You Handled the Conflict.</b>\\r\\n            </label>\\r\\n            <span>\\r\\n                The interviewer is trying to determine how well you respect and respond to authority.\\r\\n                Be sure to provide an honest response. Share an example with a positive outcome.\\r\\n            </span>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"padding-bottom:25px;\\\">           \\r\\n            <div contenteditable=\\\"true\\\" rows=\\\"3\\\"></div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-4/lesson-5/job interview questions'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: \"job-interview-questions\",\r\n    templateUrl: \"./job-interview-questions.component.html\",\r\n    styleUrls: ['./job-interview-questions.component.css']\r\n})\r\nexport class UnitFourLessonFiveJobInterviewQuestionsComponent {\r\n\r\n    title: string = \"Job Interview Questions and Answers\";\r\n    pageTitle: string = this.title + \" | Unit 4, Lesson 5 | T-Folio\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n    doScroll() {\r\n        window.scrollTo(0, 0);\r\n    }\r\n    doPrint() {\r\n        window.print();\r\n    }\r\n\r\n}\r\n","module.exports = \"<div class=\\\"container exercise-content guide\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-4']\\\">Unit 4</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-4/lesson-6']\\\">Lesson 6</a></li>\\r\\n                <li class=\\\"active\\\">Lesson Guide</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-4/\\\">Unit 4</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-4/lesson-6/\\\">Lesson 6</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-4/lesson-6/guide/\\\">Lesson Guide</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-4/lesson-6/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n        <div class=\\\"col-md-12\\\"><h1>{{title}}</h1></div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-9\\\">\\r\\n            <h2 class=\\\"subtitle\\\">{{subtitle}}</h2>\\r\\n            <div>\\r\\n                In this lesson, students will gain an understanding of why and how to write a thank you note to a potential employer after an interview.\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-3 box\\\">\\r\\n            <i class=\\\"fa fa-folder-open\\\" aria-hidden=\\\"true\\\"></i>\\r\\n            <b>Item to be added to student's Transition Portfolio:</b>\\r\\n            <ul class=\\\"hidden-print\\\">\\r\\n                <li><a [routerLink]=\\\"['/unit-4/lesson-6/thank-you-note-template']\\\">Thank You Note</a></li>\\r\\n            </ul>\\r\\n            <ul class=\\\"visible-print-block\\\">\\r\\n                <li><a href=\\\"https://cctstfolio.com/#/unit-4/lesson-6/thank-you-note-template\\\">Thank You Note</a></li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n            <h2>Lesson Objectives</h2>\\r\\n            <b>Participants will:</b>\\r\\n            <ol>\\r\\n                <li>Understand the value of sending a thank you note after an interview.  </li>\\r\\n                <li>Demonstrate knowledge of the various components of a thank you note. </li>\\r\\n                <li>Complete a sample thank you note for an interviewer.  </li>\\r\\n            </ol>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Facilitator Notes</h2>\\r\\n            <ul>\\r\\n                <li>Thank you notes are an important part of the application and interview process. Remind students this is another way to make a strong impression when applying for a job.</li>\\r\\n                <li>For some students this will be new. Others may complete thank you notess often. A template with sentence starters is being provided to support facilitating specific content, which should benefit all students.</li>\\r\\n                <li>\\r\\n                    A PowerPoint is included with this lesson and can be used as part of a presentation or for your information. It is recommended that you review the PowerPoint (including the Notes section) prior to using the lesson. It can be accessed in either PowerPoint or as a PDF:\\r\\n                    <ul style=\\\"list-style:circle\\\">\\r\\n                        <li><a href=\\\"/img/unit-4/lesson-6/T-Folio_Unit-4_Lesson-6_Thank-You-Note.pptx\\\">PowerPoint: \\\"Writing a Thank You Note\\\"</a></li>\\r\\n                        <li><a href=\\\"/img/unit-4/lesson-6/T-Folio_Unit-4_Lesson-6_Thank-You-Note.pdf\\\" target=\\\"_blank\\\">PDF: \\\"Writing a Thank You Note\\\"</a></li>\\r\\n                    </ul>\\r\\n                </li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Introduction</h2>\\r\\n            <b>Warm-up discussion:</b><br />\\r\\n            <div>\\r\\n                <b>Ask:</b>&nbsp;&nbsp;Why is it important to write a thank you note after an interview?\\r\\n            </div>\\r\\n            <div>\\r\\n                <ul>\\r\\n                    <li>It shows you are polite and professional. </li>\\r\\n                    <li>It reminds the employer who you are. </li>\\r\\n                    <li>It's a tool to provide additional information or clarification from part of the interview, if needed. </li>\\r\\n                </ul>\\r\\n            </div>\\r\\n            <div>\\r\\n                <b>Ask:</b>&nbsp;&nbsp;When do you write a thank you note?\\r\\n                <ul>\\r\\n                    <li>Same day or day after your interview.</li>\\r\\n                </ul>\\r\\n            </div>\\r\\n            <div>\\r\\n                <b>Ask:</b>&nbsp;&nbsp;Who gets the thank you note?\\r\\n                <ul>\\r\\n                    <li> The person who interviews you. Look up their name or business note to be sure your spelling is correct.  </li>\\r\\n                    <li> If a panel of people interviewed you, you should send a thank you to each individual.</li>\\r\\n                </ul>\\r\\n                <b>Ask:</b>&nbsp;&nbsp;Should the thank you note be emailed or hand-written?\\r\\n                <ul>\\r\\n                    <li>The first preference is to send a hand-written thank you note. If the interviewer mentioned needing to make a quick decision, then it is acceptable to send an email.</li>\\r\\n                </ul>\\r\\n            </div>\\r\\n\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Activity</h2>\\r\\n            <div>\\r\\n                <b>Say:</b>&nbsp;&nbsp;Now we will complete a sample thank you note to an employer. You will keep this in your T-Folio so you have a guide for when you need to complete a thank you note after an interview.<br />\\r\\n                <ul>\\r\\n                    <li>Project the <a [routerLink]=\\\"['/unit-4/lesson-6/thank-you-note-template']\\\">Thank You Note Template</a> on the board. Have students follow along as you complete the prompts as a group. Each student should have an electronic version completed for their T-Folio.</li>\\r\\n                    <li>Here is a sample thank you note for reference:</li>\\r\\n                </ul>\\r\\n                <br />\\r\\n                <div style=\\\"border:1px solid black;padding:20px\\\">\\r\\n                    March 28, 2018 <br /> <br />\\r\\n\\r\\n                    Dear Mr. Kellogg,<br /> <br />\\r\\n                    It was very enjoyable to speak with you about the office receptionist position. This work seems to be a very good match for my skills and interests because I enjoy working with people and am savvy with the technology needs you are looking for in an applicant. In addition to my enthusiasm, I will bring to the position my organizational and problem-solving skills. I neglected to mention during my interview that I am completing a Microsoft Skill course this spring to improve my knowledge of Excel features.\\r\\n                    <br /><br />\\r\\n                    I appreciate the time you took to interview me. I am very interested in working for you and look forward to hearing from you about this position.\\r\\n                    <br /><br />\\r\\n                    Sincerely,\\r\\n                    <br /><br />\\r\\n                    Simone Robinson\\r\\n                </div><br />\\r\\n                <div>\\r\\n                    <b>Ask:</b>&nbsp;&nbsp;What do you like about this thank you note?\\r\\n                    <ul>\\r\\n                        <li>E.g., you can see the theme of technology and organization throughout, responses relate to the position, use of power words, etc.</li>\\r\\n                    </ul>\\r\\n                    Do you have any suggestions to make it better?<br /><br />\\r\\n                </div>\\r\\n\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Debrief and Guiding Questions</h2>\\r\\n            <ul>\\r\\n                <li>Have you ever received a thank you note? What did you think about the person sending the note?</li>\\r\\n                <li>If you share the same qualifications as other applicants, do you feel a thank you note helps you to stand out to a potential employer? Why?</li>\\r\\n                <li>How does writing a thank you note reflect on you as a person?</li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Considerations for Accommodation</h2>\\r\\n            <div>\\r\\n                Students may also practice completing hand-written thank you notes. However, the electronic version should be completed and saved for future reference.\\r\\n            </div>\\r\\n        </div>\\r\\n\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Up Next</h2>\\r\\n            <div>\\r\\n                In Lesson 7, students will create an action plan for employment based on what they have learned throughout Unit 4.\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-4/lesson-6/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from '@angular/platform-browser';\r\n\r\n@Component({\r\n    selector: 'unit-four-lesson-six-guide',\r\n    templateUrl: './_guide.component.html',\r\n    styleUrls: ['../../_shared/lesson-guides/lesson-guide.component.css']\r\n})\r\nexport class UnitFourLessonSixGuideComponent {\r\n\r\n    pageTitle: string = \"Lesson Guide | Unit 4, Lesson 6 | T-Folio\";\r\n    title: string = \"Lesson Guide\";\r\n    subtitle: string = \"Lesson 6: Writing a Thank You Note\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n}\r\n","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: 'unit-four-lesson-six-landing-page',\r\n    templateUrl: '../../_shared/landing-pages/landing-page.component.html',\r\n    styleUrls: ['../../_shared/landing-pages/landing-page.component.css']\r\n})\r\nexport class UnitFourLessonSixLandingComponent {\r\n\r\n    bannerHeader = \"Workplace Readiness Training: Lesson 6\";\r\n    title: string = \"Lesson 6: Writing a Thank You Note\";\r\n    pageTitle: string = \"Writing a Thank You Note | Unit 4, Lesson 6 | T-Folio\";\r\n\r\n    openInNewWindow(url: string) {\r\n        window.open(url, '_blank');\r\n    }\r\n\r\n    doPrint(): void {\r\n        window.print();\r\n    }\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n    LandingPageData = {\r\n        breadcrumbs: {\r\n            label: \"Lesson 6\",\r\n            crumbs: [\r\n                {\r\n                    route: \"\",\r\n                    linktext: \"T-Folio\"\r\n                },\r\n                {\r\n                    route: \"/unit-4\",\r\n                    linktext: \"Unit 4\"\r\n                }\r\n            ]\r\n        },\r\n        summary: \"In this lesson, students will gain an understanding of why and how to write a thank you note to a potential employer after an interview.  \",\r\n        objectives: [\r\n            \"Understand the value of sending a thank you note after an interview.\",\r\n            \"Demonstrate knowledge of the various components of a thank you note.\",\r\n            \"Complete a sample thank you note for an interviewer. \",\r\n        ],\r\n        buttons: [\r\n            {\r\n                route: \"/unit-4/lesson-6/guide\",\r\n                linktext: \"Lesson Guide\",\r\n                color: \"btn-success\",\r\n                window: false,\r\n            },\r\n            {\r\n                route: \"/unit-4/lesson-6/thank-you-note-template\",\r\n                linktext: \"Thank You Note Template\",\r\n                color: \"btn-primary\",\r\n                window: false,\r\n            },\r\n            {\r\n                route: '/img/unit-4/lesson-6/T-Folio_Unit-4_Lesson-6_Thank-You-Note.pptx',\r\n                linktext: \"PowerPoint Presentation\",\r\n                color: \"powerpoint-button\",\r\n                window: true,\r\n            }\r\n        ],\r\n        image: \"/img/unit-4/lesson-6/L6_aaron-burden-211846-unsplash.jpg\",\r\n        imgalt: \"This image is a close up of a red thank you note and a calligraphy pen.\",\r\n        caption: \"by Aaron Burden on\",\r\n        photoLink: \"https://unsplash.com/photos/zunGugEsJCE\",\r\n        source: \"Unsplash\",\r\n        sourceLink: \"https://unsplash.com/\",\r\n        licence: \"Open license\",\r\n        licenceLink: \"https://unsplash.com/license\",\r\n    }\r\n\r\n\r\n}\r\n","module.exports = \"span.blank:after {\\r\\n    text-decoration: underline;\\r\\n    content: \\\"                              \\\";\\r\\n    white-space: pre;\\r\\n}\\r\\n\\r\\n\\r\\n.active{\\r\\n    color: #2C3E50;\\r\\n}\\r\\n\\r\\n\\r\\n@media print {\\r\\n  .print-hide{\\r\\n    display:none;\\r\\n  }\\r\\n\\r\\n}\\r\\n\"","module.exports = \"<div class=\\\"container exercise-content\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-4']\\\">Unit 4</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-4/lesson-6']\\\">Lesson 6</a></li>\\r\\n                <li class=\\\"active\\\">{{title}}</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-4/\\\">Unit 4</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-4/lesson-6/\\\">Lesson 6</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-4/lesson-6/thank-you-note-template/\\\">{{title}}</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-4/lesson-6/thank you note template'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <tfolio-heading></tfolio-heading>\\r\\n    <tfolio-page-title content=\\\"{{title}}\\\"></tfolio-page-title>\\r\\n    <div class=\\\"container-fluid\\\">\\r\\n        <div class=\\\"row-fluid\\\">\\r\\n            <div class=\\\"col-md-6 print-hide\\\">\\r\\n                <div class=\\\"row-fluid\\\">\\r\\n                    <div class=\\\"col-md-12 phone-email-script\\\" style=\\\"padding-top:25px;padding-bottom:25px;\\\">\\r\\n                        <div>\\r\\n                            <input name=\\\"note_date\\\" type=\\\"text\\\" [(ngModel)]=\\\"note_date\\\" style=\\\"width:unset;\\\" /> (date)\\r\\n                        </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"col-md-12 phone-email-script\\\" style=\\\"padding-bottom:25px;\\\">\\r\\n                        <div>\\r\\n                            <span class=\\\"script-text\\\">Dear&nbsp;&nbsp;</span>\\r\\n                            <span style=\\\"white-space:nowrap;\\\">\\r\\n                                <input name=\\\"recipient\\\" type=\\\"text\\\" [(ngModel)]=\\\"recipient\\\" style=\\\"width:unset\\\" />\\r\\n                                <span class=\\\"script-text\\\">,</span>\\r\\n                            </span>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"col-md-12 phone-email-script\\\" style=\\\"padding-bottom:25px;\\\">\\r\\n                        <div>\\r\\n                            <span class=\\\"script-text\\\">It was very enjoyable to speak with you about the position of </span>\\r\\n                            <span style=\\\"white-space:nowrap;\\\">\\r\\n                                <input name=\\\"position\\\" type=\\\"text\\\" [(ngModel)]=\\\"position\\\" style=\\\"width:85%;\\\" />\\r\\n                                <span class=\\\"script-text\\\">.</span>\\r\\n                            </span>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"col-md-12 phone-email-script\\\" style=\\\"padding-bottom:25px;\\\">\\r\\n                        <div>\\r\\n                            <span class=\\\"script-text\\\">This work seems to be a very good match for my skills and interests because</span>\\r\\n                            <span style=\\\"white-space:nowrap;\\\">\\r\\n                                <textarea name=\\\"skills_interests\\\" type=\\\"text\\\" [(ngModel)]=\\\"skills_interests\\\" style=\\\"resize:none\\\" rows=\\\"4\\\"></textarea>\\r\\n                                <span class=\\\"script-text\\\">.</span>\\r\\n                            </span>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"col-md-12 phone-email-script\\\" style=\\\"padding-bottom:25px;\\\">\\r\\n                        <div>\\r\\n                            <span class=\\\"script-text\\\">In addition to my enthusiasm, I will bring to the position</span>\\r\\n                            <span style=\\\"white-space:nowrap;\\\">\\r\\n                                <textarea name=\\\"enthusiasm\\\" type=\\\"text\\\" [(ngModel)]=\\\"enthusiasm\\\" style=\\\"resize:none\\\" rows=\\\"4\\\"></textarea>\\r\\n                                <span class=\\\"script-text\\\">.</span>\\r\\n                            </span>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"col-md-12 phone-email-script\\\" style=\\\"padding-bottom:25px;\\\">\\r\\n                        <div>\\r\\n                            <span class=\\\"script-text\\\">I neglected to mention during my interview that</span>\\r\\n                            <span style=\\\"white-space:nowrap;\\\">\\r\\n                                <textarea name=\\\"neglected\\\" type=\\\"text\\\" [(ngModel)]=\\\"neglected\\\" style=\\\"resize:none\\\" rows=\\\"4\\\"></textarea>\\r\\n                                <span class=\\\"script-text\\\">.</span>\\r\\n                            </span>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"col-md-12 phone-email-script\\\" style=\\\"padding-bottom:25px;\\\">\\r\\n                        <div>\\r\\n                            <span class=\\\"script-text\\\">\\r\\n                                I appreciate the time you took to interview me.\\r\\n                                I am very interested in working for you and look forward to hearing from you about this position.\\r\\n                            </span>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"col-md-12 phone-email-script\\\">\\r\\n                        <div>\\r\\n                            <span class=\\\"script-text\\\">\\r\\n                                Sincerely,\\r\\n                            </span>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"col-md-12 phone-email-script\\\">\\r\\n                        <div>\\r\\n                            <input name=\\\"username\\\" type=\\\"text\\\" [(ngModel)]=\\\"username\\\" />\\r\\n                        </div>\\r\\n                    </div>\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-6 \\\">\\r\\n                <div class=\\\"container-fluid\\\" id=\\\"note\\\">\\r\\n                    <div class=\\\"row-fluid\\\">\\r\\n                        <div class=\\\"col-md-12\\\" style=\\\"padding-top:25px;\\\">\\r\\n                            <div *ngIf=\\\"note_date\\\">{{note_date}}</div>\\r\\n                            <div *ngIf=\\\"!note_date\\\">&nbsp;</div>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"row-fluid\\\">\\r\\n                        <div class=\\\"col-md-12\\\" style=\\\"padding-top:35px;\\\">\\r\\n                            <span *ngIf=\\\"recipient\\\">Dear {{recipient}},</span>\\r\\n                            <span *ngIf=\\\"!recipient\\\">Dear <span class=\\\"blank\\\"></span>,</span>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"row-fluid\\\">\\r\\n                        <div class=\\\"col-md-12\\\" style=\\\"padding-top:25px;\\\">\\r\\n                            <span *ngIf=\\\"position\\\">It was very enjoyable to speak with you about the position of {{position}}.</span>\\r\\n                            <span *ngIf=\\\"!position\\\">It was very enjoyable to speak with you about the position of <span class=\\\"blank\\\"></span>.</span>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"row-fluid\\\">\\r\\n                        <div class=\\\"col-md-12\\\" style=\\\"padding-top:35px;\\\">\\r\\n                            <span *ngIf=\\\"skills_interests\\\">This work seems to be a very good match for my skills and interests because {{skills_interests}}.</span>\\r\\n                            <span *ngIf=\\\"!skills_interests\\\">This work seems to be a very good match for my skills and interests because <span class=\\\"blank\\\"></span>.</span>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"row-fluid\\\">\\r\\n                        <div class=\\\"col-md-12\\\" style=\\\"padding-top:35px;\\\">\\r\\n                            <span *ngIf=\\\"skills_interests\\\">In addition to my enthusiasm, I will bring to the position {{enthusiasm}}.</span>\\r\\n                            <span *ngIf=\\\"!skills_interests\\\">In addition to my enthusiasm, I will bring to the position <span class=\\\"blank\\\"></span>.</span>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"row-fluid\\\">\\r\\n                        <div class=\\\"col-md-12\\\" style=\\\"padding-top:35px;\\\">\\r\\n                            <span *ngIf=\\\"neglected\\\">I neglected to mention during my interview that {{neglected}}.</span>\\r\\n                            <span *ngIf=\\\"!neglected\\\">I neglected to mention during my interview that <span class=\\\"blank\\\"></span>.</span>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"row-fluid\\\">\\r\\n                        <div class=\\\"col-md-12\\\" style=\\\"padding-top:35px;\\\">\\r\\n                            I appreciate the time you took to interview me.\\r\\n                            I am very interested in working for you and look forward to hearing from you about this position.\\r\\n                        </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"row-fluid\\\">\\r\\n                        <div class=\\\"col-md-12\\\" style=\\\"padding-top:35px;\\\">\\r\\n                            Sincerely,\\r\\n                        </div>\\r\\n                    </div>\\r\\n                    <div class=\\\"row-fluid\\\">\\r\\n                        <div class=\\\"col-md-12\\\">\\r\\n                            {{username}}\\r\\n                        </div>\\r\\n                    </div>\\r\\n                </div>\\r\\n                <div class=\\\"container-fluid\\\" style=\\\"margin-top:25px;\\\">\\r\\n                    <div class=\\\"row-fluid\\\">\\r\\n                        <div class=\\\"col-md-12\\\" style=\\\"text-align:center;\\\">\\r\\n                            <button (click)=\\\"copyToClipboard($event);\\\">Copy</button>\\r\\n                        </div>\\r\\n                    </div>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-4/lesson-6/thank you note template'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: \"thank-you-note-template\",\r\n    templateUrl: \"./thank-you-note-template.component.html\",\r\n    styleUrls: [\"./thank-you-note-template.component.css\"]\r\n})\r\nexport class UnitFourLessonSixThankYouNoteTemplateComponent {\r\n\r\n    title: string = \"Thank You Note Template\";\r\n    pageTitle: string = this.title + \" | Unit 4, Lesson 6 | T-Folio\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n\r\n    note_date: string;\r\n    recipient: string;\r\n    position: string;\r\n    skills_interests: string;\r\n    enthusiasm: string;\r\n    neglected: string;\r\n    username: string;\r\n\r\n    copyToClipboard(event: any) {\r\n\r\n        var copyText = document.getElementById(\"note\").innerText;\r\n\r\n        var textArea = document.createElement(\"textarea\");\r\n\r\n        textArea.style.position = 'fixed';\r\n        textArea.style.top = '0px';\r\n        textArea.style.left = '0px';\r\n        textArea.style.width = '2em';\r\n        textArea.style.height = '2em';\r\n        textArea.style.padding = '0px';\r\n        textArea.style.border = 'none';\r\n        textArea.style.outline = 'none';\r\n        textArea.style.boxShadow = 'none';\r\n        textArea.style.background = 'transparent';\r\n        textArea.value = copyText;\r\n        document.body.appendChild(textArea);\r\n\r\n        textArea.select();\r\n        document.execCommand('copy');\r\n\r\n        document.body.removeChild(textArea);\r\n\r\n    }\r\n\r\n    doScroll() {\r\n        window.scrollTo(0, 0);\r\n    }\r\n    doPrint() {\r\n        window.print();\r\n    }\r\n}\r\n","module.exports = \"<div class=\\\"container exercise-content guide\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-4']\\\">Unit 4</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-4/lesson-7']\\\">Lesson 7</a></li>\\r\\n                <li class=\\\"active\\\">Lesson Guide</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-4/\\\">Unit 4</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-4/lesson-7/\\\">Lesson 7</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-4/lesson-7/guide/\\\">Lesson Guide</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-4/lesson-7/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n        <div class=\\\"col-md-12\\\"><h1>{{title}}</h1></div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-9\\\">\\r\\n            <h2 class=\\\"subtitle\\\">{{subtitle}}</h2>\\r\\n            <div>\\r\\n                In Lesson 7, youth will develop an action plan to follow up with the activities conducted throughout Unit 4. This will allow them to put the preparatory activities they have completed in Lessons 1-6 of the unit into a plan of action.\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-3 box\\\">\\r\\n            <i class=\\\"fa fa-folder-open\\\" aria-hidden=\\\"true\\\"></i>\\r\\n            <b>Item to be added to student's Transition Portfolio:</b>\\r\\n            <ul class=\\\"hidden-print\\\">\\r\\n                <li><a [routerLink]=\\\"['/unit-4/lesson-7/activity-action-plan-template']\\\">Action Plan: Employment</a></li>\\r\\n            </ul>\\r\\n            <ul class=\\\"visible-print-block\\\">\\r\\n                <li><a href=\\\"https://cctstfolio.com/#/unit-4/lesson-7/activity-action-plan-template\\\">Action Plan: Employment</a></li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n            <h2>Lesson Objectives</h2>\\r\\n            <b>Participants will:</b>\\r\\n            <ol>\\r\\n                <li> Review the components of an action plan. </li>\\r\\n                <li>Create an action plan based on one or more of the areas covered in this unit. </li>\\r\\n                <li>Identify supports needed for each portion of the action plan. </li>\\r\\n            </ol>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Facilitator Notes</h2>\\r\\n            <ul>\\r\\n                <li>Action plans are an important organizational tool for everyone. Depending on the person's needs, they can be simple or more complex. The important factor is that there is an action plan developed and strategies discussed with the youth on how to accomplish the tasks.</li>\\r\\n                <li>The youth may have completed an action plan in a previous unit of T-Folio <a [routerLink]=\\\"['/unit-2/lesson-7']\\\">(Unit 2: Lesson 7).</a> This is an opportunity to build on the previous action plan, review goals, and add new content.</li>\\r\\n                <li>Youth may not have an existing action plan or may decide to create a new action plan for employment based on their learning in Unit 4. Be sure to review the lesson on Action Planning (Unit 2: Lesson 7) in order to guide the process.</li>\\r\\n                <li>\\r\\n                    A PowerPoint is included with this lesson and can be used as part of a presentation or for your information. It is recommended that you review the PowerPoint (including the Notes section) prior to using the lesson. It can be accessed in either PowerPoint or as a PDF:\\r\\n                    <ul>\\r\\n                        <li><a href=\\\"/img/unit-4/lesson-7/T-Folio_Unit-4_Lesson-7_Action-Plan-For-Employment.pptx\\\">PowerPoint: \\\"Action Planning for Employment\\\"</a></li>\\r\\n                        <li><a href=\\\"/img/unit-4/lesson-7/T-Folio_Unit-4_Lesson-7_Action-Plan-For-Employment.pdf\\\" target=\\\"_blank\\\">PDF: \\\"Action Planning for Employment\\\"</a></li>\\r\\n                    </ul>\\r\\n                </li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Introduction</h2>\\r\\n\\r\\n            <div>\\r\\n                <b>Say:</b>\\r\\n                We are going to develop an action plan based on what you have learned in this unit about workplace readiness.\\r\\n                We will go step by step through the action plan.\\r\\n                You are encouraged to think seriously about the supports you may need to accomplish your tasks and next steps you need to take to improve your skills.\\r\\n            </div>\\r\\n            <br />\\r\\n            <div style=\\\"font-weight:bold;padding-bottom:5px;\\\">Warm-up questions:</div>\\r\\n            <ul>\\r\\n                <li>How have you used the action plan in the past units?</li>\\r\\n                <li>Have you revisited your previous action plan in order to work on your goals?  </li>\\r\\n                <li>How will having your action steps listed on one document help you progress toward your goals? </li>\\r\\n                <li>Why is it important to identify who could support you in accomplishing your tasks? </li>\\r\\n                <li>Do you have action items that need to be adjusted or added at this point? </li>\\r\\n            </ul>\\r\\n            <div>\\r\\n                <b>Say:</b>\\r\\n                First, we will review some information on \\\"Action Planning\\\" and then we will work on creating or adding to your existing Action Plan with the new learning from Unit 4.\\r\\n                During this unit, you worked on identifying work maturity skills, r&eacute;sum&eacute; writing, developing an elevator speech, completing a job application, practicing for a job interview, and writing thank you notes.\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Activity</h2>\\r\\n            For this activity, <b>you will need:</b>\\r\\n            <div>\\r\\n                <ul>\\r\\n                    <li>The PowerPoint, \\\"Action Planning\\\".</li>\\r\\n                    <li>The <a [routerLink]=\\\"['/unit-4/lesson-7/activity-action-plan-template']\\\">Action Plan template</a>.</li>\\r\\n                    <li>The <a href=\\\"/img/unit-4/lesson-7/T-Folio_Unit-4_Lesson-7_Action-Plan-Sample.pdf\\\" target=\\\"_blank\\\">Action Plan - Sample (PDF)</a>.</li>\\r\\n                    <li>\\r\\n                        The student's information from previous lessons in Unit 4 (if you have it):\\r\\n                        <ul style=\\\"list-style:url('/img/arrow.png')\\\">\\r\\n                            <li>Work maturity skills list, r&eacute;sum&eacute;, elevator speech, job application, job interview, and sample thank you note.</li>\\r\\n                        </ul>\\r\\n                    </li>\\r\\n                </ul>\\r\\n                <div>\\r\\n                    Youth will create or add to their action plan using the template provided.\\r\\n                    It is important for the facilitator to guide the student through the process and encourage the identification of supports needed to accomplish the tasks on the action plan.\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Debrief and Guiding Questions</h2>\\r\\n            <ul>\\r\\n                <li>What was the easiest part of this activity? Why? </li>\\r\\n                <li>What part made you think the most? Why? </li>\\r\\n            </ul>\\r\\n            <b>Say:</b>&nbsp;&nbsp;We will review your action plans periodically, so you can keep on track.\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Additional Resources</h2>\\r\\n           <ul style=\\\"list-style:url('/img/arrow.png');\\\">\\r\\n               <li>The Open University's <a href=\\\"https://help.open.ac.uk/forward-planning\\\" target=\\\"_blank\\\">career development resource</a> \\r\\n               offers a framework for exploring and developing more complex action plans in terms of strengths, weaknesses, opportunities, and threats. Helpful examples are provided, though it may be too complicated for some learners.</li>\\r\\n           </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Up Next</h2>\\r\\n            <div>\\r\\n                You've made it through Unit 4! In Unit 5, the lessons will focus on self-advocacy, independent living goals, and student-led IEPs.\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-4/lesson-7/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from '@angular/platform-browser';\r\n\r\n@Component({\r\n    selector: 'unit-four-lesson-seven-guide',\r\n    templateUrl: './_guide.component.html',\r\n    styleUrls: ['../../_shared/lesson-guides/lesson-guide.component.css']\r\n})\r\nexport class UnitFourLessonSevenGuideComponent {\r\n\r\n    pageTitle: string = \"Lesson Guide | Unit 4, Lesson 7 | T-Folio\";\r\n    title: string = \"Lesson Guide\";\r\n    subtitle: string = \"Lesson 7: Action Plan for Employment\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n}\r\n","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: 'unit-four-lesson-seven-landing-page',\r\n    templateUrl: '../../_shared/landing-pages/landing-page.component.html',\r\n    styleUrls: ['../../_shared/landing-pages/landing-page.component.css']\r\n})\r\nexport class UnitFourLessonSevenLandingComponent {\r\n\r\n    bannerHeader = \"Workplace Readiness Training: Lesson 7\";\r\n    title: string = \"Lesson 7: Action Plan for Workplace Readiness\";\r\n    pageTitle: string = \"Action Plan for Workplace Readiness | Unit 4, Lesson 7 | T-Folio\";\r\n\r\n    openInNewWindow(url: string) {\r\n        window.open(url, '_blank');\r\n    }\r\n\r\n    doPrint(): void {\r\n        window.print();\r\n    }\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n    LandingPageData = {\r\n        breadcrumbs: {\r\n            label: \"Lesson 7\",\r\n            crumbs: [\r\n                {\r\n                    route: \"\",\r\n                    linktext: \"T-Folio\"\r\n                },\r\n                {\r\n                    route: \"/unit-4\",\r\n                    linktext: \"Unit 4\"\r\n                }\r\n            ]\r\n        },\r\n        summary: \"In Lesson 7, youth will develop an action plan to follow up with the activities conducted throughout Unit 4. This will allow them to put the preparatory activities they have completed in Lessons 1-6 of the unit into a plan of action.\",\r\n        objectives: [\r\n            \"Review the components of an action plan.\",\r\n            \"Create an action plan for one or more of the areas covered in this unit.\",\r\n            \"Identify supports needed for each portion of the action plan.\",\r\n        ],\r\n        buttons: [\r\n            {\r\n                route: \"/unit-4/lesson-7/guide\",\r\n                linktext: \"Lesson Guide\",\r\n                color: \"btn-success\",\r\n                window: false,\r\n            },\r\n\r\n            {\r\n                route: \"/unit-4/lesson-7/activity-action-plan-template\",\r\n                linktext: \"Action Plan\",\r\n                color: \"btn-primary\",\r\n                window: false,\r\n            },\r\n            {\r\n                route: \"/img/unit-4/lesson-7/T-Folio_Unit-4_Lesson-7_Action-Plan-Sample.pdf\",\r\n                linktext: \"Action Plan - Sample (PDF)\",\r\n                color: \"btn-primary\",\r\n                window: true,\r\n            },\r\n            {\r\n                route: \"/img/unit-4/lesson-7/T-Folio_Unit-4_Lesson-7_Action-Plan-For-Employment.pptx\",\r\n                linktext: \"PowerPoint Presentation\",\r\n                color: \"powerpoint-button\",\r\n                window: true,\r\n                \r\n            }\r\n        ],\r\n        image: \"/img/unit-4/lesson-7/L7_K-63C-Ae-0005424901-BW-1-id-1211-jpeg.jpg\",\r\n        imgalt: \"This black and white photo shows a team of eight young people putting their hands together over a table with work supplies.\",\r\n        caption: \"on\",\r\n        photoLink: \"https://www.rawpixel.com/image/1211/collaboration-flatlay-top-view-people-together-teamwork-hands-aerial-view-diversity-support-joining\",\r\n        source: \"Rawpixel\",\r\n        sourceLink: \"https://www.rawpixel.com/\",\r\n        licence: \"Free license\",\r\n        licenceLink: \"https://www.rawpixel.com/services/image-licenses/free-license\",\r\n    }\r\n\r\n\r\n}\r\n","module.exports = \"div, span, b {\\r\\n    font-size: medium;\\r\\n}\\r\\n\\r\\nlabel {\\r\\n    margin-left: 10px;\\r\\n    white-space: normal;\\r\\n    font-size: medium;\\r\\n}\\r\\n\\r\\ninput[type='text'] {\\r\\n    border: 1px solid black;\\r\\n    width: 100px;\\r\\n    text-align: center;\\r\\n}\\r\\n\\r\\ntable tbody tr td {\\r\\n    border: 1px solid black;\\r\\n}\\r\\n\\r\\ntable, tr, td div {\\r\\n    height: 100%;\\r\\n}\\r\\n\\r\\ntr.header-row td {\\r\\n    text-align: center;\\r\\n}\\r\\n\\r\\n.header-cell label {\\r\\n    margin-bottom: 5px;\\r\\n    font-size: medium;\\r\\n    font-weight: bold;\\r\\n}\\r\\n\\r\\n.header-secondary {\\r\\n    display: none;\\r\\n}\\r\\n\\r\\n.input-row > td.due-date-cell {\\r\\n    text-align: center;\\r\\n}\\r\\n\\r\\n.editor {\\r\\n    max-width: 230px;\\r\\n    min-height: 75px;\\r\\n    font-weight: bold;\\r\\n}\\r\\n\\r\\n#notes-textbox {\\r\\n    border: 1px solid gray;\\r\\n    min-height: 65px;\\r\\n    width: 100%;\\r\\n    margin-top: 5px;\\r\\n    text-align: left;\\r\\n}\\r\\n\\r\\n.active {\\r\\n    color: #2C3E50;\\r\\n}\\r\\n\\r\\ntextarea {\\r\\n    width: 100%;\\r\\n    font-size: medium;\\r\\n    resize: none;\\r\\n}\\r\\n\\r\\ndiv.row > div {\\r\\n    padding-top: 5px;\\r\\n    padding-bottom: 5px;\\r\\n}\\r\\n\\r\\n.editor {\\r\\n    max-width: 100%;\\r\\n    min-height: 75px;\\r\\n    width: 100%;\\r\\n}\\r\\n\\r\\n.textarea-grid textarea {\\r\\n    border: none;\\r\\n}\\r\\n\\r\\n.textarea-header {\\r\\n    text-align: center;\\r\\n}\\r\\n\\r\\n.textarea-header label {\\r\\n    margin-bottom: 5px;\\r\\n    font-size: medium;\\r\\n    font-weight: bold;\\r\\n}\\r\\n\\r\\n.input-row > div {\\r\\n    min-height: 110px;\\r\\n}\\r\\n\\r\\n.input-row > div.due-date-cell {\\r\\n        padding-top: 35px;\\r\\n        text-align: center;\\r\\n    }\\r\\n\\r\\n@media screen and (min-width: 992px) {\\r\\n\\r\\n    .textarea-header-secondary {\\r\\n        display: none;\\r\\n    }\\r\\n\\r\\n    .textarea-grid div.row {\\r\\n        border: none;\\r\\n    }\\r\\n\\r\\n    .textarea-grid div.row > div {\\r\\n        border-top: 1px solid black;\\r\\n        border-left: 1px solid black;\\r\\n    }\\r\\n\\r\\n    div.textarea-grid-last-row {\\r\\n        border-bottom: 1px solid black;\\r\\n    }\\r\\n\\r\\n    div.textarea-grid-last-col {\\r\\n        border-right: 1px solid black;\\r\\n    }\\r\\n\\r\\n    .grid {\\r\\n        table-layout: fixed;\\r\\n    }\\r\\n}\\r\\n\\r\\n@media screen and (max-width: 992px) {\\r\\n\\r\\n    .textarea-top-row {\\r\\n        display: none;\\r\\n    }\\r\\n\\r\\n    .input-row > div.due-date-cell {\\r\\n        padding-top: 0px;\\r\\n        min-height: 0px;\\r\\n        text-align: center;\\r\\n    }\\r\\n\\r\\n    .textarea-grid div.row > div > textarea {\\r\\n        border: 1px solid black;\\r\\n    }\\r\\n\\r\\n    .textarea-header-secondary {\\r\\n        display: block;\\r\\n        text-align: center;\\r\\n        margin-bottom: 5px;\\r\\n    }\\r\\n\\r\\n    .textarea-text {\\r\\n        font-weight: bold;\\r\\n    }\\r\\n\\r\\n    .textarea-grid div.row {\\r\\n        border: 1px solid black;\\r\\n    }\\r\\n\\r\\n    .textarea-grid div.row > div {\\r\\n        border: none;\\r\\n    }\\r\\n\\r\\n    div.textarea-grid-last-row {\\r\\n        border: none;\\r\\n    }\\r\\n\\r\\n    div.textarea-grid-last-col {\\r\\n        border: none;\\r\\n    }\\r\\n\\r\\n    table,\\r\\n    thead,\\r\\n    tbody,\\r\\n    th,\\r\\n    td,\\r\\n    tr {\\r\\n        display: block;\\r\\n    }\\r\\n\\r\\n    tr {\\r\\n        margin-top: 5px;\\r\\n        border: 1px solid black;\\r\\n    }\\r\\n\\r\\n    tr.header-row {\\r\\n        display: none;\\r\\n    }\\r\\n\\r\\n    .header-secondary {\\r\\n        display: block;\\r\\n        text-align: center;\\r\\n        margin-bottom: 5px;\\r\\n    }\\r\\n\\r\\n    .header-secondary label {\\r\\n        font-weight: bold;\\r\\n    }\\r\\n\\r\\n    .input-row > td.due-date-cell {\\r\\n        padding-bottom: 5px;\\r\\n    }\\r\\n}\\r\\n\\r\\n@media print {\\r\\n    .textarea-header-secondary {\\r\\n        display: none;\\r\\n    }\\r\\n\\r\\n    .textarea-grid div.row {\\r\\n        border: none;\\r\\n    }\\r\\n\\r\\n    .textarea-grid div.row > div {\\r\\n        border-top: 1px solid black;\\r\\n        border-left: 1px solid black;\\r\\n    }\\r\\n\\r\\n    div.textarea-grid-last-row {\\r\\n        border-bottom: 1px solid black;\\r\\n    }\\r\\n\\r\\n    div.textarea-grid-last-col {\\r\\n        border-right: 1px solid black;\\r\\n    }\\r\\n\\r\\n    input[type='text'] {\\r\\n        border: none;\\r\\n    }\\r\\n\\r\\n    #notes-textbox {\\r\\n        min-height: 65px;\\r\\n        width: 100%;\\r\\n        margin-top: 5px;\\r\\n        text-align: left;\\r\\n        border: none;\\r\\n    }\\r\\n}\\r\\n\"","module.exports = \"<head>\\r\\n    <style>\\r\\n\\r\\n    </style>\\r\\n</head>\\r\\n\\r\\n<div class=\\\"container exercise-content\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-4']\\\">Unit 4</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-4/lesson-7']\\\">Lesson 7</a></li>\\r\\n                <li class=\\\"active\\\">{{title}}</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-4/\\\">Unit 4</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-4/lesson-7/\\\">Lesson 7</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-4/lesson-7/activity-action-plan-template/\\\">{{title}}</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-4/lesson-7/activity action plan template'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container-fluid\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\">\\r\\n                <div class=\\\"row\\\">\\r\\n                    <div class=\\\"col-md-4\\\"><label for=\\\"tfolio-name-textbox\\\"><b>Name:</b></label></div>\\r\\n                    <div class=\\\"col-md-8\\\"><input type=\\\"text\\\" id=\\\"tfolio-name-textbox\\\" name=\\\"tfolio-name-textbox\\\" style=\\\"width:100%;text-align:left;\\\" /></div>\\r\\n                </div>\\r\\n                <div class=\\\"row\\\">\\r\\n                    <div class=\\\"col-md-4\\\"><label for=\\\"tfolio-date-textbox\\\"><b>Date started:</b></label></div>\\r\\n                    <div class=\\\"col-md-8\\\"><input type=\\\"text\\\" id=\\\"tfolio-date-textbox\\\" name=\\\"tfolio-date-textbox\\\" style=\\\"width:100%;text-align:left;\\\" /></div>\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-3\\\" style=\\\"text-align:right;\\\">\\r\\n                <b>Topic (check all that apply):</b>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-3\\\">\\r\\n                <div>\\r\\n                    <input type=\\\"checkbox\\\" id=\\\"action-plan-topic-employment\\\" name=\\\"action-plan-topic-employment\\\" />\\r\\n                    <label for=\\\"action-plan-topic-employment\\\">Employment</label>\\r\\n                </div>\\r\\n                <div>\\r\\n                    <input type=\\\"checkbox\\\" id=\\\"action-plan-topic-education\\\" name=\\\"action-plan-topic-education\\\" />\\r\\n                    <label for=\\\"action-plan-topic-employment\\\">Education</label>\\r\\n                </div>\\r\\n                <div>\\r\\n                    <input type=\\\"checkbox\\\" id=\\\"action-plan-topic-independent-living\\\" name=\\\"action-plan-topic-independent-living\\\" />\\r\\n                    <label for=\\\"action-plan-topic-employment\\\">Independent Living</label>\\r\\n                </div>\\r\\n                <div>\\r\\n                    <input type=\\\"checkbox\\\" id=\\\"action-plan-topic-self-advocacy\\\" name=\\\"action-plan-topic-self-advocacy\\\" />\\r\\n                    <label for=\\\"action-plan-topic-employment\\\">Self-Advocacy</label>\\r\\n                </div>\\r\\n\\r\\n            </div>\\r\\n        </div>\\r\\n\\r\\n    </div>\\r\\n    <tfolio-page-title content=\\\"{{title}}\\\"></tfolio-page-title>\\r\\n\\r\\n    <table class=\\\"grid\\\" style=\\\"width:100%;margin-bottom:100px;\\\">\\r\\n        <tbody>\\r\\n            <!-- HEADER ROW -->\\r\\n            <tr class=\\\"header-row\\\">\\r\\n                <td width=\\\"25%\\\">\\r\\n                    <div class=\\\"header-cell\\\">\\r\\n                        <b>Task</b>\\r\\n                    </div>\\r\\n                </td>\\r\\n                <td width=\\\"25%\\\">\\r\\n                    <div class=\\\"header-cell\\\">\\r\\n                        <b>Supports Needed</b>\\r\\n                    </div>\\r\\n                </td>\\r\\n                <td width=\\\"15%\\\">\\r\\n                    <div class=\\\"header-cell\\\">\\r\\n                        <b>Due Date</b>\\r\\n                    </div>\\r\\n                </td>\\r\\n                <td width=\\\"35%\\\">\\r\\n                    <div class=\\\"header-cell\\\">\\r\\n                        <b>Outcomes</b>\\r\\n                    </div>\\r\\n                </td>\\r\\n            </tr>\\r\\n            <!-- ROW 1 -->\\r\\n            <tr class=\\\"input-row\\\">\\r\\n                <td>\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-01\\\">Task</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-01\\\"\\r\\n                         name=\\\"action-plan-editor-01\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"FIRST TASK\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n                <td>\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-02\\\">Supports Needed</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-02\\\"\\r\\n                         name=\\\"action-plan-editor-02\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"SUPPORTS NEEDED\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n                <td class=\\\"due-date-cell\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-text-input-03\\\">Due Date</label>\\r\\n                    </div>\\r\\n                    <input type=\\\"text\\\" id=\\\"action-plan-text-input-03\\\" name=\\\"action-plan-text-input-03\\\" />\\r\\n                </td>\\r\\n                <td>\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-04\\\">Outcomes</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-04\\\"\\r\\n                         name=\\\"action-plan-editor-04\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"OUTCOMES\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n            </tr>\\r\\n            <!-- ROW 2 -->\\r\\n            <tr class=\\\"input-row\\\">\\r\\n                <td>\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-05\\\">Task</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-05\\\"\\r\\n                         name=\\\"action-plan-editor-05\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"SECOND TASK\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n                <td>\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-06\\\">Supports Needed</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-06\\\"\\r\\n                         name=\\\"action-plan-editor-06\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"SUPPORTS NEEDED\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n                <td class=\\\"due-date-cell\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-text-input-07\\\">Due Date</label>\\r\\n                    </div>\\r\\n                    <input type=\\\"text\\\" id=\\\"action-plan-text-input-07\\\" name=\\\"action-plan-text-input-03\\\" />\\r\\n                </td>\\r\\n                <td>\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-08\\\">Outcomes</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-08\\\"\\r\\n                         name=\\\"action-plan-editor-08\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"OUTCOMES\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n            </tr>\\r\\n            <!-- ROW 3 -->\\r\\n            <tr class=\\\"input-row\\\">\\r\\n                <td>\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-09\\\">Task</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-09\\\"\\r\\n                         name=\\\"action-plan-editor-09\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"THIRD TASK\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n                <td>\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-10\\\">Supports Needed</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-10\\\"\\r\\n                         name=\\\"action-plan-editor-10\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"SUPPORTS NEEDED\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n                <td class=\\\"due-date-cell\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-text-input-11\\\">Due Date</label>\\r\\n                    </div>\\r\\n                    <input type=\\\"text\\\" id=\\\"action-plan-text-input-11\\\" name=\\\"action-plan-text-input-03\\\" />\\r\\n                </td>\\r\\n                <td>\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-12\\\">Outcomes</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-12\\\"\\r\\n                         name=\\\"action-plan-editor-12\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"OUTCOMES\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n            </tr>\\r\\n            <!-- ROW 4 -->\\r\\n            <tr class=\\\"input-row\\\">\\r\\n                <td>\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-13\\\">Task</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-13\\\"\\r\\n                         name=\\\"action-plan-editor-13\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"FOURTH TASK\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n                <td>\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-14\\\">Supports Needed</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-14\\\"\\r\\n                         name=\\\"action-plan-editor-14\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"SUPPORTS NEEDED\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n                <td class=\\\"due-date-cell\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-text-input-15\\\">Due Date</label>\\r\\n                    </div>\\r\\n                    <input type=\\\"text\\\" id=\\\"action-plan-text-input-15\\\" name=\\\"action-plan-text-input-03\\\" />\\r\\n                </td>\\r\\n                <td>\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-16\\\">Outcomes</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-16\\\"\\r\\n                         name=\\\"action-plan-editor-16\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"OUTCOMES\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n            </tr>\\r\\n            <!-- ROW 5 -->\\r\\n            <tr class=\\\"input-row\\\">\\r\\n                <td>\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-17\\\">Task</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-17\\\"\\r\\n                         name=\\\"action-plan-editor-17\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"FIFTH TASK\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n                <td>\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-18\\\">Supports Needed</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-18\\\"\\r\\n                         name=\\\"action-plan-editor-18\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"SUPPORTS NEEDED\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n                <td class=\\\"due-date-cell\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-text-input-19\\\">Due Date</label>\\r\\n                    </div>\\r\\n                    <input type=\\\"text\\\" id=\\\"action-plan-text-input-19\\\" name=\\\"action-plan-text-input-03\\\" />\\r\\n                </td>\\r\\n                <td>\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-20\\\">Outcomes</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-20\\\"\\r\\n                         name=\\\"action-plan-editor-20\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"OUTCOMES\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n            </tr>\\r\\n            <!-- ROW 6 -->\\r\\n            <tr class=\\\"input-row\\\">\\r\\n                <td>\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-21\\\">Task</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-21\\\"\\r\\n                         name=\\\"action-plan-editor-21\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"SIXTH TASK\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n                <td>\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-22\\\">Supports Needed</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-22\\\"\\r\\n                         name=\\\"action-plan-editor-22\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"SUPPORTS NEEDED\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n                <td class=\\\"due-date-cell\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-text-input-23\\\">Due Date</label>\\r\\n                    </div>\\r\\n                    <input type=\\\"text\\\" id=\\\"action-plan-text-input-23\\\" name=\\\"action-plan-text-input-03\\\" />\\r\\n                </td>\\r\\n                <td>\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-24\\\">Outcomes</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-24\\\"\\r\\n                         name=\\\"action-plan-editor-24\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"OUTCOMES\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n            </tr>\\r\\n            <!-- ROW 7 -->\\r\\n            <tr class=\\\"input-row\\\">\\r\\n                <td>\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-25\\\">Task</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-25\\\"\\r\\n                         name=\\\"action-plan-editor-25\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"SEVENTH TASK\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n                <td>\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-26\\\">Supports Needed</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-26\\\"\\r\\n                         name=\\\"action-plan-editor-26\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"SUPPORTS NEEDED\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n                <td class=\\\"due-date-cell\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-text-input-27\\\">Due Date</label>\\r\\n                    </div>\\r\\n                    <input type=\\\"text\\\" id=\\\"action-plan-text-input-27\\\" name=\\\"action-plan-text-input-03\\\" />\\r\\n                </td>\\r\\n                <td>\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-28\\\">Outcomes</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-28\\\"\\r\\n                         name=\\\"action-plan-editor-28\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"OUTCOMES\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n            </tr>\\r\\n            <!-- ROW 8 -->\\r\\n            <tr class=\\\"input-row\\\">\\r\\n                <td>\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-29\\\">Task</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-29\\\"\\r\\n                         name=\\\"action-plan-editor-29\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"EIGHTH TASK\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n                <td>\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-30\\\">Supports Needed</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-30\\\"\\r\\n                         name=\\\"action-plan-editor-30\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"SUPPORTS NEEDED\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n                <td class=\\\"due-date-cell\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-text-input-31\\\">Due Date</label>\\r\\n                    </div>\\r\\n                    <input type=\\\"text\\\" id=\\\"action-plan-text-input-31\\\" name=\\\"action-plan-text-input-03\\\" />\\r\\n                </td>\\r\\n                <td>\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-32\\\">Outcomes</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-32\\\"\\r\\n                         name=\\\"action-plan-editor-32\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"OUTCOMES\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n            </tr>\\r\\n            <!-- ROW 9 -->\\r\\n            <tr class=\\\"input-row\\\">\\r\\n                <td>\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-33\\\">Task</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-33\\\"\\r\\n                         name=\\\"action-plan-editor-33\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"NINTH TASK\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n                <td>\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-34\\\">Supports Needed</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-34\\\"\\r\\n                         name=\\\"action-plan-editor-34\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"SUPPORTS NEEDED\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n                <td class=\\\"due-date-cell\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-text-input-35\\\">Due Date</label>\\r\\n                    </div>\\r\\n                    <input type=\\\"text\\\" id=\\\"action-plan-text-input-35\\\" name=\\\"action-plan-text-input-03\\\" />\\r\\n                </td>\\r\\n                <td>\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-36\\\">Outcomes</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-36\\\"\\r\\n                         name=\\\"action-plan-editor-36\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"OUTCOMES\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n            </tr>\\r\\n            <!-- ROW 8 -->\\r\\n            <tr class=\\\"input-row\\\">\\r\\n                <td>\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-37\\\">Task</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-37\\\"\\r\\n                         name=\\\"action-plan-editor-37\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"TENTH TASK\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n                <td>\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-38\\\">Supports Needed</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-38\\\"\\r\\n                         name=\\\"action-plan-editor-38\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"SUPPORTS NEEDED\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n                <td class=\\\"due-date-cell\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-text-input-39\\\">Due Date</label>\\r\\n                    </div>\\r\\n                    <input type=\\\"text\\\" id=\\\"action-plan-text-input-39\\\" name=\\\"action-plan-text-input-03\\\" />\\r\\n                </td>\\r\\n                <td>\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-40\\\">Outcomes</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-40\\\"\\r\\n                         name=\\\"action-plan-editor-40\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"OUTCOMES\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n            </tr>\\r\\n        </tbody>\\r\\n    </table>\\r\\n\\r\\n    <div class=\\\"container-fluid\\\" style=\\\"page-break-inside:avoid\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <h2>Notes</h2>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\" style=\\\"margin:0px;padding:0px;\\\">                \\r\\n                <div id=\\\"notes-textbox\\\" contenteditable=\\\"true\\\" rows=\\\"3\\\" class=\\\"editor\\\"></div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-4/lesson-7/activity action plan template'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n    </div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from '@angular/platform-browser';\r\n\r\n@Component({\r\n    selector: 'unit-four-lesson-seven-activity-action-plan-template',\r\n    templateUrl: './activity-action-plan-template.component.html',\r\n    styleUrls: [`./activity-action-plan-template.component.css`]\r\n})\r\nexport class UnitFourLessonSevenActivityActionPlanTemplateComponent {\r\n    title: string = \"Action Plan\";\r\n    pageTitle: string = this.title + \" | Unit 4, Lesson 7 | T-Folio\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n\r\n}\r\n","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: 'unit-five-landing-page',\r\n    templateUrl: '../_shared/landing-pages/unit-landing-page.component.html',\r\n    styleUrls: ['../_shared/landing-pages/unit-landing-page.component.css']\r\n})\r\nexport class UnitFiveLandingComponent {\r\n\r\n    title: string = \"Unit 5: Self-Advocacy\";\r\n    pageTitle: string = \"Self-Advocacy | Unit 5 | T-Folio\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n    UnitLandingPageData = {\r\n        breadcrumbs: {\r\n            label: \"Unit 5\",\r\n            crumbs: [\r\n                {\r\n                    route: \"\",\r\n                    linktext: \"T-Folio\"\r\n                }\r\n            ]\r\n        },\r\n        portfolioitems: [\r\n            {\r\n                text: \"AIR Self-Determination Scale\"\r\n            },\r\n            {\r\n                text: \"Self-Advocacy Goals Worksheet\"\r\n            },\r\n            {\r\n                text: \"Independent Living Assessment\"\r\n            },\r\n            {\r\n                text: \"Independent Living Goals Worksheet\"\r\n            },\r\n            {\r\n                text: \"Action Plan for Self-Advocacy and Independent Living\"\r\n            },\r\n            {\r\n                text: \"T-Folio Tracker (updated)\"\r\n            },\r\n            {\r\n                text: \"Final Reflections Worksheet\"\r\n            },\r\n        ],\r\n        summary: \"In Unit 5, youth will reassess their level of self-determination and will make goals in the areas of self-advocacy and independent living.\",\r\n        buttons: [\r\n            {\r\n                route: \"/unit-5/lesson-1\",\r\n                linktext: \"Lesson 1: Self-Determination Re-Assessment\",\r\n                color: \"btn-success\",\r\n                image: \"/img/unit-5/lesson-1/1_achievement-adult-agreement-1153213.jpg\",\r\n                alttext: \"A group of young people at a meeting table join hands in a high five.\",\r\n            },\r\n            {\r\n                route: \"/unit-5/lesson-2\",\r\n                linktext: \"Lesson 2: Self-Advocacy Goals\",\r\n                color: \"btn-success\",\r\n                image: \"/img/unit-5/lesson-2/2_jonathan-simcoe-88013.jpg\",\r\n                alttext: \"A green sign hanging on a wall between two clocks reads “Ask more questions.”\",\r\n            },\r\n            {\r\n                route: \"/unit-5/lesson-3\",\r\n                linktext: \"Lesson 3: Independent Living Goals\",\r\n                color: \"btn-success\",\r\n                image: \"/img/unit-5/lesson-3/3_apples-business-buy-95425.jpg\",\r\n                alttext: \"The image shows two people’s arms and hands as one buys an apple from the other at a fruit stand.\",\r\n            },\r\n            {\r\n                route: \"/unit-5/lesson-4\",\r\n                linktext: \"Lesson 4: Student-Led IEPs\",\r\n                color: \"btn-success\",\r\n                image: \"/img/unit-5/lesson-4/4_nathan-anderson-157614.jpg\",\r\n                alttext: \"A young person hugs their mom with their dad looking on and all three smiling.\",\r\n            },\r\n            {\r\n                route: \"/unit-5/lesson-5\",\r\n                linktext: \"Lesson 5: Action Plan for Self-Advocacy and Independent Living\",\r\n                color: \"btn-success\",\r\n                image: \"/img/unit-5/lesson-5/5_oliver-cole-232552-unsplash.jpg\",\r\n                alttext: \"A man walks in front of a colorful painted mural that says “Courage.”\",\r\n            },\r\n            {\r\n                route: \"/unit-5/lesson-6\",\r\n                linktext: \"Lesson 6: Final Reflection\",\r\n                color: \"btn-success\",\r\n                image: \"/img/unit-5/lesson-6/6_teen1.jpg\",\r\n                alttext: 'A black-and-white image of a young man smiling, wearing earbuds and a t-shirt that says \"Thank you.\"',\r\n            }\r\n\r\n        ],\r\n        image: \"/img/unit-5/_landing/UNIT_AMERICANED_CAPCITY_032-2.jpg\",\r\n        alttext: \"A young person listens intently to her classmate while writing with a pencil.\",\r\n        caption: \"Courtesy of Allison Shelley/The Verbatim Agency for American Education: Images of Teachers and Students in Action\",\r\n        photoText: null,\r\n        photoLink: \"\",\r\n        source: \"\",\r\n        sourceLink: \"\",\r\n        licence: \"\",\r\n        licenceLink: \"\", \r\n    }\r\n}\r\n","module.exports = \"<div class=\\\"container exercise-content guide\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-5']\\\">Unit 5</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-5/lesson-1']\\\">Lesson 1</a></li>\\r\\n                <li class=\\\"active\\\">Lesson Guide</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-5/\\\">Unit 5</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-5/lesson-1/\\\">Lesson 1</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-5/lesson-1/guide/\\\">Lesson Guide</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-5/lesson-1/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n        <div class=\\\"col-md-12\\\"><h1>{{title}}</h1></div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-9\\\">\\r\\n            <h2 class=\\\"subtitle\\\">{{subtitle}}</h2>\\r\\n            <br />\\r\\n            <p>\\r\\n                In this lesson, students will complete the AIR Self-Determination Scale for the second time.\\r\\n                The data provided will then be compared to the student's results from their first assessment.\\r\\n                Students will be guided to analyze their individual growth in the areas of self-advocacy and\\r\\n                self-determination.\\r\\n            </p>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-3 box\\\">\\r\\n            <i class=\\\"fa fa-folder-open\\\" aria-hidden=\\\"true\\\"></i>\\r\\n            <b>Item to be added to student's Transition Portfolio:</b>\\r\\n            <ul class=\\\"hidden-print\\\">\\r\\n                <li><a [routerLink]=\\\"['/unit-1/lesson-5/self-determination-scale']\\\">AIR Self-Determination Scale (Student Form)</a></li>\\r\\n            </ul>\\r\\n            <ul class=\\\"visible-print-block\\\">\\r\\n                <li><a href=\\\"https://cctstfolio.com/#/unit-1/lesson-5/self-determination-scale\\\">AIR Self-Determination Scale (Student Form)</a></li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n            <h2>Lesson Objectives</h2>\\r\\n            <b>Participants will:</b>\\r\\n            <ol>\\r\\n                <li>Complete the AIR Self-Determination assessment.</li>\\r\\n                <li>Analyze their results compared to the first assessment.</li>\\r\\n                <li>Identify areas of improvement this year.</li>\\r\\n            </ol>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Facilitator Notes</h2>\\r\\n            <ul>\\r\\n                <li>\\r\\n                    In Unit 1, Lesson 5, students were guided to complete an assessment on self-determination. In this lesson,\\r\\n                    students will complete the same assessment and analyze their progress. Students will need access to their\\r\\n                    previous AIR Self-Determination Scale. The warm up includes reminders from Unit 1, Lesson 5.\\r\\n                </li>\\r\\n                <li>\\r\\n                    A PowerPoint file is included with this lesson and can be used as part of a presentation or for your information.\\r\\n                    It is recommended that you review the PowerPoint (including the Notes section) prior to using the lesson. It can\\r\\n                    be accessed either in PowerPoint format or as a PDF:\\r\\n                    <ul>\\r\\n                        <li><a href=\\\"/img/unit-5/lesson-1/T-Folio_Unit-5_Lesson-1_Self-Determination-Reassessment.pptx\\\">PowerPoint: \\\"Self-Determination AIR Reassessment\\\"</a></li>\\r\\n                        <li><a href=\\\"/img/unit-5/lesson-1/T-Folio_Unit-5_Lesson-1_Self-Determination-Reassessment.pdf\\\" target=\\\"_blank\\\">PDF: \\\"Self-Determination AIR Reassessment\\\"</a></li>\\r\\n                    </ul>\\r\\n                </li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Introduction</h2>\\r\\n            <b>Warm-up:</b>\\r\\n            <br />\\r\\n            <div style=\\\"padding-bottom:15px; padding-top:15px;\\\">\\r\\n                <b>Say:</b>&nbsp;You completed the AIR Self-Determination assessment earlier in the year. We will take the\\r\\n                assessment again today. Then we will look back at your previous assessment data and compare the results.\\r\\n            </div>\\r\\n            <div style=\\\"padding-bottom:15px;\\\">\\r\\n                <p>\\r\\n                    <b>Say:</b>&nbsp;\\r\\n                    Self-determined people know and can express their own needs, interests, and abilities. They set\\r\\n                    appropriate goals and expectations for themselves. They make choices and plans in the pursuit of these goals. They follow\\r\\n                    through with actions and change course or adjust to achieve their goals. Self-determined people act more independently and\\r\\n                    freely in the pursuit of their goals and are less likely to be influenced by others in choosing the goals they wish to pursue.\\r\\n                </p>\\r\\n\\r\\n                <p>Before we dive into the assessment, let's discuss the following questions:</p>\\r\\n\\r\\n                <b>Ask:</b>\\r\\n                <ul>\\r\\n                    <li>What kinds of goals did you set this year?</li>\\r\\n                    <li>Why were these goals/skills important for you to improve?</li>\\r\\n                    <li>Do you predict that you will have a higher score on the assessment today? Why or why not?</li>\\r\\n                </ul>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Activity</h2>\\r\\n            <div>\\r\\n                <h3 style=\\\"font-weight:bold;\\\">Part 1: Retake the AIR assessment</h3>\\r\\n                <div>\\r\\n                    <p>\\r\\n                        <b>Say:</b>&nbsp;\\r\\n                        The purpose of this activity is to help you understand how you go about getting what you want or need. This\\r\\n                        may occur at school or in other situations. It could be related to your friends, family, job, or other\\r\\n                        activities that you do in your life.\\r\\n                    </p>\\r\\n\\r\\n                    <p>\\r\\n                        This is NOT A TEST! There are no right or wrong answers. The questions will help you learn about what you do\\r\\n                        well and where you might need some help.\\r\\n                    </p>\\r\\n\\r\\n                    <p>The scale has four sets of questions:</p>\\r\\n                    <ol>\\r\\n                        <li>Things I Do</li>\\r\\n                        <li>How I Feel</li>\\r\\n                        <li>What Happens at School</li>\\r\\n                        <li>What Happens at Home</li>\\r\\n                    </ol>\\r\\n\\r\\n                    <p>There are three additional questions that ask you to write in your answers. Remember: there are no wrong answers!</p>\\r\\n\\r\\n                    <ul>\\r\\n                        <li>Access the form by visiting the <a [routerLink]=\\\"['/unit-1/lesson-5/self-determination-scale']\\\">AIR Self-Determination Scale</a> in Unit 1: Lesson 5. </li>\\r\\n                        <li>Since the completion of this scale requires self-reflection, allow for ample time to complete the form.</li>\\r\\n                    </ul>\\r\\n                </div>\\r\\n\\r\\n                <h3 style=\\\"font-weight:bold;\\\">Part 2: Compare scores</h3>\\r\\n                <p>\\r\\n                    Give students time to review their previous assessment and goals independently. Then facilitate a\\r\\n                    discussion using the following questions:\\r\\n                </p>\\r\\n\\r\\n                <div>\\r\\n                    <b>Ask:</b>\\r\\n                    <ul>\\r\\n                        <li>What is the difference between your overall scores?</li>\\r\\n                        <li>Which category changed the most for you? (Things I do; How I feel; What Happens at School; What Happens at Home)</li>\\r\\n                        <li>In what area(s) did you see the most growth?</li>\\r\\n                        <li>Share out something you'd like to celebrate.</li>\\r\\n                    </ul>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Debrief and Guiding Questions</h2>\\r\\n            <ul>\\r\\n                <li>Looking back at the prompts, what are some ways to improve a person's capacity? (Think about how to increase the ratings on the questions from the sections \\\"Things I Do\\\" and \\\"How I Feel.\\\")</li>\\r\\n                <li>Looking back at the prompts, what are some ways to improve a person's opportunity? (Think about how to increase the ratings on the questions from the sections\\\"What happens at School\\\" and \\\"What Happens at Home.\\\")</li>\\r\\n                <li>Did setting goals help you to improve? In what ways?</li>\\r\\n                <li>What area(s) do you still want to focus on for improvement?</li>\\r\\n                <li>Even if you've met your goal, is there an area to focus on for next year?</li>\\r\\n                <li>What is your first step to reaching your next goal?</li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Additional Resources</h2>\\r\\n            <ul style=\\\"list-style:url('/img/arrow.png');\\\">\\r\\n                <li><a href=\\\"http://www.ou.edu/content/dam/Education/documents/miscellaneous/air-self-determination-user-guide.pdf\\\" target=\\\"_blank\\\">AIR Self-Determination Scale User Guide (PDF)</a>.</li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Considerations for Accommodation</h2>\\r\\n            <ul>\\r\\n                <li>Consider providing examples and guided practice in completing the assessment.</li>\\r\\n                <li>The AIR Self-Determination Scale may be completed in paper form and then scanned and added electronically to the youth's T-Folio.</li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Up Next</h2>\\r\\n            <div>In the next lesson, students will have the opportunity to set goals specifically around self-advocacy.</div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-5/lesson-1/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from '@angular/platform-browser';\r\n\r\n@Component({\r\n    selector: 'unit-five-lesson-one-guide',\r\n    templateUrl: './_guide.component.html',\r\n    styleUrls: ['../../_shared/lesson-guides/lesson-guide.component.css']\r\n})\r\nexport class UnitFiveLessonOneGuideComponent {\r\n\r\n    pageTitle: string = \"Lesson Guide | Unit 5, Lesson 1 | T-Folio\";\r\n    title: string = \"Lesson Guide\";\r\n    subtitle: string = \"Lesson 1: Self-Determination Reassessment\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n}\r\n","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: 'unit-five-lesson-one-landing-page',\r\n    templateUrl: '../../_shared/landing-pages/landing-page.component.html',\r\n    styleUrls: ['../../_shared/landing-pages/landing-page.component.css']\r\n})\r\nexport class UnitFiveLessonOneLandingComponent {\r\n\r\n    bannerHeader = \"Self-Advocacy: Lesson 1\";\r\n    title: string = \"Lesson 1 : Self-Determination Reassessment\";\r\n    pageTitle: string = \"Self-Determination Reassessment | Unit 5, Lesson 1 | T-Folio\";\r\n\r\n    openInNewWindow(url: string) {\r\n        window.open(url, '_blank');\r\n    }\r\n\r\n    doPrint(): void {\r\n        window.print();\r\n    }\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n    LandingPageData = {\r\n        breadcrumbs: {\r\n            label: \"Lesson 1\",\r\n            crumbs: [\r\n                {\r\n                    route: \"\",\r\n                    linktext: \"T-Folio\"\r\n                },\r\n                {\r\n                    route: \"/unit-5\",\r\n                    linktext: \"Unit 5\"\r\n                }\r\n            ]\r\n        },\r\n        summary: \"In this lesson, students will complete the AIR Self-Determination Scale for the second time. The data provided will then be compared to the student's results from their first assessment. Students will be guided to analyze their individual growth in the areas of self-advocacy and self-determination.\",\r\n        objectives: [\r\n            \"Complete the AIR Self-Determination assessment.\",\r\n            \"Analyze their results compared to the first assessment.\",\r\n            \"Identify areas of improvement this year.\",\r\n        ],\r\n        buttons: [\r\n            {\r\n                route: \"/unit-5/lesson-1/guide\",\r\n                linktext: \"Lesson Guide\",\r\n                color: \"btn-success\",\r\n                window: false,\r\n            },\r\n\r\n            {\r\n                route: '/img/unit-5/lesson-1/T-Folio_Unit-5_Lesson-1_Self-Determination-Reassessment.pptx',\r\n                linktext: \"PowerPoint Presentation\",\r\n                color: \"powerpoint-button\",\r\n                window: true,\r\n            }\r\n\r\n\r\n        ],\r\n        image: \"/img/unit-5/lesson-1/1_achievement-adult-agreement-1153213.jpg\",\r\n        imgalt: \"A group of young people at a meeting table join hands in a high five. \",\r\n        caption: \"by rawpixel.com on\",\r\n        photoLink: \"https://www.pexels.com/photo/achievement-adult-agreement-arms-1153213\",\r\n        source: \"Pexels\",\r\n        sourceLink: \"https://www.pexels.com/\",\r\n        licence: \"CC0 license\",\r\n        licenceLink: \"https://www.pexels.com/photo-license/\",\r\n\r\n    }\r\n\r\n\r\n}\r\n","module.exports = \"<div class=\\\"container exercise-content guide\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-5']\\\">Unit 5</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-5/lesson-2']\\\">Lesson 2</a></li>\\r\\n                <li class=\\\"active\\\">Lesson Guide</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-5/\\\">Unit 5</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-5/lesson-2/\\\">Lesson 2</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-5/lesson-2/guide/\\\">Lesson Guide</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-5/lesson-2/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n        <div class=\\\"col-md-12\\\"><h1>{{title}}</h1></div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-9\\\">\\r\\n            <h2 class=\\\"subtitle\\\">{{subtitle}}</h2>\\r\\n            <br />\\r\\n            <p>\\r\\n                In this lesson, students will review their AIR Self-Determination Scale scores in\\r\\n                order to reflect on where they want to be in the future and students will\\r\\n                identify steps to take in order to meet their self-advocacy goals.\\r\\n            </p>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-3 box\\\">\\r\\n            <i class=\\\"fa fa-folder-open\\\" aria-hidden=\\\"true\\\"></i>\\r\\n            <b>Item to be added to student's Transition Portfolio:</b>\\r\\n            <ul class=\\\"hidden-print\\\">\\r\\n                <li><a [routerLink]=\\\"['/unit-5/lesson-2/self-advocacy-goals-worksheet']\\\">Self-Advocacy Goals Worksheet</a></li>\\r\\n            </ul>\\r\\n            <ul class=\\\"visible-print-block\\\">\\r\\n                <li><a href=\\\"https://cctstfolio.com/#/unit-5/lesson-2/self-advocacy-goals-worksheet\\\">Self-Advocacy Goals Worksheet</a></li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n            <h2>Lesson Objectives</h2>\\r\\n            <b>Participants will:</b>\\r\\n            <ol>\\r\\n                <li>Analyze past data around self-determination.</li>\\r\\n                <li>Set goals around self-advocacy.</li>\\r\\n                <li>Determine appropriate next steps to reach their goals.</li>\\r\\n            </ol>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Facilitator Notes</h2>\\r\\n            <ul>\\r\\n                <li>This lesson involves a lot of student reflection. Be sure to allow for ample time for the students to reflect prior to sharing out.</li>\\r\\n                <li>\\r\\n                    It may be helpful for students to have access to the <a [routerLink]=\\\"['/unit-5/lesson-2/self-advocacy-goals-worksheet']\\\">Self-Advocacy Goal Worksheet</a> throughout the lesson so they may visualize the upcoming\\r\\n                    task as they reflect on their needs and future goals.\\r\\n                </li>\\r\\n                <li>This lesson also asks students to reference their AIR Self-Determination Scale results from  <a [routerLink]=\\\"['/unit-5/lesson-1']\\\">Unit 5: Lesson 1</a>.</li>\\r\\n                <li>\\r\\n                    A PowerPoint file is included with this lesson and can be used as part of a presentation or for your information.\\r\\n                    It is recommended that you review the PowerPoint (including the Notes section) prior to using the lesson. It can\\r\\n                    be accessed either in PowerPoint format or as a PDF:\\r\\n                    <ul>\\r\\n                        <li><a href=\\\"/img/unit-5/lesson-2/T-Folio_Unit-5_Lesson-2_Self-Advocacy-Goals.pptx\\\">PowerPoint:&nbsp;\\\"Self-Advocacy Goals\\\"</a></li>\\r\\n                        <li><a href=\\\"/img/unit-5/lesson-2/T-Folio_Unit-5_Lesson-2_Self-Advocacy-Goals.pdf\\\" target=\\\"_blank\\\">PDF:&nbsp;\\\"Self-Advocacy Goals\\\"</a></li>\\r\\n                    </ul>\\r\\n                </li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Introduction</h2>\\r\\n            <b>Warm-up:</b>\\r\\n            <br />\\r\\n            <div style=\\\"padding-bottom:15px; padding-top:15px;\\\">\\r\\n                <b>Say:</b>&nbsp;&nbsp;You will complete an acrostic with a partner, using the letters in the word SELF-ADVOCACY.\\r\\n                This will be a timed activity. The first pair to complete their acrostic wins!\\r\\n                <ul>\\r\\n                    <li>\\r\\n                        Have students write SELF ADVOCACY vertically on a sheet of paper; then in pairs write a word or phrase that\\r\\n                        starts with each letter. All words and phrases must relate to SELF ADVOCACY.\\r\\n                    </li>\\r\\n                    <li>Have students share out their responses in pairs. See PowerPoint for a sample of a completed acrostic.</li>\\r\\n                </ul>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Activity</h2>\\r\\n            <h3 style=\\\"font-weight:bold;\\\">Part 1: What is Self-Advocacy? What are my goals?</h3>\\r\\n            <br />\\r\\n            <p>\\r\\n                <b>Say:</b>&nbsp;Self-advocacy is learning how to speak up for yourself, your preferences, and your needs.\\r\\n                Self-advocacy includes: being able to make your own decisions, knowing your rights and responsibilities,\\r\\n                being able to problem solve, asking for help when needed, and learning about self-determination. It is important\\r\\n                you feel confident to make decisions for yourself and your future.\\r\\n            </p>\\r\\n            <p>\\r\\n                <b>Say:</b>&nbsp;Now we will practice these skills to support you in setting and reaching future goals. Being able to identify your needs,\\r\\n                set goals, problem solve, and plan for support are important skills to help you be a strong self-advocate. First, let's\\r\\n                look at your most recent AIR Self-Determination Scale (from <a [routerLink]=\\\"['/unit-5/lesson-1']\\\">Unit 5: Lesson 1</a>).\\r\\n            </p>\\r\\n            <p><b>Ask:</b>&nbsp;Based on the questions from the AIR Self-Determination Scale:</p>\\r\\n            <ul>\\r\\n                <li>What is an example of a goal you are working on?</li>\\r\\n                <li>What are you doing to reach that goal?</li>\\r\\n                <li>How well are you doing in reaching that goal?</li>\\r\\n            </ul>\\r\\n            <p>Based on the graph from the AIR Self-Determination Scale:</p>\\r\\n            <ul>\\r\\n                <li>What would you like to improve? </li>\\r\\n                <li>What must improve for you to be able to make thoughtful decisions about your future?</li>\\r\\n            </ul>\\r\\n\\r\\n            <h3 style=\\\"font-weight:bold;\\\">Part 2: Self-Advocacy Goals Worksheet</h3>\\r\\n            <p>\\r\\n                <b>Say:</b>&nbsp;Now that you've identified an area to improve, use the <a [routerLink]=\\\"['/unit-5/lesson-2/self-advocacy-goals-worksheet']\\\">Self-Advocacy Goals Worksheet</a> to set 3-5 goals around self-advocacy.\\r\\n            </p>\\r\\n            <p>\\r\\n                <b>Say:</b>&nbsp;Directions: Set 3-5 SMART goals in the area of self-advocacy. Then fill in the table to\\r\\n                think through the possible barriers to reaching your goal, how you will overcome them, and how you will\\r\\n                advocate for your needs if needed. Next, answer the questions following the table and decide on a date to\\r\\n                come back and check on your progress.\\r\\n            </p>\\r\\n            <b>Say:</b>&nbsp;Remember, SMART goals are: Specific, Measurable, Attainable/Achievable, Realistic, and Timely/Trackable.\\r\\n            <ul>\\r\\n                <li>Give students time to complete the worksheet independently. Assist as needed for support.</li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Debrief and Guiding Questions</h2>\\r\\n            <ul>\\r\\n                <li>How do you feel about your progress this year?</li>\\r\\n                <li>Does it feel different to set goals now based on your new knowledge of yourself and what you are capable of accomplishing?</li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Additional Resources</h2>\\r\\n            <ul style=\\\"list-style:url('/img/arrow.png');\\\">\\r\\n                <li>Students may refer to <a [routerLink]=\\\"['/unit-2/lesson-1/']\\\">Unit 2, Lesson 1 </a>for reminders around SMART goals.</li>\\r\\n                <li>Check out the Zarrow Center's <a href=\\\"http://www.ou.edu/education/centers-and-partnerships/zarrow/transition-education-materials\\\" target=\\\"_blank\\\">Transition Education Materials</a> \\r\\n                for additional lessons, assessments, and bell ringer activities around self-determination and self-advocacy.</li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Considerations for Accommodation</h2>\\r\\n            <ul>\\r\\n                <li>Youth may benefit from adding photos or other visuals to their goals.</li>\\r\\n                <li>Youth may use a paper or electronic calendar (possibly on their phones) to track their goal deadlines or due dates. </li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Up Next</h2>\\r\\n            <div>\\r\\n                In Lesson 3, students will assess their independent living skills in the areas of daily living, money management,\\r\\n                relationships, etc., and will set goals in those areas they would like to improve on.\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-5/lesson-2/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from '@angular/platform-browser';\r\n\r\n@Component({\r\n    selector: 'unit-five-lesson-two-guide',\r\n    templateUrl: './_guide.component.html',\r\n    styleUrls: ['../../_shared/lesson-guides/lesson-guide.component.css']\r\n})\r\nexport class UnitFiveLessonTwoGuideComponent {\r\n\r\n    pageTitle: string = \"Lesson Guide | Unit 5, Lesson 2 | T-Folio\";\r\n    title: string = \"Lesson Guide\";\r\n    subtitle: string = \"Lesson 2: Self-Advocacy Goals\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n}\r\n","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: 'unit-five-lesson-two-landing-page',\r\n    templateUrl: '../../_shared/landing-pages/landing-page.component.html',\r\n    styleUrls: ['../../_shared/landing-pages/landing-page.component.css']\r\n})\r\nexport class UnitFiveLessonTwoLandingComponent {\r\n\r\n    bannerHeader = \"Self-Advocacy: Lesson 2\";\r\n    title: string = \"Lesson 2: Self-Advocacy Goals\";\r\n    pageTitle: string = \"Self-Advocacy Goals | Unit 5, Lesson 2 | T-Folio\";\r\n\r\n    openInNewWindow(url: string) {\r\n        window.open(url, '_blank');\r\n    }\r\n\r\n    doPrint(): void {\r\n        window.print();\r\n    }\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n    LandingPageData = {\r\n        breadcrumbs: {\r\n            label: \"Lesson 2\",\r\n            crumbs: [\r\n                {\r\n                    route: \"\",\r\n                    linktext: \"T-Folio\"\r\n                },\r\n                {\r\n                    route: \"/unit-5\",\r\n                    linktext: \"Unit 5\"\r\n                }\r\n            ]\r\n        },\r\n        summary: \"In this lesson, students will review their AIR Self-Determination Scale scores in order to reflect on where they want to be in the future and will identify steps to take in order to meet their self-advocacy goals.\",\r\n        objectives: [\r\n            \"Analyze past data around self-determination. \",\r\n            \"Set goals for self-advocacy.\",\r\n            \"Determine appropriate next steps to reach their goals. \",\r\n        ],\r\n        buttons: [\r\n            {\r\n                route: \"/unit-5/lesson-2/guide\",\r\n                linktext: \"Lesson Guide\",\r\n                color: \"btn-success\",\r\n                window: false,\r\n            },\r\n\r\n            {\r\n                route: \"/unit-5/lesson-2/self-advocacy-goals-worksheet\",\r\n                linktext: \"Self-Advocacy Goals Worksheet\",\r\n                color: \"btn-primary\",\r\n                window: false,\r\n            },\r\n\r\n            {\r\n                route: '/img/unit-5/lesson-2/T-Folio_Unit-5_Lesson-2_Self-Advocacy-Goals.pptx',\r\n                linktext: \"PowerPoint Presentation\",\r\n                color: \"powerpoint-button\",\r\n                window: true,\r\n            }\r\n        ],\r\n        image: \"/img/unit-5/lesson-2/2_jonathan-simcoe-88013.jpg\",\r\n        imgalt: \"A green sign hanging on a wall between two clocks reads “Ask more questions.”\",\r\n        caption: \"by Jonathan Simcoe on \",\r\n        photoLink: \"https://static.pexels.com/photos/92028/pexels-photo-92028-medium.jpeg\",\r\n        source: \"Pexels\",\r\n        sourceLink: \"https://www.pexels.com/\",\r\n        licence: \"CC0 license\",\r\n        licenceLink: \"https://www.pexels.com/photo-license/\",\r\n\r\n    }\r\n}\r\n","module.exports = \".body-header {\\r\\n    display:none;\\r\\n    font-weight:bold;\\r\\n}\\r\\n\\r\\ntable tbody tr td {\\r\\n    border: 1px solid black;\\r\\n    padding:5px;\\r\\n}\\r\\n\\r\\ntable, tr, td div {\\r\\n    height: 100%;\\r\\n}\\r\\n\\r\\n.header-row-cell {\\r\\n    font-weight:bold;\\r\\n}\\r\\n\\r\\n.goal-number {\\r\\n    float:left;\\r\\n}\\r\\n\\r\\n.goal-editor {\\r\\n    float: right;\\r\\n    min-height: 75px;\\r\\n    width: 90%;\\r\\n    height:100%;\\r\\n    font-weight:bold;\\r\\n}\\r\\n\\r\\n.editor {\\r\\n    height: 100%;\\r\\n    min-height: 75px;\\r\\n    width: 100%;\\r\\n    font-weight:bold;\\r\\n}\\r\\n\\r\\n.review-editor {\\r\\n    min-height: 75px;\\r\\n    width: 75%;\\r\\n    border: 1px solid black;\\r\\n    font-weight:bold;\\r\\n}\\r\\n\\r\\n.print-block {\\r\\n    display:none;\\r\\n}\\r\\n\\r\\n@media only screen and (min-device-width:1024px) {\\r\\n    .grid {\\r\\n        table-layout: fixed;\\r\\n    }\\r\\n}\\r\\n\\r\\n@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {\\r\\n\\r\\n    table,\\r\\n    thead,\\r\\n    tbody,\\r\\n    th,\\r\\n    td,\\r\\n    tr {\\r\\n        display: block;\\r\\n    }\\r\\n\\r\\n    tr {\\r\\n        margin-top: 5px;\\r\\n        border: 1px solid black;\\r\\n    }\\r\\n\\r\\n    .body-header {\\r\\n        display: block;\\r\\n    }\\r\\n\\r\\n    .header-row {\\r\\n        display:none;\\r\\n    }\\r\\n\\r\\n    table tbody tr td {\\r\\n        width:100%;\\r\\n    }\\r\\n\\r\\n    .goal-number {\\r\\n        float:none;\\r\\n    }\\r\\n\\r\\n    .goal-editor {\\r\\n        float: none;\\r\\n        min-height: 75px;\\r\\n        width: 100%;\\r\\n    }\\r\\n\\r\\n    .review-editor {\\r\\n        min-height: 75px;\\r\\n        width: 100%;\\r\\n    }\\r\\n}\\r\\n\\r\\n.active {\\r\\n    color: #2C3E50;\\r\\n}\\r\\n\\r\\n@media print {\\r\\n\\r\\n    div.review-editor {\\r\\n        border: none;\\r\\n    }\\r\\n\\r\\n    .print-block {\\r\\n        display:block;\\r\\n        padding-top: 10mm;\\r\\n    }\\r\\n    .display-block {\\r\\n        display:none;\\r\\n    }\\r\\n\\r\\n}\\r\\n\"","module.exports = \"<div class=\\\"container exercise-content\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-5']\\\">Unit 5</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-5/lesson-2']\\\">Lesson 2</a></li>\\r\\n                <li class=\\\"active\\\">{{title}}</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-5/\\\">Unit 5</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-5/lesson-2/\\\">Lesson 2</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-5/lesson-2/self-advocacy-goals-worksheet/\\\">{{title}}</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-5/lesson-2/self advocacy goals worksheet'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <tfolio-heading></tfolio-heading>\\r\\n    <tfolio-page-title content=\\\"{{title}}\\\"></tfolio-page-title>\\r\\n    <tfolio-directions identifier=\\\"self-advocacy-goals-worksheet-directions\\\" tag=\\\"Directions\\\" [padBottom]=\\\"false\\\">\\r\\n        <span>\\r\\n            Set 3-5 SMART goals in the area of self-advocacy.\\r\\n            Then fill in the table to think through the possible barriers to reaching your goal, how you will overcome them, and how you will advocate for your needs if needed.\\r\\n            Next, answer the questions following the table and decide on a date to come back and check on your progress.<br /><br />\\r\\n            Remember, SMART goals are: Specific, Measurable, Attainable/Achievable, Realistic, and Timely/Trackable.\\r\\n        </span>\\r\\n    </tfolio-directions>\\r\\n    <table class=\\\"grid\\\" style=\\\"margin-top:25px; width:100%\\\">\\r\\n        <tbody>\\r\\n            <tr class=\\\"header-row\\\">\\r\\n                <td width=\\\"25%\\\">\\r\\n                    <div class=\\\"header-row-cell\\\">Goal</div>\\r\\n                </td>\\r\\n                <td width=\\\"25%\\\">\\r\\n                    <div class=\\\"header-row-cell\\\">Possible Barrier</div>\\r\\n                </td>\\r\\n                <td width=\\\"25%\\\">\\r\\n                    <div class=\\\"header-row-cell\\\">Plan to Resolve Barrier</div>\\r\\n                </td>\\r\\n                <td width=\\\"25%\\\">\\r\\n                    <div class=\\\"header-row-cell\\\">How Will You Advocate For Your Needs?</div>\\r\\n                </td>\\r\\n            </tr>\\r\\n            <tr style=\\\"vertical-align:top;\\\">\\r\\n                <td width=\\\"25%\\\">\\r\\n                    <div class=\\\"body-header\\\">Goal</div>\\r\\n                    <div class=\\\"goal-number\\\">1.</div>\\r\\n                    <div contenteditable=\\\"true\\\" id=\\\"goal-one\\\" class=\\\"goal-editor\\\" aria-label=\\\"FIRST GOAL\\\" role=\\\"textbox\\\" aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n                <td width=\\\"25%\\\">\\r\\n                    <div class=\\\"body-header\\\">Possible Barrier</div>\\r\\n                    <div contenteditable=\\\"true\\\" id=\\\"goal-one-barrier\\\" class=\\\"editor\\\" aria-label=\\\"POSSIBLE BARRIER\\\" role=\\\"textbox\\\" aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n                <td width=\\\"25%\\\">\\r\\n                    <div class=\\\"body-header\\\">Plan to Resolve Barrier</div>\\r\\n                    <div contenteditable=\\\"true\\\" id=\\\"goal-one-resolution\\\" class=\\\"editor\\\" aria-label=\\\"PLAN TO RESOLVE BARRIER\\\" role=\\\"textbox\\\" aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n                <td width=\\\"25%\\\">\\r\\n                    <div class=\\\"body-header\\\">How Will You Advocate For Your Needs?</div>\\r\\n                    <div contenteditable=\\\"true\\\" id=\\\"goal-one-advocacy\\\" class=\\\"editor\\\" aria-label=\\\"HOW WILL YOU ADVOCATE FOR YOUR NEEDS?\\\" role=\\\"textbox\\\" aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n            </tr>\\r\\n            <tr style=\\\"vertical-align:top;\\\">\\r\\n                <td width=\\\"25%\\\">\\r\\n                    <div class=\\\"body-header\\\">Goal</div>\\r\\n                    <div class=\\\"goal-number\\\">2.</div>\\r\\n                    <div contenteditable=\\\"true\\\" id=\\\"goal-two\\\" class=\\\"goal-editor\\\" aria-label=\\\"SECOND GOAL\\\" role=\\\"textbox\\\" aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n                <td width=\\\"25%\\\">\\r\\n                    <div class=\\\"body-header\\\">Possible Barrier</div>\\r\\n                    <div contenteditable=\\\"true\\\" id=\\\"goal-two-barrier\\\" class=\\\"editor\\\" aria-label=\\\"POSSIBLE BARRIER\\\" role=\\\"textbox\\\" aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n                <td width=\\\"25%\\\">\\r\\n                    <div class=\\\"body-header\\\">Plan to Resolve Barrier</div>\\r\\n                    <div contenteditable=\\\"true\\\" id=\\\"goal-two-resolution\\\" class=\\\"editor\\\" aria-label=\\\"PLAN TO RESOLVE BARRIER\\\" role=\\\"textbox\\\" aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n                <td width=\\\"25%\\\">\\r\\n                    <div class=\\\"body-header\\\">How Will You Advocate For Your Needs?</div>\\r\\n                    <div contenteditable=\\\"true\\\" id=\\\"goal-two-advocacy\\\" class=\\\"editor\\\" aria-label=\\\"HOW WILL YOU ADVOCATE FOR YOUR NEEDS?\\\" role=\\\"textbox\\\" aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n            </tr>\\r\\n            <tr style=\\\"vertical-align:top;\\\">\\r\\n                <td width=\\\"25%\\\">\\r\\n                    <div class=\\\"body-header\\\">Goal</div>\\r\\n                    <div class=\\\"goal-number\\\">3.</div>\\r\\n                    <div contenteditable=\\\"true\\\" id=\\\"goal-three\\\" class=\\\"goal-editor\\\" aria-label=\\\"THIRD GOAL\\\" role=\\\"textbox\\\" aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n                <td width=\\\"25%\\\">\\r\\n                    <div class=\\\"body-header\\\">Possible Barrier</div>\\r\\n                    <div contenteditable=\\\"true\\\" id=\\\"goal-three-barrier\\\" class=\\\"editor\\\" aria-label=\\\"POSSIBLE BARRIER\\\" role=\\\"textbox\\\" aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n                <td width=\\\"25%\\\">\\r\\n                    <div class=\\\"body-header\\\">Plan to Resolve Barrier</div>\\r\\n                    <div contenteditable=\\\"true\\\" id=\\\"goal-three-resolution\\\" class=\\\"editor\\\" aria-label=\\\"PLAN TO RESOLVE BARRIER\\\" role=\\\"textbox\\\" aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n                <td width=\\\"25%\\\">\\r\\n                    <div class=\\\"body-header\\\">How Will You Advocate For Your Needs?</div>\\r\\n                    <div contenteditable=\\\"true\\\" id=\\\"goal-three-advocacy\\\" class=\\\"editor\\\" aria-label=\\\"HOW WILL YOU ADVOCATE FOR YOUR NEEDS?\\\" role=\\\"textbox\\\" aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n            </tr>\\r\\n            <tr style=\\\"vertical-align:top;\\\">\\r\\n                <td width=\\\"25%\\\">\\r\\n                    <div class=\\\"body-header\\\">Goal</div>\\r\\n                    <div class=\\\"goal-number\\\">4.</div>\\r\\n                    <div contenteditable=\\\"true\\\" id=\\\"goal-four\\\" class=\\\"goal-editor\\\" aria-label=\\\"FOURTH GOAL\\\" role=\\\"textbox\\\" aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n                <td width=\\\"25%\\\">\\r\\n                    <div class=\\\"body-header\\\">Possible Barrier</div>\\r\\n                    <div contenteditable=\\\"true\\\" id=\\\"goal-four-barrier\\\" class=\\\"editor\\\" aria-label=\\\"POSSIBLE BARRIER\\\" role=\\\"textbox\\\" aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n                <td width=\\\"25%\\\">\\r\\n                    <div class=\\\"body-header\\\">Plan to Resolve Barrier</div>\\r\\n                    <div contenteditable=\\\"true\\\" id=\\\"goal-four-resolution\\\" class=\\\"editor\\\" aria-label=\\\"PLAN TO RESOLVE BARRIER\\\" role=\\\"textbox\\\" aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n                <td width=\\\"25%\\\">\\r\\n                    <div class=\\\"body-header\\\">How Will You Advocate For Your Needs?</div>\\r\\n                    <div contenteditable=\\\"true\\\" id=\\\"goal-four-advocacy\\\" class=\\\"editor\\\" aria-label=\\\"HOW WILL YOU ADVOCATE FOR YOUR NEEDS?\\\" role=\\\"textbox\\\" aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n            </tr>\\r\\n            <tr style=\\\"vertical-align:top;\\\">\\r\\n                <td width=\\\"25%\\\">\\r\\n                    <div class=\\\"body-header\\\">Goal</div>\\r\\n                    <div class=\\\"goal-number\\\">5.</div>\\r\\n                    <div contenteditable=\\\"true\\\" id=\\\"goal-five\\\" class=\\\"goal-editor\\\" aria-label=\\\"FIFTH GOAL\\\" role=\\\"textbox\\\" aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n                <td width=\\\"25%\\\">\\r\\n                    <div class=\\\"body-header\\\">Possible Barrier</div>\\r\\n                    <div contenteditable=\\\"true\\\" id=\\\"goal-five-barrier\\\" class=\\\"editor\\\" aria-label=\\\"POSSIBLE BARRIER\\\" role=\\\"textbox\\\" aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n                <td width=\\\"25%\\\">\\r\\n                    <div class=\\\"body-header\\\">Plan to Resolve Barrier</div>\\r\\n                    <div contenteditable=\\\"true\\\" id=\\\"goal-five-resolution\\\" class=\\\"editor\\\" aria-label=\\\"PLAN TO RESOLVE BARRIER\\\" role=\\\"textbox\\\" aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n                <td width=\\\"25%\\\">\\r\\n                    <div class=\\\"body-header\\\">How Will You Advocate For Your Needs?</div>\\r\\n                    <div contenteditable=\\\"true\\\" id=\\\"goal-five-advocacy\\\" class=\\\"editor\\\" aria-label=\\\"HOW WILL YOU ADVOCATE FOR YOUR NEEDS?\\\" role=\\\"textbox\\\" aria-multiline=\\\"true\\\"></div>\\r\\n                </td>\\r\\n            </tr>\\r\\n        </tbody>\\r\\n    </table>\\r\\n\\r\\n    <div style=\\\"page-break-inside:avoid;\\\">\\r\\n        <div class =\\\"display-block\\\"style=\\\"margin-top:50px;\\\">\\r\\n            <span style=\\\"font-weight:bold;\\\" id=\\\"goal-progress-review-date-label\\\">Goal Progress Review Date:</span>\\r\\n            \\r\\n            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\\r\\n            <input type=\\\"date\\\" #date id=\\\"goal-progress-review-date\\\" [(value)]=\\\"dateString\\\" (input)=\\\"onChange(date.value)\\\" style=\\\"width:150px;\\\" aria-labelledby=\\\"goal-progress-review-date-label\\\" />\\r\\n        </div>\\r\\n        <div class=\\\"print-block\\\">\\r\\n            <span style=\\\"font-weight:bold;\\\" id=\\\"goal-progress-review-date-label\\\">Goal Progress Review Date:</span>\\r\\n            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\\r\\n            {{dateFormatted}}\\r\\n        </div>\\r\\n        <div style=\\\"margin-top:20px;\\\">\\r\\n            How have you done?\\r\\n        </div>\\r\\n        <div contenteditable=\\\"true\\\" id=\\\"how-have-you-done\\\" class=\\\"review-editor\\\" aria-label=\\\"HOW HAVE YOU DONE?\\\"></div>\\r\\n        <div style=\\\"margin-top:20px;\\\">\\r\\n            What do you still need to do or adjust to accomplish your SMART goals?\\r\\n        </div>\\r\\n        <div contenteditable=\\\"true\\\" id=\\\"what-needed-to-do\\\" class=\\\"review-editor\\\" aria-label=\\\"WHAT DO YOU STILL NEED TO DO OR ADJUST TO ACCOMPLISH YOUR SMART GOALS?\\\"></div>\\r\\n    </div>\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-5/lesson-2/self advocacy goals worksheet'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: \"self-advocacy-goals-worksheet\",\r\n    templateUrl: \"./self-advocacy-goals-worksheet.component.html\",\r\n    styleUrls: [\"./self-advocacy-goals-worksheet.component.css\"]\r\n})\r\nexport class UnitFiveLessonTwoSelfAdvocacyGoalsWorksheetComponent {\r\n\r\n    title: string = \"Self-Advocacy Goals Worksheet\";\r\n    pageTitle: string = this.title + \" | Unit 5, Lesson 2 | T-Folio\";\r\n    dateString: any = new Date();\r\n\r\n    //dateFormatted: string = this.dateString.getMonth() + 1 + \"/\" + this.dateString.getDate() +\r\n     //   \"/\" + this.dateString.getFullYear();\r\n    dateFormatted: string = \"\";\r\n    \r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n\r\n    onChange(value: string) {\r\n        if (value.length == 0) {\r\n            this.dateFormatted = \"\";\r\n        } else {\r\n\r\n            this.dateFormatted = value.substring(5, 7) + \"/\" + value.substring(8, 10) + \"/\" + value.substring(0, 4);\r\n        }\r\n    }\r\n}\r\n","module.exports = \"<div class=\\\"container exercise-content guide\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-5']\\\">Unit 5</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-5/lesson-3']\\\">Lesson 3</a></li>\\r\\n                <li class=\\\"active\\\">Lesson Guide</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-5/\\\">Unit 5</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-5/lesson-3/\\\">Lesson 3</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-5/lesson-3/guide/\\\">Lesson Guide</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-5/lesson-3/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n        <div class=\\\"col-md-12\\\"><h1>{{title}}</h1></div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-9\\\">\\r\\n            <h2 class=\\\"subtitle\\\">{{subtitle}}</h2>\\r\\n            <br />\\r\\n            <p>\\r\\n                In Lesson 3, students will review elements of independent living, such as daily living, money management,\\r\\n                relationships and communication, etc. Students will self-assess whether they feel they possess identified\\r\\n                skills around independent living. Students will then reflect and set 2-3 SMART goals to improve their independent\\r\\n                living skills.\\r\\n            </p>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-3 box\\\">\\r\\n            <i class=\\\"fa fa-folder-open\\\" aria-hidden=\\\"true\\\"></i>\\r\\n            <b>Item(s) to be added to student's Transition Portfolio:</b>\\r\\n            <ul class=\\\"hidden-print\\\">\\r\\n                <li><a [routerLink]=\\\"['/unit-5/lesson-3/independent-living-assessment']\\\">Independent Living Assessment</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-5/lesson-3/independent-living-goals-worksheet']\\\">Independent Living Goals Worksheet</a></li>\\r\\n            </ul>\\r\\n            <ul class=\\\"visible-print-block\\\">\\r\\n                <li><a href=\\\"https://cctstfolio.com/#/unit-5/lesson-3/independent-living-assessment\\\">Independent Living Assessment</a></li>\\r\\n                <li><a href=\\\"https://cctstfolio.com/#/unit-5/lesson-3/independent-living-goals-worksheet\\\">Independent Living Goals Worksheet</a></li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n            <h2>Lesson Objectives</h2>\\r\\n            <b>Participants will:</b>\\r\\n            <ol>\\r\\n                <li>Review a variety of independent living skills.</li>\\r\\n                <li>Identify their level of independence in terms of possessing identified skills.</li>\\r\\n                <li>Set SMART goals to improve areas of need.</li>\\r\\n            </ol>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Facilitator Notes</h2>\\r\\n            <ul>\\r\\n                <li>\\r\\n                    Students may feel confident in their independent living skills. It will be important to differentiate whether they are always able to\\r\\n                    complete the skill independently or if they simply believe they could possess the skill if they tried.\\r\\n                </li>\\r\\n                <li>\\r\\n                    Some of the questions are personal and not appropriate to share responses aloud, so be sure to review the Independent Living\\r\\n                    Assessment prior to facilitating the lesson with students.\\r\\n                </li>\\r\\n                <li>\\r\\n                    A PowerPoint file is included with this lesson and can be used as part of a presentation or for your information.\\r\\n                    It is recommended that you review the PowerPoint (including the Notes section) prior to using the lesson. It can\\r\\n                    be accessed either in PowerPoint format or as a PDF:\\r\\n                    <ul>\\r\\n                        <li><a href=\\\"/img/unit-5/lesson-3/T-Folio_Unit-5_Lesson-3_Independent-Living-Goals.pptx\\\">PowerPoint:&nbsp;\\\"Independent Living Goals\\\"</a></li>\\r\\n                        <li><a href=\\\"/img/unit-5/lesson-3/T-Folio_Unit-5_Lesson-3_Independent-Living-Goals.pdf\\\" target=\\\"_blank\\\">PDF:&nbsp;\\\"Independent Living Goals\\\"</a></li>\\r\\n                    </ul>\\r\\n                </li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Introduction</h2>\\r\\n            <b>Warm-up:</b>\\r\\n            <br />\\r\\n            <div style=\\\"padding-bottom:15px; padding-top:15px;\\\">\\r\\n                <b>Say:</b>&nbsp;We are going to complete an <a [routerLink]=\\\"['/unit-5/lesson-3/a-to-z']\\\">A-Z activity for Independent Living</a>. Generate as many ideas\\r\\n                around independent living as you can in three minutes. For example, you may write \\\"apartment\\\" for A or \\\"using a debit card\\\" for U.\\r\\n                <ul>\\r\\n                    <li>Set a timer for three minutes and allow students to complete the A-Z Activity either online or on paper.</li>\\r\\n                    <li>\\r\\n                        Have students share out responses round robin. Consider completing another list on the board as students\\r\\n                        share out their responses to allow students to fill in any letters they did not complete during the\\r\\n                        timed activity.\\r\\n                    </li>\\r\\n                    <li>A sample is available on the PowerPoint.</li>\\r\\n                </ul>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Activity</h2>\\r\\n            <br />\\r\\n            <p>\\r\\n                <b>Say:</b>&nbsp;Now we are going to complete an <a [routerLink]=\\\"['/unit-5/lesson-3/independent-living-assessment']\\\">Independent Living Assessment</a>.\\r\\n                You will review each statement and consider whether you possess the identified skills. Think carefully about whether you always, sometimes,\\r\\n                or never perform the skill. Only mark \\\"always\\\" if you can perform the skill independently without support and\\r\\n                on a consistent basis. For example, if you successfully used a debit card one time, then your response would be\\r\\n                \\\"sometimes\\\" because you are not yet using a debit card consistently.\\r\\n            </p>\\r\\n            <ul>\\r\\n                <li>Model completing the first section on daily living skills, providing examples of when to check never, sometimes, or always.</li>\\r\\n                <li>Give students time to complete the remainder of the assessment independently.</li>\\r\\n                <li>Discuss the debrief and guiding questions below prior to having students write 2-3 SMART goals.</li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Debrief and Guiding Questions</h2>\\r\\n            <ul>\\r\\n                <li>Are there areas of independent living skills where you responded \\\"Always\\\" to every prompt?</li>\\r\\n                <li>\\r\\n                    Look over the questions that you responded \\\"Never\\\" to. What do you need to do to be able to respond to\\r\\n                    those prompts with \\\"Sometimes\\\" or \\\"Always\\\"?\\r\\n                </li>\\r\\n                <li>What area(s) of independent living do you need to improve in?</li>\\r\\n                <li>Are there areas of independent living you should prioritize first in order to be set up for success after high school?</li>\\r\\n            </ul>\\r\\n            <p>\\r\\n                <b>Say:</b>&nbsp;Now write 2 or 3 SMART goals in the area(s) you identified for improvement, using the <a [routerLink]=\\\"['/unit-5/lesson-3/independent-living-goals-worksheet']\\\">Independent Living Goals Worksheet</a>.\\r\\n            </p>\\r\\n            <ul>\\r\\n                <li>Refer back to <a [routerLink]=\\\"['/unit-2/lesson-1']\\\">Unit 2, Lesson 1</a> to remind students how to write a SMART goal.</li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Considerations for Accommodation</h2>\\r\\n            <ul>\\r\\n                <li>Youth may complete the warm-up activity or the main activity as homework or as a pre-assignment prior to this lesson, which will allow additional time for them to reflect and generate ideas.</li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Up Next</h2>\\r\\n            <div>\\r\\n                In Lesson 4, students will take their new knowledge around self-advocacy and independent living and will\\r\\n                dive into how to be a more active participant in their IEP meetings.\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-5/lesson-3/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from '@angular/platform-browser';\r\n\r\n@Component({\r\n    selector: 'unit-five-lesson-three-guide',\r\n    templateUrl: './_guide.component.html',\r\n    styleUrls: ['../../_shared/lesson-guides/lesson-guide.component.css']\r\n})\r\nexport class UnitFiveLessonThreeGuideComponent {\r\n\r\n    pageTitle: string = \"Lesson Guide | Unit 5, Lesson 3 | T-Folio\";\r\n    title: string = \"Lesson Guide\";\r\n    subtitle: string = \"Lesson 3: Independent Living Goals\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n}\r\n","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: 'unit-five-lesson-three-landing-page',\r\n    templateUrl: '../../_shared/landing-pages/landing-page.component.html',\r\n    styleUrls: ['../../_shared/landing-pages/landing-page.component.css']\r\n})\r\nexport class UnitFiveLessonThreeLandingComponent {\r\n\r\n    bannerHeader = \"Self-Advocacy: Lesson 3\";\r\n    title: string = \"Lesson 3: Independent Living Goals\";\r\n    pageTitle: string = \"Independent Living Goals | Unit 5, Lesson 3 | T-Folio\";\r\n\r\n    openInNewWindow(url: string) {\r\n        window.open(url, '_blank');\r\n    }\r\n\r\n    doPrint(): void {\r\n        window.print();\r\n    }\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n    LandingPageData = {\r\n        breadcrumbs: {\r\n            label: \"Lesson 3\",\r\n            crumbs: [\r\n                {\r\n                    route: \"\",\r\n                    linktext: \"T-Folio\"\r\n                },\r\n                {\r\n                    route: \"/unit-5\",\r\n                    linktext: \"Unit 5\"\r\n                }\r\n            ]\r\n        },\r\n        summary: \"In Lesson 3, students will review elements of independent living, such as daily living, money management, relationships and communication, etc. Students will self-assess whether they feel they possess identified skills around independent living. Students will then reflect and set 2-3 SMART goals to improve their independent living skills.\",\r\n        objectives: [\r\n            \"Review a variety of independent living skills. \",\r\n            \"Identify their level of independence in terms of possessing identified skills.\",\r\n            \"Set SMART goals to improve areas of need.\",\r\n        ],\r\n        buttons: [\r\n            {\r\n                route: \"/unit-5/lesson-3/guide\",\r\n                linktext: \"Lesson Guide\",\r\n                color: \"btn-success\",\r\n                window: false,\r\n            },\r\n            {\r\n                route: \"/unit-5/lesson-3/a-to-z\",\r\n                linktext: \"A to Z for Independent Living\",\r\n                color: \"btn-primary\",\r\n                window: false,\r\n            },\r\n            {\r\n                route: \"/unit-5/lesson-3/independent-living-assessment\",\r\n                linktext: \"Independent Living Assessment\",\r\n                color: \"btn-primary\",\r\n                window: false,\r\n            },\r\n            {\r\n                route: \"/unit-5/lesson-3/independent-living-goals-worksheet\",\r\n                linktext: \"Independent Living Goals Worksheet\",\r\n                color: \"btn-primary\",\r\n                window: false,\r\n            },\r\n\r\n            {\r\n                route: '/img/unit-5/lesson-3/T-Folio_Unit-5_Lesson-3_Independent-Living-Goals.pptx',\r\n                linktext: \"PowerPoint Presentation\",\r\n                color: \"powerpoint-button\",\r\n                window: true,\r\n            }\r\n        ],\r\n        image: \"/img/unit-5/lesson-3/3_apples-business-buy-95425.jpg\",\r\n        imgalt: \"The image shows two people’s arms and hands as one buys an apple from the other at a fruit stand.\",\r\n        caption: \"by Erik Scheel on\",\r\n        photoLink: \"https://www.pexels.com/photo/apple-business-fruit-local-95425/\",\r\n        source: \"Pexels\",\r\n        sourceLink: \"https://www.pexels.com/\",\r\n        licence: \"CC0 license\",\r\n        licenceLink: \"https://www.pexels.com/photo-license/\",\r\n\r\n    }\r\n\r\n\r\n}\r\n","module.exports = \"table tbody tr td {\\r\\n    border: 1px solid black;\\r\\n    padding: 5px;\\r\\n}\\r\\n\\r\\n.letter-cell {\\r\\n    min-width: 15px;\\r\\n    text-align:center;\\r\\n}\\r\\n\\r\\n.letter-cell label {\\r\\n    font-weight: bold;\\r\\n    margin-bottom:0px;\\r\\n    \\r\\n}\\r\\n\\r\\n.word-cell {\\r\\n    min-width: 260px;\\r\\n}\\r\\n\\r\\ninput[type=text] {\\r\\n    border:none;\\r\\n}\\r\\n\\r\\n@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {\\r\\n\\r\\n\\r\\n}\\r\\n\\r\\n.active{\\r\\n    color: #2C3E50;\\r\\n}\"","module.exports = \"<div class=\\\"container exercise-content\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-5']\\\">Unit 5</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-5/lesson-3']\\\">Lesson 3</a></li>\\r\\n                <li class=\\\"active\\\">{{title}}</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-5/\\\">Unit 5</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-5/lesson-3/\\\">Lesson 3</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-5/lesson-3/a-to-z/\\\">{{title}}</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-5/lesson-3/a to z component'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <tfolio-heading></tfolio-heading>\\r\\n    <tfolio-page-title content=\\\"{{title}}\\\"></tfolio-page-title>\\r\\n    <tfolio-directions identifier=\\\"self-advocacy-goals-worksheet-directions\\\" tag=\\\"Directions\\\" [padBottom]=\\\"false\\\">\\r\\n        <span>\\r\\n            Fill in each space with a word or phrase related to independent living that begins with that letter.\\r\\n        </span>\\r\\n    </tfolio-directions>\\r\\n    <div style=\\\"margin-left:15px;margin-right:15px;margin-top:15px;\\\">\\r\\n        <table style=\\\"width:100%;\\\">\\r\\n            <tbody>\\r\\n                <tr>\\r\\n                    <td id=\\\"letter-cell-a\\\" class=\\\"letter-cell\\\"><label for=\\\"word-input-a\\\">A</label></td>\\r\\n                    <td class=\\\"word-cell\\\"><input type=\\\"text\\\" style=\\\"width:100%\\\" id=\\\"word-input-a\\\" /></td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td id=\\\"letter-cell-b\\\" class=\\\"letter-cell\\\"><label for=\\\"word-input-b\\\">B</label></td>\\r\\n                    <td class=\\\"word-cell\\\"><input type=\\\"text\\\" style=\\\"width:100%\\\" id=\\\"word-input-b\\\" /></td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td id=\\\"letter-cell-c\\\" class=\\\"letter-cell\\\"><label for=\\\"word-input-c\\\">C</label></td>\\r\\n                    <td class=\\\"word-cell\\\"><input type=\\\"text\\\" style=\\\"width:100%\\\" id=\\\"word-input-c\\\" /></td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td id=\\\"letter-cell-d\\\" class=\\\"letter-cell\\\"><label for=\\\"word-input-d\\\">D</label></td>\\r\\n                    <td class=\\\"word-cell\\\"><input type=\\\"text\\\" style=\\\"width:100%\\\" id=\\\"word-input-d\\\" /></td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td id=\\\"letter-cell-e\\\" class=\\\"letter-cell\\\"><label for=\\\"word-input-e\\\">E</label></td>\\r\\n                    <td class=\\\"word-cell\\\"><input type=\\\"text\\\" style=\\\"width:100%\\\" id=\\\"word-input-e\\\" /></td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td id=\\\"letter-cell-f\\\" class=\\\"letter-cell\\\"><label for=\\\"word-input-f\\\">F</label></td>\\r\\n                    <td class=\\\"word-cell\\\"><input type=\\\"text\\\" style=\\\"width:100%\\\" id=\\\"word-input-f\\\" /></td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td id=\\\"letter-cell-g\\\" class=\\\"letter-cell\\\"><label for=\\\"word-input-g\\\">G</label></td>\\r\\n                    <td class=\\\"word-cell\\\"><input type=\\\"text\\\" style=\\\"width:100%\\\" id=\\\"word-input-g\\\" /></td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td id=\\\"letter-cell-h\\\" class=\\\"letter-cell\\\"><label for=\\\"word-input-h\\\">H</label></td>\\r\\n                    <td class=\\\"word-cell\\\"><input type=\\\"text\\\" style=\\\"width:100%\\\" id=\\\"word-input-h\\\" /></td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td id=\\\"letter-cell-i\\\" class=\\\"letter-cell\\\"><label for=\\\"word-input-i\\\">I</label></td>\\r\\n                    <td class=\\\"word-cell\\\"><input type=\\\"text\\\" style=\\\"width:100%\\\" id=\\\"word-input-i\\\" /></td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td id=\\\"letter-cell-j\\\" class=\\\"letter-cell\\\"><label for=\\\"word-input-j\\\">J</label></td>\\r\\n                    <td class=\\\"word-cell\\\"><input type=\\\"text\\\" style=\\\"width:100%\\\" id=\\\"word-input-j\\\" /></td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td id=\\\"letter-cell-k\\\" class=\\\"letter-cell\\\"><label for=\\\"word-input-k\\\">K</label></td>\\r\\n                    <td class=\\\"word-cell\\\"><input type=\\\"text\\\" style=\\\"width:100%\\\" id=\\\"word-input-k\\\" /></td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td id=\\\"letter-cell-l\\\" class=\\\"letter-cell\\\"><label for=\\\"word-input-l\\\">L</label></td>\\r\\n                    <td class=\\\"word-cell\\\"><input type=\\\"text\\\" style=\\\"width:100%\\\" id=\\\"word-input-l\\\" /></td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td id=\\\"letter-cell-m\\\" class=\\\"letter-cell\\\"><label for=\\\"word-input-m\\\">M</label></td>\\r\\n                    <td class=\\\"word-cell\\\"><input type=\\\"text\\\" style=\\\"width:100%\\\" id=\\\"word-input-m\\\" /></td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td id=\\\"letter-cell-n\\\" class=\\\"letter-cell\\\"><label for=\\\"word-input-n\\\">N</label></td>\\r\\n                    <td class=\\\"word-cell\\\"><input type=\\\"text\\\" style=\\\"width:100%\\\" id=\\\"word-input-n\\\" /></td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td id=\\\"letter-cell-o\\\" class=\\\"letter-cell\\\"><label for=\\\"word-input-o\\\">O</label></td>\\r\\n                    <td class=\\\"word-cell\\\"><input type=\\\"text\\\" style=\\\"width:100%\\\" id=\\\"word-input-o\\\" /></td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td id=\\\"letter-cell-p\\\" class=\\\"letter-cell\\\"><label for=\\\"word-input-p\\\">P</label></td>\\r\\n                    <td class=\\\"word-cell\\\"><input type=\\\"text\\\" style=\\\"width:100%\\\" id=\\\"word-input-p\\\" /></td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td id=\\\"letter-cell-q\\\" class=\\\"letter-cell\\\"><label for=\\\"word-input-q\\\">Q</label></td>\\r\\n                    <td class=\\\"word-cell\\\"><input type=\\\"text\\\" style=\\\"width:100%\\\" id=\\\"word-input-q\\\" /></td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td id=\\\"letter-cell-r\\\" class=\\\"letter-cell\\\"><label for=\\\"word-input-r\\\">R</label></td>\\r\\n                    <td class=\\\"word-cell\\\"><input type=\\\"text\\\" style=\\\"width:100%\\\" id=\\\"word-input-r\\\" /></td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td id=\\\"letter-cell-s\\\" class=\\\"letter-cell\\\"><label for=\\\"word-input-s\\\">S</label></td>\\r\\n                    <td class=\\\"word-cell\\\"><input type=\\\"text\\\" style=\\\"width:100%\\\" id=\\\"word-input-s\\\" /></td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td id=\\\"letter-cell-t\\\" class=\\\"letter-cell\\\"><label for=\\\"word-input-t\\\">T</label></td>\\r\\n                    <td class=\\\"word-cell\\\"><input type=\\\"text\\\" style=\\\"width:100%\\\" id=\\\"word-input-t\\\" /></td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td id=\\\"letter-cell-u\\\" class=\\\"letter-cell\\\"><label for=\\\"word-input-u\\\">U</label></td>\\r\\n                    <td class=\\\"word-cell\\\"><input type=\\\"text\\\" style=\\\"width:100%\\\" id=\\\"word-input-u\\\" /></td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td id=\\\"letter-cell-v\\\" class=\\\"letter-cell\\\"><label for=\\\"word-input-v\\\">V</label></td>\\r\\n                    <td class=\\\"word-cell\\\"><input type=\\\"text\\\" style=\\\"width:100%\\\" id=\\\"word-input-v\\\" /></td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td id=\\\"letter-cell-w\\\" class=\\\"letter-cell\\\"><label for=\\\"word-input-w\\\">W</label></td>\\r\\n                    <td class=\\\"word-cell\\\"><input type=\\\"text\\\" style=\\\"width:100%\\\" id=\\\"word-input-w\\\" /></td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td id=\\\"letter-cell-x\\\" class=\\\"letter-cell\\\"><label for=\\\"word-input-x\\\">X</label></td>\\r\\n                    <td class=\\\"word-cell\\\"><input type=\\\"text\\\" style=\\\"width:100%\\\" id=\\\"word-input-x\\\" /></td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td id=\\\"letter-cell-y\\\" class=\\\"letter-cell\\\"><label for=\\\"word-input-y\\\">Y</label></td>\\r\\n                    <td class=\\\"word-cell\\\"><input type=\\\"text\\\" style=\\\"width:100%\\\" id=\\\"word-input-y\\\" /></td>\\r\\n                </tr>\\r\\n                <tr>\\r\\n                    <td id=\\\"letter-cell-z\\\" class=\\\"letter-cell\\\"><label for=\\\"word-input-z\\\">Z</label></td>\\r\\n                    <td class=\\\"word-cell\\\"><input type=\\\"text\\\" style=\\\"width:100%\\\" id=\\\"word-input-z\\\" /></td>\\r\\n                </tr>\\r\\n            </tbody>\\r\\n        </table>\\r\\n    </div>\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-5/lesson-3/a to z component'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: \"a-to-z\",\r\n    templateUrl: \"./a-to-z.component.html\",\r\n    styleUrls: [\"./a-to-z.component.css\"]\r\n})\r\nexport class UnitFiveLessonThreeAToZComponent {\r\n\r\n    title: string = \"A-Z for Independent Living\";\r\n    pageTitle: string = this.title + \" | Unit 5, Lesson 3 | T-Folio\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n}\r\n","module.exports = \"label {\\r\\n    font-size: small;\\r\\n    display: block;\\r\\n    line-height: 18px;\\r\\n}\\r\\n\\r\\n.bordered-cap {\\r\\n    border-left: 1px solid black;\\r\\n    border-top: 1px solid black;\\r\\n    border-right: 1px solid black;\\r\\n}\\r\\n\\r\\n.statement {\\r\\n    padding-top:15px;\\r\\n    padding-bottom:15px;\\r\\n}\\r\\n\\r\\n.labelled-radio-button {\\r\\n    text-align: center;\\r\\n    padding-top:5px;\\r\\n    padding-bottom:5px;\\r\\n}\\r\\n\\r\\n@media only screen and (max-width: 760px) {\\r\\n\\r\\n    .statement {\\r\\n        padding-top: 5px;\\r\\n        padding-bottom: 0px;\\r\\n    }\\r\\n\\r\\n    .totals-cell {\\r\\n        text-align: center;\\r\\n        padding-top: 0px;\\r\\n        padding-bottom: 5px;\\r\\n        font-size: large;\\r\\n        font-weight: bold;\\r\\n    }\\r\\n}\"","module.exports = \"<div class=\\\"row bordered-cap\\\">\\r\\n    <div class=\\\"col-md-8 statement\\\">\\r\\n        <div>{{statement}}</div>\\r\\n    </div>\\r\\n    <div class=\\\"col-md-4\\\">\\r\\n        <div class=\\\"container-fluid\\\">\\r\\n            <div class=\\\"row\\\">\\r\\n                <div class=\\\"col-xs-4 labelled-radio-button\\\">\\r\\n                    <label for=\\\"{{identifier}}-always\\\">Always</label>\\r\\n                    <input type=\\\"radio\\\" id=\\\"{{identifier}}-always\\\" name=\\\"{{identifier}}\\\" (change)=\\\"setAlways($event)\\\" />\\r\\n                </div>\\r\\n                <div class=\\\"col-xs-4 labelled-radio-button\\\">\\r\\n                    <label for=\\\"{{identifier}}-sometimes\\\">Sometimes</label>\\r\\n                    <input type=\\\"radio\\\" id=\\\"{{identifier}}-sometimes\\\" name=\\\"{{identifier}}\\\" (change)=\\\"setSometimes($event)\\\" />\\r\\n                </div>\\r\\n                <div class=\\\"col-xs-4 labelled-radio-button\\\">\\r\\n                    <label for=\\\"{{identifier}}-never\\\">Never</label>\\r\\n                    <input type=\\\"radio\\\" id=\\\"{{identifier}}-never\\\" name=\\\"{{identifier}}\\\"  (change)=\\\"setNever($event)\\\" />\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n</div>\"","import { Component, Input, Output, EventEmitter} from \"@angular/core\";\r\n\r\n@Component({\r\n    selector: 'three-radio-buttons',\r\n    templateUrl: './three-radio-buttons.component.html',\r\n    styleUrls: ['./three-radio-buttons.component.css']\r\n})\r\nexport class IndependentLivingAssessmentThreeRadioButtonsComponent {\r\n\r\n    @Input() statement: string;\r\n    @Input() identifier: string;\r\n\r\n    @Input() always: number;\r\n    @Input() sometimes: number;\r\n    @Input() never: number;\r\n\r\n    @Output() alwaysChange: EventEmitter<number> = new EventEmitter<number>();\r\n    @Output() sometimesChange: EventEmitter<number> = new EventEmitter<number>();\r\n    @Output() neverChange: EventEmitter<number> = new EventEmitter<number>();\r\n\r\n    setAlways($event) {\r\n        this.alwaysChange.emit(1);\r\n        this.sometimesChange.emit(0);\r\n        this.neverChange.emit(0);\r\n    }\r\n\r\n    setSometimes($event) {\r\n        this.alwaysChange.emit(0);\r\n        this.sometimesChange.emit(1);\r\n        this.neverChange.emit(0);\r\n    }\r\n\r\n    setNever($event) {\r\n        this.alwaysChange.emit(0);\r\n        this.sometimesChange.emit(0);\r\n        this.neverChange.emit(1);\r\n    }\r\n\r\n}","module.exports = \"h2 {\\r\\n    margin: 0;\\r\\n    font-size:x-large;\\r\\n    font-weight:bold;\\r\\n    padding-top: 10px;\\r\\n    padding-bottom: 10px;\\r\\n}\\r\\n\\r\\n.bordered-cap {\\r\\n    border-left: 1px solid black;\\r\\n    border-top: 1px solid black;\\r\\n    border-right: 1px solid black;\\r\\n}\\r\\n\\r\\n.totals-cell {\\r\\n    text-align: center;\\r\\n    padding-top: 10px;\\r\\n    padding-bottom: 10px;\\r\\n    font-size:large;\\r\\n    font-weight:bold;\\r\\n}\\r\\n\\r\\n.overall-totals-cell {\\r\\n    text-align: center;\\r\\n    padding-top: 5px;\\r\\n    padding-bottom: 5px;\\r\\n    font-size: x-large;\\r\\n    font-weight: bold;\\r\\n}\\r\\n\\r\\n@media only screen and (max-width: 760px) {\\r\\n    .totals-cell {\\r\\n        text-align: center;\\r\\n        padding-top: 0px;\\r\\n        padding-bottom: 5px;\\r\\n        font-size: large;\\r\\n        font-weight: bold;\\r\\n    }\\r\\n}\\r\\n\\r\\n.active {\\r\\n    color: #2C3E50;\\r\\n}\"","module.exports = \"<div class=\\\"container exercise-content\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-5']\\\">Unit 5</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-5/lesson-3']\\\">Lesson 3</a></li>\\r\\n                <li class=\\\"active\\\">{{title}}</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-5/\\\">Unit 5</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-5/lesson-3/\\\">Lesson 3</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-5/lesson-3/independent-living-assessment/\\\">{{title}}</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-5/lesson-3/independent living assessment'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <tfolio-heading></tfolio-heading>\\r\\n    <tfolio-page-title content=\\\"{{title}}\\\"></tfolio-page-title>\\r\\n    <tfolio-directions identifier=\\\"self-advocacy-goals-worksheet-directions\\\" tag=\\\"Directions\\\" [padBottom]=\\\"false\\\">\\r\\n        <span>\\r\\n            Review each statement and consider whether you possess the identified skills.\\r\\n            Check the box that corresponds to your answer using the following guide:\\r\\n            <ul style=\\\"list-style:url('/img/arrow.png');margin-top:10px;margin-bottom:25px;\\\">\\r\\n                <li>Always – You are able to perform this skill independently and consistently.</li>\\r\\n                <li>Sometimes – You are sometimes able to perform this skill independently.</li>\\r\\n                <li>Never – You are not able to perform this skill consistently or not at all.</li>\\r\\n            </ul>\\r\\n        </span>\\r\\n    </tfolio-directions>\\r\\n\\r\\n    <div style=\\\"margin-left:15px;margin-right:15px;margin-bottom:15px;page-break-inside:avoid;\\\">\\r\\n        <div class=\\\"row bordered-cap\\\">\\r\\n            <div class=\\\"col-md-8\\\"><h2>Daily Living</h2></div>\\r\\n            <div class=\\\"col-md-4\\\"></div>\\r\\n        </div>\\r\\n        <three-radio-buttons statement=\\\"Follow a daily living routine independently (hygiene, clothes, meals)\\\"\\r\\n                             identifier=\\\"daily-routine\\\"\\r\\n                             [(always)]=\\\"this.data.dailyLiving.routine.always\\\"\\r\\n                             [(sometimes)]=\\\"this.data.dailyLiving.routine.sometimes\\\"\\r\\n                             [(never)]=\\\"this.data.dailyLiving.routine.never\\\"></three-radio-buttons>\\r\\n        <three-radio-buttons statement=\\\"Purchase and prepare positive food choices\\\"\\r\\n                             identifier=\\\"purchase-and-prepare-food\\\"\\r\\n                             [(always)]=\\\"this.data.dailyLiving.food.always\\\"\\r\\n                             [(sometimes)]=\\\"this.data.dailyLiving.food.sometimes\\\"\\r\\n                             [(never)]=\\\"this.data.dailyLiving.food.never\\\"></three-radio-buttons>\\r\\n        <three-radio-buttons statement=\\\"Complete chores around the home\\\"\\r\\n                             identifier=\\\"complete-chores\\\"\\r\\n                             [(always)]=\\\"this.data.dailyLiving.chores.always\\\"\\r\\n                             [(sometimes)]=\\\"this.data.dailyLiving.chores.sometimes\\\"\\r\\n                             [(never)]=\\\"this.data.dailyLiving.chores.never\\\"></three-radio-buttons>\\r\\n        <three-radio-buttons statement=\\\"Know options of where to live after high school\\\"\\r\\n                             identifier=\\\"know-where-to-live\\\"\\r\\n                             [(always)]=\\\"this.data.dailyLiving.whereToLive.always\\\"\\r\\n                             [(sometimes)]=\\\"this.data.dailyLiving.whereToLive.sometimes\\\"\\r\\n                             [(never)]=\\\"this.data.dailyLiving.whereToLive.never\\\"></three-radio-buttons>\\r\\n        <three-radio-buttons statement=\\\"Know preferred schedule for after high school\\\"\\r\\n                             identifier=\\\"know-preferred-schedule\\\"\\r\\n                             [(always)]=\\\"this.data.dailyLiving.preferredSchedule.always\\\"\\r\\n                             [(sometimes)]=\\\"this.data.dailyLiving.preferredSchedule.sometimes\\\"\\r\\n                             [(never)]=\\\"this.data.dailyLiving.preferredSchedule.never\\\"></three-radio-buttons>\\r\\n        <div class=\\\"row\\\" style=\\\"border:1px solid black;\\\">\\r\\n            <div class=\\\"col-md-8\\\" style=\\\"padding-top:10px;padding-bottom:10px;font-size:larger;\\\"><b>Totals</b></div>\\r\\n            <div class=\\\"col-md-4\\\">\\r\\n                <div class=\\\"container-fluid\\\">\\r\\n                    <div class=\\\"row\\\">\\r\\n                        <div class=\\\"col-xs-4 totals-cell\\\">{{dailyLivingAlways}}</div>\\r\\n                        <div class=\\\"col-xs-4 totals-cell\\\">{{dailyLivingSometimes}}</div>\\r\\n                        <div class=\\\"col-xs-4 totals-cell\\\">{{dailyLivingNever}}</div>\\r\\n                    </div>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div style=\\\"margin-left:15px;margin-right:15px;margin-bottom:15px;page-break-inside:avoid;\\\">\\r\\n        <div class=\\\"row bordered-cap\\\">\\r\\n            <div class=\\\"col-md-8\\\"><h2>Money Management</h2></div>\\r\\n            <div class=\\\"col-md-4\\\"></div>\\r\\n        </div>\\r\\n        <three-radio-buttons statement=\\\"Maintain own checking and savings accounts\\\"\\r\\n                             identifier=\\\"maintain-accounts\\\"\\r\\n                             [(always)]=\\\"this.data.moneyManagement.maintainAccounts.always\\\"\\r\\n                             [(sometimes)]=\\\"this.data.moneyManagement.maintainAccounts.sometimes\\\"\\r\\n                             [(never)]=\\\"this.data.moneyManagement.maintainAccounts.never\\\"></three-radio-buttons>\\r\\n        <three-radio-buttons statement=\\\"Know the costs of needed services (phone, internet, banking)\\\"\\r\\n                             identifier=\\\"know-costs-of-services\\\"\\r\\n                             [(always)]=\\\"this.data.moneyManagement.knowCostsOfServices.always\\\"\\r\\n                             [(sometimes)]=\\\"this.data.moneyManagement.knowCostsOfServices.sometimes\\\"\\r\\n                             [(never)]=\\\"this.data.moneyManagement.knowCostsOfServices.never\\\"></three-radio-buttons>\\r\\n        <three-radio-buttons statement=\\\"Able to use debit and credit cards\\\"\\r\\n                             identifier=\\\"use-credit-cards\\\"\\r\\n                             [(always)]=\\\"this.data.moneyManagement.useCreditCards.always\\\"\\r\\n                             [(sometimes)]=\\\"this.data.moneyManagement.useCreditCards.sometimes\\\"\\r\\n                             [(never)]=\\\"this.data.moneyManagement.useCreditCards.never\\\"></three-radio-buttons>\\r\\n        <three-radio-buttons statement=\\\"Able to use online banking to maintain a budget\\\"\\r\\n                             identifier=\\\"use-online-banking\\\"\\r\\n                             [(always)]=\\\"this.data.moneyManagement.useOnlineBanking.always\\\"\\r\\n                             [(sometimes)]=\\\"this.data.moneyManagement.useOnlineBanking.sometimes\\\"\\r\\n                             [(never)]=\\\"this.data.moneyManagement.useOnlineBanking.never\\\"></three-radio-buttons>\\r\\n        <three-radio-buttons statement=\\\"Understand what a credit score is\\\"\\r\\n                             identifier=\\\"understand-credit-schedule\\\"\\r\\n                             [(always)]=\\\"this.data.moneyManagement.understandCreditScore.always\\\"\\r\\n                             [(sometimes)]=\\\"this.data.moneyManagement.understandCreditScore.sometimes\\\"\\r\\n                             [(never)]=\\\"this.data.moneyManagement.understandCreditScore.never\\\"></three-radio-buttons>\\r\\n        <div class=\\\"row\\\" style=\\\"border:1px solid black;\\\">\\r\\n            <div class=\\\"col-md-8\\\" style=\\\"padding-top:10px;padding-bottom:10px;font-size:larger;\\\"><b>Totals</b></div>\\r\\n            <div class=\\\"col-md-4\\\">\\r\\n                <div class=\\\"container-fluid\\\">\\r\\n                    <div class=\\\"row\\\">\\r\\n                        <div class=\\\"col-xs-4 totals-cell\\\">{{moneyManagementAlways}}</div>\\r\\n                        <div class=\\\"col-xs-4 totals-cell\\\">{{moneyManagementSometimes}}</div>\\r\\n                        <div class=\\\"col-xs-4 totals-cell\\\">{{moneyManagementNever}}</div>\\r\\n                    </div>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div style=\\\"margin-left:15px;margin-right:15px;margin-bottom:15px;page-break-inside:avoid;\\\">\\r\\n        <div class=\\\"row bordered-cap\\\">\\r\\n            <div class=\\\"col-md-8\\\"><h2>Relationships and Communication</h2></div>\\r\\n            <div class=\\\"col-md-4\\\"></div>\\r\\n        </div>\\r\\n        <three-radio-buttons statement=\\\"Maintain relationships with family and friends\\\"\\r\\n                             identifier=\\\"maintain-relationships\\\"\\r\\n                             [(always)]=\\\"this.data.relationships.maintainRelationships.always\\\"\\r\\n                             [(sometimes)]=\\\"this.data.relationships.maintainRelationships.sometimes\\\"\\r\\n                             [(never)]=\\\"this.data.relationships.maintainRelationships.never\\\"></three-radio-buttons>\\r\\n        <three-radio-buttons statement=\\\"Able to establish new friendships\\\"\\r\\n                             identifier=\\\"establish-new-friendships\\\"\\r\\n                             [(always)]=\\\"this.data.relationships.establishNewFriendships.always\\\"\\r\\n                             [(sometimes)]=\\\"this.data.relationships.establishNewFriendships.sometimes\\\"\\r\\n                             [(never)]=\\\"this.data.relationships.establishNewFriendships.never\\\"></three-radio-buttons>\\r\\n        <three-radio-buttons statement=\\\"Understand the concepts of sexuality (physical self, reproductive process, dating)\\\"\\r\\n                             identifier=\\\"understand-sexuality\\\"\\r\\n                             [(always)]=\\\"this.data.relationships.understandSexuality.always\\\"\\r\\n                             [(sometimes)]=\\\"this.data.relationships.understandSexuality.sometimes\\\"\\r\\n                             [(never)]=\\\"this.data.relationships.understandSexuality.never\\\"></three-radio-buttons>\\r\\n        <three-radio-buttons statement=\\\"Understand the dangers around meeting someone online\\\"\\r\\n                             identifier=\\\"understand-online\\\"\\r\\n                             [(always)]=\\\"this.data.relationships.understandOnline.always\\\"\\r\\n                             [(sometimes)]=\\\"this.data.relationships.understandOnline.sometimes\\\"\\r\\n                             [(never)]=\\\"this.data.relationships.understandOnline.never\\\"></three-radio-buttons>\\r\\n        <three-radio-buttons statement=\\\"Make informed choices regarding sexual behavior\\\"\\r\\n                             identifier=\\\"make-informed-choices-sexuality\\\"\\r\\n                             [(always)]=\\\"this.data.relationships.makeInformedChoicesSexuality.always\\\"\\r\\n                             [(sometimes)]=\\\"this.data.relationships.makeInformedChoicesSexuality.sometimes\\\"\\r\\n                             [(never)]=\\\"this.data.relationships.makeInformedChoicesSexuality.never\\\">\\r\\n        </three-radio-buttons>\\r\\n        <div class=\\\"row\\\" style=\\\"border:1px solid black;\\\">\\r\\n            <div class=\\\"col-md-8\\\" style=\\\"padding-top:10px;padding-bottom:10px;font-size:larger;\\\"><b>Totals</b></div>\\r\\n            <div class=\\\"col-md-4\\\">\\r\\n                <div class=\\\"container-fluid\\\">\\r\\n                    <div class=\\\"row\\\">\\r\\n                        <div class=\\\"col-xs-4 totals-cell\\\">{{relationshipsAlways}}</div>\\r\\n                        <div class=\\\"col-xs-4 totals-cell\\\">{{relationshipsSometimes}}</div>\\r\\n                        <div class=\\\"col-xs-4 totals-cell\\\">{{relationshipsNever}}</div>\\r\\n                    </div>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div style=\\\"margin-left:15px;margin-right:15px;margin-bottom:15px;page-break-inside:avoid;\\\">\\r\\n        <div class=\\\"row bordered-cap\\\">\\r\\n            <div class=\\\"col-md-8\\\"><h2>Community Access</h2></div>\\r\\n            <div class=\\\"col-md-4\\\"></div>\\r\\n        </div>\\r\\n        <three-radio-buttons statement=\\\"Know about leisure and recreational activities in the community\\\"\\r\\n                             identifier=\\\"know-leisure-activities\\\"\\r\\n                             [(always)]=\\\"this.data.communityAccess.knowLeisureActivities.always\\\"\\r\\n                             [(sometimes)]=\\\"this.data.communityAccess.knowLeisureActivities.sometimes\\\"\\r\\n                             [(never)]=\\\"this.data.communityAccess.knowLeisureActivities.never\\\"></three-radio-buttons>\\r\\n        <three-radio-buttons statement=\\\"Utilize leisure and recreational activities in the community\\\"\\r\\n                             identifier=\\\"utilize-leisure-activities\\\"\\r\\n                             [(always)]=\\\"this.data.communityAccess.utilizeLeisureActivities.always\\\"\\r\\n                             [(sometimes)]=\\\"this.data.communityAccess.utilizeLeisureActivities.sometimes\\\"\\r\\n                             [(never)]=\\\"this.data.communityAccess.utilizeLeisureActivities.never\\\"></three-radio-buttons>\\r\\n        <three-radio-buttons statement=\\\"Use community services independently, such as stores, banks, police department\\\"\\r\\n                             identifier=\\\"use-community-services\\\"\\r\\n                             [(always)]=\\\"this.data.communityAccess.useCommunityServices.always\\\"\\r\\n                             [(sometimes)]=\\\"this.data.communityAccess.useCommunityServices.sometimes\\\"\\r\\n                             [(never)]=\\\"this.data.communityAccess.useCommunityServices.never\\\"></three-radio-buttons>\\r\\n        <three-radio-buttons statement=\\\"Can follow public safety rules and laws\\\"\\r\\n                             identifier=\\\"can-follow-safety-rules\\\"\\r\\n                             [(always)]=\\\"this.data.communityAccess.canFollowSafetyRules.always\\\"\\r\\n                             [(sometimes)]=\\\"this.data.communityAccess.canFollowSafetyRules.sometimes\\\"\\r\\n                             [(never)]=\\\"this.data.communityAccess.canFollowSafetyRules.never\\\"></three-radio-buttons>\\r\\n        <three-radio-buttons statement=\\\"Know how to participate in voting and political decision making\\\"\\r\\n                             identifier=\\\"know-how-to-participate\\\"\\r\\n                             [(always)]=\\\"this.data.communityAccess.knowHowToParticipate.always\\\"\\r\\n                             [(sometimes)]=\\\"this.data.communityAccess.knowHowToParticipate.sometimes\\\"\\r\\n                             [(never)]=\\\"this.data.communityAccess.knowHowToParticipate.never\\\"></three-radio-buttons>\\r\\n        <div class=\\\"row\\\" style=\\\"border:1px solid black;\\\">\\r\\n            <div class=\\\"col-md-8\\\" style=\\\"padding-top:10px;padding-bottom:10px;font-size:larger;\\\"><b>Totals</b></div>\\r\\n            <div class=\\\"col-md-4\\\">\\r\\n                <div class=\\\"container-fluid\\\">\\r\\n                    <div class=\\\"row\\\">\\r\\n                        <div class=\\\"col-xs-4 totals-cell\\\">{{communityAccessAlways}}</div>\\r\\n                        <div class=\\\"col-xs-4 totals-cell\\\">{{communityAccessSometimes}}</div>\\r\\n                        <div class=\\\"col-xs-4 totals-cell\\\">{{communityAccessNever}}</div>\\r\\n                    </div>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div style=\\\"margin-left:15px;margin-right:15px;margin-bottom:15px;page-break-inside:avoid;\\\">\\r\\n        <div class=\\\"row bordered-cap\\\">\\r\\n            <div class=\\\"col-md-8\\\"><h2>Self-Care and Safety</h2></div>\\r\\n            <div class=\\\"col-md-4\\\"></div>\\r\\n        </div>\\r\\n        <three-radio-buttons statement=\\\"Able to perform basic first aid to self and others\\\"\\r\\n                             identifier=\\\"perform-first-aid\\\"\\r\\n                             [(always)]=\\\"this.data.selfCare.performFirstAid.always\\\"\\r\\n                             [(sometimes)]=\\\"this.data.selfCare.performFirstAid.sometimes\\\"\\r\\n                             [(never)]=\\\"this.data.selfCare.performFirstAid.never\\\"></three-radio-buttons>\\r\\n        <three-radio-buttons statement=\\\"Able to complete paperwork for medical and dental needs\\\"\\r\\n                             identifier=\\\"complete-medical-paperwork\\\"\\r\\n                             [(always)]=\\\"this.data.selfCare.completeMedicalPaperwork.always\\\"\\r\\n                             [(sometimes)]=\\\"this.data.selfCare.completeMedicalPaperwork.sometimes\\\"\\r\\n                             [(never)]=\\\"this.data.selfCare.completeMedicalPaperwork.never\\\"></three-radio-buttons>\\r\\n        <three-radio-buttons statement=\\\"Able to make and keep medical and dental appointments\\\"\\r\\n                             identifier=\\\"keep-medical-appointments\\\"\\r\\n                             [(always)]=\\\"this.data.selfCare.keepMedicalAppointments.always\\\"\\r\\n                             [(sometimes)]=\\\"this.data.selfCare.keepMedicalAppointments.sometimes\\\"\\r\\n                             [(never)]=\\\"this.data.selfCare.keepMedicalAppointments.never\\\"></three-radio-buttons>\\r\\n        <three-radio-buttons statement=\\\"Know CPR and when it is necessary to use\\\"\\r\\n                             identifier=\\\"know-cpr\\\"\\r\\n                             [(always)]=\\\"this.data.selfCare.knowCPR.always\\\"\\r\\n                             [(sometimes)]=\\\"this.data.selfCare.knowCPR.sometimes\\\"\\r\\n                             [(never)]=\\\"this.data.selfCare.knowCPR.never\\\"></three-radio-buttons>\\r\\n        <three-radio-buttons statement=\\\"Feel confident to call 9-1-1 in an emergency\\\"\\r\\n                             identifier=\\\"call-911\\\"\\r\\n                             [(always)]=\\\"this.data.selfCare.call911.always\\\"\\r\\n                             [(sometimes)]=\\\"this.data.selfCare.call911.sometimes\\\"\\r\\n                             [(never)]=\\\"this.data.selfCare.call911.never\\\"></three-radio-buttons>\\r\\n        <div class=\\\"row\\\" style=\\\"border:1px solid black;\\\">\\r\\n            <div class=\\\"col-md-8\\\" style=\\\"padding-top:10px;padding-bottom:10px;font-size:larger;\\\"><b>Totals</b></div>\\r\\n            <div class=\\\"col-md-4\\\">\\r\\n                <div class=\\\"container-fluid\\\">\\r\\n                    <div class=\\\"row\\\">\\r\\n                        <div class=\\\"col-xs-4 totals-cell\\\">{{selfCareAlways}}</div>\\r\\n                        <div class=\\\"col-xs-4 totals-cell\\\">{{selfCareSometimes}}</div>\\r\\n                        <div class=\\\"col-xs-4 totals-cell\\\">{{selfCareNever}}</div>\\r\\n                    </div>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div style=\\\"margin-left:15px;margin-right:15px;margin-bottom:15px;page-break-inside:avoid;\\\">\\r\\n        <div class=\\\"row bordered-cap\\\">\\r\\n            <div class=\\\"col-md-8\\\"><h2>Transportation</h2></div>\\r\\n            <div class=\\\"col-md-4\\\"></div>\\r\\n        </div>\\r\\n        <three-radio-buttons statement=\\\"Select appropriate method of transportation and can use independently\\\"\\r\\n                             identifier=\\\"select-appropriate\\\"\\r\\n                             [(always)]=\\\"this.data.transportation.selectAppropriate.always\\\"\\r\\n                             [(sometimes)]=\\\"this.data.transportation.selectAppropriate.sometimes\\\"\\r\\n                             [(never)]=\\\"this.data.transportation.selectAppropriate.never\\\"></three-radio-buttons>\\r\\n        <three-radio-buttons statement=\\\"Possess and keep track of own transportation documentation (driver’s license, bus pass)\\\"\\r\\n                             identifier=\\\"keep-track-of-documentation\\\"\\r\\n                             [(always)]=\\\"this.data.transportation.keepTrackOfDocumentation.always\\\"\\r\\n                             [(sometimes)]=\\\"this.data.transportation.keepTrackOfDocumentation.sometimes\\\"\\r\\n                             [(never)]=\\\"this.data.transportation.keepTrackOfDocumentation.never\\\"></three-radio-buttons>\\r\\n        <three-radio-buttons statement=\\\"Navigate community using preferred mode of transportation\\\"\\r\\n                             identifier=\\\"navigate-community\\\"\\r\\n                             [(always)]=\\\"this.data.transportation.navigateCommunity.always\\\"\\r\\n                             [(sometimes)]=\\\"this.data.transportation.navigateCommunity.sometimes\\\"\\r\\n                             [(never)]=\\\"this.data.transportation.navigateCommunity.never\\\"></three-radio-buttons>\\r\\n        <three-radio-buttons statement=\\\"Maintain vehicle\\\"\\r\\n                             identifier=\\\"maintain-vehicle\\\"\\r\\n                             [(always)]=\\\"this.data.transportation.maintainVehicle.always\\\"\\r\\n                             [(sometimes)]=\\\"this.data.transportation.maintainVehicle.sometimes\\\"\\r\\n                             [(never)]=\\\"this.data.transportation.maintainVehicle.never\\\"></three-radio-buttons>\\r\\n        <three-radio-buttons statement=\\\"Know an alternative mode of transportation in an emergency\\\"\\r\\n                             identifier=\\\"know-alternate\\\"\\r\\n                             [(always)]=\\\"this.data.transportation.knowAlternate.always\\\"\\r\\n                             [(sometimes)]=\\\"this.data.transportation.knowAlternate.sometimes\\\"\\r\\n                             [(never)]=\\\"this.data.transportation.knowAlternate.never\\\"></three-radio-buttons>\\r\\n        <div class=\\\"row\\\" style=\\\"border:1px solid black;\\\">\\r\\n            <div class=\\\"col-md-8\\\" style=\\\"padding-top:10px;padding-bottom:10px;font-size:larger;\\\"><b>Totals</b></div>\\r\\n            <div class=\\\"col-md-4\\\">\\r\\n                <div class=\\\"container-fluid\\\">\\r\\n                    <div class=\\\"row\\\">\\r\\n                        <div class=\\\"col-xs-4 totals-cell\\\">{{transportationAlways}}</div>\\r\\n                        <div class=\\\"col-xs-4 totals-cell\\\">{{transportationSometimes}}</div>\\r\\n                        <div class=\\\"col-xs-4 totals-cell\\\">{{transportationNever}}</div>\\r\\n                    </div>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div style=\\\"margin-left:15px;margin-right:15px;margin-bottom:15px;page-break-inside:avoid;\\\">\\r\\n        <div class=\\\"row bordered-cap\\\">\\r\\n            <div class=\\\"col-md-8\\\"><h2>Self-Advocacy</h2></div>\\r\\n            <div class=\\\"col-md-4\\\"></div>\\r\\n        </div>\\r\\n        <three-radio-buttons statement=\\\"Express needs, strengths, and preferences\\\"\\r\\n                             identifier=\\\"express-needs\\\"\\r\\n                             [(always)]=\\\"this.data.selfAdvocacy.expressNeeds.always\\\"\\r\\n                             [(sometimes)]=\\\"this.data.selfAdvocacy.expressNeeds.sometimes\\\"\\r\\n                             [(never)]=\\\"this.data.selfAdvocacy.expressNeeds.never\\\"></three-radio-buttons>\\r\\n        <three-radio-buttons statement=\\\"Ask for accommodations when needed\\\"\\r\\n                             identifier=\\\"ask-for-accommodations\\\"\\r\\n                             [(always)]=\\\"this.data.selfAdvocacy.askForAccommodations.always\\\"\\r\\n                             [(sometimes)]=\\\"this.data.selfAdvocacy.askForAccommodations.sometimes\\\"\\r\\n                             [(never)]=\\\"this.data.selfAdvocacy.askForAccommodations.never\\\"></three-radio-buttons>\\r\\n        <three-radio-buttons statement=\\\"Able to make decisions about personal future\\\"\\r\\n                             identifier=\\\"make-decisions-about-future\\\"\\r\\n                             [(always)]=\\\"this.data.selfAdvocacy.makeDecisionsAboutFuture.always\\\"\\r\\n                             [(sometimes)]=\\\"this.data.selfAdvocacy.makeDecisionsAboutFuture.sometimes\\\"\\r\\n                             [(never)]=\\\"this.data.selfAdvocacy.makeDecisionsAboutFuture.never\\\"></three-radio-buttons>\\r\\n        <three-radio-buttons statement=\\\"Make decisions for family\\\"\\r\\n                             identifier=\\\"make-decisions-for-family\\\"\\r\\n                             [(always)]=\\\"this.data.selfAdvocacy.makeDecisionsForFamily.always\\\"\\r\\n                             [(sometimes)]=\\\"this.data.selfAdvocacy.makeDecisionsForFamily.sometimes\\\"\\r\\n                             [(never)]=\\\"this.data.selfAdvocacy.makeDecisionsForFamily.never\\\"></three-radio-buttons>\\r\\n        <three-radio-buttons statement=\\\"Know rights and responsibilities\\\"\\r\\n                             identifier=\\\"know-rights\\\"\\r\\n                             [(always)]=\\\"this.data.selfAdvocacy.knowRights.always\\\"\\r\\n                             [(sometimes)]=\\\"this.data.selfAdvocacy.knowRights.sometimes\\\"\\r\\n                             [(never)]=\\\"this.data.selfAdvocacy.knowRights.never\\\"></three-radio-buttons>\\r\\n        <div class=\\\"row\\\" style=\\\"border:1px solid black;\\\">\\r\\n            <div class=\\\"col-md-8\\\" style=\\\"padding-top:10px;padding-bottom:10px;font-size:larger;\\\"><b>Totals</b></div>\\r\\n            <div class=\\\"col-md-4\\\">\\r\\n                <div class=\\\"container-fluid\\\">\\r\\n                    <div class=\\\"row\\\">\\r\\n                        <div class=\\\"col-xs-4 totals-cell\\\">{{selfAdvocacyAlways}}</div>\\r\\n                        <div class=\\\"col-xs-4 totals-cell\\\">{{selfAdvocacySometimes}}</div>\\r\\n                        <div class=\\\"col-xs-4 totals-cell\\\">{{selfAdvocacyNever}}</div>\\r\\n                    </div>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div style=\\\"margin-left:15px;margin-right:15px;margin-bottom:15px;page-break-inside:avoid;\\\">\\r\\n        <div class=\\\"row\\\" style=\\\"border:1px solid black;\\\">\\r\\n            <div class=\\\"col-md-8\\\"><h2>Overall Totals</h2></div>\\r\\n            <div class=\\\"col-md-4\\\">\\r\\n                <div class=\\\"container-fluid\\\">\\r\\n                    <div class=\\\"row\\\">\\r\\n                        <div class=\\\"col-xs-4 overall-totals-cell\\\">{{totalAlways}}</div>\\r\\n                        <div class=\\\"col-xs-4 overall-totals-cell\\\">{{totalSometimes}}</div>\\r\\n                        <div class=\\\"col-xs-4 overall-totals-cell\\\">{{totalNever}}</div>\\r\\n                    </div>\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-5/lesson-3/independent living assessment'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: \"independent-living-assessment\",\r\n    templateUrl: \"./independent-living-assessment.component.html\",\r\n    styleUrls: [\"./independent-living-assessment.component.css\"]\r\n})\r\nexport class UnitFiveLessonThreeIndependentLivingAssessmentComponent {\r\n\r\n    title: string = \"Independent Living Assessment\";\r\n    pageTitle: string = this.title + \" | Unit 5, Lesson 3 | T-Folio\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n\r\n    data: any = {\r\n        dailyLiving: {\r\n            routine: { always: 0, sometimes: 0, never: 0 },\r\n            food: { always: 0, sometimes: 0, never: 0 },\r\n            chores: { always: 0, sometimes: 0, never: 0 },\r\n            whereToLive: { always: 0, sometimes: 0, never: 0 },\r\n            preferredSchedule: { always: 0, sometimes: 0, never: 0 }\r\n        },\r\n        moneyManagement: {\r\n            maintainAccounts: { always: 0, sometimes: 0, never: 0 },\r\n            knowCostsOfServices: { always: 0, sometimes: 0, never: 0 },\r\n            useCreditCards: { always: 0, sometimes: 0, never: 0 },\r\n            useOnlineBanking: { always: 0, sometimes: 0, never: 0 },\r\n            understandCreditScore: { always: 0, sometimes: 0, never: 0 }\r\n        },\r\n        relationships: {\r\n            maintainRelationships: { always: 0, sometimes: 0, never: 0 },\r\n            establishNewFriendships: { always: 0, sometimes: 0, never: 0 },\r\n            understandSexuality: { always: 0, sometimes: 0, never: 0 },\r\n            understandOnline: { always: 0, sometimes: 0, never: 0 },\r\n            makeInformedChoicesSexuality: { always: 0, sometimes: 0, never: 0 }\r\n        },\r\n        communityAccess: {\r\n            knowLeisureActivities: { always: 0, sometimes: 0, never: 0 },\r\n            utilizeLeisureActivities: { always: 0, sometimes: 0, never: 0 },\r\n            useCommunityServices: { always: 0, sometimes: 0, never: 0 },\r\n            canFollowSafetyRules: { always: 0, sometimes: 0, never: 0 },\r\n            knowHowToParticipate: { always: 0, sometimes: 0, never: 0 }\r\n        },\r\n        selfCare: {\r\n            performFirstAid: { always: 0, sometimes: 0, never: 0 },\r\n            completeMedicalPaperwork: { always: 0, sometimes: 0, never: 0 },\r\n            keepMedicalAppointments: { always: 0, sometimes: 0, never: 0 },\r\n            knowCPR: { always: 0, sometimes: 0, never: 0 },\r\n            call911: { always: 0, sometimes: 0, never: 0 }\r\n        },\r\n        transportation: {\r\n            selectAppropriate: { always: 0, sometimes: 0, never: 0 },\r\n            keepTrackOfDocumentation: { always: 0, sometimes: 0, never: 0 },\r\n            navigateCommunity: { always: 0, sometimes: 0, never: 0 },\r\n            maintainVehicle: { always: 0, sometimes: 0, never: 0 },\r\n            knowAlternate: { always: 0, sometimes: 0, never: 0 }\r\n        },\r\n        selfAdvocacy: {\r\n            expressNeeds: { always: 0, sometimes: 0, never: 0 },\r\n            askForAccommodations: { always: 0, sometimes: 0, never: 0 },\r\n            makeDecisionsAboutFuture: { always: 0, sometimes: 0, never: 0 },\r\n            makeDecisionsForFamily: { always: 0, sometimes: 0, never: 0 },\r\n            knowRights: { always: 0, sometimes: 0, never: 0 }\r\n        }\r\n    }\r\n\r\n    public get dailyLivingAlways(): number {\r\n        return this.data.dailyLiving.routine.always +\r\n            this.data.dailyLiving.food.always +\r\n            this.data.dailyLiving.chores.always +\r\n            this.data.dailyLiving.whereToLive.always +\r\n            this.data.dailyLiving.preferredSchedule.always;\r\n    }\r\n    public get dailyLivingSometimes(): number {\r\n        return this.data.dailyLiving.routine.sometimes +\r\n            this.data.dailyLiving.food.sometimes +\r\n            this.data.dailyLiving.chores.sometimes +\r\n            this.data.dailyLiving.whereToLive.sometimes +\r\n            this.data.dailyLiving.preferredSchedule.sometimes;\r\n    }\r\n    public get dailyLivingNever(): number {\r\n        return this.data.dailyLiving.routine.never +\r\n            this.data.dailyLiving.food.never +\r\n            this.data.dailyLiving.chores.never +\r\n            this.data.dailyLiving.whereToLive.never +\r\n            this.data.dailyLiving.preferredSchedule.never;\r\n    }\r\n\r\n    public get moneyManagementAlways(): number {\r\n        return this.data.moneyManagement.maintainAccounts.always +\r\n            this.data.moneyManagement.knowCostsOfServices.always +\r\n            this.data.moneyManagement.useCreditCards.always +\r\n            this.data.moneyManagement.useOnlineBanking.always +\r\n            this.data.moneyManagement.understandCreditScore.always;\r\n    }\r\n    public get moneyManagementSometimes(): number {\r\n        return this.data.moneyManagement.maintainAccounts.sometimes +\r\n            this.data.moneyManagement.knowCostsOfServices.sometimes +\r\n            this.data.moneyManagement.useCreditCards.sometimes +\r\n            this.data.moneyManagement.useOnlineBanking.sometimes +\r\n            this.data.moneyManagement.understandCreditScore.sometimes;\r\n    }\r\n    public get moneyManagementNever(): number {\r\n        return this.data.moneyManagement.maintainAccounts.never +\r\n            this.data.moneyManagement.knowCostsOfServices.never +\r\n            this.data.moneyManagement.useCreditCards.never +\r\n            this.data.moneyManagement.useOnlineBanking.never +\r\n            this.data.moneyManagement.understandCreditScore.never;\r\n    }\r\n\r\n    public get relationshipsAlways(): number {\r\n        return this.data.relationships.maintainRelationships.always +\r\n            this.data.relationships.establishNewFriendships.always +\r\n            this.data.relationships.understandSexuality.always +\r\n            this.data.relationships.understandOnline.always +\r\n            this.data.relationships.makeInformedChoicesSexuality.always;\r\n    }\r\n    public get relationshipsSometimes(): number {\r\n        return this.data.relationships.maintainRelationships.sometimes +\r\n            this.data.relationships.establishNewFriendships.sometimes +\r\n            this.data.relationships.understandSexuality.sometimes +\r\n            this.data.relationships.understandOnline.sometimes +\r\n            this.data.relationships.makeInformedChoicesSexuality.sometimes;\r\n    }\r\n    public get relationshipsNever(): number {\r\n        return this.data.relationships.maintainRelationships.never +\r\n            this.data.relationships.establishNewFriendships.never +\r\n            this.data.relationships.understandSexuality.never +\r\n            this.data.relationships.understandOnline.never +\r\n            this.data.relationships.makeInformedChoicesSexuality.never;\r\n    }\r\n\r\n    public get communityAccessAlways(): number {\r\n        return this.data.communityAccess.knowLeisureActivities.always +\r\n            this.data.communityAccess.utilizeLeisureActivities.always +\r\n            this.data.communityAccess.useCommunityServices.always +\r\n            this.data.communityAccess.canFollowSafetyRules.always +\r\n            this.data.communityAccess.knowHowToParticipate.always;\r\n    }\r\n    public get communityAccessSometimes(): number {\r\n        return this.data.communityAccess.knowLeisureActivities.sometimes +\r\n            this.data.communityAccess.utilizeLeisureActivities.sometimes +\r\n            this.data.communityAccess.useCommunityServices.sometimes +\r\n            this.data.communityAccess.canFollowSafetyRules.sometimes +\r\n            this.data.communityAccess.knowHowToParticipate.sometimes;\r\n    }\r\n    public get communityAccessNever(): number {\r\n        return this.data.communityAccess.knowLeisureActivities.never +\r\n            this.data.communityAccess.utilizeLeisureActivities.never +\r\n            this.data.communityAccess.useCommunityServices.never +\r\n            this.data.communityAccess.canFollowSafetyRules.never +\r\n            this.data.communityAccess.knowHowToParticipate.never;\r\n    }\r\n\r\n    public get selfCareAlways(): number {\r\n        return this.data.selfCare.performFirstAid.always +\r\n            this.data.selfCare.completeMedicalPaperwork.always +\r\n            this.data.selfCare.keepMedicalAppointments.always +\r\n            this.data.selfCare.knowCPR.always +\r\n            this.data.selfCare.call911.always;\r\n    }\r\n    public get selfCareSometimes(): number {\r\n        return this.data.selfCare.performFirstAid.sometimes +\r\n            this.data.selfCare.completeMedicalPaperwork.sometimes +\r\n            this.data.selfCare.keepMedicalAppointments.sometimes +\r\n            this.data.selfCare.knowCPR.sometimes +\r\n            this.data.selfCare.call911.sometimes;\r\n    }\r\n    public get selfCareNever(): number {\r\n        return this.data.selfCare.performFirstAid.never +\r\n            this.data.selfCare.completeMedicalPaperwork.never +\r\n            this.data.selfCare.keepMedicalAppointments.never +\r\n            this.data.selfCare.knowCPR.never +\r\n            this.data.selfCare.call911.never;\r\n    }\r\n\r\n    public get transportationAlways(): number {\r\n        return this.data.transportation.selectAppropriate.always +\r\n            this.data.transportation.keepTrackOfDocumentation.always +\r\n            this.data.transportation.navigateCommunity.always +\r\n            this.data.transportation.maintainVehicle.always +\r\n            this.data.transportation.knowAlternate.always;\r\n    }\r\n    public get transportationSometimes(): number {\r\n        return this.data.transportation.selectAppropriate.sometimes +\r\n            this.data.transportation.keepTrackOfDocumentation.sometimes +\r\n            this.data.transportation.navigateCommunity.sometimes +\r\n            this.data.transportation.maintainVehicle.sometimes +\r\n            this.data.transportation.knowAlternate.sometimes;\r\n    }\r\n    public get transportationNever(): number {\r\n        return this.data.transportation.selectAppropriate.never +\r\n            this.data.transportation.keepTrackOfDocumentation.never +\r\n            this.data.transportation.navigateCommunity.never +\r\n            this.data.transportation.maintainVehicle.never +\r\n            this.data.transportation.knowAlternate.never;\r\n    }\r\n\r\n    public get selfAdvocacyAlways(): number {\r\n        return this.data.selfAdvocacy.expressNeeds.always +\r\n            this.data.selfAdvocacy.askForAccommodations.always +\r\n            this.data.selfAdvocacy.makeDecisionsAboutFuture.always +\r\n            this.data.selfAdvocacy.makeDecisionsForFamily.always +\r\n            this.data.selfAdvocacy.knowRights.always;\r\n    }\r\n    public get selfAdvocacySometimes(): number {\r\n        return this.data.selfAdvocacy.expressNeeds.sometimes +\r\n            this.data.selfAdvocacy.askForAccommodations.sometimes +\r\n            this.data.selfAdvocacy.makeDecisionsAboutFuture.sometimes +\r\n            this.data.selfAdvocacy.makeDecisionsForFamily.sometimes +\r\n            this.data.selfAdvocacy.knowRights.sometimes;\r\n    }\r\n    public get selfAdvocacyNever(): number {\r\n        return this.data.selfAdvocacy.expressNeeds.never +\r\n            this.data.selfAdvocacy.askForAccommodations.never +\r\n            this.data.selfAdvocacy.makeDecisionsAboutFuture.never +\r\n            this.data.selfAdvocacy.makeDecisionsForFamily.never +\r\n            this.data.selfAdvocacy.knowRights.never;\r\n    }\r\n\r\n    public get totalAlways(): number {\r\n        return this.dailyLivingAlways +\r\n            this.moneyManagementAlways +\r\n            this.relationshipsAlways +\r\n            this.communityAccessAlways +\r\n            this.selfCareAlways +\r\n            this.transportationAlways +\r\n            this.selfAdvocacyAlways;\r\n    }\r\n    public get totalSometimes(): number {\r\n        return this.dailyLivingSometimes +\r\n            this.moneyManagementSometimes +\r\n            this.relationshipsSometimes +\r\n            this.communityAccessSometimes +\r\n            this.selfCareSometimes +\r\n            this.transportationSometimes +\r\n            this.selfAdvocacySometimes;\r\n    }\r\n    public get totalNever(): number {\r\n        return this.dailyLivingNever +\r\n            this.moneyManagementNever +\r\n            this.relationshipsNever +\r\n            this.communityAccessNever +\r\n            this.selfCareNever +\r\n            this.transportationNever +\r\n            this.selfAdvocacyNever;\r\n    }\r\n}\r\n","module.exports = \".body-header {\\r\\n    display: none;\\r\\n    font-weight: bold;\\r\\n}\\r\\n\\r\\ntable tbody tr td {\\r\\n    border: 1px solid black;\\r\\n    padding: 5px;\\r\\n}\\r\\n\\r\\n.header-row-cell {\\r\\n    font-weight: bold;\\r\\n}\\r\\n\\r\\n.goal-number {\\r\\n    float: left;\\r\\n}\\r\\n\\r\\n.goal-editor {\\r\\n    float: right;\\r\\n    max-width: 180px;\\r\\n    width: 90%;\\r\\n    min-height: 75px;\\r\\n    font-weight: bold;\\r\\n}\\r\\n\\r\\n.editor {\\r\\n    max-width: 180px;\\r\\n    min-height: 75px;\\r\\n    width: 100%;\\r\\n    font-weight:bold;\\r\\n}\\r\\n\\r\\n.review-editor {\\r\\n    min-height: 75px;\\r\\n    width: 75%;\\r\\n}\\r\\n\\r\\n@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {\\r\\n\\r\\n    table,\\r\\n    thead,\\r\\n    tbody,\\r\\n    th,\\r\\n    td,\\r\\n    tr {\\r\\n        display: block;\\r\\n    }\\r\\n\\r\\n    tr {\\r\\n        margin-top: 5px;\\r\\n        border: 1px solid black;\\r\\n    }\\r\\n\\r\\n    .body-header {\\r\\n        display: block;\\r\\n    }\\r\\n\\r\\n    .header-row {\\r\\n        display: none;\\r\\n    }\\r\\n\\r\\n    table tbody tr td {\\r\\n        width: 100%;\\r\\n    }\\r\\n\\r\\n    .goal-number {\\r\\n        float: none;\\r\\n    }\\r\\n\\r\\n    .goal-editor {\\r\\n        float: none;\\r\\n        min-height: 75px;\\r\\n        width: 100%;\\r\\n    }\\r\\n\\r\\n    .review-editor {\\r\\n        min-height: 75px;\\r\\n        width: 100%;\\r\\n    }\\r\\n}\\r\\n\\r\\n.active {\\r\\n    color: #2C3E50;\\r\\n}\\r\\n\"","module.exports = \"<div class=\\\"container exercise-content\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-5']\\\">Unit 5</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-5/lesson-3']\\\">Lesson 3</a></li>\\r\\n                <li class=\\\"active\\\">{{title}}</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-5/\\\">Unit 5</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-5/lesson-3/\\\">Lesson 3</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-5/lesson-3/independent-living-goals-worksheet/\\\">{{title}}</a></li>\\r\\n            </ol>\\r\\n\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-5/lesson-3/independent living goals worksheet'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <tfolio-heading></tfolio-heading>\\r\\n    <tfolio-page-title content=\\\"{{title}}\\\"></tfolio-page-title>\\r\\n    <tfolio-directions identifier=\\\"self-advocacy-goals-worksheet-directions\\\" tag=\\\"Directions\\\" [padBottom]=\\\"false\\\">\\r\\n        <span>\\r\\n            Set 2-3 SMART goals in the area of independent living.\\r\\n            Then fill in the table to identify your first step towards accomplishing your goal, the timeline for completing your goal, and any support you may need.<br /><br />\\r\\n            Remember, SMART goals are: Specific, Measurable, Attainable/Achievable, Realistic, and Timely/Trackable.\\r\\n        </span>\\r\\n    </tfolio-directions>\\r\\n    <div style=\\\"margin-left:15px;margin-right:15px;margin-top:15px;\\\">\\r\\n        <table style=\\\"margin-top:25px;\\\">\\r\\n            <tbody>\\r\\n                <tr class=\\\"header-row\\\">\\r\\n                    <td width=\\\"25%\\\">\\r\\n                        <div class=\\\"header-row-cell\\\">Goal</div>\\r\\n                    </td>\\r\\n                    <td width=\\\"25%\\\">\\r\\n                        <div class=\\\"header-row-cell\\\">First Step</div>\\r\\n                    </td>\\r\\n                    <td width=\\\"25%\\\">\\r\\n                        <div class=\\\"header-row-cell\\\">Date to Have Complete</div>\\r\\n                    </td>\\r\\n                    <td width=\\\"25%\\\">\\r\\n                        <div class=\\\"header-row-cell\\\">What Support Will You Need?</div>\\r\\n                    </td>\\r\\n                </tr>\\r\\n                <tr style=\\\"vertical-align:top;\\\">\\r\\n                    <td width=\\\"25%\\\">\\r\\n                        <div class=\\\"body-header\\\">Goal</div>\\r\\n                        <div class=\\\"goal-number\\\" >1.</div>\\r\\n                        <div contenteditable=\\\"true\\\" id=\\\"goal-one\\\" class=\\\"goal-editor\\\" aria-label=\\\"GOAL ONE\\\" role=\\\"textbox\\\" aria-multiline=\\\"true\\\"></div>\\r\\n                    </td>\\r\\n                    <td width=\\\"25%\\\">\\r\\n                        <div class=\\\"body-header\\\">First Step</div>\\r\\n                        <div contenteditable=\\\"true\\\" id=\\\"goal-one-first-step\\\" class=\\\"editor\\\" aria-label=\\\"FIRST STEP\\\" role=\\\"textbox\\\" aria-multiline=\\\"true\\\"></div>\\r\\n                    </td>\\r\\n                    <td width=\\\"25%\\\">\\r\\n                        <div class=\\\"body-header\\\">Date to Have Complete</div>\\r\\n                        <div contenteditable=\\\"true\\\" id=\\\"goal-one-date\\\" class=\\\"editor\\\" aria-label=\\\"DATE TO HAVE COMPLETE\\\" role=\\\"textbox\\\" aria-multiline=\\\"true\\\"></div>\\r\\n                    </td>\\r\\n                    <td width=\\\"25%\\\">\\r\\n                        <div class=\\\"body-header\\\">What Support Will You Need?</div>\\r\\n                        <div contenteditable=\\\"true\\\" id=\\\"goal-one-support\\\" class=\\\"editor\\\" aria-label=\\\"WHAT SUPPORT WILL YOU NEED?\\\" role=\\\"textbox\\\" aria-multiline=\\\"true\\\"></div>\\r\\n                    </td>\\r\\n                </tr>\\r\\n                <tr style=\\\"vertical-align:top;\\\">\\r\\n                    <td width=\\\"25%\\\">\\r\\n                        <div class=\\\"body-header\\\">Goal</div>\\r\\n                        <div class=\\\"goal-number\\\">2.</div>\\r\\n                        <div contenteditable=\\\"true\\\" id=\\\"goal-two\\\" class=\\\"goal-editor\\\" aria-label=\\\"GOAL TWO\\\" role=\\\"textbox\\\" aria-multiline=\\\"true\\\"></div>\\r\\n                    </td>\\r\\n                    <td width=\\\"25%\\\">\\r\\n                        <div class=\\\"body-header\\\">First Step</div>\\r\\n                        <div contenteditable=\\\"true\\\" id=\\\"goal-two-first-step\\\" class=\\\"editor\\\" aria-label=\\\"FIRST STEP\\\" role=\\\"textbox\\\" aria-multiline=\\\"true\\\"></div>\\r\\n                    </td>\\r\\n                    <td width=\\\"25%\\\">\\r\\n                        <div class=\\\"body-header\\\">Date to Have Complete</div>\\r\\n                        <div contenteditable=\\\"true\\\" id=\\\"goal-two-date\\\" class=\\\"editor\\\" aria-label=\\\"DATE TO HAVE COMPLETE\\\" role=\\\"textbox\\\" aria-multiline=\\\"true\\\"></div>\\r\\n                    </td>\\r\\n                    <td width=\\\"25%\\\">\\r\\n                        <div class=\\\"body-header\\\">What Support Will You Need?</div>\\r\\n                        <div contenteditable=\\\"true\\\" id=\\\"goal-two-support\\\" class=\\\"editor\\\" aria-label=\\\"WHAT SUPPORT WILL YOU NEED?\\\" role=\\\"textbox\\\" aria-multiline=\\\"true\\\"></div>\\r\\n                    </td>\\r\\n                </tr>\\r\\n                <tr style=\\\"vertical-align:top;\\\">\\r\\n                    <td width=\\\"25%\\\">\\r\\n                        <div class=\\\"body-header\\\">Goal</div>\\r\\n                        <div class=\\\"goal-number\\\">3.</div>\\r\\n                        <div contenteditable=\\\"true\\\" id=\\\"goal-three\\\" class=\\\"goal-editor\\\" aria-label=\\\"GOAL THREE\\\" role=\\\"textbox\\\" aria-multiline=\\\"true\\\"></div>\\r\\n                    </td>\\r\\n                    <td width=\\\"25%\\\">\\r\\n                        <div class=\\\"body-header\\\">First Step</div>\\r\\n                        <div contenteditable=\\\"true\\\" id=\\\"goal-three-first-step\\\" class=\\\"editor\\\" aria-label=\\\"FIRST STEP\\\" role=\\\"textbox\\\" aria-multiline=\\\"true\\\"></div>\\r\\n                    </td>\\r\\n                    <td width=\\\"25%\\\">\\r\\n                        <div class=\\\"body-header\\\">Date to Have Complete</div>\\r\\n                        <div contenteditable=\\\"true\\\" id=\\\"goal-three-date\\\" class=\\\"editor\\\" aria-label=\\\"DATE TO HAVE COMPLETE\\\" role=\\\"textbox\\\" aria-multiline=\\\"true\\\"></div>\\r\\n                    </td>\\r\\n                    <td width=\\\"25%\\\">\\r\\n                        <div class=\\\"body-header\\\">What Support Will You Need?</div>\\r\\n                        <div contenteditable=\\\"true\\\" id=\\\"goal-three-support\\\" class=\\\"editor\\\" aria-label=\\\"WHAT SUPPORT WILL YOU NEED?\\\" role=\\\"textbox\\\" aria-multiline=\\\"true\\\"></div>\\r\\n                    </td>\\r\\n                </tr>\\r\\n            </tbody>\\r\\n        </table>\\r\\n    </div>\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-5/lesson-3/independent living goals worksheet'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: \"independent-living-goals-worksheet\",\r\n    templateUrl: \"./independent-living-goals-worksheet.component.html\",\r\n    styleUrls: [\"./independent-living-goals-worksheet.component.css\"]\r\n})\r\nexport class UnitFiveLessonThreeIndependentLivingGoalsWorksheetComponent {\r\n\r\n    title: string = \"Independent Living Goals Worksheet\";\r\n    pageTitle: string = this.title + \" | Unit 5, Lesson 3 | T-Folio\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n}\r\n","module.exports = \"<div class=\\\"container exercise-content guide\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-5']\\\">Unit 5</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-5/lesson-4']\\\">Lesson 4</a></li>\\r\\n                <li class=\\\"active\\\">Lesson Guide</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-5/\\\">Unit 5</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-5/lesson-4/\\\">Lesson 4</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-5/lesson-4/guide/\\\">Lesson Guide</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-5/lesson-4/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n        <div class=\\\"col-md-12\\\"><h1>{{title}}</h1></div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-9\\\">\\r\\n            <h2 class=\\\"subtitle\\\">{{subtitle}}</h2>\\r\\n            <br />\\r\\n            <p>\\r\\n                In this lesson, students will be introduced to the student-led Individualized Education Program (IEP).\\r\\n                They will determine their current level of participation on a continuum and decide on next steps to improve\\r\\n                their ability to meaningfully participate in their IEP process.\\r\\n            </p>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-3 box\\\">\\r\\n            <i class=\\\"fa fa-folder-open\\\" aria-hidden=\\\"true\\\"></i>\\r\\n            <b>Item(s) to be added to student's Transition Portfolio:</b>\\r\\n            <p>The activities in this lesson are meant for student reflection only and should not be added to the Transition Portfolio.</p>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n            <h2>Lesson Objectives</h2>\\r\\n            <b>Participants will:</b>\\r\\n            <ol>\\r\\n                <li>Understand the purpose of a student-led Individualized Education Program (IEP).</li>\\r\\n                <li>Acknowledge their current level of involvement in the planning and meeting process.</li>\\r\\n                <li>Determine next steps to be a more active participant in the IEP.</li>\\r\\n            </ol>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Facilitator Notes</h2>\\r\\n            <ul>\\r\\n                <li>\\r\\n                    This lesson is an overview of the student-led IEP, with an emphasis on why a student should take ownership in their IEP process.\\r\\n                    Additional resources for next steps to guide a student through IEP planning and meeting may be found at the\\r\\n                    Zarrow Center's <a href=\\\"http://www.ou.edu/education/centers-and-partnerships/zarrow/transition-education-materials/student-directed-transition-planning\\\" target=\\\"_blank\\\">Student-Directed Transition Planning page</a>.\\r\\n                </li>\\r\\n                <li>\\r\\n                    A PowerPoint file is included with this lesson and can be used as part of a presentation or for your information.\\r\\n                    It is recommended that you review the PowerPoint (including the Notes section) prior to using the lesson. It can\\r\\n                    be accessed either in PowerPoint format or as a PDF:\\r\\n                    <ul>\\r\\n                        <li><a href=\\\"/img/unit-5/lesson-4/T-Folio_Unit-5_Lesson-4_Student-Led-IEPs.pptx\\\">PowerPoint:&nbsp;\\\"Student-Led IEPs\\\"</a></li>\\r\\n                        <li><a href=\\\"/img/unit-5/lesson-4/T-Folio_Unit-5_Lesson-4_Student-Led-IEPs.pdf\\\" target=\\\"_blank\\\">PDF:&nbsp;\\\"Student-Led IEPs\\\"</a></li>\\r\\n                    </ul>\\r\\n                </li>\\r\\n                <li>There is a video on student-led IEPs included in the PowerPoint, so it would be helpful to have your audio ready prior to starting the lesson.</li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Introduction</h2>\\r\\n            <b>Warm-up questions:</b>\\r\\n            <ul>\\r\\n                <li>Have you participated in your IEP meeting before?</li>\\r\\n                <li>What is an IEP meeting?</li>\\r\\n                <li>Who attends?</li>\\r\\n                <li>What's the purpose of the meeting?</li>\\r\\n                <li>Why should you be a part of your IEP meeting? </li>\\r\\n                <li>Are you confident making decisions about your future?</li>\\r\\n            </ul>\\r\\n            <p><b>Warm-up activity:</b></p>\\r\\n            <p>\\r\\n                <b>Say:</b>&nbsp;We are going to watch a short animated video of a student-led IEP\\r\\n                meeting: <a href=\\\"https://www.youtube.com/watch?v=QKwqdP-sywo\\\" target=\\\"_blank\\\">\\\"Student-Led IEP Meeting\\\"</a>  (1:56) by\\r\\n                Tracey Maccia, April 1, 2016.\\r\\n            </p>\\r\\n            <p><b>Ask:</b></p>\\r\\n            <ul>\\r\\n                <li>What did Joey do first once his IEP meeting started? (<i>He introduced everyone who was in attendance.</i>)</li>\\r\\n                <li>Why did he say it was important to lead the meeting himself? (<i>They were going to talk about his future.</i>)</li>\\r\\n                <li>What does Joey want to do for a career? (<i>Be in the culinary field after 2 years at a local college.</i>)</li>\\r\\n                <li>What accommodations will Joey need to be successful? (<i>He needs to advocate for services at the college.</i>)</li>\\r\\n                <li>\\r\\n                    How do you think Joey knew the information he shared? (<i>\\r\\n                        Answers may vary: working toward student-led IEP during class\\r\\n                        time, discussing his needs, strengths, preferences, and interests with teachers, etc.\\r\\n                    </i>)\\r\\n                </li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Activity</h2>\\r\\n            <p><b>What does your IEP participation look like?</b></p>\\r\\n            <p>\\r\\n                <b>Say:</b>&nbsp;Students may participate in their IEPs in several ways. That participation may vary\\r\\n                depending on each student's age, needs, and abilities. As you can see on the continuum, some IEP meetings\\r\\n                take place without the student present. Other meetings may be led by the student, where they introduce\\r\\n                everyone and share their plan with the team. Our hope is that you are involved in the preparation of your\\r\\n                IEP and actively participate during the meeting as much as you are able. As Joey said in the video, this\\r\\n                meeting is about you.\\r\\n            </p>\\r\\n            <b>Say:</b>&nbsp;What does your IEP participation currently look like?\\r\\n            <ul>\\r\\n                <li>Share the <a href=\\\"/img/unit-5/lesson-4/T-Folio_Unit-5_Lesson-4_Resource-IEP-Participation-Continuum.pdf\\\" target=\\\"_blank\\\">IEP Participation Continuum (PDF)</a> document with students, either printed, projected on the overhead, or in the PowerPoint.</li>\\r\\n            </ul>\\r\\n            <p><b>Ask:</b>&nbsp;Why should you participate in your IEP meeting?</p>\\r\\n            <p><b>Say</b>&nbsp;Here are just some of the reasons you should participate in your IEP meeting:</p>\\r\\n            <ul>\\r\\n                <li>You will develop stronger self-advocacy and self-determination skills.</li>\\r\\n                <li>You will have a stronger sense of self-confidence.</li>\\r\\n                <li>You will gain greater knowledge of your disability and accommodations.</li>\\r\\n                <li>Guardians and teachers want to hear from you.</li>\\r\\n                <li>You should have a decision-making role in planning for your future.</li>\\r\\n            </ul>\\r\\n            <p>\\r\\n                <b>Ask:</b>&nbsp;Having these skills won't only help you at your IEP meeting. These are strong work\\r\\n                maturity and independent living skills. Take a moment to reflect on what it would mean for you to lead a\\r\\n                meeting with your teachers, counselors, and guardian(s).\\r\\n            </p>\\r\\n\\r\\n            <ul>\\r\\n                <li>\\r\\n                    Give students 5 minutes to free-write their response to: \\\"What would it mean for you to lead a\\r\\n                    meeting with your teachers and guardian(s)?\\\" Have students share out a summary of their reflection.\\r\\n                </li>\\r\\n            </ul>\\r\\n            <br />\\r\\n            <p><b>The First Steps</b></p>\\r\\n            <p><b>Ask:</b>&nbsp;The first steps to leading your IEP are to:</p>\\r\\n            <ul>\\r\\n                <li>Start by looking at your current IEP. </li>\\r\\n                <li>Become familiar with IEP vocabulary and components.</li>\\r\\n                <li>Understand your special education rights.</li>\\r\\n            </ul>\\r\\n            <p>\\r\\n                <b>Say:</b>&nbsp;You may ask your facilitator for support. Your facilitator may help you set up a plan for\\r\\n                how to prepare and participate in your IEP meeting. (See Facilitator Notes and Additional Resources for materials\\r\\n                on guiding students through a student-led IEP process.)\\r\\n            </p>\\r\\n            <br />\\r\\n            <p><b>Your Participation</b></p>\\r\\n            <p><b>Say:</b>&nbsp;Here is a sample agenda for an IEP meeting that you lead and what your participation may look like:</p>\\r\\n            <ul>\\r\\n                <li>Greet and introduce everyone.</li>\\r\\n                <li>State how you are currently doing in class.\\t</li>\\r\\n                <li>Discuss your goals for the year.</li>\\r\\n                <li>Develop a transition plan for after high school, including what you want to do for continuing your education and what type of work you'd like to do.</li>\\r\\n                <li>Discuss accommodations you need during class and tests to help you to be successful.</li>\\r\\n            </ul>\\r\\n            <p><b>Ask:</b></p>\\r\\n            <ul>\\r\\n                <li>Is there a part of this sample agenda that seems easy for you to accomplish?</li>\\r\\n                <li>Is there a part of this sample agenda that seems challenging? </li>\\r\\n            </ul>\\r\\n            <br />\\r\\n            <p><b>Where do you want to be on the continuum?</b></p>\\r\\n            <p>\\r\\n                <b>Say:</b>&nbsp;Let's look at the continuum again (hard copy, on board, or on PowerPoint). There are many options\\r\\n                for you on the continuum of participation. Think about the sample agenda and what components seemed manageable. What task\\r\\n                looks like a reasonable start for you? Where is that on the continuum?\\r\\n            </p>\\r\\n            <ul>\\r\\n                <li>Give students time to respond.</li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Debrief and Guiding Questions</h2>\\r\\n            <ul>\\r\\n                <li>What does your IEP participation look like currently?</li>\\r\\n                <li>Where do you want to be on the continuum?</li>\\r\\n                <li>How are you going to get there?</li>\\r\\n                <li>It's okay to start with small steps, such as leading the meeting in one section. Does that feel like a reasonable first step?</li>\\r\\n                <li>How is your teacher able to support you?</li>\\r\\n            </ul>\\r\\n            <p><b>Additional reflection questions</b></p>\\r\\n            <ul>\\r\\n                <li>Did you know that decisions are made at IEP meetings? Can you name some of those decisions?</li>\\r\\n                <li>There are ways to participate before, during, and after IEP meetings. How do you think you could participate before? During? After your IEP meeting?</li>\\r\\n                <li>The more you understand what is in your IEP, the more you will be able to participate in a meaningful way. What do you think that means?</li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Additional Resources</h2>\\r\\n            <ul style=\\\"list-style:url('/img/arrow.png');\\\">\\r\\n                <li>The IEP Participation Continuum is adapted from: Office of the State Superintendent of Education. (n.d.). <a href=\\\"http://dc-transition_guide.frameweld.com/page/studentled_iep_toolkit_introduction_\\\" target=\\\"_blank\\\">Student-led IEP toolkit: Introduction.</a></li>\\r\\n                <li>Visit the Zarrow Center's <a href=\\\"http://www.ou.edu/education/centers-and-partnerships/zarrow/transition-education-materials/student-directed-transition-planning\\\" target=\\\"_blank\\\">Student Directed Transition Planning</a> page for lessons and student-led IEP templates.</li>\\r\\n                <li>McGahee-Kovac, M. (2002).&nbsp;<a href=\\\"https://www.autismspeaks.org/docs/family_services_docs/StudentsGuide.pdf\\\" target=\\\"_blank\\\"><i>A student's guide to the IEP</i></a> [PDF file]. Washington, DC: NICHCY.</li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Considerations for Accommodation</h2>\\r\\n            <ul>\\r\\n                <li>Youth may create a <a href=\\\"https://products.office.com/en-us/powerpoint\\\" target=\\\"_blank\\\">PowerPoint</a> or <a href=\\\"https://www.google.com/slides/about/\\\" target=\\\"_blank\\\">Google Slides</a> presentation to present their portion of the IEP.</li>\\r\\n                <li>Youth may need an additional lesson on the specific vocabulary from the IEP.</li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Up Next</h2>\\r\\n            <div>\\r\\n                In Lesson 5, students will look over all of the lessons from Unit 5 and complete an action plan to identify their goals and next steps.\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-5/lesson-4/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from '@angular/platform-browser';\r\n\r\n@Component({\r\n    selector: 'unit-five-lesson-four-guide',\r\n    templateUrl: './_guide.component.html',\r\n    styleUrls: ['../../_shared/lesson-guides/lesson-guide.component.css']\r\n})\r\nexport class UnitFiveLessonFourGuideComponent {\r\n\r\n    pageTitle: string = \"Lesson Guide | Unit 5, Lesson 4 | T-Folio\";\r\n    title: string = \"Lesson Guide\";\r\n    subtitle: string = \"Lesson 4: Student-Led IEPs\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n}\r\n","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: 'unit-five-lesson-four-landing-page',\r\n    templateUrl: '../../_shared/landing-pages/landing-page.component.html',\r\n    styleUrls: ['../../_shared/landing-pages/landing-page.component.css']\r\n})\r\nexport class UnitFiveLessonFourLandingComponent {\r\n\r\n    bannerHeader = \"Self-Advocacy: Lesson 4\";\r\n    title: string = \"Lesson 4 :Student-Led IEPs\";\r\n    pageTitle: string = \"Student-Led IEPs | Unit 5, Lesson 4 | T-Folio\";\r\n\r\n    openInNewWindow(url: string) {\r\n        window.open(url, '_blank');\r\n    }\r\n\r\n    doPrint(): void {\r\n        window.print();\r\n    }\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n    LandingPageData = {\r\n        breadcrumbs: {\r\n            label: \"Lesson 4\",\r\n            crumbs: [\r\n                {\r\n                    route: \"\",\r\n                    linktext: \"T-Folio\"\r\n                },\r\n                {\r\n                    route: \"/unit-5\",\r\n                    linktext: \"Unit 5\"\r\n                }\r\n            ]\r\n        },\r\n        summary: \"In this lesson, students will be introduced to the student-led Individualized Education Program (IEP). They will determine their current level of participation on a continuum and decide on next steps to improve their ability to meaningfully participate in their IEP process. \",\r\n        objectives: [\r\n            \"Understand the purpose of a student-led Individualized Education Program (IEP).\",\r\n            \"Acknowledge their current level of involvement in the planning and meeting process. \",\r\n            \"Determine next steps to be a more active participant in the IEP. \",\r\n        ],\r\n        buttons: [\r\n            {\r\n                route: \"/unit-5/lesson-4/guide\",\r\n                linktext: \"Lesson Guide\",\r\n                color: \"btn-success\",\r\n                window: false,\r\n            },\r\n\r\n            {\r\n                route: '/img/unit-5/lesson-4/T-Folio_Unit-5_Lesson-4_Student-Led-IEPs.pptx',\r\n                linktext: \"PowerPoint Presentation\",\r\n                color: \"powerpoint-button\",\r\n                window: true,\r\n            }\r\n        ],\r\n        image: \"/img/unit-5/lesson-4/4_nathan-anderson-157614.jpg\",\r\n        imgalt: \"A young person hugs their mom with their dad looking on and all three smiling.\",\r\n        caption: \"by Nathan Anderson on\",\r\n        photoLink: \"https://unsplash.com/photos/GM5Yn5XRVqA\",\r\n        source: \"Unsplash\",\r\n        sourceLink: \"https://unsplash.com/\",\r\n        licence: \"Open license\",\r\n        licenceLink: \"https://unsplash.com/license\",\r\n\r\n    }\r\n\r\n\r\n}\r\n","module.exports = \"<div class=\\\"container exercise-content guide\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-5']\\\">Unit 5</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-5/lesson-5']\\\">Lesson 5</a></li>\\r\\n                <li class=\\\"active\\\">Lesson Guide</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-5/\\\">Unit 5</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-5/lesson-5/\\\">Lesson 5</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-5/lesson-5/guide/\\\">Lesson Guide</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-5/lesson-5/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n        <div class=\\\"col-md-12\\\"><h1>{{title}}</h1></div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-9\\\">\\r\\n            <h2 class=\\\"subtitle\\\">{{subtitle}}</h2>\\r\\n            <br />\\r\\n            <p>\\r\\n                In Lesson 5, students will develop an action plan to follow up with the activities conducted throughout Unit 5.\\r\\n                This will allow them to put the reflection and goal-setting activities they have completed in Lessons 1-4 of\\r\\n                the unit into a plan of action.\\r\\n            </p>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-3 box\\\">\\r\\n            <i class=\\\"fa fa-folder-open\\\" aria-hidden=\\\"true\\\"></i>\\r\\n            <b>Item(s) to be added to student's Transition Portfolio:</b>\\r\\n            <ul class=\\\"hidden-print\\\">\\r\\n                <li> <a [routerLink]=\\\"['/unit-5/lesson-5/action-plan']\\\">Action Plan: Self-Advocacy and Independent Living</a></li>\\r\\n            </ul>\\r\\n            <ul class=\\\"visible-print-block\\\">\\r\\n                <li> <a href=\\\"https://cctstfolio.com/#/unit-5/lesson-5/action-plan\\\">Action Plan: Self-Advocacy and Independent Living</a></li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n            <h2>Lesson Objectives</h2>\\r\\n            <b>Participants will:</b>\\r\\n            <ol>\\r\\n                <li>Review the components of an action plan.</li>\\r\\n                <li>\\r\\n                    Create an action plan for one or more of the areas covered in Unit 5\\r\\n                    (self-determination reassessment, self-advocacy, independent living goals, and\\r\\n                    student-led IEPs).\\r\\n                </li>\\r\\n                <li>Identify supports needed for each portion of the action plan.</li>\\r\\n            </ol>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Facilitator Notes</h2>\\r\\n            <ul>\\r\\n                <li>\\r\\n                    Action plans are important organizational tools for everyone. Depending on the person's needs, action plans can be simple or more complex.\\r\\n                    The key factor is that there is an action plan developed and strategies discussed with the student on how to accomplish the tasks.\\r\\n                </li>\\r\\n                <li>\\r\\n                    The students have already completed action plans in <a [routerLink]=\\\"['/unit-2/lesson-7']\\\">Unit 2: Lesson 7</a> and <a [routerLink]=\\\"['/unit-4/lesson-7']\\\">Unit 4: Lesson 7</a>. This is an\\r\\n                    opportunity to build on the previous action plans, review goals, or to add new content.\\r\\n                </li>\\r\\n                <li>\\r\\n                    Youth may not have an existing action plan or may decide to create a new action plan for\\r\\n                    self-advocacy and independent living based on their learning in Unit 5. Be sure to review\\r\\n                    the previous lessons on Action Planning in order to guide the process.\\r\\n                </li>\\r\\n                <li>\\r\\n                    A PowerPoint file is included with this lesson and can be used as part of a presentation or for your information.\\r\\n                    It is recommended that you review the PowerPoint (including the Notes section) prior to using the lesson. It can\\r\\n                    be accessed either in PowerPoint format or as a PDF:\\r\\n                    <ul>\\r\\n                        <li><a href=\\\"/img/unit-5/lesson-5/T-Folio_Unit-5_Lesson-5_Action-Planning-For-Self-Advocacy-And-Independent-Living.pptx\\\">PowerPoint:&nbsp;\\\"Action Planning for Self-Advocacy and Independent Living\\\"</a></li>\\r\\n                        <li><a href=\\\"/img/unit-5/lesson-5/T-Folio_Unit-5_Lesson-5_Action-Planning-For-Self-Advocacy-And-Independent-Living.pdf\\\" target=\\\"_blank\\\">PDF:&nbsp;\\\"Action Planning for Self-Advocacy and Independent Living\\\"</a></li>\\r\\n                    </ul>\\r\\n                </li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Introduction</h2>\\r\\n            <br />\\r\\n            <p>\\r\\n                <b>Say:</b>&nbsp;We are going to add to your existing action plan or create a new one based on what you have\\r\\n                learned in this unit about self-determination, self-advocacy, independent living goals, and student-led IEPs.\\r\\n                We will go step by step through the action plan. You are encouraged to think seriously about the supports you\\r\\n                may need to accomplish your tasks and the next steps you need to take to improve your skills.\\r\\n            </p>\\r\\n            <br />\\r\\n            <b>Warm-up questions:</b>\\r\\n            <ul>\\r\\n                <li>How have you used the action plan(s) from the past units? </li>\\r\\n                <li>Have you revisited those documents to work on your goals? </li>\\r\\n                <li>Why is it important to identify who could support you in accomplishing your tasks?</li>\\r\\n                <li>Do you have action items that need to be adjusted, edited, added at this point?</li>\\r\\n            </ul>\\r\\n            <br />\\r\\n            <p>\\r\\n                <b>Say:</b>&nbsp;We will review some information about action planning and then we'll work\\r\\n                on creating or adding to your Action Plan with the new learning from Unit 5.\\r\\n            </p>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Activity</h2>\\r\\n            <br />\\r\\n            For this activity, <b>you will need:</b>\\r\\n            <br />\\r\\n            <ul>\\r\\n                <li>The PowerPoint, \\\"Action Planning.\\\" (See above) </li>\\r\\n                <li>The <a [routerLink]=\\\"['/unit-5/lesson-5/action-plan']\\\">Action Plan template</a></li>\\r\\n                <li>The <a href=\\\"/img/unit-5/lesson-5/T-Folio_Unit-5_Lesson-5_Action-Plan-Sample.pdf\\\" target=\\\"_blank\\\">Action Plan - Sample (PDF)</a></li>\\r\\n                <li>The student's information from previous lessons in Unit 5 (if you have access to it)</li>\\r\\n                <li>\\r\\n                    The student's previous Action Plan(s) from <a [routerLink]=\\\"['/unit-2/lesson-7']\\\">Unit 2: Lesson 7</a> and/or\\r\\n                    <a [routerLink]=\\\"['/unit-2/lesson-7']\\\">Unit 4: Lesson 7</a>\\r\\n                </li>\\r\\n            </ul>\\r\\n            <p>\\r\\n                Youth will create or add to their action plans using the template provided. It is important for\\r\\n                the facilitator to guide the student through the process using the PowerPoint and to encourage the\\r\\n                identification of supports needed to accomplish the tasks on the action plan. Outcomes will likely\\r\\n                need to be filled in at a later date by hand.\\r\\n            </p>\\r\\n            <p>\\r\\n                Students should check the box that corresponds to the topic they have chosen for their Action\\r\\n                Plan (in this case either \\\"Self-Advocacy\\\" or \\\"Independent Living\\\" or both).\\r\\n            </p>\\r\\n            <p>\\r\\n                <b>Note:</b>&nbsp;The student should complete as much as they can online before printing their Action Plan.\\r\\n                Further tasks, dates, and outcomes can be added later by hand.\\r\\n            </p>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Debrief and Guiding Questions</h2>\\r\\n            <ul>\\r\\n                <li>How are you going to influence your progress around self-advocacy at home? At school?</li>\\r\\n                <li>What steps are you going to take to reach your future goals?</li>\\r\\n                <li>\\r\\n                    When you think about who may support you in reaching your goals, also consider what other steps,\\r\\n                    trainings, activities you may do to reach your goals. What are you going to take on to accomplish your goals?\\r\\n                </li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Additional Resources</h2>\\r\\n            <ul style=\\\"list-style:url('/img/arrow.png');\\\">\\r\\n                <li>The Open University's <a href=\\\"https://help.open.ac.uk/forward-planning\\\" target=\\\"_blank\\\">career development resource</a> offers a framework for exploring and developing more complex action plans in terms of strengths, weaknesses, opportunities, and threats. \\r\\n                Helpful examples are provided, though it may be too complicated for some learners.</li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Up Next</h2>\\r\\n            <div>\\r\\n                In the sixth and final lesson, students will review everything they have done throughout the T-Folio\\r\\n                curriculum. They will complete and/or update their T-Folio Tracker to ensure all documents are accounted\\r\\n                for and up to date. There will also be time for reflection on the experience of using T-Folio and how it\\r\\n                will help them going forward.\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-5/lesson-5/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from '@angular/platform-browser';\r\n\r\n@Component({\r\n    selector: 'unit-five-lesson-five-guide',\r\n    templateUrl: './_guide.component.html',\r\n    styleUrls: ['../../_shared/lesson-guides/lesson-guide.component.css']\r\n})\r\nexport class UnitFiveLessonFiveGuideComponent {\r\n\r\n    pageTitle: string = \"Lesson Guide | Unit 5, Lesson 5 | T-Folio\";\r\n    title: string = \"Lesson Guide\";\r\n    subtitle: string = \"Lesson 5: Action Plan for Self-Advocacy and Independent Living\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n}\r\n","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: 'unit-five-lesson-five-landing-page',\r\n    templateUrl: '../../_shared/landing-pages/landing-page.component.html',\r\n    styleUrls: ['../../_shared/landing-pages/landing-page.component.css']\r\n})\r\nexport class UnitFiveLessonFiveLandingComponent {\r\n\r\n    bannerHeader = \"Self-Advocacy: Lesson 5\";\r\n    title: string = \"Lesson 5: Action Plan for Self-Advocacy and Independent Living\";\r\n    pageTitle: string = \"Action Plan for Self-Advocacy and Independent Living | Unit 5, Lesson 5 | T-Folio\";\r\n\r\n    openInNewWindow(url: string) {\r\n        window.open(url, '_blank');\r\n    }\r\n\r\n    doPrint(): void {\r\n        window.print();\r\n    }\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n    LandingPageData = {\r\n        breadcrumbs: {\r\n            label: \"Lesson 5\",\r\n            crumbs: [\r\n                {\r\n                    route: \"\",\r\n                    linktext: \"T-Folio\"\r\n                },\r\n                {\r\n                    route: \"/unit-5\",\r\n                    linktext: \"Unit 5\"\r\n                }\r\n            ]\r\n        },\r\n        summary: \"In Lesson 5, students will develop an action plan to follow up with the activities conducted throughout Unit 5. This will allow them to put the reflection and goal-setting activities they have completed in Lessons 1-4 of the unit into a plan of action.\",\r\n        objectives: [\r\n            \"Review the components of an action plan.\",\r\n            \"Create an action plan for one or more of the areas covered in Unit 5 (self-determination reassessment, self-advocacy, independent living goals, and student-led IEPs).\",\r\n            \"Identify supports needed for each portion of the action plan.\",\r\n        ],\r\n        buttons: [\r\n            {\r\n                route: \"/unit-5/lesson-5/guide\",\r\n                linktext: \"Lesson Guide\",\r\n                color: \"btn-success\",\r\n                window: false,\r\n            },\r\n\r\n            {\r\n                route: \"/unit-5/lesson-5/action-plan\",\r\n                linktext: \"Action Plan\",\r\n                color: \"btn-primary\",\r\n                window: false,\r\n            },\r\n\r\n            {\r\n                route: '/img/unit-5/lesson-5/T-Folio_Unit-5_Lesson-5_Action-Planning-For-Self-Advocacy-And-Independent-Living.pptx',\r\n                linktext: \"PowerPoint Presentation\",\r\n                color: \"powerpoint-button\",\r\n                window: true,\r\n            }\r\n        ],\r\n        image: \"/img/unit-5/lesson-5/5_oliver-cole-232552-unsplash.jpg\",\r\n        imgalt: \"A man walks in front of a colorful painted mural that says “Courage.”\",\r\n        caption: \"by Oliver Cole on\",\r\n        photoLink: \"https://unsplash.com/photos/0hQATQI7F7Q\",\r\n        source: \"Unsplash\",\r\n        sourceLink: \"https://unsplash.com/\",\r\n        licence: \"Open license\",\r\n        licenceLink: \"https://unsplash.com/license\",\r\n\r\n    }\r\n\r\n\r\n}\r\n","module.exports = \"div, span, b {\\r\\n    font-size: medium;\\r\\n}\\r\\n\\r\\nlabel {\\r\\n    margin-left: 10px;\\r\\n    white-space: normal;\\r\\n    font-size: medium;\\r\\n}\\r\\n\\r\\ninput[type='text'] {\\r\\n    border: 1px solid black;\\r\\n    width:100px;\\r\\n    text-align:center;\\r\\n}\\r\\n\\r\\ntable, tr, td div {\\r\\n    height: 100%;\\r\\n}\\r\\n\\r\\ntable tbody tr td {\\r\\n    border: 1px solid black;\\r\\n}\\r\\n\\r\\ntr.header-row td {\\r\\n    text-align: center;\\r\\n}\\r\\n\\r\\n.grid{\\r\\n    table-layout:fixed;\\r\\n}\\r\\n\\r\\n.header-cell label {\\r\\n    margin-bottom: 5px;\\r\\n    font-size: medium;\\r\\n    font-weight: bold;\\r\\n}\\r\\n\\r\\n.header-secondary {\\r\\n    display: none;\\r\\n}\\r\\n\\r\\n.input-row > td.due-date-cell {\\r\\n    text-align: center;\\r\\n}\\r\\n\\r\\n.editor {    \\r\\n    min-height: 75px;\\r\\n    margin: 5px;\\r\\n    font-weight:bold;\\r\\n}\\r\\n\\r\\n.notes-editor {\\r\\n    min-height: 75px;\\r\\n    border: 1px solid black;\\r\\n    font-weight: bold;\\r\\n}\\r\\n\\r\\n@media screen and (max-width: 992px) {\\r\\n\\r\\n    table,\\r\\n    thead,\\r\\n    tbody,\\r\\n    th,\\r\\n    td,\\r\\n    tr {\\r\\n        display: block;\\r\\n    }\\r\\n\\r\\n    tr {\\r\\n        margin-top:5px;\\r\\n        border:1px solid black;\\r\\n    }\\r\\n\\r\\n    tr.header-row {\\r\\n        display:none;\\r\\n    }\\r\\n\\r\\n    .header-secondary {\\r\\n        display: block;\\r\\n        text-align: center;\\r\\n        margin-bottom: 5px;\\r\\n    }\\r\\n\\r\\n    .header-secondary label {\\r\\n        font-weight: bold;\\r\\n    }\\r\\n\\r\\n    .input-row > td.due-date-cell {\\r\\n        padding-bottom:5px;\\r\\n    }\\r\\n}\\r\\n\\r\\n.active{\\r\\n    color: #2C3E50;\\r\\n}\\r\\n\\r\\n@media print {\\r\\n\\r\\n    div.notes-editor {\\r\\n        border: none;\\r\\n    }\\r\\n    input[type='text'] {\\r\\n        border: none;\\r\\n    }\\r\\n}\\r\\n\"","module.exports = \"<div class=\\\"container exercise-content\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-5']\\\">Unit 5</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-5/lesson-5']\\\">Lesson 5</a></li>\\r\\n                <li class=\\\"active\\\">{{title}}</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-5/\\\">Unit 5</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-5/lesson-5/\\\">Lesson 5</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-5/lesson-5/action-plan/\\\">{{title}}</a></li>\\r\\n            </ol>\\r\\n\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-5/lesson-5/action plan'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"container-fluid\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-6\\\">\\r\\n                <div class=\\\"row\\\">\\r\\n                    <div class=\\\"col-md-4\\\"><label for=\\\"tfolio-name-textbox\\\"><b>Name:</b></label></div>\\r\\n                    <div class=\\\"col-md-8\\\"><input type=\\\"text\\\" id=\\\"tfolio-name-textbox\\\" name=\\\"tfolio-name-textbox\\\" style=\\\"width:100%;text-align:left;\\\" /></div>\\r\\n                </div>\\r\\n                <div class=\\\"row\\\">\\r\\n                    <div class=\\\"col-md-4\\\"><label for=\\\"tfolio-date-textbox\\\"><b>Date started:</b></label></div>\\r\\n                    <div class=\\\"col-md-8\\\"><input type=\\\"text\\\" id=\\\"tfolio-date-textbox\\\" name=\\\"tfolio-date-textbox\\\" style=\\\"width:100%;text-align:left;\\\" /></div>\\r\\n                </div>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-3\\\" style=\\\"text-align:right;\\\">\\r\\n                <b>Topic (check all that apply):</b>\\r\\n            </div>\\r\\n            <div class=\\\"col-md-3\\\">\\r\\n                <div>\\r\\n                    <input type=\\\"checkbox\\\" id=\\\"action-plan-topic-employment\\\" name=\\\"action-plan-topic-employment\\\" />\\r\\n                    <label for=\\\"action-plan-topic-employment\\\">Employment</label>\\r\\n                </div>\\r\\n                <div>\\r\\n                    <input type=\\\"checkbox\\\" id=\\\"action-plan-topic-education\\\" name=\\\"action-plan-topic-education\\\" />\\r\\n                    <label for=\\\"action-plan-topic-employment\\\">Education</label>\\r\\n                </div>\\r\\n                <div>\\r\\n                    <input type=\\\"checkbox\\\" id=\\\"action-plan-topic-independent-living\\\" name=\\\"action-plan-topic-independent-living\\\" />\\r\\n                    <label for=\\\"action-plan-topic-employment\\\">Independent Living</label>\\r\\n                </div>\\r\\n                <div>\\r\\n                    <input type=\\\"checkbox\\\" id=\\\"action-plan-topic-self-advocacy\\\" name=\\\"action-plan-topic-self-advocacy\\\" />\\r\\n                    <label for=\\\"action-plan-topic-employment\\\">Self-Advocacy</label>\\r\\n                </div>\\r\\n\\r\\n            </div>\\r\\n        </div>\\r\\n\\r\\n    </div>\\r\\n    <tfolio-page-title content=\\\"{{title}}\\\"></tfolio-page-title>\\r\\n\\r\\n    <table class=\\\"grid\\\" style=\\\"width:100%;\\\">\\r\\n        <tbody>\\r\\n\\r\\n            <!-- HEADER ROW -->\\r\\n            <tr class=\\\"header-row\\\">\\r\\n                <td width=\\\"25%\\\">\\r\\n                    <div class=\\\"header-cell\\\">\\r\\n                        <b>Task</b>\\r\\n                    </div>\\r\\n                </td>\\r\\n                <td width=\\\"25%\\\">\\r\\n                    <div class=\\\"header-cell\\\">\\r\\n                        <b>Supports Needed</b>\\r\\n                    </div>\\r\\n                </td>\\r\\n                <td width=\\\"15%\\\">\\r\\n                    <div class=\\\"header-cell\\\">\\r\\n                        <b>Due Date</b>\\r\\n                    </div>\\r\\n                </td>\\r\\n                <td width=\\\"35%\\\">\\r\\n                    <div class=\\\"header-cell\\\">\\r\\n                        <b>Outcomes</b>\\r\\n                    </div>\\r\\n                </td>\\r\\n            </tr>\\r\\n\\r\\n            <!-- ROW 1 -->\\r\\n            <tr class=\\\"input-row\\\">\\r\\n                <td>\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-01\\\">Task</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-01\\\"\\r\\n                         name=\\\"action-plan-editor-01\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"FIRST TASK\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\">\\r\\n                    </div>\\r\\n                </td>\\r\\n                <td>\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-02\\\">Supports Needed</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-02\\\"\\r\\n                         name=\\\"action-plan-editor-02\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"SUPPORTS NEEDED\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\">\\r\\n                    </div>\\r\\n                </td>\\r\\n                <td class=\\\"due-date-cell\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-text-input-03\\\">Due Date</label>\\r\\n                    </div>\\r\\n                    <input type=\\\"text\\\" id=\\\"action-plan-text-input-03\\\" name=\\\"action-plan-text-input-03\\\" style=\\\"text-align:left;\\\"/>\\r\\n                </td>\\r\\n                <td>\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-04\\\">Outcomes</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-04\\\"\\r\\n                         name=\\\"action-plan-editor-04\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"OUTCOMES\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\">\\r\\n                    </div>\\r\\n                </td>\\r\\n            </tr>\\r\\n\\r\\n            <!-- ROW 2 -->\\r\\n            <tr class=\\\"input-row\\\">\\r\\n                <td>\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-05\\\">Task</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-05\\\"\\r\\n                         name=\\\"action-plan-editor-05\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"SECOND TASK\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\">\\r\\n                    </div>\\r\\n                </td>\\r\\n                <td>\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-06\\\">Supports Needed</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-06\\\"\\r\\n                         name=\\\"action-plan-editor-06\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"SUPPORTS NEEDED\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\">\\r\\n                    </div>\\r\\n                </td>\\r\\n                <td class=\\\"due-date-cell\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-text-input-07\\\">Due Date</label>\\r\\n                    </div>\\r\\n                    <input type=\\\"text\\\" id=\\\"action-plan-text-input-07\\\" name=\\\"action-plan-text-input-03\\\" style=\\\"text-align:left;\\\"/>\\r\\n                </td>\\r\\n                <td>\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-08\\\">Outcomes</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-08\\\"\\r\\n                         name=\\\"action-plan-editor-08\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"OUTCOMES\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\">\\r\\n                    </div>\\r\\n                </td>\\r\\n            </tr>\\r\\n\\r\\n            <!-- ROW 3 -->\\r\\n            <tr class=\\\"input-row\\\">\\r\\n                <td>\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-09\\\">Task</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-09\\\"\\r\\n                         name=\\\"action-plan-editor-09\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"THIRD TASK\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\">\\r\\n                    </div>\\r\\n                </td>\\r\\n                <td>\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-10\\\">Supports Needed</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-10\\\"\\r\\n                         name=\\\"action-plan-editor-10\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"SUPPORTS NEEDED\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\">\\r\\n                    </div>\\r\\n                </td>\\r\\n                <td class=\\\"due-date-cell\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-text-input-11\\\">Due Date</label>\\r\\n                    </div>\\r\\n                    <input type=\\\"text\\\" id=\\\"action-plan-text-input-11\\\" name=\\\"action-plan-text-input-03\\\" style=\\\"text-align:left;\\\"/>\\r\\n                </td>\\r\\n                <td>\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-12\\\">Outcomes</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-12\\\"\\r\\n                         name=\\\"action-plan-editor-12\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"OUTCOMES\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\">\\r\\n                    </div>\\r\\n                </td>\\r\\n            </tr>\\r\\n\\r\\n            <!-- ROW 4 -->\\r\\n            <tr class=\\\"input-row\\\">\\r\\n                <td>\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-13\\\">Task</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-13\\\"\\r\\n                         name=\\\"action-plan-editor-13\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"FOURTH TASK\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\">\\r\\n                    </div>\\r\\n                </td>\\r\\n                <td>\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-14\\\">Supports Needed</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-14\\\"\\r\\n                         name=\\\"action-plan-editor-14\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"SUPPORTS NEEDED\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\">\\r\\n                    </div>\\r\\n                </td>\\r\\n                <td class=\\\"due-date-cell\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-text-input-15\\\">Due Date</label>\\r\\n                    </div>\\r\\n                    <input type=\\\"text\\\" id=\\\"action-plan-text-input-15\\\" name=\\\"action-plan-text-input-03\\\" style=\\\"text-align:left;\\\"/>\\r\\n                </td>\\r\\n                <td>\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-16\\\">Outcomes</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-16\\\"\\r\\n                         name=\\\"action-plan-editor-16\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"OUTCOMES\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\">\\r\\n                    </div>\\r\\n                </td>\\r\\n            </tr>\\r\\n\\r\\n            <!-- ROW 5 -->\\r\\n            <tr class=\\\"input-row\\\">\\r\\n                <td>\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-17\\\">Task</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-17\\\"\\r\\n                         name=\\\"action-plan-editor-17\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"FIFTH TASK\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\">\\r\\n                    </div>\\r\\n                </td>\\r\\n                <td>\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-18\\\">Supports Needed</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-18\\\"\\r\\n                         name=\\\"action-plan-editor-18\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"SUPPORTS NEEDED\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\">\\r\\n                    </div>\\r\\n                </td>\\r\\n                <td class=\\\"due-date-cell\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-text-input-19\\\">Due Date</label>\\r\\n                    </div>\\r\\n                    <input type=\\\"text\\\" id=\\\"action-plan-text-input-19\\\" name=\\\"action-plan-text-input-03\\\" style=\\\"text-align:left;\\\"/>\\r\\n                </td>\\r\\n                <td>\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-20\\\">Outcomes</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-20\\\"\\r\\n                         name=\\\"action-plan-editor-20\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"OUTCOMES\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\">\\r\\n                    </div>\\r\\n                </td>\\r\\n            </tr>\\r\\n\\r\\n            <!-- ROW 6 -->\\r\\n            <tr class=\\\"input-row\\\">\\r\\n                <td>\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-21\\\">Task</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-21\\\"\\r\\n                         name=\\\"action-plan-editor-21\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"SIXTH TASK\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\">\\r\\n                    </div>\\r\\n                </td>\\r\\n                <td>\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-22\\\">Supports Needed</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-22\\\"\\r\\n                         name=\\\"action-plan-editor-22\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"SUPPORTS NEEDED\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\">\\r\\n                    </div>\\r\\n                </td>\\r\\n                <td class=\\\"due-date-cell\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-text-input-23\\\">Due Date</label>\\r\\n                    </div>\\r\\n                    <input type=\\\"text\\\" id=\\\"action-plan-text-input-23\\\" name=\\\"action-plan-text-input-03\\\" style=\\\"text-align:left;\\\"/>\\r\\n                </td>\\r\\n                <td>\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-24\\\">Outcomes</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-24\\\"\\r\\n                         name=\\\"action-plan-editor-24\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"OUTCOMES\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\">\\r\\n                    </div>\\r\\n                </td>\\r\\n            </tr>\\r\\n\\r\\n            <!-- ROW 7 -->\\r\\n            <tr class=\\\"input-row\\\">\\r\\n                <td>\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-25\\\">Task</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-25\\\"\\r\\n                         name=\\\"action-plan-editor-25\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"SEVENTH TASK\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\">\\r\\n                    </div>\\r\\n                </td>\\r\\n                <td>\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-26\\\">Supports Needed</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-26\\\"\\r\\n                         name=\\\"action-plan-editor-26\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"SUPPORTS NEEDED\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\">\\r\\n                    </div>\\r\\n                </td>\\r\\n                <td class=\\\"due-date-cell\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-text-input-27\\\">Due Date</label>\\r\\n                    </div>\\r\\n                    <input type=\\\"text\\\" id=\\\"action-plan-text-input-27\\\" name=\\\"action-plan-text-input-03\\\" style=\\\"text-align:left;\\\"/>\\r\\n                </td>\\r\\n                <td>\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-28\\\">Outcomes</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-28\\\"\\r\\n                         name=\\\"action-plan-editor-28\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"OUTCOMES\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\">\\r\\n                    </div>\\r\\n                </td>\\r\\n            </tr>\\r\\n\\r\\n            <!-- ROW 8 -->\\r\\n            <tr class=\\\"input-row\\\">\\r\\n                <td>\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-29\\\">Task</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-29\\\"\\r\\n                         name=\\\"action-plan-editor-29\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"EIGHTH TASK\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\">\\r\\n                    </div>\\r\\n                </td>\\r\\n                <td>\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-30\\\">Supports Needed</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-30\\\"\\r\\n                         name=\\\"action-plan-editor-30\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"SUPPORTS NEEDED\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\">\\r\\n                    </div>\\r\\n                </td>\\r\\n                <td class=\\\"due-date-cell\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-text-input-31\\\">Due Date</label>\\r\\n                    </div>\\r\\n                    <input type=\\\"text\\\" id=\\\"action-plan-text-input-31\\\" name=\\\"action-plan-text-input-03\\\" style=\\\"text-align:left;\\\"/>\\r\\n                </td>\\r\\n                <td>\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-32\\\">Outcomes</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-32\\\"\\r\\n                         name=\\\"action-plan-editor-32\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"OUTCOMES\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\">\\r\\n                    </div>\\r\\n                </td>\\r\\n            </tr>\\r\\n\\r\\n            <!-- ROW 9 -->\\r\\n            <tr class=\\\"input-row\\\">\\r\\n                <td>\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-33\\\">Task</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-33\\\"\\r\\n                         name=\\\"action-plan-editor-33\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"NINTH TASK\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\">\\r\\n                    </div>\\r\\n                </td>\\r\\n                <td>\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-34\\\">Supports Needed</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-34\\\"\\r\\n                         name=\\\"action-plan-editor-34\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"SUPPORTS NEEDED\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\">\\r\\n                    </div>\\r\\n                </td>\\r\\n                <td class=\\\"due-date-cell\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-text-input-35\\\">Due Date</label>\\r\\n                    </div>\\r\\n                    <input type=\\\"text\\\" id=\\\"action-plan-text-input-35\\\" name=\\\"action-plan-text-input-03\\\" style=\\\"text-align:left;\\\"/>\\r\\n                </td>\\r\\n                <td>\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-36\\\">Outcomes</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-36\\\"\\r\\n                         name=\\\"action-plan-editor-36\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"OUTCOMES\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\">\\r\\n                    </div>\\r\\n                </td>\\r\\n            </tr>\\r\\n\\r\\n            <!-- ROW 10 -->\\r\\n            <tr class=\\\"input-row\\\">\\r\\n                <td>\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-37\\\">Task</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-37\\\"\\r\\n                         name=\\\"action-plan-editor-37\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"TENTH TASK\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\">\\r\\n                    </div>\\r\\n                </td>\\r\\n                <td>\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-38\\\">Supports Needed</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-38\\\"\\r\\n                         name=\\\"action-plan-editor-38\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"SUPPORTS NEEDED\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\">\\r\\n                    </div>\\r\\n                </td>\\r\\n                <td class=\\\"due-date-cell\\\">\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-text-input-39\\\">Due Date</label>\\r\\n                    </div>\\r\\n                    <input type=\\\"text\\\" id=\\\"action-plan-text-input-39\\\" name=\\\"action-plan-text-input-03\\\" style=\\\"text-align:left;\\\"/>\\r\\n                </td>\\r\\n                <td>\\r\\n                    <div class=\\\"header-secondary\\\">\\r\\n                        <label for=\\\"action-plan-editor-40\\\">Outcomes</label>\\r\\n                    </div>\\r\\n                    <div contenteditable=\\\"true\\\"\\r\\n                         id=\\\"action-plan-editor-40\\\"\\r\\n                         name=\\\"action-plan-editor-40\\\"\\r\\n                         class=\\\"editor\\\"\\r\\n                         aria-label=\\\"OUTCOMES\\\"\\r\\n                         role=\\\"textbox\\\"\\r\\n                         aria-multiline=\\\"true\\\">\\r\\n                    </div>\\r\\n                </td>\\r\\n            </tr>\\r\\n        </tbody>\\r\\n    </table>\\r\\n    <div style=\\\"clear:both!important;\\\"></div>\\r\\n    <div class=\\\"container-fluid\\\" style=\\\"page-break-inside:avoid; padding-top:50PX;\\\">\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\">\\r\\n                <h2>Notes</h2>\\r\\n            </div>\\r\\n        </div>\\r\\n        <div class=\\\"row\\\">\\r\\n            <div class=\\\"col-md-12\\\" style=\\\"margin:0px;padding:0px;\\\">\\r\\n                <div contenteditable=\\\"true\\\"\\r\\n                     id=\\\"action-plan-editor-41\\\"\\r\\n                     name=\\\"action-plan-editor-41\\\"\\r\\n                     class=\\\"notes-editor\\\"\\r\\n                     style=\\\"width:100%;margin-top:5px;text-align:left;\\\"\\r\\n                     aria-label=\\\"NOTES\\\">\\r\\n                </div>\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div style=\\\"clear:both!important;\\\"></div>\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-5/lesson-5/action plan'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from '@angular/platform-browser';\r\n\r\n@Component({\r\n    selector: 'unit-five-action-plan',\r\n    templateUrl: './action-plan.component.html',\r\n    styleUrls: ['./action-plan.component.css']\r\n})\r\nexport class UnitFiveLessonFiveActionPlanComponent {\r\n\r\n    title: string = \"Action Plan\";\r\n    pageTitle: string = this.title + \" | Unit 5, Lesson 5 | T-Folio\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n\r\n\r\n}\r\n","module.exports = \"<div class=\\\"container exercise-content guide\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-5']\\\">Unit 5</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-5/lesson-6']\\\">Lesson 6</a></li>\\r\\n                <li class=\\\"active\\\">Lesson Guide</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-5/\\\">Unit 5</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-5/lesson-6/\\\">Lesson 6</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-5/lesson-6/guide/\\\">Lesson Guide</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-5/lesson-6/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n        <div class=\\\"col-md-12\\\"><h1>{{title}}</h1></div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-9\\\">\\r\\n            <h2 class=\\\"subtitle\\\">{{subtitle}}</h2>\\r\\n            <br />\\r\\n            <p>\\r\\n                In this lesson, youth will reflect on what they have accomplished through their work with\\r\\n                the T-Folio curriculum. They will use the T-Folio Tracker to\\r\\n                assess which documents they have completed for their T-Folio and determine additional needs, if necessary.\\r\\n            </p>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-3 box\\\">\\r\\n            <i class=\\\"fa fa-folder-open\\\" aria-hidden=\\\"true\\\"></i>\\r\\n            <b>Item(s) to be added to student's Transition Portfolio:</b>\\r\\n            <ul class=\\\"hidden-print\\\">\\r\\n                <li><a href=\\\"/img/unit-5/lesson-6/T-Folio_Unit-5_Lesson-6_T-Folio-Tracker.docx\\\">T-Folio Tracker (Word document)</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-5/lesson-6/final-reflection-worksheet']\\\">Final Reflection Worksheet</a></li>\\r\\n            </ul>\\r\\n            <ul class=\\\"visible-print-block\\\">\\r\\n                <li><a href=\\\"/img/unit-5/lesson-6/T-Folio_Unit-5_Lesson-6_T-Folio-Tracker.docx\\\">T-Folio Tracker</a></li>\\r\\n                <li><a href=\\\"https://cctstfolio.com/#/unit-5/lesson-6/final-reflection-worksheet\\\">Final Reflection Worksheet</a></li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\" style=\\\"border-top:1px solid black;\\\">\\r\\n            <h2>Lesson Objectives</h2>\\r\\n            <b>Participants will:</b>\\r\\n            <ol>\\r\\n                <li>Organize the completed components of their T-Folio.</li>\\r\\n                <li>Determine if additional documents need to be completed or updated.</li>\\r\\n                <li>Create a plan to complete or update their T-Folio.</li>\\r\\n                <li>Reflect on their T-Folio experience.</li>\\r\\n            </ol>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Facilitator Notes</h2>\\r\\n            <ul>\\r\\n                <li>\\r\\n                    Students may already have filled out their T-Folio Tracker as\\r\\n                    they worked through the T-Folio. If not, they can do so as part of this lesson. Either way, they should check that each document is accounted\\r\\n                    for and in the correct location.\\r\\n                </li>\\r\\n                <li>\\r\\n                    Note that the T-Folio Tracker is organized by document. There may be several documents for one lesson\\r\\n                    and some lessons may not be listed if there is no document for the portfolio associated with it.\\r\\n                </li>\\r\\n                <li>\\r\\n                    Students may have their completed T-Folio components saved on a computer or thumb drive, or they\\r\\n                    may have hard copies in a folder. They will need to have access to all of the places their documents\\r\\n                    are stored in order to review their T-Folio.\\r\\n                </li>\\r\\n                <li>\\r\\n                    A PowerPoint file is included with this lesson and can be used as part of a presentation or for your information.\\r\\n                    It is recommended that you review the PowerPoint (including the Notes section) prior to using the lesson. It can\\r\\n                    be accessed either in PowerPoint format or as a PDF:\\r\\n                    <ul>\\r\\n                        <li><a href=\\\"/img/unit-5/lesson-6/T-Folio_Unit-5_Lesson-6_Final-Reflection.pptx\\\">PowerPoint:&nbsp;\\\"Final Reflection\\\"</a></li>\\r\\n                        <li><a href=\\\"/img/unit-5/lesson-6/T-Folio_Unit-5_Lesson-6_Final-Reflection.pdf\\\" target=\\\"_blank\\\">PDF:&nbsp;\\\"Final Reflection\\\"</a></li>\\r\\n                    </ul>\\r\\n                </li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Introduction</h2>\\r\\n            <br />\\r\\n            <b>Warm Up:</b>\\r\\n            <br />\\r\\n            <p><b>Say:</b>&nbsp;We will go around the room to hear each person's three-word response to the following prompt:</p>\\r\\n            <p>\\\"When I think about life after high school, I am the most excited about ________________.</p>\\r\\n            <ul>\\r\\n                <li>Possible responses may include: my first job, buying a car, living on own, going to college, etc.</li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Activity</h2>\\r\\n            <br />\\r\\n            <p>\\r\\n                <b>Say:</b>&nbsp;We are going to use the <a href=\\\"/img/unit-5/lesson-6/T-Folio_Unit-5_Lesson-6_T-Folio-Tracker.docx\\\">T-Folio Tracker (Word document)</a> to ensure\\r\\n                that you have all the components of the T-Folio completed. If you have been filling out the T-Folio Tracker as\\r\\n                you've worked through the units of the T-Folio, you will look back now to see if there are any documents missing or any that need updating.\\r\\n                Check that each document is where the tracker says it should be.\\r\\n            </p>\\r\\n            <p>\\r\\n                If you haven't filled out the T-Folio Tracker yet, you\\r\\n                can do so now by looking for each document and marking down the date it was completed and where the document is stored. It is important to note the\\r\\n                date so that you know when a document was last updated. For example, if your r&eacute;sum&eacute; was last updated in October but you've had additional work\\r\\n                experience since then, you know you need to update your r&eacute;sum&eacute;. Some documents from the T-Folio may be saved on your thumb drive and others may be\\r\\n                hard paper copies in your folder, which is why you want to make a notation on the T-Folio Tracker about where each item is stored. This will help you\\r\\n                locate the documents in the future when they are needed.\\r\\n            </p>\\r\\n            <ul>\\r\\n                <li>Provide time for students to locate their documents and complete the T-Folio Tracker.</li>\\r\\n                <li>A sample is provided in the PowerPoint presentation.</li>\\r\\n            </ul>\\r\\n\\r\\n            <p>\\r\\n                <b>Say:</b>&nbsp;If an item is missing, make a note on your T-Folio Tracker\\r\\n                under \\\"Actions Needed\\\" about when you will complete that lesson. If an item needs to be updated, make a note about when\\r\\n                you will update that document.\\r\\n            </p>\\r\\n            <ul>\\r\\n                <li>\\r\\n                    Some possible examples include:\\r\\n                    <ul>\\r\\n                        <li>\\\"Missing Preferences Assessment: complete during advisory before June 3rd.\\\"</li>\\r\\n                        <li>\\\"R&eacute;sum&eacute; was last completed in October. Add my four-week job shadowing experience with Dr. Albright from March 1-31.\\\"</li>\\r\\n                    </ul>\\r\\n                </li>\\r\\n                <li>These actions could also be noted using the <a [routerLink]=\\\"['/unit-5/lesson-5/action-plan']\\\">Action Plan Template</a> from Unit 5, Lesson 5.</li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Debrief and Guiding Questions</h2>\\r\\n            <p>\\r\\n                <b>Say:</b>&nbsp;You will now complete the <a [routerLink]=\\\"['/unit-5/lesson-6/final-reflection-worksheet']\\\">Final Reflection Worksheet</a>,\\r\\n                which asks you to respond to four final reflection questions regarding your experience using the T-Folio. Think about the documents\\r\\n                you have created using the T-Folio, the discussions you've had with your classmates and teacher(s), the skills you've developed, the\\r\\n                confidence and independence you've gained, and then answer the following questions.\\r\\n            </p>\\r\\n            <ol>\\r\\n                <li>\\r\\n                    How will you use the T-Folio documents when you apply for your next job? (\\r\\n                        e.g., update r&eacute;sum&eacute;,\\r\\n                        practice common interview questions, refer to sample thank you note, etc.\\r\\n                    )\\r\\n                </li>\\r\\n                <li>\\r\\n                    How will you use the T-Folio documents when you apply for post-secondary education opportunities?\\r\\n                    (e.g., use of College Navigator list, following action plan for post-secondary goals, etc.)\\r\\n                </li>\\r\\n                <li>\\r\\n                    What did you learn about yourself through the T-Folio lessons? (\\r\\n                        e.g., needs, strengths, level of\\r\\n                        self-determination, etc.\\r\\n                    )\\r\\n                </li>\\r\\n\\r\\n                <li>\\r\\n                    How have the T-Folio lessons prepared you for life after high school? (\\r\\n                        e.g., identifying goals,\\r\\n                        following an action plan, ability to self-advocate, etc.\\r\\n                    )\\r\\n                </li>\\r\\n            </ol>\\r\\n            <ul>\\r\\n                <li>\\r\\n                    Provide students time to answer the questions independently so they have time to think through\\r\\n                    each response. Then have a group discussion in which they share their responses.\\r\\n                </li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Considerations for Accommodation</h2>\\r\\n            <ul>\\r\\n                <li>Youth may complete the written questions as homework prior to this lesson in order to have more time for group dialogue.</li>\\r\\n                <li>Youth may benefit from using photos or other visuals to represent their responses to the warm-up activity.</li>\\r\\n                <li>Youth may use a paper or electronic calendar (possibly on their phones) to track their deadlines or due dates for the \\\"Action Needed\\\" section of the lesson.</li>\\r\\n                <li>Consider adding a celebratory element to this lesson to congratulate youth for completing their T-Folios!</li>\\r\\n            </ul>\\r\\n        </div>\\r\\n    </div>\\r\\n    <div class=\\\"row-fluid\\\">\\r\\n        <div class=\\\"col-md-12\\\">\\r\\n            <h2>Up Next</h2>\\r\\n            <div>\\r\\n                Congratulations on finishing the final T-Folio lesson! Planning for the future is a process that continues over time. \\r\\n                Youth should be made aware that they will need to continue to review and revise their T-Folio documents as they gain more experience, knowledge, and confidence. Plan for youth to take another look at their work within six months and update items as needed.\\r\\n                Great job!\\r\\n            </div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-5/lesson-6/lesson guide'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from '@angular/platform-browser';\r\n\r\n@Component({\r\n    selector: 'unit-five-lesson-six-guide',\r\n    templateUrl: './_guide.component.html',\r\n    styleUrls: ['../../_shared/lesson-guides/lesson-guide.component.css']\r\n})\r\nexport class UnitFiveLessonSixGuideComponent {\r\n\r\n    pageTitle: string = \"Lesson Guide | Unit 5, Lesson 6 | T-Folio\";\r\n    title: string = \"Lesson Guide\";\r\n    subtitle: string = \"Lesson 6: Final Reflection\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n}\r\n","import { Component } from \"@angular/core\";\r\nimport { Title } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n    selector: 'unit-five-lesson-six-landing-page',\r\n    templateUrl: '../../_shared/landing-pages/landing-page.component.html',\r\n    styleUrls: ['../../_shared/landing-pages/landing-page.component.css']\r\n})\r\nexport class UnitFiveLessonSixLandingComponent {\r\n\r\n    bannerHeader = \"Self-Advocacy: Lesson 6\";\r\n    pageTitle: string = \"Final Reflection | Unit 5, Lesson 6 | T-Folio\";\r\n    title: string = \"Lesson 6: Final Reflection\";\r\n\r\n    openInNewWindow(url: string) {\r\n        window.open(url, '_blank');\r\n    }\r\n\r\n    doPrint(): void {\r\n        window.print();\r\n    }\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n    LandingPageData = {\r\n        breadcrumbs: {\r\n            label: \"Lesson 6\",\r\n            crumbs: [\r\n                {\r\n                    route: \"\",\r\n                    linktext: \"T-Folio\"\r\n                },\r\n                {\r\n                    route: \"/unit-5\",\r\n                    linktext: \"Unit 5\"\r\n                }\r\n            ]\r\n        },\r\n        summary: \"In this lesson, students will reflect on what they have accomplished through their work with the T-Folio curriculum. They will use the T-Folio Tracker to assess which documents they have completed for their T-Folio and determine additional needs, if necessary.\",\r\n        objectives: [\r\n            \"Organize the completed components of their T-Folio. \",\r\n            \"Determine if additional documents need to be completed or updated.\",\r\n            \"Create a plan to complete or update their T-Folio.\",\r\n            \"Reflect on their T-Folio experience.\",\r\n        ],\r\n        buttons: [\r\n            {\r\n                route: \"/unit-5/lesson-6/guide\",\r\n                linktext: \"Lesson Guide\",\r\n                color: \"btn-success\",\r\n                window: false,\r\n            },\r\n            {\r\n                route: \"/img/unit-5/lesson-6/T-Folio_Unit-5_Lesson-6_T-Folio-Tracker.docx\",\r\n                linktext: \"T-Folio Tracker (Word document)\",\r\n                color: \"btn-primary\",\r\n                window: true,\r\n            },\r\n            {\r\n                route: \"/unit-5/lesson-6/final-reflection-worksheet\",\r\n                linktext: \"Final Reflection Worksheet\",\r\n                color: \"btn-primary\",\r\n                window: false,\r\n            },\r\n\r\n            {\r\n                route: '/img/unit-5/lesson-6/T-Folio_Unit-5_Lesson-6_Final-Reflection.pptx',\r\n                linktext: \"PowerPoint Presentation\",\r\n                color: \"powerpoint-button\",\r\n                window: true,\r\n            }\r\n        ],\r\n        image: \"/img/unit-5/lesson-6/6_teen1.jpg\",\r\n        imgalt: \"A black-and-white image of a young man smiling, wearing earbuds and a t-shirt that says “Thank you.”\",\r\n        caption: \"on\",\r\n        photoLink: \"https://www.pexels.com/photo/man-boy-black-and-white-person-9687/\",\r\n        source: \"Pexels\",\r\n        sourceLink: \"https://www.pexels.com/\",\r\n        licence: \"CC0 license\",\r\n        licenceLink: \"https://www.pexels.com/photo-license/\",\r\n\r\n    }\r\n\r\n\r\n}\r\n","module.exports = \"h2 {\\r\\n    font-size:medium;\\r\\n}\\r\\n\\r\\n.editor {\\r\\n    min-height: 125px;\\r\\n    border:1px solid black;\\r\\n    font-weight:bold;\\r\\n}\\r\\n\\r\\n.active{\\r\\n    color: #2C3E50;\\r\\n}\\r\\n\\r\\n@media print {\\r\\n\\r\\n    div.editor {\\r\\n        border: none;\\r\\n    }\\r\\n    .print-hide{\\r\\n        display:none;\\r\\n    }\\r\\n    .exercise-content {\\r\\n        margin-bottom:0px;\\r\\n        padding-bottom:0px;\\r\\n    }\\r\\n}\"","module.exports = \"<div class=\\\"container exercise-content\\\" id=\\\"pdfcontent\\\">\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 col-sm-10 col-xs-10\\\">\\r\\n            <ol class=\\\"breadcrumb hidden-print\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a [routerLink]=\\\"['']\\\">T-Folio</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-5']\\\">Unit 5</a></li>\\r\\n                <li><a [routerLink]=\\\"['/unit-5/lesson-6']\\\">Lesson 6</a></li>\\r\\n                <li class=\\\"active\\\" style=\\\"color:black;\\\">{{title}}</li>\\r\\n            </ol>\\r\\n            <ol class=\\\"breadcrumb visible-print-block\\\" style=\\\"background-color:white;\\\">\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/\\\">T-Folio</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-5/\\\">Unit 5</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-5/lesson-6/\\\">Lesson 6</a></li>\\r\\n                <li><a href=\\\"https://www.cctstfolio.com/#/unit-5/lesson-6/final-reflection-worksheet/\\\">{{title}}</a></li>\\r\\n            </ol>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 col-sm-2 col-xs-2\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-5/lesson-6/final reflection worksheet'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <tfolio-heading></tfolio-heading>\\r\\n\\r\\n    <tfolio-page-title content=\\\"{{title}}\\\"></tfolio-page-title>\\r\\n    <div style=\\\"margin-left:15px;margin-right:15px;\\\">\\r\\n        <div style=\\\"page-break-inside:avoid;\\\">\\r\\n            <h2>How will you use the T-Folio documents when you apply for your next job?</h2>\\r\\n            <div contenteditable=\\\"true\\\"\\r\\n                 id=\\\"final-reflection-worksheet-editor-01\\\"\\r\\n                 name=\\\"final-reflection-worksheet-editor-01\\\"\\r\\n                 class=\\\"editor\\\"\\r\\n                 aria-label=\\\"How will you use the T-Folio documents when you apply for your next job?\\\"\\r\\n                 role=\\\"textbox\\\"\\r\\n                 aria-multiline=\\\"true\\\"></div>\\r\\n        </div>\\r\\n        <div style=\\\"page-break-inside:avoid;\\\">\\r\\n            <h2>How will you use the T-Folio documents when you apply for post-secondary education opportunities?</h2>\\r\\n            <div contenteditable=\\\"true\\\"\\r\\n                 id=\\\"final-reflection-worksheet-editor-02\\\"\\r\\n                 name=\\\"final-reflection-worksheet-editor-02\\\"\\r\\n                 class=\\\"editor\\\"\\r\\n                 aria-label=\\\"How will you use the T-Folio documents when you apply for post-secondary education opportunities?\\\"\\r\\n                 role=\\\"textbox\\\"\\r\\n                 aria-multiline=\\\"true\\\"></div>\\r\\n        </div>\\r\\n        <div style=\\\"page-break-inside:avoid;\\\">\\r\\n            <h2>What did you learn about yourself through the T-Folio lessons?</h2>\\r\\n            <div contenteditable=\\\"true\\\"\\r\\n                 id=\\\"final-reflection-worksheet-editor-03\\\"\\r\\n                 name=\\\"final-reflection-worksheet-editor-03\\\"\\r\\n                 class=\\\"editor\\\"\\r\\n                 aria-label=\\\"What did you learn about yourself through the T-Folio lessons?\\\"\\r\\n                 role=\\\"textbox\\\"\\r\\n                 aria-multiline=\\\"true\\\"></div>\\r\\n        </div>\\r\\n        <div style=\\\"page-break-inside:avoid;\\\">\\r\\n            <h2>How have the T-Folio lessons prepared you for life after high school?</h2>\\r\\n            <div contenteditable=\\\"true\\\"\\r\\n                 id=\\\"final-reflection-worksheet-editor-04\\\"\\r\\n                 name=\\\"final-reflection-worksheet-editor-04\\\"\\r\\n                 class=\\\"editor\\\"\\r\\n                 aria-label=\\\"How have the T-Folio lessons prepared you for life after high school?\\\"\\r\\n                 role=\\\"textbox\\\"\\r\\n                 aria-multiline=\\\"true\\\"></div>\\r\\n        </div>\\r\\n    </div>\\r\\n\\r\\n    <!-- scroll, print, pdf -->\\r\\n    <div class=\\\"row\\\">\\r\\n        <div class=\\\"col-md-10 print-hide\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-scroll></tfolio-scroll>\\r\\n        </div>\\r\\n        <div class=\\\"col-md-2 print-hide\\\" style=\\\"padding-top:20px;\\\">\\r\\n            <tfolio-print-button></tfolio-print-button><tfolio-pdf-button [fileName]=\\\"'unit-5/lesson-6/final reflection worksheet'\\\"></tfolio-pdf-button>\\r\\n        </div>\\r\\n    </div>\\r\\n    <!-- copyright -->\\r\\n    <tfolio-copyright></tfolio-copyright>\\r\\n</div>\\r\\n\"","import { Component } from \"@angular/core\";\r\nimport { Title } from '@angular/platform-browser';\r\n\r\n@Component({\r\n    selector: 'final-reflection-worksheet',\r\n    templateUrl: './final-reflection-worksheet.component.html',\r\n    styleUrls: ['./final-reflection-worksheet.component.css']\r\n})\r\nexport class UnitFiveLessonSixFinalReflectionWorksheetComponent {\r\n\r\n    title: string = \"Final Reflection Worksheet\";\r\n    pageTitle: string = this.title + \" | Unit 5, Lesson 6 | T-Folio\";\r\n\r\n    public constructor(private titleService: Title) {\r\n        this.titleService.setTitle(this.pageTitle);\r\n    }\r\n\r\n}\r\n","// This file can be replaced during build by using the `fileReplacements` array.\n// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.\n// The list of file replacements can be found in `angular.json`.\n\nexport const environment = {\n  production: false\n};\n\n/*\n * For easier debugging in development mode, you can import the following file\n * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.\n *\n * This import should be commented out in production mode because it will have a negative impact\n * on performance if an error is thrown.\n */\n// import 'zone.js/dist/zone-error';  // Included with Angular CLI.\n","import { enableProdMode } from '@angular/core';\nimport { platformBrowserDynamic } from '@angular/platform-browser-dynamic';\n\nimport { AppModule } from './app/app.module';\nimport { environment } from './environments/environment';\n\nif (environment.production) {\n  enableProdMode();\n}\n\nplatformBrowserDynamic().bootstrapModule(AppModule)\n  .catch(err => console.error(err));\n\n"],"sourceRoot":""}