@baravak/risloo-profile-cli 3.1.0

package/views/profiles/samples/BEQI93.hbs

@@ -0,0 +1,118 @@
+{{#> layout}}
+
+<defs>
+  <linearGradient id="horizontal-shadow">
+    <stop offset="0%"  stop-color="black" />
+    <stop offset="100%" stop-color="transparent" />
+  </linearGradient>
+  {{#with spec.gaugeItems.circle}}
+    <clipPath id="items-circle-roll">
+      {{gauge R r brs (object start=angles.start end=angles.end) false}}
+    </clipPath>
+  {{/with}}
+</defs>
+
+<g transform="translate({{spec.profile.padding.x}}, {{spec.profile.padding.y}})">
+  <g transform="translate(95, 0)">
+    {{#each itemsTicks as | tick index |}}
+      <g transform="translate({{tick.leftPos}}, 0)">
+        <line x1="0" y1="0" x2="0" y2="450" stroke="#F4F4F5" stroke-dasharray="3.5" stroke-linecap="round" stroke-width="1"/>
+        <text x="-{{@root.spec.items.ticks.numberOffset.x}}" y="{{@root.spec.items.ticks.numberOffset.y}}" fill="#A1A1AA" text-anchor="start" font-size="8" font-weight="500" dy="3">{{tick.number}}</text>
+      </g>
+    {{/each}}
+    <g transform="translate(0, {{spec.items.ticks.heightOffset}})">
+      {{#each items as | item index |}}
+        {{#with @root.spec.items as | itemsSpec |}}
+          <g transform="translate(0, {{math index '*' itemsSpec.distanceY}})">
+            {{bar item.width itemsSpec.rect.height (object tl=0 bl=0 tr=itemsSpec.rect.borderRadius br=itemsSpec.rect.borderRadius) (toRad 0) fill=item.fill fill-opacity=item.opacity}}
+            <g transform="translate(0, {{math itemsSpec.rect.height '/' 2}})">
+              <text x="-{{itemsSpec.label.offsetX}}" y="0" fill="#52525B" text-anchor="start" font-size="10" font-weight="400" dy="1.5">{{item.label.fr}}</text>
+              <text x="{{math (math item.width '-' itemsSpec.rect.borderRadius) '-' 4}}" y="0" fill="white" text-anchor="middle" font-size="10" font-weight="600" dy="2.5">{{item.mark}}</text>
+            </g>
+          </g>
+        {{/with}}
+      {{/each}}
+      <g transform="translate(-1, -15)">
+        <rect x="0" y="0" width="1" height="440" fill="#FFFFFF" rx="1"/>
+        <rect x="1" y="0" width="5" height="440" fill="url('#horizontal-shadow')" fill-opacity="0.2"/>
+      </g>
+    </g>
+
+    <g transform="translate(382, 450)">
+      {{bar spec.raw.rect.height spec.raw.rect.width (object tl=0 bl=0 tr=spec.raw.rect.borderRadius br=spec.raw.rect.borderRadius) (toRad -90) fill="#F4F4F5"}}
+      {{bar raw.height spec.raw.rect.width (object tl=0 bl=0 tr=spec.raw.rect.borderRadius br=spec.raw.rect.borderRadius) (toRad -90) fill="#52525B"}}
+      <text x="{{spec.raw.rect.borderRadius}}" y="-{{math raw.height '-' spec.raw.rect.borderRadius}}" text-anchor="middle" font-size="12" font-weight="600" fill="white" transform="translate(0, 6)">{{raw.mark}}</text>
+      <text x="0" y="-18" text-anchor="end" font-size="12" font-weight="500" fill="#71717A" dy="5" transform="rotate(-90)">نمره کل</text>
+      <g transform="scale(1, -1)">
+        <rect x="-1" y="0" width="{{math spec.raw.rect.width '+' 2}}" height="1" fill="#FFFFFF" rx="1"/>
+        <rect x="-1" y="0" width="{{math spec.raw.rect.width '+' 2}}" height="5" fill="url('#vertical-shadow')" fill-opacity="0.2"/>
+      </g>
+
+      <g transform="translate({{math spec.raw.rect.width '+' spec.raw.ticks.line.offsetX}}, 0)">
+        {{#each rawTicks as | tick index |}}
+          <line x1="0" y1="-{{tick.bottomPos}}" x2="{{@root.spec.raw.ticks.line.width}}" y2="-{{tick.bottomPos}}" stroke="#E4E4E7" stroke-dasharray="3" stroke-linecap="round" stroke-width="2"/>
+          <g transform="translate({{math @root.spec.raw.ticks.line.width '+' @root.spec.raw.ticks.number.offsetX}}, -{{tick.bottomPos}})">
+            <text x="0" y="0" fill="#A1A1AA" text-anchor="end" font-size="10" font-weight="500" dy="2">{{tick.number}}</text>
+          </g>
+        {{/each}}
+      </g>
+    </g>
+  </g>
+
+  <g transform="translate(703.6, 571.5)">
+    {{#each gaugeItems as |item index|}}
+      <g transform="translate(-{{math index '*' @root.spec.gaugeItems.distanceX}}, 0)">
+        {{#with @root.spec.gaugeItems.circle}}
+          {{gauge R r (object tl=0 tr=0 bl=0 br=0) (object start=angles.start end=angles.end) direction clip-path="url(#items-circle-roll)" fill="#F4F4F5"}}
+          {{gauge R r (object tl=0 tr=0 bl=0 br=0) (object start=angles.start end=item.zeta) direction clip-path="url(#items-circle-roll)" fill=item.fill fill-opacity=item.opacity}}
+        {{/with}}
+        <text x="0" y="0" text-anchor="middle" font-size="16" font-weight="600" fill="{{item.fill}}" dy="5">{{item.mark}}</text>
+        <text x="-8" y="-40" font-size="10" font-weight="500" fill="#D4D4D8">0</text>
+        <text x="-42" y="-8" font-size="10" font-weight="500" fill="#D4D4D8" text-anchor="middle">{{lookup @root.spec.gaugeItems.maxValues item.label.eng}}</text>
+        <g transform="translate(0, 70)">
+          <text x="0" y="0" font-size="12" font-weight="500" fill="{{item.fill}}" text-anchor="middle">{{item.label.fr}}</text>
+          {{#each (wrapOnNewline item.label.desc) as | line index |}}
+            <text x="0" y="{{math 15 '+' (math index '*' 15)}}" font-size="10" font-weight="400" fill="#A1A1AA" text-anchor="middle" dy="5">{{line}}</text>
+          {{/each}}
+        </g>
+      </g>
+    {{/each}}
+  </g>
+
+  <g transform="translate(729, 0)">
+    <rect x="0" y="0" width="114" height="28" fill="#F4F4F5" />
+    <text x="57" y="14" font-size="10" font-weight="600" fill="#52525B" text-anchor="middle" dy="1">خرده مقیاس‌ها</text>
+
+    <g transform="translate(-50, 0)">
+      <rect x="0" y="0" width="48" height="28" fill="#F4F4F5" />
+      <text x="24" y="14" font-size="10" font-weight="600" fill="#52525B" text-anchor="middle" dy="1">میانگین</text>
+    </g>
+
+    <g transform="translate(-119, 0)">
+      <rect x="0" y="0" width="67" height="28" fill="#F4F4F5" />
+      <text x="33.5" y="14" font-size="10" font-weight="600" fill="#52525B" text-anchor="middle" dy="1">انحراف معیار</text>
+    </g>
+
+    <g transform="translate(0, 32)">
+      {{#each spec.tableItems as | item index |}}
+        <g transform="translate(0, {{math index '*' 27}})">
+          <rect x="0" y="0" width="114" height="28" fill="#F8FAFC" />
+          <text x="57" y="14" font-size="10" font-weight="400" fill="#71717A" text-anchor="middle" dy="1">{{item.label}}</text>
+
+          <g transform="translate(-50, 0)">
+            <rect x="0" y="0" width="48" height="28" fill="#F8FAFC" />
+            <text x="24" y="14" font-size="10" font-weight="400" fill="#71717A" text-anchor="middle" dy="1">{{item.avg}}</text>
+          </g>
+
+          <g transform="translate(-119, 0)">
+            <rect x="0" y="0" width="67" height="28" fill="#F8FAFC" />
+            <text x="33.5" y="14" font-size="10" font-weight="400" fill="#71717A" text-anchor="middle" dy="1">{{item.dev}}</text>
+          </g>
+        </g>
+      {{/each}}
+    </g>
+  </g>
+
+</g>
+
+{{/layout}}

package/views/profiles/samples/CAATS93.hbs

@@ -0,0 +1,251 @@
+{{#> layout}}
+
+  <defs>
+    <linearGradient id="horizontal-shadow">
+      <stop offset="0%"  stop-color="black" />
+      <stop offset="100%" stop-color="transparent" />
+    </linearGradient>
+    <linearGradient id="vertical-shadow" gradientTransform="rotate(90)">
+      <stop offset="0%"  stop-color="black" />
+      <stop offset="100%" stop-color="transparent" />
+    </linearGradient>
+    <clipPath id="raw-rect">
+      <rect x="0" y="0" width="300" height="16" ry="8"/>
+    </clipPath>
+  </defs>
+
+  <g transform="translate({{spec.profile.padding.x}}, {{spec.profile.padding.y}})">
+    <line x1="385" y1="0" x2="385" y2="714" stroke="#E4E4E7" stroke-width="2" stroke-dasharray="8 5" stroke-linecap="round" />
+    <line x1="400" y1="177.5" x2="902" y2="177.5" stroke="#E4E4E7" stroke-width="2" stroke-dasharray="8 5" stroke-linecap="round" />
+    <line x1="400" y1="400" x2="902" y2="400" stroke="#E4E4E7" stroke-width="2" stroke-dasharray="8 5" stroke-linecap="round" />
+    <line x1="0" y1="400" x2="373" y2="400" stroke="#E4E4E7" stroke-width="2" stroke-dasharray="8 5" stroke-linecap="round" />
+    <line x1="0" y1="632" x2="373" y2="632" stroke="#E4E4E7" stroke-width="2" stroke-dasharray="8 5" stroke-linecap="round" />
+    <text x="-140" y="10" font-size="10" font-weight="400" fill="#A1A1AA" transform="rotate(-90)">شخصیت کتل (16pf)</text>
+    <g transform="translate(36, 0)">
+      {{#with _16PF_Context}}
+        <text x="170" y="10" font-size="7" font-weight="400" fill="#1E40AF" text-anchor="middle">1</text>
+        <text x="88" y="10" font-size="7" font-weight="400" fill="#155E75" text-anchor="middle">10</text>
+        <g transform="translate(117, 0)">
+          {{#if (boolean status '===' "invalid")}}
+            <rect x="0" y="0" width="26" height="9" rx="2" fill="#FEE2E2" />
+            <text x="13" y="4.5" fill="#B91C1C" font-size="7" font-weight="400" text-anchor="middle" dy="1.5">نامعتبر</text>
+          {{/if}}
+        </g>
+        <g transform="translate(165, 15)">
+          <rect x="0" y="0" width="9" height="294" fill="#1D4ED8" fill-opacity="0.1" rx="3.6" />
+          <rect x="-9" y="0" width="9" height="294" fill="#1D4ED8" fill-opacity="0.07" rx="3.6" />
+          <rect x="-18" y="0" width="9" height="294" fill="#1D4ED8" fill-opacity="0.05" rx="3.6" />
+          <rect x="-27" y="0" width="9" height="294" fill="#E4E4E7" fill-opacity="0.15" rx="3.6" />
+          <rect x="-54" y="0" width="9" height="294" fill="#E4E4E7" fill-opacity="0.15" rx="3.6" />
+          <rect x="-63" y="0" width="9" height="294" fill="#0E7490" fill-opacity="0.05" rx="3.6" />
+          <rect x="-72" y="0" width="9" height="294" fill="#0E7490" fill-opacity="0.07" rx="3.6" />
+          <rect x="-81" y="0" width="9" height="294" fill="#0E7490" fill-opacity="0.1" rx="3.6" />
+          {{#each items as | item index |}}
+            {{#with @root._16PF_Context.spec.items as | itemsSpec |}}
+              <g transform="translate(0, {{math index '*' itemsSpec.offsetY}})">
+                <g transform="translate(0, 4)">
+                  <line x1="10" y1="0" x2="-82" y2="0" stroke="#E4E4E7" />
+                  <g font-size="8" font-weight="400">
+                    <text x="124" y="0" fill="#71717A" font-weight="500" text-anchor="middle" dy="2">{{item.label.fr}}</text>
+                    <text x="18" y="0" fill="#1E40AF" text-anchor="end" dy="2">{{item.label.right}}</text>
+                    <text x="-90" y="0" fill="#155E75" text-anchor="start" dy="2">{{item.label.left}}</text>
+                  </g>
+                </g>
+                <g transform="translate(-{{item.offset}}, 0)">
+                  <rect x="0" y="0" width="9" height="9" fill="{{item.fill}}" fill-opacity="{{item.opacity}}" rx="2" />
+                  <text x="4.5" y="4.5" fill="#FFFFFF" font-size="7" font-weight="400" text-anchor="middle" dy="2">{{item.mark}}</text>
+                </g>
+              </g>
+            {{/with}}
+          {{/each}}
+        </g>
+        <g transform="translate(0, 345)">
+          {{#each (reverse gaugeItems) as | item index |}}
+            {{#with @root._16PF_Context.spec.gaugeItems}}
+              <g transform="translate({{math index '*' offsetX}}, 0)">
+                {{gauge circle.R circle.r circle.brs circle.angles direction fill="#F4F4F5"}}
+                {{gauge circle.R circle.r circle.brs (object start=circle.angles.start end=item.zeta) direction fill="#65A30D"}}
+                <text x="0" y="0" font-size="8" font-weight="600" fill="#65A30D" text-anchor="middle" dy="3">{{item.mark}}</text>
+                <text x="0" y="23" font-size="8" font-weight="400" fill="#52525B" text-anchor="middle" dy="5">{{item.label.fr}}</text>
+              </g>
+            {{/with}}
+          {{/each}}
+        </g>
+      {{/with }}
+    </g> 
+    <g transform="translate(400, 5)">
+      <g transform="translate(496, 9)">
+        <text x="0" y="0" font-size="10" font-weight="400" fill="#A1A1AA" transform="rotate(-90)">هوش‌های چندگانه گاردنر (GMI)</text>
+      </g>
+      {{#with GMIT_Context}}
+        <g transform="translate({{spec.items.offsetX}}, 0)">
+          {{setVar "tickTotalHeight" (math (math 2 '*' spec.items.ticks.heightOffset) '+' spec.items.totalHeight)}}
+          {{#each itemsTicks as | tick index |}}
+            <g transform="translate({{tick.leftPos}}, 0)">
+              <line x1="0" y1="0" x2="0" y2="{{../tickTotalHeight}}" stroke="#F4F4F5" stroke-dasharray="3.5" stroke-linecap="round" stroke-width="1"/>
+              <text x="-{{@root.GMIT_Context.spec.items.ticks.numberOffset.x}}" y="{{@root.GMIT_Context.spec.items.ticks.numberOffset.y}}" fill="#A1A1AA" text-anchor="start" font-size="8" font-weight="500" dy="3">{{tick.number}}</text>
+            </g>
+          {{/each}}
+
+          <g transform="translate(0, {{spec.items.ticks.heightOffset}})">
+            {{#each items as | item index |}}
+              {{#with @root.GMIT_Context.spec.items as | itemsSpec |}}
+                <g transform="translate(0, {{math index '*' itemsSpec.distanceY}})">
+                  <path d="M 0 0 h {{math item.width '-' itemsSpec.rect.borderRadius}} a {{itemsSpec.rect.borderRadius}} {{itemsSpec.rect.borderRadius}} 180 0 1 0 {{itemsSpec.rect.height}} h -{{math item.width '-' itemsSpec.rect.borderRadius}} z" fill="{{item.fill}}" fill-opacity="{{item.opacity}}"/>
+                  <g transform="translate(0, {{math itemsSpec.rect.height '/' 2}})">
+                    <text x="-{{itemsSpec.label.offsetX}}" y="0" fill="#52525B" text-anchor="start" font-size="8" font-weight="400" dy="1.5">{{item.label.fr}}</text>
+                    <text x="{{math (math item.width '-' itemsSpec.rect.borderRadius) '-' 4}}" y="0" fill="white" text-anchor="middle" font-size="8" font-weight="600" dy="2.5">{{item.mark}}</text>
+                  </g>
+                </g>
+              {{/with}}
+            {{/each}}
+
+            <g transform="translate(-1, -1)">
+              <rect x="0" y="0" width="1" height="{{math spec.items.totalHeight '+' 2}}" fill="#FFFFFF" rx="1"/>
+              <rect x="1" y="0" width="5" height="{{math spec.items.totalHeight '+' 2}}" fill="url('#horizontal-shadow')" fill-opacity="0.2"/>
+            </g>
+          </g>
+        </g>
+      {{/with}}
+    </g>
+  </g>
+
+  <g transform="translate(356, 205)">
+    <g transform="translate(540, 9)">
+      <text x="0" y="0" font-size="10" font-weight="400" fill="#A1A1AA" transform="rotate(-90)">رغبت‌سنجی تحصیلی - شغلی (هالند)</text>
+    </g>
+    {{#with RIASEC_Context}}
+      <g transform="translate(100, 20)">
+        <line x1="0" y1="-10" x2="0" y2="125" stroke="#D4D4D8" stroke-width="1" stroke-linecap="round" />
+        {{#each items as | item index |}}
+          {{#with @root.RIASEC_Context.spec.items as | itemsSpec |}}
+            <g transform="translate(0, {{math index '*' itemsSpec.distanceY}})">
+              <text x="-12" y="4" font-size="8" font-weight="400" fill="#7E22CE" text-anchor="start">{{item.label.fr}}</text>
+              <rect x="0" y="{{math itemsSpec.rect.body.height '-' itemsSpec.rect.base.height}}" width="175" height="{{itemsSpec.rect.base.height}}" fill="#F4F4F5" />
+              {{#if (boolean item.mark '!==' 0)}}
+                {{bar item.width itemsSpec.rect.body.height itemsSpec.rect.body.brs 0 fill="#7E22CE" fill-opacity=item.opacity}}
+              {{/if}}
+              <text x="{{math item.width '+' (ternary (boolean item.mark '!==' 0) 0 7)}}" y="-6" font-size="8" font-weight="500" fill="#7E22CE" text-anchor="middle">{{item.mark}}</text>
+            </g>
+          {{/with}}
+        {{/each}}
+        <text x="175" y="135" font-size="8" font-weight="400" fill="#D4D4D8" text-anchor="middle">50</text>
+      </g>
+      <g transform="translate(433, 28)">
+        {{#each questionItems as | item index |}}
+          <g transform="translate(0, {{ math index '*' 26 }})">
+            <text x="35" y="12.5" font-size="8" font-weight="400" fill="#3F3F46" text-anchor="end">{{ item.label }}</text>
+            {{#each item.marks as | mark markIndex |}}
+              <g transform="translate({{math -1 '*' (math markIndex '*' 26)}}, 0)">
+                {{#if (boolean index '===' 0)}}
+                  <text x="10" y="-15" font-size="8" font-weight="400" fill="#3F3F46" text-anchor="middle">{{lookup (array 'و' 'ج' 'ه' 'الف' 'م' 'ق') markIndex}}</text>
+                {{/if}}
+                <rect x="0" y="0" width="20" height="20" fill="#F4F4F5" rx="4" />
+                <text x="10" y="12.5" font-size="10" font-weight="500" fill="#312E81" text-anchor="middle">{{ mark }}</text>
+              </g>
+            {{/each}}
+          </g>
+        {{/each}}
+      </g>
+    {{/with}}
+  </g>
+
+  <g transform="translate(903, 430)">
+    <text x="0" y="0" font-size="10" font-weight="500" fill="#3F3F46">کارگاه‌های مورد نیاز:</text>
+    <g transform="translate(-8, 13.5)">
+      {{setVar "labels1" (array "مدیریت زمان" "مدیریت عواطف" "مهارت‌های ارتباطی" "خلاقیت" "قاطعیت")}}
+      {{setVar "offsets" (array 0 -108 -216 -324 -432)}}
+      {{#each labels1 as | label index |}}
+        <g transform="translate({{lookup @root.offsets index}}, 0)">
+          <rect x="0" y="0" width="8" height="8" fill="none" stroke="#A1A1AA" rx="1" />
+          <text x="-4" y="6" font-size="8" font-weight="400" fill="#52525B">{{label}}</text>
+        </g>
+      {{/each}}
+      {{setVar "labels2" (array "کمال‌گرایی افراطی" "فن بیان" "خودآگاهی" "مهارت‌های مدیریتی" "فرزندپروری")}}
+      {{setVar "offsets" (array 0 -108 -216 -324 -432)}}
+      {{#each labels2 as | label index |}}
+        <g transform="translate({{lookup @root.offsets index}}, 19)">
+          <rect x="0" y="0" width="8" height="8" fill="none" stroke="#A1A1AA" rx="1" />
+          <text x="-4" y="6" font-size="8" font-weight="400" fill="#52525B">{{label}}</text>
+        </g>
+      {{/each}}
+      {{setVar "labels3" (array "ارتباط مؤثر همسران" "تندخوانی" "حافظه" "تمرکز" "کنترل خشم")}}
+      {{setVar "offsets" (array 0 -108 -216 -324 -432)}}
+      {{#each labels3 as | label index |}}
+        <g transform="translate({{lookup @root.offsets index}}, 38)">
+          <rect x="0" y="0" width="8" height="8" fill="none" stroke="#A1A1AA" rx="1" />
+          <text x="-4" y="6" font-size="8" font-weight="400" fill="#52525B">{{label}}</text>
+        </g>
+      {{/each}}
+    </g>
+    <g transform="translate(0, 86)">
+      <text x="0" y="0" font-size="10" font-weight="500" fill="#3F3F46">تعیین اولویت‌های شغلی و درسی:</text>
+      <text x="0" y="54" font-size="10" font-weight="500" fill="#3F3F46">توصیه‌ها:</text>
+      <text x="0" y="108" font-size="10" font-weight="500" fill="#3F3F46">نکات:</text>
+      <text x="0" y="162" font-size="10" font-weight="500" fill="#3F3F46">ارجاعات:</text>
+    </g>
+  </g>
+
+  <g transform="translate(0, 443)">
+    <g transform="translate(10, 9)">
+      <text x="0" y="0" font-size="10" font-weight="400" fill="#A1A1AA" transform="rotate(-90)">شخصیت تیپ‌نمای مایرز-بریگز (MBTI)</text>
+    </g>
+    {{#with MBTI_Context}}
+      <g transform="translate(84, 0)">
+        <g transform="translate(0, 0)">
+          <line x1="0" y1="75" x2="180" y2="75" stroke="#F4F4F5" />
+          <text x="188" y="80" font-size="14" font-weight="600" fill="#BE185D" text-anchor="end" letter-spacing="3">{{report}}</text>
+          {{#each (first items 4) as | item index |}}
+            <g transform="translate({{math index '*' 40}}, 0)">
+              <text x="12" y="-8" font-size="10" font-weight="{{ternary item.active 600 400}}" fill="{{ternary item.active "#BE185D" "#A1A1AA"}}" text-anchor="middle">{{item.label.fr}}</text>
+              {{bar 24 item.height (object tl=2 bl=0 tr=2 br=0) (toRad 0) fill=(ternary item.active "#DB2777" "#F4F4F5")}}
+              {{#if (boolean item.mark '!==' 0)}}<text x="12" y="{{ternary item.active 11 8}}" font-size="6" font-weight="400" fill="{{ternary item.active "#FFFFFF" "#A1A1AA"}}" text-anchor="middle">{{item.mark}}</text>{{/if}}
+            </g>
+          {{/each}}
+        </g>
+        <g transform="translate(24, 150)">
+          {{#each (last items 4) as | item index |}}
+            <g transform="translate({{math index '*' 40}}, 0)">
+              <text x="-12" y="14" font-size="10" font-weight="{{ternary item.active 600 400}}" fill="{{ternary item.active "#BE185D" "#A1A1AA"}}" text-anchor="middle">{{item.label.fr}}</text>
+              {{bar 24 item.height (object tl=2 bl=0 tr=2 br=0) (toRad 180) fill=(ternary item.active "#DB2777" "#F4F4F5")}}
+              {{#if (boolean item.mark '!==' 0)}}<text x="-12" y="-{{ternary item.active 8 5}}" font-size="6" font-weight="400" fill="{{ternary item.active "#FFFFFF" "#A1A1AA"}}" text-anchor="middle">{{item.mark}}</text>{{/if}}
+            </g>
+          {{/each}}
+        </g>
+      </g>
+    {{/with}}
+  </g>
+
+  <g transform="translate(0, 650)">
+    <g transform="translate(10, 18)">
+      <text x="0" y="0" font-size="10" font-weight="400" fill="#A1A1AA" transform="rotate(-90)">ریون</text>
+    </g>
+    {{#with RAVEN_Context}}
+      <g transform="translate(40, 30)">
+        {{#each item.stops as | stop index |}}
+          {{#unless @first}}
+          <g transform="translate({{stop.width}}, 16)">
+            <line x1="0" y1="0" x2="0" y2="8" stroke="#F4F4F5" stroke-dasharray="2" stroke-linecap="round" stroke-width="1"/>
+            <text x="0" y="12" font-size="6" font-weight="400" text-anchor="middle" fill="#D4D4D8" dy="3">{{stop.mark}}</text>
+          </g>
+            {{setVar "prevStopWidth" (lookup (lookup @root.RAVEN_Context.item.stops (math index '-' 1)) 'width')}}
+            {{setVar "Wm" (math (math prevStopWidth '+' stop.width) '/' 2)}}
+            {{setVar "interpret" (lookup @root.spec.ravenItem.interprets (math index '-' 1))}}
+            {{setVar "isChosen" (boolean @root.RAVEN_Context.item.level '===' interpret.level)}}
+            <g transform="translate({{Wm}}, -17)" fill="{{ternary isChosen '#14B8A6' '#D4D4D8'}}">
+              {{setVar "titleLines" (wrapOnNewline interpret.title)}}
+              {{#each titleLines as | line index |}}
+                <text x="0" y="{{ternary (boolean ../titleLines.length '!==' 1) (math (math (lookup (array -1 1) index) '*' 4) '-' 4) 0}}" font-size="7" font-weight="{{ternary isChosen 500 400}}" text-anchor="middle" dy="3">{{line}}</text>
+              {{/each}}
+              <circle cx="0" cy="12" r="{{ternary isChosen 1.5 1}}" />
+            </g>
+          {{/unless}}
+        {{/each}}
+        <rect x="0" y="0" width="300" height="16" fill="#F4F4F5" clip-path="url(#raw-rect)"/>
+        <rect x="0" y="0" width="{{item.width}}" height="16" fill="#14B8A6" clip-path="url(#raw-rect)"/>
+        <text x="{{math item.width '-' 10}}" y="8" font-size="10" font-weight="500" text-anchor="middle" fill="white" dy="3">{{item.mark}}</text>
+      </g>
+    {{/with}}
+  </g>
+
+{{/layout}}

package/views/profiles/samples/CADS93.hbs

@@ -0,0 +1,104 @@
+{{#> layout}}
+
+  <defs>
+    <clipPath id="raw-rect">
+      <rect x="0" y="0" width="815" height="20" rx="5"/>
+    </clipPath>
+    <path id="ok" d="M5.11339 -4.90545L-2.36541 2.57335L-5.1134 -0.174636C-5.24663 -0.307865 -5.46266 -0.307865 -5.59592 -0.174636L-6.40008 0.629527C-6.53331 0.762766 -6.53331 0.978793 -6.40008 1.11205L-2.60669 4.90543C-2.47345 5.03867 -2.25742 5.03867 -2.12416 4.90543L6.40002 -3.61877C6.53333 -3.752 6.53333 -3.96803 6.40002 -4.10129L5.59585 -4.90545C5.46265 -5.03868 5.24659 -5.03868 5.11339 -4.90545Z" fill="#DC2626"/>
+    <path id="no" d="M1.37904 -0.000910358L5.54564 -4.09311L6.40494 -4.93702C6.53169 -5.06151 6.53169 -5.2638 6.40494 -5.38829L5.48551 -6.29124C5.35876 -6.41573 5.15279 -6.41573 5.02604 -6.29124L0.000178576 -1.35513L-5.02568 -6.29164C-5.15243 -6.41613 -5.35841 -6.41613 -5.48517 -6.29164L-6.40493 -5.38869C-6.53169 -5.2642 -6.53169 -5.0619 -6.40493 -4.93742L-1.37868 -0.000910358L-6.40493 4.93521C-6.53169 5.0597 -6.53169 5.26199 -6.40493 5.38648L-5.48557 6.28943C-5.35882 6.41392 -5.15284 6.41392 -5.02608 6.28943L0.000178576 1.35332L4.16679 5.44554L5.02604 6.28943C5.15279 6.41392 5.35876 6.41392 5.48551 6.28943L6.40494 5.38648C6.53169 5.26199 6.53169 5.0597 6.40494 4.93521L1.37904 -0.000910358Z" fill="#52525B"/>
+    <path id="badge" d="M 0 177 C 3 177, 9.31 174.88, 10.5 172.5 L 39 121 L 109 121 C 126 121, 150 104, 150 81 L 150 -80 C 150 -103, 128 -121, 110 -121 L -110 -121 C -128 -121, -150 -103, -150 -80 L -150 81 C -150 104, -126 121, -109 121 L -39 121 L -10.5 172.5 C -9.31 174.88, -3 177, 0 177"/>
+  </defs> 
+
+  <g transform="translate(0, {{spec.profile.padding.y}})">
+    <g transform="translate({{math spec.profile.dimensions.width '-' spec.profile.padding.x}}, 0)">
+
+      {{#each questions.[0] as | question questionIndex |}}
+        {{#with @root.spec.questions as | questionsSpec |}}
+          <g transform="translate(0, {{math questionIndex '*' questionsSpec.distanceY}})" fill="{{lookup questionsSpec.colors (modulo questionIndex 2)}}" font-size="14" font-weight="400">
+            <g transform="translate(0, 0)">
+              <rect x="0" y="0" width="{{questionsSpec.rect1.width}}" height="{{questionsSpec.rect1.height}}" rx="{{questionsSpec.rect1.br}}" transform="scale(-1, 1)"/>
+              <text x="-{{math questionsSpec.rect1.width '/' 2}}" y="{{math questionsSpec.rect1.height '/' 2}}" fill="#52525B" text-anchor="middle" dy="4">{{question.number}}</text>
+            </g>
+            <g transform="translate(-{{math questionsSpec.rect1.width '+' questionsSpec.offsetX}}, 0)">
+              <rect x="0" y="0" width="{{questionsSpec.rect1.width}}" height="{{questionsSpec.rect1.height}}" rx="{{questionsSpec.rect1.br}}" transform="scale(-1, 1)"/>
+              <text x="-{{math questionsSpec.rect1.width '/' 2}}" y="{{math questionsSpec.rect1.height '/' 2}}" fill="{{question.answer.choice.fill}}" text-anchor="middle" dy="4">{{question.answer.choice.text}}</text>
+            </g>
+            <g transform="translate(-{{math 2 '*' (math questionsSpec.rect1.width '+' questionsSpec.offsetX)}}, 0)">
+              <rect x="0" y="0" width="{{questionsSpec.rect2.width}}" height="{{questionsSpec.rect2.height}}" rx="{{questionsSpec.rect2.br}}" transform="scale(-1, 1)"/>
+              <text x="-10" y="{{math questionsSpec.rect1.height '/' 2}}" fill="#52525B" text-anchor="start" dy="4">{{question.answer.text}}</text>
+            </g>
+          </g>
+        {{/with}}
+      {{/each}}
+
+      <g transform="translate(0, {{math (math questions.[0].length '*' spec.questions.distanceY) '+' 4}})" fill="{{lookup spec.questions.colors 0}}" font-size="14" font-weight="400">
+        <rect x="0" y="0" width="{{spec.questions.rect3.width}}" height="{{spec.questions.rect3.height}}" rx="{{spec.questions.rect3.br}}" transform="scale(-1, 1)"/>
+        <text x="-{{math spec.questions.rect3.width '/' 2}}" y="{{math spec.questions.rect3.height '/' 2}}" fill="#52525B" text-anchor="middle" dy="4">{{math questions.[0].length '+' 1}}</text>
+        <g transform="translate(-{{math spec.questions.rect3.width '+' spec.questions.offsetX}}, 0)">
+          {{assignGlobal "index" 0}}
+          {{#withGroup questions.[1] 4}}
+            <g transform="translate(-{{math @root.index '*' (math (math (math @root.spec.questions.rect4.width '+' @root.spec.questions.offsetX) '+' @root.spec.questions.rect1.width) '+' 10)}} ,0)">
+              {{#each this as | question questionIndex |}}
+                {{#with @root.spec.questions as | questionsSpec |}}
+                  <g transform="translate(0, {{math questionIndex '*' questionsSpec.distanceY}})">
+                    <rect x="0" y="0" width="{{questionsSpec.rect4.width}}" height="{{questionsSpec.rect4.height}}" rx="{{questionsSpec.rect4.br}}" transform="scale(-1, 1)"/>
+                    <text x="-10" y="{{math questionsSpec.rect4.height '/' 2}}" fill="#52525B" text-anchor="start" dy="4">{{question.text}}</text>
+                    <g transform="translate(-{{math questionsSpec.rect4.width '+' questionsSpec.offsetX}}, 0)">
+                      <rect x="0" y="0" width="{{questionsSpec.rect1.width}}" height="{{questionsSpec.rect1.height}}" rx="{{questionsSpec.rect1.br}}" transform="scale(-1, 1)"/>
+                      <g transform="translate(-{{math questionsSpec.rect1.width '/' 2}}, {{math questionsSpec.rect1.height '/' 2}})">
+                        <svg width="13" height="12.77" viewBox="0 0 13 12.77" overflow="visible">
+                          <use href="#{{lookup (object 0='ok' 1='no') question.answer}}"/>
+                        </svg>
+                      </g>
+                    </g>
+                  </g>
+                {{/with}}
+              {{/each}}
+            </g>
+            {{assignGlobal "index" 1}}
+          {{/withGroup}}
+        </g>
+
+        <g transform="translate(-{{math spec.raw.rect.width '+' 5}}, {{math spec.questions.rect3.height '+' 83}})">
+          <text x="-15" y="{{math spec.raw.rect.height '/' 2}}" font-size="12" font-weight="400" fill="#52525B" text-anchor="start" dy="3">{{raw.label.fr}}</text>
+          <rect x="0" y="0" width="{{spec.raw.rect.width}}" height="{{spec.raw.rect.height}}" fill="#F4F4F5" clip-path="url(#raw-rect)"/>
+          <rect x="0" y="0" width="{{raw.width}}" height="{{spec.raw.rect.height}}" fill="{{raw.interpret.fill}}" clip-path="url(#raw-rect)"/>
+          <g transform="translate({{raw.width}}, -{{spec.raw.label.shape.offsetY}})">
+            <svg width="{{spec.raw.label.shape.width}}" height="{{spec.raw.label.shape.height}}" x="0" y="0" viewBox="0 0 300 298" overflow="visible">
+              <use href="#badge" fill="{{raw.interpret.fill}}"/>
+            </svg>
+            <text x="0" y="0" font-size="18" font-weight="600" text-anchor="middle" fill="white" dy="5">{{raw.mark}}</text>
+          </g>
+
+          <g>
+            {{#each raw.stops as | stop index |}}
+              {{#with @root.spec.raw as | rawSpec |}}
+                <g transform="translate({{stop.width}}, 0)">
+                  <line x1="0" y1="0" x2="0" y2="{{rawSpec.label.stops.line.length}}" stroke="#A1A1AA" stroke-dasharray="3" stroke-linecap="round" stroke-width="1"/>
+                  <text x="0" y="{{math rawSpec.label.stops.line.length '+' rawSpec.label.stops.number.offsetY}}" font-size="12" font-weight="400" text-anchor="middle" fill="#A1A1AA" dy="3">{{stop.mark}}</text>
+                </g>
+                {{#unless @last}}
+                  {{setVar "afterStopWidth" (lookup (lookup @root.raw.stops (math index '+' 1)) 'width')}}
+                  {{setVar "Wm" (math (math afterStopWidth '+' stop.width) '/' 2)}}
+                  {{setVar "interpret" (lookup (lookup rawSpec.interprets (math index '+' 1)) 'fr')}}
+                  {{setVar "isChosen" (boolean interpret '===' @root.raw.interpret.fr)}}
+                  <g transform="translate({{Wm}}, {{math rawSpec.label.stops.line.length '+' rawSpec.label.stops.number.offsetY}})">
+                    <text x="0" y="0" font-size="12" font-weight="400" text-anchor="middle" fill="{{ternary isChosen @root.raw.interpret.fill '#A1A1AA'}}" dy="3">افسردگی</text>
+                    <text x="0" y="18" font-size="14" font-weight="{{ternary isChosen 700 400}}" text-anchor="middle" fill="{{ternary isChosen @root.raw.interpret.fill '#A1A1AA'}}" dy="3">{{interpret}}</text>
+                  </g>
+                {{/unless}}
+              {{/with}}
+            {{/each}}
+            {{setVar "isChosen" (boolean spec.raw.interprets.[0].eng '===' @root.raw.interpret.eng)}}
+            <g transform="translate(20, {{math spec.raw.label.stops.line.length '+' spec.raw.label.stops.number.offsetY}})" font-size="12" font-weight="400" text-anchor="middle">
+              <text x="0" y="0" fill="{{ternary isChosen raw.interpret.fill '#A1A1AA'}}" dy="3">فقدان</text>
+              <text x="0" y="18" fill="{{ternary isChosen raw.interpret.fill '#A1A1AA'}}" dy="3">افسردگی</text>
+            </g>
+          </g>
+        </g>
+      </g>
+
+    </g>
+  </g>
+
+{{/layout}}

package/views/profiles/samples/CARSP93.hbs

@@ -0,0 +1,26 @@
+{{#> layout}}
+
+  <g transform="translate({{spec.profile.padding.x}}, {{spec.profile.padding.y}})">
+    <g transform="translate({{math (math spec.item.circle.main.R '+' 10) '+' 8}}, {{math (math spec.item.circle.main.R '+' 10) '+' 12}})">
+      <text x="0" y="0" font-size="26" font-weight="500" fill="#DB2777" text-anchor="middle" dy="8">{{item.mark}}</text>
+      {{#with spec.item.circle as | circleSpec |}}
+        <circle cx="0" cy="0" r="{{circleSpec.center.radius}}" stroke="#A1A1AA" fill="none" stroke-dasharray="3"/>
+        {{gauge circleSpec.main.R circleSpec.main.r circleSpec.main.brs circleSpec.main.angles circleSpec.main.direction fill=circleSpec.main.base.fill stroke=circleSpec.main.base.stroke}}
+        {{gauge circleSpec.main.R circleSpec.main.r circleSpec.main.brs (object start=circleSpec.main.angles.start end=../item.angle) circleSpec.main.direction fill=circleSpec.main.body.fill stroke=circleSpec.main.body.stroke}}
+        {{setVar "p1" (polarToCartesian circleSpec.center.radius ../item.angle)}}
+        {{setVar "p2" (polarToCartesian circleSpec.main.R ../item.angle)}}
+        <line x1="{{p1.x}}" y1="{{p1.y}}" x2="{{p2.x}}" y2="{{p2.y}}" stroke="#71717A"/>
+      {{/with}}
+      <g font-size="14" font-weight="400" fill="#A1A1AA">
+        {{#each item.stops as | stop index |}}
+          {{#with @root.spec.item as | itemSpec |}}
+            {{setVar "p" (polarToCartesian (math itemSpec.circle.main.R '+' 10) stop.angle)}}
+            {{setVar "betMinus90And90" (boolean (boolean stop.angle '>' (toRad -90)) '&&' (boolean stop.angle '<' (toRad 90)))}}
+            <text x="{{p.x}}" y="{{p.y}}" text-anchor="{{ternary betMinus90And90 'end' 'start'}}" dy="0">{{stop.mark}}</text>
+          {{/with}}
+        {{/each}}
+      </g>
+    </g>
+  </g>
+
+{{/layout}}