@baravak/risloo-profile-cli 4.46.3 → 4.75.0

package/views/profiles/MCMI9A_main_partial.hbs

@@ -0,0 +1,262 @@
+<defs>
+  <linearGradient id="mcmBlue" x1="0" y1="1" x2="0" y2="0">
+    <stop stop-color="#93C5FD"/>
+    <stop offset="1" stop-color="#2563EB"/>
+  </linearGradient>
+  <linearGradient id="mcmGray" x1="0" y1="1" x2="0" y2="0">
+    <stop stop-color="#E2E8F0"/>
+    <stop offset="1" stop-color="#94A3B8"/>
+  </linearGradient>
+  <linearGradient id="mcmYellow" x1="0" y1="1" x2="0" y2="0">
+    <stop stop-color="#FEF08A"/>
+    <stop offset="1" stop-color="#EAB308"/>
+  </linearGradient>
+  <linearGradient id="mcmOrange" x1="0" y1="1" x2="0" y2="0">
+    <stop stop-color="#FDBA74"/>
+    <stop offset="1" stop-color="#EA580C"/>
+  </linearGradient>
+  <linearGradient id="mcmRose" x1="0" y1="1" x2="0" y2="0">
+    <stop stop-color="#FDA4AF"/>
+    <stop offset="1" stop-color="#E11D48"/>
+  </linearGradient>
+  <filter id="mcmMainBaselineModifying" x="134" y="461" width="74" height="7" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+    <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+    <feOffset dx="1"/>
+    <feGaussianBlur stdDeviation="1.5"/>
+    <feComposite in2="hardAlpha" operator="out"/>
+    <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0"/>
+    <feBlend mode="normal" in2="BackgroundImageFix" result="effect1"/>
+    <feBlend mode="normal" in="SourceGraphic" in2="effect1" result="shape"/>
+  </filter>
+  <filter id="mcmMainBaselinePersonality" x="266" y="461" width="330" height="7" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+    <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+    <feOffset dx="1"/>
+    <feGaussianBlur stdDeviation="1.5"/>
+    <feComposite in2="hardAlpha" operator="out"/>
+    <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0"/>
+    <feBlend mode="normal" in2="BackgroundImageFix" result="effect1"/>
+    <feBlend mode="normal" in="SourceGraphic" in2="effect1" result="shape"/>
+  </filter>
+  <filter id="mcmMainBaselineClinical" x="662" y="461" width="230" height="7" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+    <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+    <feOffset dx="1"/>
+    <feGaussianBlur stdDeviation="1.5"/>
+    <feComposite in2="hardAlpha" operator="out"/>
+    <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0"/>
+    <feBlend mode="normal" in2="BackgroundImageFix" result="effect1"/>
+    <feBlend mode="normal" in="SourceGraphic" in2="effect1" result="shape"/>
+  </filter>
+</defs>
+
+<g transform="translate({{spec.profile.padding.[0].x}}, {{spec.profile.padding.[0].y}})">
+  <g>
+    {{bar 32 120 (object tl=4 bl=0 tr=4 br=0) (toRad 0) fill="#F1F5F9"}}
+    <path d="M0.5 120V4A3.5 3.5 0 0 1 4 0.5H28A3.5 3.5 0 0 1 31.5 4V120" fill="none" stroke="#E2E8F0"/>
+    <text x="16" y="60" transform="rotate(-90 16 60)" font-size="12" fill="#334155" text-anchor="middle" dy=".35em">کدهای برافراشته</text>
+    {{#each highPoints as |code index|}}
+      <g transform="translate(0, {{math 124 '+' (math index '*' 36)}})">
+        <rect width="32" height="32" rx="2" fill="#EFF6FF"/>
+        <text class="eng-font" x="16" y="16" transform="rotate(-90 16 16)" direction="ltr" font-size="12" fill="#1E40AF" text-anchor="middle" dy=".3em">{{code}}</text>
+      </g>
+    {{/each}}
+
+    <g transform="translate(40, 0)">
+      {{bar 32 120 (object tl=4 bl=0 tr=4 br=0) (toRad 0) fill="#F1F5F9"}}
+      <path d="M0.5 120V4A3.5 3.5 0 0 1 4 0.5H28A3.5 3.5 0 0 1 31.5 4V120" fill="none" stroke="#E2E8F0"/>
+      <text x="16" y="60" transform="rotate(-90 16 60)" font-size="12" fill="#334155" text-anchor="middle" dy=".35em">تعدیل نمرات BR</text>
+      <g transform="translate(0, 124)">
+        <rect width="32" height="{{correction.bodyHeight}}" rx="2" fill="{{correction.background}}"/>
+        {{#if correction.valid}}
+          <path d="M8 12.667L11.333 9.334L4.667 2.667" transform="translate(8, 16)" fill="none" stroke="{{correction.color}}" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
+        {{else}}
+          <path d="M12 20L20 28M20 20L12 28" fill="none" stroke="{{correction.color}}" stroke-width="1.4" stroke-linecap="round"/>
+        {{/if}}
+        <text x="16" y="36" transform="rotate(-90 16 36)" font-size="12" fill="{{correction.color}}" text-anchor="start" dy=".35em">{{correction.text}}</text>
+      </g>
+    </g>
+
+    <g transform="translate(0, 392)">
+      {{bar 32 150 (object tl=4 bl=0 tr=4 br=0) (toRad 0) fill="#F1F5F9"}}
+      <path d="M0.5 150V4A3.5 3.5 0 0 1 4 0.5H28A3.5 3.5 0 0 1 31.5 4V150" fill="none" stroke="#E2E8F0"/>
+      <text x="16" y="75" transform="rotate(-90 16 75)" font-size="12" fill="#334155" text-anchor="middle" dy=".35em">شاخص عدم اعتبار ( V )</text>
+      <g transform="translate(0, 154)">
+        <rect width="32" height="160" rx="2" fill="{{validityV.background}}"/>
+        <text x="16" y="{{validityV.rawY}}" transform="rotate(-90 16 {{validityV.rawY}})" font-size="18" font-weight="500" fill="{{validityV.color}}" text-anchor="middle" dy=".35em">{{validityV.raw}}</text>
+        <text x="16" y="{{validityV.equalsY}}" transform="rotate(-90 16 {{validityV.equalsY}})" font-size="14" fill="{{validityV.color}}" text-anchor="middle" dy=".35em">=</text>
+        <text x="16" y="{{validityV.reportY}}" transform="rotate(-90 16 {{validityV.reportY}})" font-size="13" fill="{{validityV.color}}" text-anchor="middle" dy=".35em">{{validityV.text}}</text>
+      </g>
+    </g>
+
+    <g transform="translate(40, 392)">
+      {{bar 32 150 (object tl=4 bl=0 tr=4 br=0) (toRad 0) fill="#F1F5F9"}}
+      <path d="M0.5 150V4A3.5 3.5 0 0 1 4 0.5H28A3.5 3.5 0 0 1 31.5 4V150" fill="none" stroke="#E2E8F0"/>
+      <text x="16" y="75" transform="rotate(-90 16 75)" font-size="12" fill="#334155" text-anchor="middle" dy=".35em">شاخص ناهمسانی ( W )</text>
+      <g transform="translate(0, 154)">
+        <rect width="32" height="160" rx="2" fill="{{validityW.background}}"/>
+        <text x="16" y="{{validityW.rawY}}" transform="rotate(-90 16 {{validityW.rawY}})" font-size="18" font-weight="500" fill="{{validityW.color}}" text-anchor="middle" dy=".35em">{{validityW.raw}}</text>
+        <text x="16" y="{{validityW.equalsY}}" transform="rotate(-90 16 {{validityW.equalsY}})" font-size="14" fill="{{validityW.color}}" text-anchor="middle" dy=".35em">=</text>
+        <text x="16" y="{{validityW.reportY}}" transform="rotate(-90 16 {{validityW.reportY}})" font-size="13" fill="{{validityW.color}}" text-anchor="middle" dy=".35em">{{validityW.text}}</text>
+      </g>
+    </g>
+  </g>
+
+  <rect x="96" width="1" height="706" fill="#E2E8F0"/>
+
+  <g>
+    {{#each modifying as |item|}}
+      <g transform="translate({{item.x}}, 64)">
+        {{bar 12 400 (object tl=2 bl=0 tr=2 br=0) (toRad 0) fill=item.theme.track}}
+      </g>
+    {{/each}}
+    <line x1="136.5" y1="64.5" x2="203.5" y2="64.5" stroke="#E5E7EB" stroke-linecap="round" stroke-dasharray="6 6"/>
+    <line x1="136.5" y1="164.5" x2="203.5" y2="164.5" stroke="#E5E7EB" stroke-linecap="round" stroke-dasharray="6 6"/>
+    <line x1="136.5" y1="324.5" x2="203.5" y2="324.5" stroke="#E5E7EB" stroke-linecap="round" stroke-dasharray="6 6"/>
+
+    <text x="129" y="65" transform="rotate(-90 129 65)" direction="ltr" font-size="12" fill="#9CA3AF" text-anchor="end">100</text>
+    <text x="129" y="165" transform="rotate(-90 129 165)" direction="ltr" font-size="12" fill="#9CA3AF" text-anchor="middle">75</text>
+    <text x="129" y="325" transform="rotate(-90 129 325)" direction="ltr" font-size="12" fill="#9CA3AF" text-anchor="middle">35</text>
+    <text x="129" y="456" transform="rotate(-90 129 456)" direction="ltr" font-size="12" fill="#9CA3AF" text-anchor="middle">BR</text>
+    <text x="129" y="115" transform="rotate(-90 129 115)" font-size="10" fill="#6B7280" text-anchor="middle">بالا</text>
+    <text x="129" y="244" transform="rotate(-90 129 244)" font-size="10" fill="#6B7280" text-anchor="middle">متوسط</text>
+    <text x="129" y="384" transform="rotate(-90 129 384)" font-size="10" fill="#6B7280" text-anchor="middle">پایین</text>
+    <text x="129" y="0" transform="rotate(-90 129 0)" font-size="12" fill="#9CA3AF" text-anchor="start">نمره خام</text>
+    <path d="M122.5 51H129.5M126.5 54L129.5 51L126.5 48" fill="none" stroke="#9CA3AF" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
+    {{#if showDisclosureAlert}}
+      <path d="M148.99 6.49986H151.291M153.016 6.49986V6.49408M145.879 7.44568L153.663 12.1291C153.83 12.2257 154.018 12.2768 154.211 12.2773C154.403 12.2779 154.592 12.2279 154.759 12.1323C154.926 12.0367 155.065 11.8989 155.162 11.7325C155.26 11.5661 155.312 11.377 155.315 11.1839V1.81581C155.312 1.62284 155.26 1.4338 155.162 1.2675C155.065 1.10119 154.926 0.963405 154.759 0.867832C154.592 0.772258 154.403 0.722225 154.211 0.722705C154.019 0.723185 153.83 0.774162 153.664 0.870569L145.878 5.55403C145.717 5.65257 145.583 5.79138 145.49 5.95706C145.397 6.12274 145.348 6.30969 145.348 6.49986C145.348 6.69002 145.397 6.87697 145.49 7.04265C145.583 7.20833 145.717 7.34714 145.878 7.44568H145.879Z" fill="none" stroke="#B91C1C" stroke-linecap="round" stroke-linejoin="round"/>
+    {{/if}}
+
+    {{#each modifying as |item|}}
+      {{#if item.barHeight}}
+        <g transform="translate({{item.x}}, {{item.barTop}})" fill="url(#{{item.theme.gradient}})">
+          {{bar 12 item.barHeight (object tl=2 bl=0 tr=2 br=0) (toRad 0)}}
+        </g>
+      {{/if}}
+      <text x="{{item.center}}" y="{{item.scoreY}}" transform="rotate(-90 {{item.center}} {{item.scoreY}})" direction="ltr" font-size="12" font-weight="500" fill="{{ternary item.inside 'white' item.theme.dark}}" text-anchor="{{item.scoreAnchor}}" dy=".35em">{{item.br}}</text>
+      <rect x="{{item.x}}" y="19" width="12" height="36" rx="2" fill="{{item.theme.track}}"/>
+      <text x="{{item.center}}" y="37" transform="rotate(-90 {{item.center}} 37)" direction="ltr" font-size="12" fill="{{item.theme.dark}}" text-anchor="middle" dy=".35em">{{item.raw}}</text>
+      {{> MCMI9A_vertical_label center=item.center code=item.code fa=item.fa}}
+    {{/each}}
+    <g opacity="0.5" filter="url(#mcmMainBaselineModifying)">
+      <line x1="136.5" y1="464.5" x2="203.5" y2="464.5" stroke="white" stroke-linecap="round"/>
+    </g>
+  </g>
+
+  <g>
+    {{#each personality as |item|}}
+      <g transform="translate({{item.x}}, 64)">
+        {{bar 12 400 (object tl=2 bl=0 tr=2 br=0) (toRad 0) fill=item.theme.track}}
+      </g>
+    {{/each}}
+    <line x1="268.5" y1="64.5" x2="591.5" y2="64.5" stroke="#E5E7EB" stroke-linecap="round" stroke-dasharray="6 6"/>
+    <line x1="268.5" y1="169.5" x2="591.5" y2="169.5" stroke="#E5E7EB" stroke-linecap="round" stroke-dasharray="6 6"/>
+    <line x1="268.5" y1="269.5" x2="591.5" y2="269.5" stroke="#E5E7EB" stroke-linecap="round" stroke-dasharray="6 6"/>
+    <line x1="268.5" y1="374.5" x2="591.5" y2="374.5" stroke="#E5E7EB" stroke-linecap="round" stroke-dasharray="6 6"/>
+
+    <text x="261" y="65" transform="rotate(-90 261 65)" direction="ltr" font-size="12" fill="#9CA3AF" text-anchor="end">115</text>
+    <text x="261" y="170" transform="rotate(-90 261 170)" direction="ltr" font-size="12" fill="#9CA3AF" text-anchor="middle">85</text>
+    <text x="261" y="270" transform="rotate(-90 261 270)" direction="ltr" font-size="12" fill="#9CA3AF" text-anchor="middle">75</text>
+    <text x="261" y="375" transform="rotate(-90 261 375)" direction="ltr" font-size="12" fill="#9CA3AF" text-anchor="middle">60</text>
+    <text x="261" y="456" transform="rotate(-90 261 456)" direction="ltr" font-size="12" fill="#9CA3AF" text-anchor="middle">BR</text>
+    <text x="261" y="0" transform="rotate(-90 261 0)" font-size="12" fill="#9CA3AF" text-anchor="start">نمره خام</text>
+    <path d="M254.5 51H261.5M258.5 54L261.5 51L258.5 48" fill="none" stroke="#9CA3AF" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
+    <g transform="translate(250, 116) rotate(-90)">
+      <text x="0" y="-6" font-size="10" fill="#E11D48" text-anchor="middle">اختلال</text>
+      <text x="0" y="8" font-size="10" fill="#E11D48" text-anchor="middle">شخصیت</text>
+    </g>
+    <g transform="translate(250, 220) rotate(-90)">
+      <text x="0" y="-6" font-size="10" fill="#EA580C" text-anchor="middle">تیپ</text>
+      <text x="0" y="8" font-size="10" fill="#EA580C" text-anchor="middle">شخصیتی</text>
+    </g>
+    <g transform="translate(250, 321) rotate(-90)">
+      <text x="0" y="-6" font-size="10" fill="#EAB308" text-anchor="middle">سبک</text>
+      <text x="0" y="8" font-size="10" fill="#EAB308" text-anchor="middle">شخصیتی</text>
+    </g>
+
+    {{#each personality as |item|}}
+      {{#if item.barHeight}}
+        <g transform="translate({{item.x}}, {{item.barTop}})" fill="url(#{{item.theme.gradient}})">
+          {{bar 12 item.barHeight (object tl=2 bl=0 tr=2 br=0) (toRad 0)}}
+        </g>
+      {{/if}}
+      <text x="{{item.center}}" y="{{item.scoreY}}" transform="rotate(-90 {{item.center}} {{item.scoreY}})" direction="ltr" font-size="12" font-weight="500" fill="{{ternary item.inside 'white' item.theme.dark}}" text-anchor="{{item.scoreAnchor}}" dy=".35em">{{item.br}}</text>
+      <rect x="{{item.x}}" y="19" width="12" height="36" rx="2" fill="{{item.theme.track}}"/>
+      <text x="{{item.center}}" y="37" transform="rotate(-90 {{item.center}} 37)" direction="ltr" font-size="12" fill="{{item.theme.dark}}" text-anchor="middle" dy=".35em">{{item.raw}}</text>
+      {{> MCMI9A_vertical_label center=item.center code=item.code fa=item.fa}}
+    {{/each}}
+    <g opacity="0.5" filter="url(#mcmMainBaselinePersonality)">
+      <line x1="268.5" y1="464.5" x2="591.5" y2="464.5" stroke="white" stroke-linecap="round"/>
+    </g>
+  </g>
+
+  <g>
+    {{#each clinical as |item|}}
+      <g transform="translate({{item.x}}, 64)">
+        {{bar 12 400 (object tl=2 bl=0 tr=2 br=0) (toRad 0) fill=item.theme.track}}
+      </g>
+    {{/each}}
+    <line x1="664.5" y1="64.5" x2="887.5" y2="64.5" stroke="#E5E7EB" stroke-linecap="round" stroke-dasharray="6 6"/>
+    <line x1="664.5" y1="169.5" x2="887.5" y2="169.5" stroke="#E5E7EB" stroke-linecap="round" stroke-dasharray="6 6"/>
+    <line x1="664.5" y1="269.5" x2="887.5" y2="269.5" stroke="#E5E7EB" stroke-linecap="round" stroke-dasharray="6 6"/>
+
+    <text x="657" y="65" transform="rotate(-90 657 65)" direction="ltr" font-size="12" fill="#9CA3AF" text-anchor="end">115</text>
+    <text x="657" y="170" transform="rotate(-90 657 170)" direction="ltr" font-size="12" fill="#9CA3AF" text-anchor="middle">85</text>
+    <text x="657" y="270" transform="rotate(-90 657 270)" direction="ltr" font-size="12" fill="#9CA3AF" text-anchor="middle">75</text>
+    <text x="657" y="456" transform="rotate(-90 657 456)" direction="ltr" font-size="12" fill="#9CA3AF" text-anchor="middle">BR</text>
+    <text x="657" y="0" transform="rotate(-90 657 0)" font-size="12" fill="#9CA3AF" text-anchor="start">نمره خام</text>
+    <path d="M650.5 51H657.5M654.5 54L657.5 51L654.5 48" fill="none" stroke="#9CA3AF" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
+    <g transform="translate(646, 115) rotate(-90)">
+      <text x="0" y="-6" font-size="10" fill="#E11D48" text-anchor="middle">غالب بودن</text>
+      <text x="0" y="8" font-size="10" fill="#E11D48" text-anchor="middle">مشکل</text>
+    </g>
+    <g transform="translate(646, 220) rotate(-90)">
+      <text x="0" y="-6" font-size="10" fill="#EA580C" text-anchor="middle">وجود</text>
+      <text x="0" y="8" font-size="10" fill="#EA580C" text-anchor="middle">مشکل</text>
+    </g>
+
+    {{#each clinical as |item|}}
+      {{#if item.barHeight}}
+        <g transform="translate({{item.x}}, {{item.barTop}})" fill="url(#{{item.theme.gradient}})">
+          {{bar 12 item.barHeight (object tl=2 bl=0 tr=2 br=0) (toRad 0)}}
+        </g>
+      {{/if}}
+      <text x="{{item.center}}" y="{{item.scoreY}}" transform="rotate(-90 {{item.center}} {{item.scoreY}})" direction="ltr" font-size="12" font-weight="500" fill="{{ternary item.inside 'white' item.theme.dark}}" text-anchor="{{item.scoreAnchor}}" dy=".35em">{{item.br}}</text>
+      <rect x="{{item.x}}" y="19" width="12" height="36" rx="2" fill="{{item.theme.track}}"/>
+      <text x="{{item.center}}" y="37" transform="rotate(-90 {{item.center}} 37)" direction="ltr" font-size="12" fill="{{item.theme.dark}}" text-anchor="middle" dy=".35em">{{item.raw}}</text>
+      {{> MCMI9A_vertical_label center=item.center code=item.code fa=item.fa}}
+    {{/each}}
+    <g opacity="0.5" filter="url(#mcmMainBaselineClinical)">
+      <line x1="664.5" y1="464.5" x2="887.5" y2="464.5" stroke="white" stroke-linecap="round"/>
+    </g>
+  </g>
+
+  <g>
+    <rect x="130.5" y="658.5" width="79" height="47" rx="4" fill="#F9FAFB" stroke="#F3F4F6"/>
+    <g transform="rotate(180 170 682)">
+      <text x="170" y="674.2" dy=".3em" font-size="13" fill="#4B5563" text-anchor="middle">شاخص‌های</text>
+      <text x="170" y="689.8" dy=".3em" font-size="13" fill="#4B5563" text-anchor="middle">اصلاح</text>
+    </g>
+
+    <rect x="268.5" y="620.5" width="247" height="31" rx="4" fill="none" stroke="#E5E7EB"/>
+    <text x="392" y="636" transform="rotate(180 392 636)" dy=".3em" font-size="10" fill="#4B5563" text-anchor="middle">الگوهای بالینی شخصیت</text>
+    <rect x="522.5" y="620.5" width="69" height="31" rx="4" fill="none" stroke="#E5E7EB"/>
+    <g transform="rotate(180 557 636)">
+      <text x="557" y="630.5" dy=".3em" font-size="10" fill="#4B5563" text-anchor="middle">آسیب‌شناسی</text>
+      <text x="557" y="641.5" dy=".3em" font-size="10" fill="#4B5563" text-anchor="middle">شدید شخصیت</text>
+    </g>
+    <rect x="268.5" y="658.5" width="323" height="47" rx="4" fill="#F9FAFB" stroke="#F3F4F6"/>
+    <text x="430" y="682" transform="rotate(180 430 682)" dy=".3em" font-size="13" fill="#4B5563" text-anchor="middle">مقیاس‌های شخصیت</text>
+
+    <rect x="664.5" y="620.5" width="148" height="31" rx="4" fill="none" stroke="#E5E7EB"/>
+    <text x="738.5" y="636" transform="rotate(180 738.5 636)" dy=".3em" font-size="10" fill="#4B5563" text-anchor="middle">مجموعه نشانگان بالینی</text>
+    <rect x="819.5" y="620.5" width="68" height="31" rx="4" fill="none" stroke="#E5E7EB"/>
+    <g transform="rotate(180 853.5 636)">
+      <text x="853.5" y="630.5" dy=".3em" font-size="10" fill="#4B5563" text-anchor="middle">نشانگان</text>
+      <text x="853.5" y="641.5" dy=".3em" font-size="10" fill="#4B5563" text-anchor="middle">شدید بالینی</text>
+    </g>
+    <rect x="664.5" y="658.5" width="223" height="47" rx="4" fill="#F9FAFB" stroke="#F3F4F6"/>
+    <text x="776" y="682" transform="rotate(180 776 682)" dy=".3em" font-size="13" fill="#4B5563" text-anchor="middle">مقیاس‌های آسیب‌شناسی</text>
+  </g>
+</g>

package/views/profiles/MCMI9A_noteworthy_partial.hbs

@@ -0,0 +1,66 @@
+<defs>
+  <linearGradient id="mcmNoteworthy" x1="0" y1="0" x2="1" y2="0">
+    <stop stop-color="#BAE6FD"/>
+    <stop offset="1" stop-color="#0369A1"/>
+  </linearGradient>
+  <clipPath id="mcmNoteworthyClip">
+    {{bar 400 16 (object tl=0 bl=0 tr=2 br=2) (toRad 0)}}
+  </clipPath>
+  <filter id="mcmNoteworthySplit" x="270" y="19" width="7" height="542" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+    <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+    <feOffset dx="1"/>
+    <feGaussianBlur stdDeviation="1.5"/>
+    <feComposite in2="hardAlpha" operator="out"/>
+    <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0"/>
+    <feBlend mode="normal" in2="BackgroundImageFix" result="effect1"/>
+    <feBlend mode="normal" in="SourceGraphic" in2="effect1" result="shape"/>
+  </filter>
+</defs>
+
+<g transform="translate({{spec.profile.padding.[3].x}}, {{spec.profile.padding.[3].y}})">
+  {{#each items as |item index|}}
+    {{#if (even index)}}
+      <rect y="{{item.rowY}}" width="737" height="40" rx="8" fill="#F8FAFC"/>
+    {{/if}}
+  {{/each}}
+
+  <line x1="473" y1="22.5" x2="473" y2="557.5" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="6 6"/>
+  <line x1="673" y1="22.5" x2="673" y2="557.5" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="6 6"/>
+
+  <text x="274" y="10" font-size="12" fill="#94A3B8" text-anchor="start">0</text>
+  <text x="473" y="10" direction="ltr" font-size="12" fill="#94A3B8" text-anchor="middle">٪ 50</text>
+  <text x="673" y="10" direction="ltr" font-size="12" fill="#94A3B8" text-anchor="end">٪ 100</text>
+  <path d="M688.5 3V10M685.5 7L688.5 10L691.5 7" fill="none" stroke="#9CA3AF" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
+  <text x="736" y="10" font-size="12" fill="#9CA3AF" text-anchor="start">نمره خام</text>
+
+  {{#each items as |item|}}
+    <g>
+      <g transform="translate(273, {{item.barY}})">
+        {{bar 400 16 (object tl=0 bl=0 tr=2 br=2) (toRad 0) fill="#E2E8F0" fill-opacity="0.5"}}
+      </g>
+      <g transform="translate(273, {{item.barY}})" clip-path="url(#mcmNoteworthyClip)">
+        {{#if item.barWidth}}
+          {{bar item.barWidth 16 (object tl=0 bl=0 tr=2 br=2) (toRad 0) fill="url(#mcmNoteworthy)"}}
+        {{/if}}
+      </g>
+      <text x="{{item.scoreX}}" y="{{item.centerY}}" dy=".3em" direction="ltr" font-size="13" font-weight="500" fill="{{ternary item.inside 'white' '#0369A1'}}" text-anchor="{{ternary item.inside 'end' 'start'}}">٪ {{item.percentage}}</text>
+
+      <rect x="685.5" y="{{math item.barY '-' 0.5}}" width="35" height="17" rx="3.5" fill="none" stroke="#0284C7"/>
+      <text x="703" y="{{item.centerY}}" dy=".3em" direction="ltr" font-size="13" font-weight="500" fill="#0284C7" text-anchor="middle">{{item.raw}}</text>
+
+      {{!--
+        The code is right-aligned in an invisible 22 × 16 box at x=238.5..260.5.
+        Gaps: chart line → code box = 12, code box → dash = 6,
+        dash → Persian title = 6.
+      --}}
+      <text class="eng-font" x="260.5" y="{{item.centerY}}" dy=".3em" direction="ltr" font-size="13" fill="#475569" text-anchor="end">{{item.code}}</text>
+      <text x="230.9" y="{{item.centerY}}" dy=".3em" font-size="13" fill="#475569" text-anchor="middle">-</text>
+      <text x="221.35" y="{{item.centerY}}" dy=".3em" font-size="13" fill="#475569" text-anchor="start">{{item.fa}}</text>
+    </g>
+  {{/each}}
+
+  <g opacity="0.5" filter="url(#mcmNoteworthySplit)">
+    <line x1="272.5" y1="22.5" x2="272.5" y2="557.5" stroke="white" stroke-linecap="round"/>
+  </g>
+</g>

package/views/profiles/MCMI9A_vertical_label_partial.hbs

@@ -0,0 +1,8 @@
+{{!--
+  Page-one vertical label rail:
+  - the English code is centered in an invisible 20 × 12 box;
+  - the baseline-to-code-box, code-box-to-dash, and dash-to-title gaps are 8 px.
+--}}
+<text class="eng-font" x="{{center}}" y="483" transform="rotate(-90 {{center}} 483)" direction="ltr" font-size="12" fill="#334155" text-anchor="middle" dy=".35em">{{code}}</text>
+<text x="{{center}}" y="503.3" transform="rotate(-90 {{center}} 503.3)" font-size="12" fill="#334155" text-anchor="middle" dy=".35em">-</text>
+<text x="{{center}}" y="513.8" transform="rotate(-90 {{center}} 513.8)" font-size="12" fill="#334155" text-anchor="start" dy=".35em">{{fa}}</text>

package/views/profiles/NEO_long_facets.hbs

@@ -0,0 +1,125 @@
+<defs>
+  <linearGradient id="neoLongPrimary" x1="0" y1="0" x2="1" y2="0">
+    <stop stop-color="{{colors.light}}"/>
+    <stop offset="1" stop-color="{{colors.dark}}"/>
+  </linearGradient>
+  <linearGradient id="neoLongSecondary" x1="0" y1="0" x2="1" y2="0">
+    <stop stop-color="#C7D2FE"/>
+    <stop offset="1" stop-color="#4338CA"/>
+  </linearGradient>
+  <clipPath id="neoLongBarClip">
+    {{bar trackW 16 (object tl=0 bl=0 tr=2 br=2) (toRad 0)}}
+  </clipPath>
+  <filter id="neoLongSplit" x="352" y="{{math gridTop '-' 3.5}}" width="7" height="{{math (math gridBottom '-' gridTop) '+' 7}}" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+    <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+    <feOffset dx="1"/>
+    <feGaussianBlur stdDeviation="1.5"/>
+    <feComposite in2="hardAlpha" operator="out"/>
+    <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0"/>
+    <feBlend mode="normal" in2="BackgroundImageFix" result="effect1"/>
+    <feBlend mode="normal" in="SourceGraphic" in2="effect1" result="shape"/>
+  </filter>
+</defs>
+
+<g transform="translate({{padding.x}}, {{padding.y}})">
+  {{#if tAxis}}
+    <text x="374.5" y="9" font-size="12" font-weight="400" fill="#94A3B8" text-anchor="middle">20</text>
+    <text x="464.5" y="9" font-size="12" font-weight="400" fill="#94A3B8" text-anchor="middle">35</text>
+    <text x="524.5" y="9" font-size="12" font-weight="400" fill="#94A3B8" text-anchor="middle">45</text>
+    <text x="584.5" y="9" font-size="12" font-weight="400" fill="#94A3B8" text-anchor="middle">55</text>
+    <text x="644.5" y="9" font-size="12" font-weight="400" fill="#94A3B8" text-anchor="middle">65</text>
+    <text x="734.5" y="9" font-size="12" font-weight="400" fill="#94A3B8" text-anchor="middle">80</text>
+
+    <text x="419.5" y="23" font-size="12" font-weight="400" fill="#94A3B8" text-anchor="middle">بسیار پایین</text>
+    <text x="494.5" y="23" font-size="12" font-weight="400" fill="#94A3B8" text-anchor="middle">پایین</text>
+    <text x="554.5" y="23" font-size="12" font-weight="400" fill="#94A3B8" text-anchor="middle">طبیعی</text>
+    <text x="614.5" y="23" font-size="12" font-weight="400" fill="#94A3B8" text-anchor="middle">بالا</text>
+    <text x="689.5" y="23" font-size="12" font-weight="400" fill="#94A3B8" text-anchor="middle">بسیار بالا</text>
+  {{else}}
+    <text x="354.5" y="14" font-size="12" font-weight="400" fill="#94A3B8" text-anchor="middle">0</text>
+    <text x="504.5" y="14" font-size="12" font-weight="400" fill="#94A3B8" text-anchor="middle">50 ٪</text>
+    <text x="654.5" y="14" font-size="12" font-weight="400" fill="#94A3B8" text-anchor="start">100 ٪</text>
+  {{/if}}
+
+  <text x="{{rawCenter}}" y="9" font-size="12" font-weight="400" fill="#64748B" text-anchor="middle">نمره خام</text>
+  <text x="{{rawCenter}}" y="23" font-size="12" font-weight="400" fill="#64748B" text-anchor="middle">از 32</text>
+
+  {{#each blocks as |block blockIndex|}}
+    <g transform="translate(0, {{math blockIndex '*' 204}})">
+      {{#if block.isBlue}}
+        <rect y="{{../cardY}}" width="811" height="188" rx="8" fill="#F8FAFC"/>
+        <g transform="translate(0, {{../cardY}})">
+          {{bar 180 188 (object tr=0 br=0 tl=8 bl=8) (toRad 0) fill='#F1F5F9'}}
+        </g>
+      {{/if}}
+
+      <text x="90" y="{{math ../cardY '+' 48}}" dy=".3em" font-size="12" font-weight="500" fill="#64748B" text-anchor="middle">{{block.letter}}</text>
+      <text x="90" y="{{math ../cardY '+' 68}}" dy=".3em" font-size="15" font-weight="500" fill="#334155" text-anchor="middle">{{block.fa}}</text>
+      <rect x="50" y="{{math ../cardY '+' 88.5}}" width="80" height="1" rx="0.5" fill="#E2E8F0"/>
+      <rect x="{{../domainChipX}}" y="{{math ../cardY '+' 101.5}}" width="{{../domainChipW}}" height="20" rx="4" fill="{{ternary block.isBlue ../colors.accent '#4F46E5'}}"/>
+      {{#if ../tAxis}}
+        <text x="90" y="{{math ../cardY '+' 112}}" dy=".3em" font-size="14" font-weight="600" fill="white" text-anchor="middle">{{block.score}}</text>
+      {{else}}
+        <text x="90" y="{{math ../cardY '+' 112}}" dy=".3em" font-size="14" font-weight="600" fill="white" text-anchor="middle">{{block.percentage}} ٪</text>
+      {{/if}}
+      <text x="90" y="{{math ../cardY '+' 138}}" dy=".3em" text-anchor="middle"><tspan font-size="15" font-weight="500" fill="#334155">{{block.mark}}</tspan><tspan font-size="13" font-weight="500" fill="#64748B"> از 192</tspan></text>
+
+    </g>
+  {{/each}}
+
+  {{#if tAxis}}
+    <line x1="374.5" y1="{{gridTop}}" x2="374.5" y2="{{gridBottom}}" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="6 6"/>
+    <line x1="464.5" y1="{{gridTop}}" x2="464.5" y2="{{gridBottom}}" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="6 6"/>
+    <line x1="524.5" y1="{{gridTop}}" x2="524.5" y2="{{gridBottom}}" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="6 6"/>
+    <line x1="584.5" y1="{{gridTop}}" x2="584.5" y2="{{gridBottom}}" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="6 6"/>
+    <line x1="644.5" y1="{{gridTop}}" x2="644.5" y2="{{gridBottom}}" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="6 6"/>
+    <line x1="734.5" y1="{{gridTop}}" x2="734.5" y2="{{gridBottom}}" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="6 6"/>
+  {{else}}
+    <line x1="429.5" y1="{{gridTop}}" x2="429.5" y2="{{gridBottom}}" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="6 6"/>
+    <line x1="504.5" y1="{{gridTop}}" x2="504.5" y2="{{gridBottom}}" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="6 6"/>
+    <line x1="579.5" y1="{{gridTop}}" x2="579.5" y2="{{gridBottom}}" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="6 6"/>
+    <line x1="654.5" y1="{{gridTop}}" x2="654.5" y2="{{gridBottom}}" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="6 6"/>
+  {{/if}}
+
+  {{#each blocks as |block blockIndex|}}
+    <g transform="translate(0, {{math blockIndex '*' 204}})">
+      <g transform="translate(0, {{block.facetOffsetY}})">
+        {{#each block.facets as |facet facetIndex|}}
+          <g transform="translate(0, {{math facetIndex '*' 28}})">
+            <g transform="translate(355, {{math ../../cardY '+' 16}})">
+              {{bar ../../trackW 16 (object tl=0 bl=0 tr=2 br=2) (toRad 0) fill='#E2E8F0' fill-opacity='0.5'}}
+            </g>
+            <text x="348" y="{{math ../../cardY '+' 24}}" dy=".3em" font-size="13" font-weight="400" fill="#475569" text-anchor="start">{{facet.fa}}</text>
+            <rect x="{{../../rawX}}" y="{{math ../../cardY '+' 16.5}}" width="35" height="15" rx="3.5" stroke="{{ternary block.isBlue ../../colors.stroke '#818CF8'}}" fill="none"/>
+            <text x="{{../../rawCenter}}" y="{{math ../../cardY '+' 24}}" dy=".3em" font-size="13" font-weight="500" fill="{{ternary block.isBlue ../../colors.accent '#4F46E5'}}" text-anchor="middle">{{facet.mark}}</text>
+            {{#unless ../../tAxis}}
+              <text x="{{../../levelX}}" y="{{math ../../cardY '+' 24}}" dy=".3em" font-size="12" font-weight="400" fill="#64748B" text-anchor="middle">{{facet.levelText}}</text>
+            {{/unless}}
+          </g>
+        {{/each}}
+      </g>
+    </g>
+  {{/each}}
+
+  {{#each blocks as |block blockIndex|}}
+    <g transform="translate(0, {{math blockIndex '*' 204}})">
+      <g transform="translate(0, {{block.facetOffsetY}})">
+        {{#each block.facets as |facet facetIndex|}}
+          <g transform="translate(355, {{math (math facetIndex '*' 28) '+' (math ../../cardY '+' 16)}})">
+            {{bar facet.barW 16 (object tl=0 bl=0 tr=2 br=2) (toRad 0) fill=(ternary block.isBlue 'url(#neoLongPrimary)' 'url(#neoLongSecondary)') clip-path='url(#neoLongBarClip)'}}
+            {{#if ../../tAxis}}
+              <text x="{{math facet.barW '+' (ternary facet.inside -4 6)}}" y="8" dy=".3em" font-size="13" font-weight="500" fill="{{ternary facet.inside 'white' (ternary block.isBlue ../../colors.dark '#4338CA')}}" text-anchor="{{ternary facet.inside 'start' 'end'}}">{{facet.score}}</text>
+            {{else}}
+              <text x="{{math facet.barW '+' (ternary facet.inside -4 6)}}" y="8" dy=".3em" font-size="13" font-weight="500" fill="{{ternary facet.inside 'white' (ternary block.isBlue ../../colors.dark '#4338CA')}}" text-anchor="{{ternary facet.inside 'start' 'end'}}">{{facet.percentage}} ٪</text>
+            {{/if}}
+          </g>
+        {{/each}}
+      </g>
+    </g>
+  {{/each}}
+
+  <g opacity="0.5" filter="url(#neoLongSplit)">
+    <line x1="354.5" y1="{{gridTop}}" x2="354.5" y2="{{gridBottom}}" stroke="white" stroke-linecap="round"/>
+  </g>
+</g>