@baravak/risloo-profile-cli 3.1.0

package/views/profiles/samples/JPFQ93.hbs

@@ -0,0 +1,44 @@
+{{#> 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="transparent" />
+        <stop offset="100%" stop-color="black" />
+  </linearGradient>
+</defs>
+
+<g transform="translate({{spec.profile.padding.x}}, {{spec.profile.padding.y}})">
+    {{!-- <rect x="0" y="0" width="702" height="450" fill="#E2E8F0"/> --}}
+    {{#each dataset.score}}
+        <g transform="translate(0, {{math 5  '+' ( math 51 '*' @key )}})">
+            <text y="0" x="129" dominant-baseline="hanging" text-anchor="start" font-size="18px" font-weight="400">{{label.fr}}</text>
+            <g transform="translate(147, 0)">
+                {{bar (math label.width '*' 4.5) 30 (object tl=0 tr=15 bl=0 br=15) (toRad 0) fill=label.background opacity='.8'}}
+                {{bar (math mark '*' 4.5) 30 (object tl=0 tr=15 bl=0 br=15) (toRad 0) fill=label.fill opacity='.8'}}
+                <text y="17" x="{{math (math label.width '*' 4.5) '+' 7.5 }}" dominant-baseline="middle" text-anchor="start" font-size="24px" fill="{{label.fill}}" font-weight="500" direction="ltr">
+                    {{mark}}
+                    <tspan font-size="18px" fill="#D4D4D8" font-weight="400">/ {{label.width}}</tspan>
+                </text>
+            </g>
+        </g>
+    {{/each}}
+    <g transform="translate(642.5, 428)">
+        <g transform="translate(9, 0)">
+            {{bar 9 378 (object tl=0 tr=0 bl=4.5 br=4.5) (toRad 180) fill='#E4E4E7'}}
+            {{bar 9 markSum (object tl=0 tr=0 bl=4.5 br=4.5) (toRad 180) fill='#52525B'}}
+        </g>
+        <text x="4.5" y="-387" dominant-baseline="auto" text-anchor="middle" fill="#A1A1AA" font-size="18px" font-weight="400">378</text>
+        <text x="21" y="{{math markSum '*' -1}}" dominant-baseline="middle" text-anchor="start" font-size="24px" fill="#3F3F46" font-weight="500" direction="ltr">{{markSum}}</text>
+        <text transform="rotate(-90, 0, 0)" x="-3" y="-28" dominant-baseline="hanging" text-anchor="end" font-size="18px" font-weight="400">نمره کل</text>
+
+        <rect x="-3" y="0" width="15" height="3" fill="#FFFFFF" style="filter: drop-shadow(0 -3px 5px rgba(0,0,0, .5));"/>
+    </g>
+    <g transform="translate(144.5, 0)">
+        <rect x="0" y="0" width="3" height="450" rx="1" fill="#FFFFFF" style="filter: drop-shadow(3px 0 5px rgba(0,0,0, .5));"/>
+    </g>
+</g>
+{{/ layout}}

package/views/profiles/samples/KJGI93.hbs

@@ -0,0 +1,57 @@
+{{#> layout}}
+
+<defs>
+  <radialGradient id="blueGradient">
+    <stop offset="0%" stop-color="#007BA4" stop-opacity="0.75" />
+    <stop offset="99.99%" stop-color="#007BA4" stop-opacity="0" />
+    <stop offset="100%" stop-color="#007BA4" stop-opacity="0" />
+  </radialGradient>
+</defs>
+
+<g transform="translate(0, {{spec.profile.padding.y}})">
+  <g transform="translate({{math spec.profile.dimensions.width '/' 2}}, 0)">
+    <g transform="translate(0, {{spec.raw.maxRadius}})">
+      <circle cx="0" cy="0" r="{{raw.radius}}" fill="url('#blueGradient')" />
+      <text x="0" y="0" fill="#111827" font-size="48" text-anchor="middle" dy="10">{{raw.mark}}</text>
+    </g>
+    <g
+      transform="translate(0, {{math (math spec.raw.maxRadius '*' 2) '+' spec.interpretRects.offsetY1}})"
+      font-size="16">
+      {{#each spec.interpretRects.labels as |label index|}}
+        <g transform="translate({{math @root.spec.interpretRects.distanceX '*' (math index '-' 1)}}, 0)">
+        <rect
+          x="0"
+          y="0"
+          width="{{@root.spec.interpretRects.width}}"
+          height="{{@root.spec.interpretRects.height}}"
+          transform="translate(-{{math @root.spec.interpretRects.width '/' 2}}, -{{math @root.spec.interpretRects.height '/' 2}})"
+          fill="{{ternary (boolean label.eng '==' @root.interpret) '#007BA4' '#F9FAFB'}}"
+          rx="{{@root.spec.interpretRects.borderRadius}}" />
+        <text
+          x="0"
+          y="0"
+          text-anchor="middle"
+          dy="5"
+          fill="{{ternary (boolean label.eng '==' @root.interpret) 'white' '#6B7280'}}"
+          font-weight="{{ternary (boolean label.eng '==' @root.interpret) 'bold' 'normal'}}">
+          {{label.fr}}
+        </text>
+      </g>
+      {{/each}}
+    </g>
+    <g transform="translate(0, {{math (math (math (math (math spec.raw.maxRadius '*' 2) '+' spec.interpretRects.offsetY1) '+' spec.interpretRects.height) '+' spec.interpretRects.offsetY2) '+' spec.items.maxRadius}})"
+      font-size="32">
+      {{#each items as |item index|}}
+        <g transform="translate({{math @root.spec.items.distance.x '*' (math index '-' 1)}}, 0)">
+        <circle cx="0" cy="0" r="{{item.radius}}" fill="url('#blueGradient')" />
+        <text x="0" y="0" fill="#111827" text-anchor="middle" dy="10">{{item.mark}}</text>
+        <text x="0" y="{{@root.spec.items.distance.y}}" fill="#374151" text-anchor="middle" font-size="16" dy="10">
+          {{item.label}}
+        </text>
+      </g>
+      {{/each}}
+    </g>
+  </g>
+</g>
+
+{{/layout}}

package/views/profiles/samples/LMIQ93.hbs

@@ -0,0 +1,82 @@
+{{#> 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>
+</defs>
+
+<g transform="translate({{spec.profile.padding.x}}, {{spec.profile.padding.y}})">
+  <g transform="translate({{spec.items.offsetX}}, 0)">
+    {{setVar "tickTotalHeight" (math (math (math spec.items.ticks.heightOffset '+' spec.items.totalHeights.[0]) '+' spec.items.offsetY2) '+' spec.items.totalHeights.[1])}}
+    {{#each itemsTicks as | tick index |}}
+      <g transform="translate({{tick.leftPos}}, 0)">
+        <line x1="0" y1="0" x2="0" y2="{{../tickTotalHeight}}" stroke="#E4E4E7" stroke-dasharray="3.5" stroke-linecap="round" stroke-width="2"/>
+        <text x="-{{@root.spec.items.ticks.numberOffset.x}}" y="{{@root.spec.items.ticks.numberOffset.y}}" fill="#A1A1AA" text-anchor="start" font-size="16" font-weight="500" dy="5">{{tick.number}}</text>
+      </g>
+    {{/each}}
+  </g>
+  <g transform="translate(0, {{spec.items.ticks.heightOffset}})">
+    <g transform="translate({{spec.items.offsetX}}, 0)">
+      {{#each items.[0] as | item index |}}
+        {{#with @root.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, {{itemsSpec.rect.borderRadius}})">
+             <text x="-{{itemsSpec.label.offsetX}}" y="0" fill="#52525B" text-anchor="start" font-size="14" font-weight="400" dy="3">{{item.label.fr}}</text>
+             <text x="{{math (math item.width '-' itemsSpec.rect.borderRadius) '-' 10}}" y="0" fill="white" text-anchor="middle" font-size="18" font-weight="600" dy="6">{{item.mark}}</text>
+           </g>
+         </g>
+        {{/with}}
+      {{/each}}
+
+      <g transform="translate(-1, -1)">
+        <rect x="0" y="0" width="1" height="{{math (math spec.items.totalHeights.[0] '+' spec.items.totalHeights.[1]) '+' 2}}" fill="#FFFFFF" rx="1"/>
+        <rect x="1" y="0" width="5" height="{{math (math spec.items.totalHeights.[0] '+' spec.items.totalHeights.[1]) '+' 2}}" fill="url('#horizontal-shadow')" fill-opacity="0.2"/>
+      </g>
+    </g>
+
+    {{setVar "rawLeftPos" (math (math spec.items.offsetX '+' (math spec.items.maxValue '*' spec.items.widthCoeff)) '+' spec.raw.offsetX)}}
+    <g transform="translate({{rawLeftPos}}, {{spec.items.totalHeights.[0]}})">
+      <path d="M 0 0 v -{{math (math spec.raw.heightCoeff '*' spec.raw.maxValue) '-' spec.raw.rect.borderRadius}} a {{spec.raw.rect.borderRadius}} {{spec.raw.rect.borderRadius}} 180 0 1 {{spec.raw.rect.width}} 0 v {{math (math spec.raw.heightCoeff '*' spec.raw.maxValue) '-' spec.raw.rect.borderRadius}} z" fill="#F4F4F5"/>
+      <path d="M 0 0 v -{{math raw.height '-' spec.raw.rect.borderRadius}} a {{spec.raw.rect.borderRadius}} {{spec.raw.rect.borderRadius}} 180 0 1 {{spec.raw.rect.width}} 0 v {{math raw.height '-' spec.raw.rect.borderRadius}} z" fill="#52525B"/>
+      <text x="{{spec.raw.rect.borderRadius}}" y="-{{math raw.height '-' spec.raw.rect.borderRadius}}" text-anchor="middle" font-size="20" font-weight="700" fill="white" dy="6" transform="translate(0, 10)">{{raw.mark}}</text>
+      <text x="0" y="-22" text-anchor="end" font--size="18" 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="14" font-weight="500" dy="4">{{tick.number}}</text>
+          </g>
+        {{/each}}
+      </g>
+    </g>
+  </g>
+  <g transform="translate(0, {{math (math spec.items.ticks.heightOffset '+' spec.items.totalHeights.[0]) '+' spec.items.offsetY2}})">
+    <g transform="translate({{spec.items.offsetX}}, 0)">
+      {{#each items.[1] as | item index |}}
+        {{#with @root.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, {{itemsSpec.rect.borderRadius}})">
+             <text x="-{{itemsSpec.label.offsetX}}" y="0" fill="#52525B" text-anchor="start" font-size="16" font-weight="500" dy="3">{{item.label.fr}} <tspan fill="#71717A" font-size="14" font-weight="400">({{item.overallMark.mark}} از {{item.overallMark.maxValue}})</tspan></text>
+             <text x="{{math (math item.width '-' itemsSpec.rect.borderRadius) '-' 10}}" y="0" fill="white" text-anchor="middle" font-size="18" font-weight="600" dy="6">{{item.mark}}</text>
+           </g>
+         </g>
+        {{/with}}
+      {{/each}}
+    </g>
+  </g>
+</g>
+
+{{/layout}}

package/views/profiles/samples/MMFAD93.hbs

@@ -0,0 +1,35 @@
+{{#> layout}}
+
+  <g transform="translate({{spec.profile.padding.x}}, {{spec.profile.padding.y}})">
+    <g transform="translate(346, 342)">
+      <g fill="none" stroke="#D4D4D8">
+        {{polygon spec.polygons.n spec.polygons.radius spec.polygons.startAngle}}
+        {{polygon spec.polygons.n spec.polygons.centerOffset spec.polygons.startAngle}}
+      </g>
+      <g fill="#007BA4" fill-opacity="0.1" stroke="#007BA4" stroke-width="2">
+        {{polygon spec.polygons.n (getArrOfProp items 'radius') spec.polygons.startAngle}}
+      </g>
+      <text x="0" y="-{{spec.raw.mark.paddingY}}" font-size="12" font-weight="400" fill="#71717A" text-anchor="middle" dy="3">{{raw.label.fr}} از {{spec.raw.maxValue}}</text>
+      <text x="0" y="+{{spec.raw.mark.paddingY}}" font-size="30" font-weight="600" fill="#27272A" text-anchor="middle" dy="8">{{raw.mark}}</text>
+      <g>
+        {{assignGlobal "labelOffset" (array 0 0 15 0 0 25 0)}}
+        {{#each items as |item index|}}
+          {{setVar "p1" (polarToCartesian @root.spec.polygons.radius item.angle)}}
+          {{setVar "p2" (polarToCartesian @root.spec.polygons.centerOffset item.angle)}}
+          <line x1="{{p1.x}}" y1="{{p1.y}}" x2="{{p2.x}}" y2="{{p2.y}}" stroke="{{item.fill}}" stroke-dasharray="5"/>
+          {{setVar "point" (polarToCartesian item.radius item.angle)}}
+          <g transform="translate({{point.x}}, {{point.y}})" fill="white">
+            <circle cx="0" cy="0" r="{{@root.spec.items.dataPoints.radius}}" stroke="{{item.fill}}" stroke-width="1"/>
+            <text x="0" y="0" font-size="12" font-weight="500" fill="{{item.fill}}" text-anchor="middle" dy="3">{{item.mark}}</text>
+          </g>
+          {{setVar "point" (polarToCartesian (math (math @root.spec.polygons.radius '+' @root.spec.items.labels.offset) '+' (lookup @root.labelOffset index)) item.angle)}}
+          <g transform="translate({{point.x}}, {{point.y}})">
+            <text x="0" y="0" transform="translate(0, -{{@root.spec.items.labels.paddingY}})" font-size="16" font-weight="400" fill="{{item.fill}}" text-anchor="middle" dy="5">{{item.label.fr}}</text>
+            <text x="0" y="0" transform="translate(0, +{{@root.spec.items.labels.paddingY}})" font-size="12" font-weight="400" fill="#A1A1AA" text-anchor="middle" dy="5">از {{item.maxValue}}</text>
+          </g>
+        {{/each}}
+      </g>
+    </g>
+  </g>
+
+{{/layout}}

package/views/profiles/samples/MMFAD9A.hbs

@@ -0,0 +1 @@
+{{> MMFAD93}}

package/views/profiles/samples/MOCI93.hbs

@@ -0,0 +1,60 @@
+{{#> layout}}
+
+<g transform="translate({{spec.profile.padding.x}}, {{spec.profile.padding.y}})">
+  <g transform="translate(0, {{math (math (math spec.raw.maxValue '/' spec.raw.step) '*' spec.raw.rect.distanceY) '-' spec.raw.rect.offsetY}}) scale(1, -1)">
+    {{#each items as |item index|}}
+      <g transform="translate({{math @root.spec.items.distanceX '*' index}}, 0)">
+        <text x="0" y="0" text-anchor="start" fill="{{item.fill}}" transform="translate({{math (math @root.spec.items.rect.width '/' 2) '+' 5}}, -25) rotate(45) scale(1, -1)" xml:space="preserve"><tspan font-size="18">{{item.label.fr}}</tspan><tspan font-size="14"> ({{item.label.abbr}})</tspan></text>
+        <g>
+          <g fill="{{@root.spec.items.rect.defaultColor}}">
+          {{#forLoop 1 (math (math item.maxValue '/' @root.spec.items.step) '+' 1) 1 }}
+            <rect x="0" y="{{math @root.spec.items.rect.distanceY '*' (math @i '-' 1)}}" width="{{@root.spec.items.rect.width}}" height="{{@root.spec.items.rect.height}}"/>
+            {{#if @last}}
+              <g transform="translate({{math @root.spec.items.rect.width '/' 2}}, {{math (math @root.spec.items.rect.distanceY '*' (math @i '-' 1)) '+' (math @root.spec.items.rect.height '/' 2)}})">
+                <text x="0" y="0" font-size="18" font-weight="500" fill="#D1D5DB" text-anchor="middle" dy="5.5" transform="scale(1, -1)">{{item.maxValue}}</text>
+              </g>
+            {{/if}}
+          {{/forLoop}}
+          </g>
+          <g fill="{{item.fill}}">
+            {{#forLoop 1 (ceil (math (math item.mark '/' @root.spec.items.step) '+' 1)) 1 }}
+              <rect x="0" y="{{math @root.spec.items.rect.distanceY '*' (math @i '-' 1)}}" width="{{@root.spec.items.rect.width}}" height="{{@root.spec.items.rect.height}}"  fill-opacity="{{math (math (math (math (math 0.5 '/' (math (math item.maxValue '/' @root.spec.items.step) '-' 1)) '*' (math @i '-' 1)) '+' 0.5) '*' 100) '/' 100}}"/>
+              {{#if @last}}
+                <g transform="translate({{math @root.spec.items.rect.width '/' 2}}, {{math (math @root.spec.items.rect.distanceY '*' (math @i '-' 1)) '+' (math @root.spec.items.rect.height '/' 2)}})">
+                  <text x="0" y="0" font-size="22" font-weight="500" fill="white" text-anchor="middle" dy="8" transform="scale(1, -1)">{{item.mark}}</text>
+                </g>
+              {{/if}}
+            {{/forLoop}}
+          </g>
+        </g>
+      </g>
+    {{/each}}
+
+    <g transform="translate({{math (math spec.items.distanceX '*' (math items.length '-' 1)) '+' spec.raw.distanceX}}, 0)">
+        <text x="0" y="0" text-anchor="start" fill="{{spec.raw.rect.color}}" transform="translate({{math (math spec.items.rect.width '/' 2) '+' 10}}, -25) rotate(45) scale(1, -1)" xml:space="preserve"><tspan font-size="18">{{raw.label.fr}}</tspan><tspan font-size="14"> ({{raw.label.abbr}})</tspan></text>
+        <g>
+          <g fill="{{spec.raw.rect.defaultColor}}">
+            {{#forLoop 1 (math (math spec.raw.maxValue '/' spec.raw.step) '+' 1) 1 }}
+              <rect x="0" y="{{math @root.spec.raw.rect.distanceY '*' (math @i '-' 1)}}" width="{{@root.spec.raw.rect.width}}" height="{{@root.spec.raw.rect.height}}"/>
+              {{#if @last}}
+                <g transform="translate({{math @root.spec.raw.rect.width '/' 2}}, {{math (math @root.spec.raw.rect.distanceY '*' (math @i '-' 1)) '+' (math @root.spec.raw.rect.height '/' 2)}})">
+                  <text x="0" y="0" font-size="18" font-weight="500" fill="#D1D5DB" text-anchor="middle" dy="5.5" transform="scale(1, -1)">{{@root.spec.raw.maxValue}}</text>
+                </g>
+              {{/if}}
+            {{/forLoop}}
+          </g>
+          <g fill="{{spec.raw.rect.color}}">
+            {{#forLoop 1 (math (ceil (math raw.mark '/' spec.raw.step)) '+' 1) 1 }}
+              <rect x="0" y="{{math @root.spec.raw.rect.distanceY '*' (math @i '-' 1)}}" width="{{@root.spec.raw.rect.width}}" height="{{@root.spec.raw.rect.height}}"  fill-opacity="{{math (math (math (math (math 0.5 '/' (math (math @root.spec.raw.maxValue '/' @root.spec.raw.step) '-' 1)) '*' (math @i '-' 1)) '+' 0.5) '*' 100) '/' 100}}"/>
+              {{#if @last}}
+                <g transform="translate({{math @root.spec.raw.rect.width '/' 2}}, {{math (math @root.spec.raw.rect.distanceY '*' (math @i '-' 1)) '+' (math @root.spec.raw.rect.height '/' 2)}})">
+                  <text x="0" y="0" font-size="22" font-weight="500" fill="white" text-anchor="middle" dy="8" transform="scale(1, -1)">{{@root.raw.mark}}</text>
+                </g>
+              {{/if}}
+            {{/forLoop}}
+          </g>
+        </g>
+      </g>
+  </g>
+</g>
+{{/layout}}

package/views/profiles/samples/OBQ4493.hbs

@@ -0,0 +1,61 @@
+{{#> layout}}
+
+<defs>
+  {{#with spec.items.rect as | rect |}}
+  <clipPath id="items-rect">
+    {{bar (math rect.width '/' 2) rect.height (object tl=0 tr=rect.br bl=0 br=rect.br) (toRad 0)}}
+  </clipPath>
+  {{/with}}
+  {{#with spec.raw.rect as | rect |}}
+  <clipPath id="raw-rect">
+    {{bar (math rect.width '/' 2) rect.height (object tl=0 tr=rect.br bl=0 br=rect.br) (toRad 0)}}
+  </clipPath>
+  {{/with}}
+</defs>
+
+<g transform="translate({{math spec.profile.dimensions.width '/' 2}}, {{math spec.profile.padding.y '+' 30}})">
+  {{#each items as | item itemIndex |}}
+    {{#with @root.spec.items}}
+    <g transform="translate(0, {{math itemIndex '*' rect.distanceY}})">
+      <rect x="0" y="0" width="{{math rect.width '/' 2}}" height="{{rect.height}}" fill="#F4F4F5" clip-path="url(#items-rect)"/>
+      <rect x="0" y="0" width="{{math rect.width '/' 2}}" height="{{rect.height}}" fill="#F4F4F5" transform="scale(-1, 1)" clip-path="url(#items-rect)"/>
+      {{setVar "isPositive" (boolean item.mark '>' 0)}}
+      <rect x="0" y="0" width="{{item.width}}" height="{{rect.height}}" fill="{{ternary isPositive '#B91C1C' '#007BA4'}}" transform="scale({{ternary isPositive 1 -1}}, 1)" clip-path="url(#items-rect)"/>
+      <g transform="translate({{ternary isPositive item.width (math -1 '*' item.width)}}, 0)">
+        <line x1="0" y1="-2" x2="0" y2="-8" stroke="{{ternary isPositive '#B91C1C' '#007BA4'}}" stroke-dasharray="2" stroke-linecap="round" stroke-width="1"/>
+        <text x="0" y="-20" text-anchor="middle" font-size="16" font-weight="600" fill="{{ternary isPositive '#B91C1C' '#007BA4'}}" dy="5">{{abs item.mark}}{{ternary isPositive '+' '-'}}</text>
+      </g>
+      <g transform="translate(0, {{math rect.height '/' 2}})">
+        <line x1="0" y1="{{math (math rect.height '/' 2) '+' 1}}" x2="0" y2="-{{math (math rect.height '/' 2) '+' 1}}" stroke="#A1A1AA" stroke-dasharray="2.5" stroke-linecap="round" stroke-width="1"/>
+        <text x="{{math (math rect.width '/' 2) '+' maxValuesOffsetX}}" y="0" text-anchor="end" font-size="14" font-weight="400" fill="#A1A1AA" dy="4">{{item.maxValue}}+</text>
+        <text x="{{math -1 '*' (math (math rect.width '/' 2) '+' maxValuesOffsetX)}}" y="0" text-anchor="start" font-size="14" font-weight="400" fill="#A1A1AA" dy="4">{{item.maxValue}}-</text>
+      </g>
+      <text x="0" y="{{math rect.height '+' labels.offsetY}}" text-anchor="middle" font-size="14" font-weight="500" fill="#52525B" dy="4">{{item.label.fr}} ({{item.label.abbr}})</text>
+    </g>
+    {{/with}}
+  {{/each}}
+  <g transform="translate(0, {{math (math (math (math items.length '-' 1) '*' spec.items.rect.distanceY) '+' spec.items.rect.height) '+' spec.raw.rect.offsetY}})">
+    {{#with @root.spec.raw}}
+      <rect x="0" y="0" width="{{math rect.width '/' 2}}" height="{{rect.height}}" fill="#F4F4F5" clip-path="url(#raw-rect)"/>
+      <rect x="0" y="0" width="{{math rect.width '/' 2}}" height="{{rect.height}}" fill="#F4F4F5" transform="scale(-1, 1)" clip-path="url(#raw-rect)"/>
+      {{setVar "isPositive" (boolean ../raw.mark '>' 0)}}
+      <rect x="0" y="0" width="{{../raw.width}}" height="{{rect.height}}" fill="{{ternary isPositive '#B91C1C' '#007BA4'}}" transform="scale({{ternary isPositive 1 -1}}, 1)" clip-path="url(#raw-rect)"/>
+      <g transform="translate({{ternary isPositive ../raw.width (math -1 '*' ../raw.width)}}, 0)">
+        <line x1="0" y1="-2" x2="0" y2="-8" stroke="{{ternary isPositive '#B91C1C' '#007BA4'}}" stroke-dasharray="2" stroke-linecap="round" stroke-width="1"/>
+        <text x="0" y="-20" text-anchor="middle" font-size="16" font-weight="600" fill="{{ternary isPositive '#B91C1C' '#007BA4'}}" dy="5">{{abs ../raw.mark}}{{ternary isPositive '+' '-'}}</text>
+      </g>
+      <g transform="translate(0, {{math rect.height '/' 2}})">
+        <line x1="0" y1="{{math (math rect.height '/' 2) '+' 1}}" x2="0" y2="-{{math (math rect.height '/' 2) '+' 1}}" stroke="#A1A1AA" stroke-dasharray="2.5" stroke-linecap="round" stroke-width="1"/>
+        <text x="{{math (math rect.width '/' 2) '+' maxValuesOffsetX}}" y="0" text-anchor="end" font-size="14" font-weight="400" fill="#A1A1AA" dy="4">{{../raw.maxValue}}+</text>
+        <text x="{{math -1 '*' (math (math rect.width '/' 2) '+' maxValuesOffsetX)}}" y="0" text-anchor="start" font-size="14" font-weight="400" fill="#A1A1AA" dy="4">{{../raw.maxValue}}-</text>
+      </g>
+      <text x="0" y="{{math rect.height '+' labels.offsetY}}" text-anchor="middle" font-size="14" font-weight="500" fill="#52525B" dy="4">{{../raw.label.fr}} ({{../raw.label.abbr}})</text>
+    {{/with}}
+    <g transform="translate(0, {{math spec.raw.rect.height '+' spec.separator.line.offsetY}})">
+      <line x1="{{math (math -1 '*' spec.separator.line.width) '/' 2}}" y1="0" x2="{{math spec.separator.line.width '/' 2}}" y2="0" stroke="#A1A1AA"/>
+      <text x="{{math spec.separator.line.width '/' 2}}" y="{{spec.separator.desc.offsetY}}" fill="#71717A" text-anchor="start" font-size="14" font-weight="400" dy="4">{{spec.desc}}</text>
+    </g>
+  </g>
+</g>
+
+{{/layout}}

package/views/profiles/samples/PIES93.hbs

@@ -0,0 +1,67 @@
+{{#> layout}}
+
+<defs>
+  <linearGradient id="shadow">
+    <stop offset="0%"  stop-color="black" />
+    <stop offset="100%" stop-color="transparent" />
+  </linearGradient>
+</defs>
+
+<g transform="translate({{spec.profile.padding.x}}, {{spec.profile.padding.y}})">
+  <g font-size="20">
+    <g transform="translate({{spec.items.base.rect.width}}, 0)">
+      {{#each itemsTicks as |tick index|}}
+        <line x1="{{tick.leftPos}}" y1="0" x2="{{tick.leftPos}}" y2="{{math ../spec.items.totalHeight '+' (math 2 '*' ../spec.items.ticks.heightOffset)}}" stroke="#E5E7EB" stroke-dasharray="3.5" stroke-linecap="round" stroke-width="2"/>
+        <text x="{{math tick.leftPos '-' ../spec.items.ticks.numberOffset.x}}" y="{{../spec.items.ticks.numberOffset.y}}" fill="#9CA3AF" text-anchor="middle" font-size="16" font-weight="500" dy="5">{{tick.number}}</text>
+      {{/each}}
+    </g>
+    <g transform="translate({{spec.items.base.rect.width}}, {{spec.items.ticks.heightOffset}})">
+      {{#each items as |item index|}}
+        <g transform="translate(0, {{math (math index '*' ../spec.items.distanceY) '+' 1}})">
+          {{bar item.width ../spec.items.base.rect.height ../spec.items.body.rect.brs 0 fill=item.body.color fill-opacity=item.body.opacity}}
+          <g transform="translate(-{{math (math ../spec.items.base.rect.height '/' 2) '+' 6}}, {{math ../spec.items.base.rect.height '/' 2}})">
+            <text x="{{item.width}}" y="0" fill="white" text-anchor="middle" font-size="20" font-weight="600" dy="6">{{item.mark}}</text>
+          </g>
+        </g>
+      {{/each}}
+    </g>
+    <g transform="translate(0, {{spec.items.ticks.heightOffset}})">
+      <rect x="0" y="0" width="{{math spec.items.base.rect.width '+' 1}}" height="{{spec.items.totalHeight}}" fill="#FFFFFF" rx="1"/>
+      <rect x="{{math spec.items.base.rect.width '+' 1}}" y="0" width="5" height="{{spec.items.totalHeight}}" fill="url('#shadow')" fill-opacity="0.2"/>
+    </g>
+    <g transform="translate(0, {{spec.items.ticks.heightOffset}})">
+      {{#each items as |item index|}}
+        <g transform="translate(0, {{math index '*' ../spec.items.distanceY}})">
+          {{bar ../spec.items.base.rect.width ../spec.items.base.rect.height ../spec.items.base.rect.brs 0 fill=item.baseColor}}
+          <g transform="translate({{math ../spec.items.base.rect.height '/' 2}}, {{math ../spec.items.base.rect.height '/' 2}})">
+            <circle cx="0" cy="0" r="{{../spec.items.base.label.circle.radius}}" fill="white"/>
+            <text x="0" y="0" fill="{{item.baseColor}}" text-anchor="middle" font-size="20" font-weight="400" dy="6.5">{{item.label.abbr}}</text>
+            <text x="{{../spec.items.base.label.offsetX}}" y="0" fill="white" font-size="20" font-weight="500" text-anchor="end" dy="5.5">{{item.label.fr}}</text>
+          </g>
+        </g>
+      {{/each}}
+    </g> 
+    </g> 
+    <g transform="translate({{math (math spec.items.base.rect.width '+' spec.items.body.rect.maxWidth) '+' spec.raw.offsetX}}, {{math spec.items.totalHeight '+' (math 2 '*' spec.items.ticks.heightOffset)}}) scale(1, -1)">
+      <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="{{../spec.raw.ticks.line.width}}" y2="{{tick.bottomPos}}" stroke="#E5E7EB" stroke-dasharray="3" stroke-linecap="round" stroke-width="2"/>
+          <g transform="translate({{math ../spec.raw.ticks.line.width '+' ../spec.raw.ticks.number.offsetX}}, {{tick.bottomPos}})">
+            <text x="0" y="0" fill="#9CA3AF" text-anchor="middle" font-size="14" font-weight="500" dy="4" transform="scale(1, -1)">{{tick.number}}</text>
+          </g>
+        {{/each}}
+      </g>
+      <rect x="0" y="0" width="{{spec.raw.rect.width}}" height="{{spec.raw.rect.height}}" rx="{{spec.raw.rect.borderRadius}}" fill="#E5E7EB"/>
+      <rect x="0" y="0" width="{{spec.raw.rect.width}}" height="{{raw.height}}" rx="{{spec.raw.rect.borderRadius}}" fill="#374151"/>
+    <g transform="translate({{spec.raw.rect.borderRadius}}, {{spec.raw.rect.borderRadius}})">
+      <g transform="translate(0, {{math raw.height '-' (math 2 '*' spec.raw.rect.borderRadius)}})">
+        <text x="0" y="0" fill="white" text-anchor="middle" font-size="20" font-weight="700" dy="6.5" transform="scale(1, -1) translate(0, 12)">{{raw.mark}}</text>
+      </g>
+      <g>
+        <text x="0" y="0" fill="white" text-anchor="end" font-size="18" font-weight="500" dy="4" transform="scale(1, -1) rotate(-90)">{{raw.label.fr}}</text>
+      </g>
+    </g>
+  </g>
+</g>
+
+{{/layout}}

package/views/profiles/samples/PIES9A.hbs

@@ -0,0 +1 @@
+{{> PIES93}}

package/views/profiles/samples/PMCIEF93.hbs

@@ -0,0 +1,8 @@
+{{#> layout}}
+
+<defs>
+</defs>
+
+<g transform="translate({{spec.profile.padding.x}}, {{spec.profile.padding.y}})">
+</g>
+{{/ layout}}

package/views/profiles/samples/PSWQ93.hbs

@@ -0,0 +1,32 @@
+{{#> layout}}
+
+  <g transform="translate({{spec.profile.padding.x}}, {{spec.profile.padding.y}})">
+    <g transform="translate(330, 288)">
+      <circle cx="0" cy="0" r="{{spec.raw.circle.R}}" fill="#F4F4F5" stroke="#E4E4E7"/>
+      <circle cx="0" cy="0" r="{{spec.raw.circle.r}}" fill="white"/>
+      <text x="0" y="0" font-size="28" font-weight="600" fill="#27272A" text-anchor="middle" dy="8.5">{{raw.mark}}</text>
+      {{gauge spec.raw.circle.R spec.raw.circle.r spec.raw.circle.brs (object start=spec.raw.circle.angles.start end=raw.stops.[0].angle) spec.raw.circle.direction fill="#E7E5E4"}}
+      {{gauge spec.raw.circle.R spec.raw.circle.r spec.raw.circle.brs (object start=raw.stops.[0].angle end=raw.angle) spec.raw.circle.direction fill=raw.interpret.fill}}
+      {{#each raw.stops as | stop stopIndex |}}
+        {{#with @root.spec.raw as | rawSpec |}}
+          {{setVar "p1" (polarToCartesian (math rawSpec.circle.R '+' 8) stop.angle)}}
+          {{setVar "p2" (polarToCartesian (math rawSpec.circle.R '+' 38) stop.angle)}}
+          {{setVar "p3" (polarToCartesian (math rawSpec.circle.R '+' 50) stop.angle)}}
+          <line x1="{{p1.x}}" y1="{{p1.y}}" x2="{{p2.x}}" y2="{{p2.y}}" stroke="#D4D4D8" stroke-dasharray="3"/>
+          <text x="{{p3.x}}" y="{{p3.y}}" font-size="12" font-weight="400" fill="#A1A1AA" text-anchor="middle" dy="3">{{stop.mark}}</text>
+          {{#unless @first}}
+            {{setVar "prevStopAngle" (lookup (lookup @root.raw.stops (math stopIndex '-' 1)) 'angle')}}
+            {{setVar "thetam" (math (math stop.angle '+' prevStopAngle) '/' 2)}}
+            {{setVar "pm1" (polarToCartesian (math rawSpec.circle.R '+' 35) thetam)}}
+            {{setVar "pm2" (polarToCartesian (math rawSpec.circle.R '+' 55) thetam)}}
+            {{setVar "interpret" (lookup @root.spec.raw.interprets (math stopIndex '-' 1))}}
+            {{setVar "isChosen" (boolean interpret.eng '===' @root.raw.interpret.eng)}}
+            <circle cx="{{pm1.x}}" cy="{{pm1.y}}" r="{{ternary isChosen 3.5 2.5}}" fill="{{ternary isChosen @root.raw.interpret.fill '#E4E4E7'}}"/>
+            <text x="{{pm2.x}}" y="{{pm2.y}}" text-anchor="{{lookup (object 1='end' 2='middle' 3='start') stopIndex}}" fill="{{ternary isChosen @root.raw.interpret.fill '#A1A1AA'}}" font-weight="{{ternary isChosen 500 400}}" font-size="{{ternary isChosen 16 14}}" dy="5">{{interpret.fr}}</text>
+          {{/unless}}
+        {{/with}}
+      {{/each}}
+    </g>
+  </g>
+
+{{/layout}}

package/views/profiles/samples/RIASEC93.hbs

@@ -0,0 +1,38 @@
+{{#> layout}}
+
+<g transform="translate({{spec.profile.padding.x}}, {{spec.profile.padding.y}})">
+  <g transform="translate(100, 20)">
+    <line x1="0" y1="-10" x2="0" y2="214" stroke="#D4D4D8" stroke-width="2" stroke-linecap="round" />
+    {{#each items as | item index |}}
+      {{#with @root.spec.items as | itemsSpec |}}
+        <g transform="translate(0, {{math index '*' itemsSpec.distanceY}})">
+          <text x="-12" y="8" font-size="14" 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="500" 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="14" font-weight="500" fill="#7E22CE" text-anchor="middle">{{item.mark}}</text>
+        </g>
+      {{/with}}
+    {{/each}}
+    <text x="500" y="235" font-size="12" font-weight="400" fill="#D4D4D8" text-anchor="middle">50</text>
+  </g>
+  <g transform="translate(398, 329)">
+    {{#each questionItems as | item index |}}
+      <g transform="translate(0, {{ math index '*' 56 }})">
+        <text x="64" y="25" font-size="14" font-weight="400" fill="#3F3F46" text-anchor="end">{{ item.label }}</text>
+        {{#each item.marks as | mark markIndex |}}
+          <g transform="translate({{math -1 '*' (math markIndex '*' 64)}}, 0)">
+            {{#if (boolean index '===' 0)}}
+              <text x="20" y="-21" font-size="14" font-weight="400" fill="#3F3F46" text-anchor="middle">{{lookup (array 'و' 'ج' 'ه' 'الف' 'م' 'ق') markIndex}}</text>
+            {{/if}}
+            <rect x="0" y="0" width="40" height="40" fill="#F4F4F5" rx="4" />
+            <text x="20" y="25" font-size="16" font-weight="500" fill="#312E81" text-anchor="middle">{{ mark }}</text>
+          </g>
+        {{/each}}
+      </g>
+    {{/each}}
+  </g>
+</g>
+
+{{/layout}}