@baravak/risloo-profile-cli 3.1.0

package/views/profiles/samples/FACES93_1.hbs

@@ -0,0 +1,107 @@
+{{#> layout}}
+  {{setVar "angles" (array -146.3 146.3 -33.7 33.7)}}
+  <defs>
+    {{#each angles as | angle index |}}
+      <marker id="pointer{{math index '+' 1}}" markerWidth="6" markerHeight="10" refX="4.5" refY="5" orient="{{angle}}" markerUnits="userSpaceOnUse">
+        <polyline points="1 1, 5 5, 1 9" fill="none" stroke="#000000" stroke-opacity="0.15" stroke-width="1" stroke-linecap="round" />
+      </marker>
+    {{/each}}
+    <marker id="marker1" markerWidth="8" markerHeight="12" refX="7.5" refY="6" orient="-90" markerUnits="userSpaceOnUse">
+      <polyline points="1 1, 7 6, 1 11" fill="none" stroke="#3F3F46" stroke-width="2" stroke-linecap="round" />
+    </marker>
+    <marker id="marker2" markerWidth="8" markerHeight="12" refX="7.5" refY="6" orient="0" markerUnits="userSpaceOnUse">
+      <polyline points="1 1, 7 6, 1 11" fill="none" stroke="#3F3F46" stroke-width="2" stroke-linecap="round" />
+    </marker>
+  </defs>
+
+  <g transform="translate({{spec.profile.padding.[0].x}}, {{spec.profile.padding.[0].y}})">
+    <g transform="translate(0, 320)">
+      <text x="0" y="12.5" font-size="16" font-weight="600" fill="#3F3F46" text-anchor="middle" transform="rotate(-90)" xml:space="preserve">انعطاف‌پذیری:   {{item.marks.flexibility}}</text>
+      <g transform="translate(0, -170)">
+        <text x="0" y="35" font-size="14" font-weight="400" fill="#71717A" text-anchor="start" transform="rotate(-90)">آشفته</text>
+      </g>
+      <g transform="translate(0, 160)">
+        <text x="0" y="35" font-size="14" font-weight="400" fill="#71717A" text-anchor="start" transform="rotate(-90)">خشک</text>
+      </g>
+      <line x1="50" y1="206" x2="50" y2="-192" stroke="#3F3F46" stroke-width="2" marker-end="url(#marker1)" />
+    </g>
+    <g transform="translate(427.5, 0)">
+      <text x="0" y="12.5" font-size="16" font-weight="600" fill="#3F3F46" text-anchor="middle" xml:space="preserve">انسجام:   {{item.marks.cohesion}}</text>
+      <text x="-215" y="35" font-size="14" font-weight="400" fill="#71717A" text-anchor="start">از هم گسسته</text>
+      <text x="285" y="35" font-size="14" font-weight="400" fill="#71717A" text-anchor="start">در هم تنیده</text>
+      <line x1="-295" y1="50" x2="305" y2="50" stroke="#3F3F46" stroke-width="2" marker-end="url(#marker2)" />
+    </g>
+    <g transform="translate(132, 126)">
+      {{setVar "row1" (array "#FECACA" "#FEF9C3" "#FEF9C3" "#FEF9C3" "#FECACA")}}
+      {{setVar "row2" (array "#FEF9C3" "#D1FAE5" "#D1FAE5" "#D1FAE5" "#FEF9C3")}}
+      {{setVar "stops" (array 0 15 35 65 85 100)}}
+      {{setVar "fills" (array row1 row2 row2 row2 row1)}}
+      {{#forLoop 0 5 1}}
+        {{#with i as | j |}}
+          {{#forLoop 0 5 1}}
+            <rect x="{{math j '*' 120}}" y="{{math i '*' 80}}" width="120" height="80" fill="{{lookup (lookup @root.fills j) i}}" />
+            {{#if (boolean j '===' 4)}}
+              <text x="-20" y="{{math (math i '*' 80) '+' 10}}" font-size="12" font-weight="400" text-anchor="start" fill="#71717A">{{lookup (reverse @root.stops) i}}</text>
+              {{#if (boolean i '===' 4)}}
+                <text x="-20" y="{{math (math i '+' 1) '*' 80}}" font-size="12" font-weight="400" text-anchor="start" fill="#71717A">{{lookup (reverse @root.stops) (math i '+' 1)}}</text>
+              {{/if}} 
+              {{#unless @first}}
+                <line x1="0" y1="{{math i '*' 80}}" x2="600" y2="{{math i '*' 80}}" stroke="#FFFFFF" />
+              {{/unless}}
+            {{/if}}
+            {{#if (boolean (boolean i '===' 2) '&&' (boolean j '===' 2))}}
+              <text x="{{math (math j '*' 120) '+' 60}}" y="{{math (math i '*' 80) '+' 40}}" font-size="14" font-weight="400" text-anchor="middle" fill="#A1A1AA" fill-opacity="0.6" dy="5">دمکراتیک</text>
+            {{/if}}
+          {{/forLoop}}
+          {{#if (boolean j '!==' 0)}}
+            <line x1="{{math j '*' 120}}" y1="0" x2="{{math j '*' 120}}" y2="400" stroke="#FFFFFF" />
+          {{/if}}
+          <text x="{{math j '*' 120}}" y="-20" font-size="12" font-weight="400" text-anchor="start" fill="#71717A">{{lookup @root.stops j}}</text>
+          {{#if (boolean j '===' 4)}}
+            <text x="{{math (math j '+' 1) '*' 120}}" y="-20" font-size="12" font-weight="400" text-anchor="start" fill="#71717A">{{lookup @root.stops (math j '+' 1)}}</text>
+          {{/if}}
+        {{/with}}
+      {{/forLoop}}
+      <rect x="240" y="160" width="120" height="80" fill="none" stroke="#000000" stroke-opacity="0.15" stroke-dasharray="4" />
+
+      <line x1="240" y1="160" x2="-30" y2="-20" stroke="#000000" stroke-opacity="0.15" stroke-dasharray="5" marker-end="url(#pointer1)" />
+      <line x1="240" y1="240" x2="-30" y2="420" stroke="#000000" stroke-opacity="0.15" stroke-dasharray="4" marker-end="url(#pointer2)" />
+      <line x1="360" y1="160" x2="630" y2="-20" stroke="#000000" stroke-opacity="0.15" stroke-dasharray="4" marker-end="url(#pointer3)" />
+      <line x1="360" y1="240" x2="630" y2="420" stroke="#000000" stroke-opacity="0.15" stroke-dasharray="4" marker-end="url(#pointer4)"/>
+
+      <g transform="translate(-50, -33.35)">
+        <text x="0" y="0" font-size="14" font-weight="400" text-anchor="start" fill="#A1A1AA" transform="rotate({{math (lookup angles 0) '+' 180}})" dy="3.5">بی‌خیال</text>
+      </g>
+      <g transform="translate(-50, 433.35)">
+        <text x="0" y="0" font-size="14" font-weight="400" text-anchor="start" fill="#A1A1AA" transform="rotate({{math (lookup angles 1) '+' 180}})" dy="3.5">طردکننده</text>
+      </g>
+      <g transform="translate(650, -33.35)">
+        <text x="0" y="0" font-size="14" font-weight="400" text-anchor="end" fill="#A1A1AA" transform="rotate({{lookup angles 2}})" dy="3.5">سهل‌گیر</text>
+      </g>
+      <g transform="translate(650, 433.35)">
+        <text x="0" y="0" font-size="14" font-weight="400" text-anchor="end" fill="#A1A1AA" transform="rotate({{lookup angles 3}})" dy="3.5">مستبد</text>
+      </g>
+
+      <g transform="translate(0, 400)">
+        <g transform="translate({{item.coords.x}}, -{{item.coords.y}})">
+          <circle cx="0" cy="0" r="2.5" fill="black" />
+          <circle cx="0" cy="0" r="7.5" fill="black" fill-opacity="0.3" />
+        </g>
+      </g>
+    </g>
+    <g transform="translate(578.5, 586)">
+      <g transform="translate(0, 0)">
+        <rect x="0" y="0" width="24" height="16" fill="#FECACA" />
+        <text x="-10" y="8" font-size="14" font-weight="400" fill="#71717A" text-anchor="start" dy="3">نامتعادل</text>
+      </g>
+      <g transform="translate(-124, 0)">
+        <rect x="0" y="0" width="24" height="16" fill="#FEF9C3" />
+        <text x="-10" y="8" font-size="14" font-weight="400" fill="#71717A" text-anchor="start" dy="3">نیمه متعادل</text>
+      </g>
+      <g transform="translate(-268, 0)">
+        <rect x="0" y="0" width="24" height="16" fill="#D1FAE5" />
+        <text x="-10" y="8" font-size="14" font-weight="400" fill="#71717A" text-anchor="start" dy="3">متعادل</text>
+      </g>
+    </g>
+  </g>
+{{/layout}}

package/views/profiles/samples/FACES93_2.hbs

@@ -0,0 +1,51 @@
+{{#> layout}}
+
+  <defs>
+    <linearGradient id="bg">
+      <stop offset="0%"  stop-color="#22C55E"/>
+      <stop offset="100%" stop-color="#15803D"/>
+    </linearGradient>
+  </defs>
+
+  <g transform="translate({{spec.profile.padding.[1].x}}, {{spec.profile.padding.[1].y}})">
+    <g transform="translate({{math spec.page2.items.top.baseline.width '/' 2}}, {{spec.page2.items.top.topPos}})">
+      {{#each items.top as | item index |}}
+        {{#with @root.spec.page2.items.top as | itemsSpec |}}
+          <g transform="translate({{lookup (array -320 -210 -100 100 210 320) index}}, 0)">
+            <g transform="translate(-{{math itemsSpec.rect.base.width '/' 2}}, 0)">
+              {{bar item.height.base itemsSpec.rect.base.width (object tl=0 tr=itemsSpec.rect.base.br br=itemsSpec.rect.base.br bl=0) (toRad -90) fill=itemsSpec.rect.base.color}}
+            </g>
+            <text x="0" y="-{{math item.height.base '+' 12}}" font-size="12" font-weight="400" text-anchor="middle" fill="#D4D4D8" dy="3">{{item.maxValue}}</text>
+            <g fill="{{item.fill}}">
+              <g transform="translate(-{{math itemsSpec.rect.body.width '/' 2}}, 0)">
+                {{#forLoop 0 item.mark 1}}
+                  <rect x="0" y="-{{math (math i '+' 1) '*' itemsSpec.rect.body.distanceY}}" width="{{itemsSpec.rect.body.width}}" height="{{itemsSpec.rect.body.height}}" rx="{{itemsSpec.rect.body.br}}"/>
+                {{/forLoop}}
+              </g>
+              <text x="{{math (math itemsSpec.rect.body.width '/' 2) '+' 16}}" y="-{{math item.mark '*' itemsSpec.rect.body.distanceY}}" font-size="16" font-weight="500" text-anchor="middle" dy="4">{{item.mark}}</text>
+              <text x="0" y="20" font-size="14" font-weight="400" text-anchor="middle" dy="5">{{item.label.fr}}</text>
+            </g>
+          </g>
+        {{/with}}
+      {{/each}}
+      <line x1="-{{math spec.page2.items.top.baseline.width '/' 2}}" y1="0" x2="{{math spec.page2.items.top.baseline.width '/' 2}}" y2="0" stroke="#A1A1AA" stroke-width="2"/>
+    </g>
+
+    <g transform="translate(0, {{math spec.page2.items.top.topPos '+' spec.page2.items.bottom.offsetY}})">
+      {{#each items.bottom as | item index |}}
+        {{#with @root.spec.page2.items.bottom as | itemsSpec |}}
+          <g transform="translate(0, {{math index '*' (math itemsSpec.rect.body.height '+' 20)}})">
+            <text x="150" y="{{math itemsSpec.rect.body.height '/' 2}}" font-size="16" font-weight="400" text-anchor="start" fill="#52525B" dy="4">{{item.label.fr}}</text>
+            <g transform="translate(168, 0)">
+              <rect x="0" y="{{math (math itemsSpec.rect.body.height '-' itemsSpec.rect.base.height) '/' 2}}" width="{{itemsSpec.rect.base.width}}" height="{{itemsSpec.rect.base.height}}" rx="{{itemsSpec.rect.base.br}}" fill="#F4F4F5"/>
+              <text x="{{math itemsSpec.rect.base.width '+' 27}}" y="{{math itemsSpec.rect.body.height '/' 2}}" font-size="12" font-weight="400" text-anchor="middle" fill="#A1A1AA" dy="3">{{itemsSpec.maxValue}}</text>
+              <rect x="0" y="0" width="{{item.width}}" height="{{itemsSpec.rect.body.height}}" rx="{{itemsSpec.rect.body.br}}" fill="url(#bg)"/>
+              <text x="{{math item.width '-' 18}}" y="{{math itemsSpec.rect.body.height '/' 2}}" font-size="16" font-weight="600" text-anchor="middle" fill="white" dy="4">{{item.mark}}</text>
+            </g>
+          </g>
+        {{/with}}
+      {{/each}}
+    </g>
+  </g>
+
+{{/layout}}

package/views/profiles/samples/FTEPT93.hbs

@@ -0,0 +1,67 @@
+{{#> layout}}
+
+  <defs>
+    <clipPath id="raw-rect">
+      <rect x="0" y="0" width="{{spec.raw.rect.width}}" height="{{spec.raw.rect.height}}" rx="{{spec.raw.rect.br}}"/>
+    </clipPath>
+    <path id="badge" d="M 0 147 C 3.55 146.98, 6.64 145.25, 9 141.5 L 34 102 L 115.5 102 C 137 102, 150 83, 150 68 L 150 -68 C 150 -82, 137 -102, 115.5 -102 L -115.5 -102 C -137 -102, -150 -82, -150 -68 L -150 68 C -150 83, -137 102, -115.5 102 L -34 102 L -9 141.5 C -6.64 145.25, -3.55 146.98, 0 147"/>
+  </defs>
+
+  <g transform="translate({{spec.profile.padding.x}}, {{spec.profile.padding.y}})">
+    <g transform="translate({{math spec.items.baseline.width '/' 2}}, {{spec.items.topPos}})">
+      <g transform="translate(-{{math spec.items.rect.body.width '/' 2}}, 0)">
+        {{#each items as | item index |}}
+          {{#with @root.spec.items as | itemsSpec |}}
+            <g transform="translate({{math (math index '-' 2) '*' itemsSpec.distanceX}}, 0)">
+              <g transform="translate(-5, 0)">
+                {{bar item.height.base itemsSpec.rect.base.width (object tl=0 tr=itemsSpec.rect.base.br br=itemsSpec.rect.base.br bl=0) (toRad -90) fill=itemsSpec.rect.base.color}}
+                <text x="-5" y="-{{math item.height.base '-' 4}}" font-size="12" font-weight="400" text-anchor="start" fill="#D4D4D8" dy="3">{{item.maxValue}}</text>
+              </g>
+              {{bar item.height.body itemsSpec.rect.body.width (object tl=0 tr=itemsSpec.rect.body.br br=itemsSpec.rect.body.br bl=0) (toRad -90) fill=item.fill}}
+              <g transform="translate({{math itemsSpec.rect.body.width '/' 2}}, 0)" fill="{{item.fill}}">
+                <text x="0" y="-{{math item.height.body '+' 13}}" font-size="16" font-weight="500" text-anchor="middle" dy="4">{{item.mark}}</text>
+                <g transform="translate(0, 20)">
+                  {{#each (wrapOnNewline item.label.fr) as | line index |}}
+                    <text x="0" y="{{math index '*' 18}}" font-size="14" font-weight="400" text-anchor="middle" dy="5">{{line}}</text>
+                  {{/each}}
+                </g>
+              </g>
+            </g>
+          {{/with}}
+        {{/each}}
+      </g>
+      <line x1="-{{math spec.items.baseline.width '/' 2}}" y1="0" x2="{{math spec.items.baseline.width '/' 2}}" y2="0" stroke="#A1A1AA" stroke-width="2"/>
+    </g>
+
+    <g transform="translate({{spec.raw.leftPos}}, {{math spec.items.topPos '+' spec.raw.offsetY}})">
+      <text x="0" y="-20" font-size="14" font-weight="400" text-anchor="end" fill="#52525B" dy="4">{{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 249" 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 @first}}
+              {{setVar "prevStopWidth" (lookup (lookup @root.raw.stops (math index '-' 1)) 'width')}}
+              {{setVar "Wm" (math (math prevStopWidth '+' stop.width) '/' 2)}}
+              {{setVar "interpret" (lookup (lookup @root.spec.raw.interprets (math index '-' 1)) 'fr')}}
+              {{setVar "isChosen" (boolean interpret '===' @root.raw.interpret.fr)}}
+              <text x="{{Wm}}" y="{{math rawSpec.label.stops.line.length '+' rawSpec.label.stops.number.offsetY}}" font-size="{{ternary isChosen 16 14}}" font-weight="{{ternary isChosen 600 400}}" text-anchor="middle" fill="{{ternary isChosen @root.raw.interpret.fill '#A1A1AA'}}" dy="3">{{interpret}}</text>
+            {{/unless}}
+          {{/with}}
+        {{/each}}
+      </g>
+    </g>
+  </g>
+
+{{/layout}}

package/views/profiles/samples/GMIT93.hbs

@@ -0,0 +1,45 @@
+{{#> 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 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="#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 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}})">
+            <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="18" font-weight="500" dy="3">{{item.label.fr}}</text>
+              <text x="{{math (math item.width '-' itemsSpec.rect.borderRadius) '-' 8}}" y="0" fill="white" text-anchor="middle" font-size="20" 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 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>
+</g>
+
+{{/layout}}

package/views/profiles/samples/HPL93.hbs

@@ -0,0 +1,36 @@
+{{#> layout}}
+
+  <g transform="translate({{spec.profile.padding.x}}, {{spec.profile.padding.y}})">
+    <g transform="translate(385, 299)">
+      <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 25 0 0 25)}}
+        {{#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)}}
+          {{!-- {{setVar "point" (polarToCartesian (math @root.spec.polygons.radius '+' @root.spec.items.labels.offset) 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/IBT93.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="16" font-weight="400" dy="5.5">{{item.label.abbr}}</text>
+            <text x="{{../spec.items.base.label.offsetX}}" y="0" fill="white" font-size="18" font-weight="500" text-anchor="end" dy="4.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="600" 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/IUS93.hbs

@@ -0,0 +1,123 @@
+{{#> layout}}
+
+  <defs>
+    {{#with spec.raw.circle}}
+      <clipPath id="raw-circle-roll">
+        {{gauge R r brs (object start=angles.start end=angles.end) false}}
+      </clipPath>
+    {{/with}}
+    {{#with spec.items.circle}}
+      <clipPath id="items-circle-roll">
+        {{gauge R r brs (object start=angles.start end=angles.end) false}}
+      </clipPath>
+    {{/with}}
+  </defs>
+
+  <g transform="translate(0, {{spec.profile.padding.y}})">
+    <g transform="translate({{math spec.profile.dimensions.width '/' 2}}, {{math (math (math (math spec.raw.circle.R '+' spec.raw.ticks.line.width) '+' spec.raw.ticks.line.offset) '+' spec.raw.ticks.number.offset) '+' 10}})">
+      <g transform="translate(-{{spec.raw.rect.offsetX}}, -{{spec.raw.circle.R}})">
+        {{#with spec.raw.rect}}
+          <path
+            d="M 0 0 h -{{math width '-' rb}} a {{rb}} {{rb}} 90 0 0 -{{rb}} {{rb}} v {{math
+              height
+              '-'
+              (math 2 '*' rb)
+            }} a {{rb}} {{rb}} 90 0 0 {{rb}} {{rb}} h {{math width '-' rb}} Z"
+            fill="{{@root.spec.raw.fill}}"
+          ></path>
+          <g transform="translate(-{{math width '/' 2}}, {{math height '/' 2}})">
+            <text x="0" y="0" text-anchor="middle" font-size="22" font-weight="600" fill="white" dy="6.5">{{@root.raw.label.title}}</text>
+          </g>
+        {{/with}}
+      </g>
+      {{#with spec.raw.circle}}
+        {{gauge R r (object tl=0 tr=0 bl=0 br=0) (object start=angles.start end=angles.end) direction clip-path="url(#raw-circle-roll)" fill="#F3F4F6"}}
+        {{gauge R r (object tl=0 tr=0 bl=0 br=0) (object start=angles.start end=@root.raw.zeta) direction clip-path="url(#raw-circle-roll)" fill=@root.spec.raw.fill fill-opacity=@root.raw.opacity}}
+      {{/with}}
+      <text x="0" y="0" text-anchor="middle" font-size="32" font-weight="700" fill="{{spec.raw.fill}}" dy="10">{{raw.mark}}</text>
+      {{#each raw.ticks as |tick|}}
+        {{setVar "r2" (math (math @root.spec.raw.circle.R "+" @root.spec.raw.ticks.line.offset) "+" @root.spec.raw.ticks.line.width)}}
+        {{setVar "r1" (math @root.spec.raw.circle.R "+" @root.spec.raw.ticks.line.offset)}}
+        {{setVar "p1" (polarToCartesian r1 tick.angle)}}
+        {{setVar "p2" (polarToCartesian r2 tick.angle)}}
+        <line
+          x1="{{p1.x}}"
+          y1="{{p1.y}}"
+          x2="{{p2.x}}"
+          y2="{{p2.y}}"
+          stroke="#F4F4F5"
+          stroke-dasharray="2.5 4.5"
+          stroke-linecap="round"
+          stroke-width="2"
+        ></line>
+        {{setVar "p" (polarToCartesian (math r2 '+' @root.spec.raw.ticks.number.offset) tick.angle)}}
+        <text
+          x="{{p.x}}"
+          y="{{p.y}}"
+          text-anchor="{{ternary (boolean (boolean tick.angle '===' (toRad -90)) '||' (boolean tick.angle '===' (toRad 90))) 'middle' (ternary (boolean tick.angle '>' (toRad 90)) 'start' 'end')}}"
+          font-size="16"
+          fill="#D4D4D8"
+          dy="5"
+        >{{tick.number}}</text>
+      {{/each}}
+
+      <g transform="translate(0, {{math (math spec.raw.circle.R '+' spec.items.offsetY) '+' spec.items.circle.R}})">
+        {{#each items as |item index|}}
+          <g transform="translate({{math (math (math -2 '*' index) '+' 1) '*' (math @root.spec.items.distanceX '/' 2)}}, 0)">
+            <g transform="translate(-{{@root.spec.items.rect.offsetX}}, -{{@root.spec.items.circle.R}})">
+              {{#with @root.spec.items.rect}}
+                <path
+                  d="M 0 0 h -{{math width '-' rb}} a {{rb}} {{rb}} 90 0 0 -{{rb}} {{rb}} v {{math
+                    height
+                    '-'
+                    (math 2 '*' rb)
+                  }} a {{rb}} {{rb}} 90 0 0 {{rb}} {{rb}} h {{math width '-' rb}} Z"
+                  fill="{{item.fill}}"
+                ></path>
+                <g transform="translate(-{{math width '/' 2}}, {{math height '/' 2}})">
+                  <text x="0" y="0" text-anchor="middle" font-size="18" font-weight="500" fill="white" dy="5">{{item.label.title}}</text>
+                </g>
+              {{/with}}
+            </g>
+            {{#with @root.spec.items.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="#F3F4F6"}}
+              {{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="24" font-weight="500" fill="{{item.fill}}" dy="8">{{item.mark}}</text>
+            {{#each item.ticks as |tick|}}
+              {{setVar "r2" (math (math @root.spec.items.circle.R "+" @root.spec.items.ticks.line.offset) "+" @root.spec.items.ticks.line.width)}}
+              {{setVar "r1" (math @root.spec.items.circle.R "+" @root.spec.items.ticks.line.offset)}}
+              {{setVar "p1" (polarToCartesian r1 tick.angle)}}
+              {{setVar "p2" (polarToCartesian r2 tick.angle)}}
+              <line
+                x1="{{p1.x}}"
+                y1="{{p1.y}}"
+                x2="{{p2.x}}"
+                y2="{{p2.y}}"
+                stroke="#F4F4F5"
+                stroke-dasharray="2.5 4.5"
+                stroke-linecap="round"
+                stroke-width="2"
+              ></line>
+              {{setVar "p" (polarToCartesian (math r2 '+' @root.spec.items.ticks.number.offset) tick.angle)}}
+              <text
+                x="{{p.x}}"
+                y="{{p.y}}"
+                text-anchor="{{ternary (boolean (boolean tick.angle '===' (toRad -90)) '||' (boolean tick.angle '===' (toRad 90))) 'middle' (ternary (boolean tick.angle '>' (toRad 90)) 'start' 'end')}}"
+                font-size="16"
+                fill="#D4D4D8"
+                dy="5"
+              >{{tick.number}}</text>
+            {{/each}}
+            <g transform="translate(0, {{math @root.spec.items.circle.R '+' @root.spec.items.label.offsetY}})">
+              {{#each (lineWrap item.label.desc 28) as | line index |}}
+                <text x="0" y="{{math index '*' @root.spec.items.label.lineHeight}}" text-anchor="middle" font-size="16" dy="5" fill="#71717A">{{line}}</text>
+              {{/each}}
+            </g>
+          </g>
+        {{/each}}
+      </g>
+    </g>
+  </g>
+
+{{/layout}}

package/views/profiles/samples/JCSI93.hbs

@@ -0,0 +1,65 @@
+{{#> layout}}
+
+  <defs>
+    <path id="badge" d="M 0 153.25 C 3 153.25, 7.5 150.25, 9 148.25 L 38 101.75 L 67 101.75 C 110 101.75, 149.5 62.25, 149.5 22.25 L 149.5 -22.75 C 149.5 -63.75, 110 -101.75, 70 -101.75 L -70 -101.75 C -110 -101.75, -149.5 -63.75, -149.5 -22.75 L -149.5 22.25 C -149.5 62.25, -110 101.75, -67 101.75 L -38 101.75 L -9 148.25 C -7.5 150.25, -3 153.25, 0 153.25"/>
+  </defs>
+
+  <g transform="translate({{spec.profile.padding.x}}, {{spec.profile.padding.y}})">
+    <g transform="translate({{math spec.items.baseline.width '/' 2}}, {{spec.items.topPos}})">
+      {{#each items as | item index |}}
+        {{#with @root.spec.items as | itemsSpec |}}
+          <g transform="translate({{math (math index '-' 2) '*' itemsSpec.distanceX}}, 0)">
+            <g transform="translate(-{{math itemsSpec.rect.base.width '/' 2}}, 0)">
+              {{bar item.height.base itemsSpec.rect.base.width (object tl=0 tr=itemsSpec.rect.base.br br=itemsSpec.rect.base.br bl=0) (toRad -90) fill=itemsSpec.rect.base.color}}
+            </g>
+            <text x="0" y="-{{math item.height.base '+' 12}}" font-size="12" font-weight="400" text-anchor="middle" fill="#D4D4D8" dy="3">{{item.maxValue}}</text>
+            <g fill="{{item.fill}}">
+              <g transform="translate(-{{math itemsSpec.rect.body.width '/' 2}}, 0)">
+                {{#forLoop 0 item.mark 1}}
+                  <rect x="0" y="-{{math (math i '+' 1) '*' itemsSpec.rect.body.distanceY}}" width="{{itemsSpec.rect.body.width}}" height="{{itemsSpec.rect.body.height}}" rx="{{itemsSpec.rect.body.br}}"/>
+                {{/forLoop}}
+              </g>
+              <text x="{{math (math itemsSpec.rect.body.width '/' 2) '+' 16}}" y="-{{math item.mark '*' itemsSpec.rect.body.distanceY}}" font-size="16" font-weight="500" text-anchor="middle" dy="4">{{item.mark}}</text>
+              <text x="0" y="20" font-size="14" font-weight="400" text-anchor="middle" dy="5">{{item.label.fr}}</text>
+            </g>
+          </g>
+        {{/with}}
+      {{/each}}
+      <line x1="-{{math spec.items.baseline.width '/' 2}}" y1="0" x2="{{math spec.items.baseline.width '/' 2}}" y2="0" stroke="#A1A1AA" stroke-width="2"/>
+    </g>
+
+    <g transform="translate(0, {{math spec.items.topPos '+' spec.raw.offsetY}})">
+      <text x="0" y="-20" font-size="14" font-weight="400" text-anchor="end" fill="#52525B" dy="4">{{raw.label.fr}}</text>
+      <rect x="0" y="{{math (math spec.raw.rect.body.height '-' spec.raw.rect.base.height) '/' 2}}" width="{{spec.raw.rect.base.width}}" height="{{spec.raw.rect.base.height}}" rx="{{spec.raw.rect.base.br}}" fill="#F4F4F5"/>
+      <rect x="0" y="0" width="{{raw.width}}" height="{{spec.raw.rect.body.height}}" rx="{{spec.raw.rect.body.br}}" fill="{{raw.interpret.fill}}"/>
+      <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 299 255" 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 transform="translate(0, {{math spec.raw.rect.body.height '+' 6}})">
+        {{#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="2" 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 @first}}
+              {{setVar "prevStopWidth" (lookup (lookup @root.raw.stops (math index '-' 1)) 'width')}}
+              {{setVar "Wm" (math (math prevStopWidth '+' stop.width) '/' 2)}}
+              {{setVar "interpret" (lookup (lookup @root.spec.raw.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}})" fill="{{ternary isChosen @root.raw.interpret.fill '#A1A1AA'}}">
+                <text x="0" y="-8" font-size="10" font-weight="400" text-anchor="middle">مهارت‌های ارتباطی</text>
+                <text x="0" y="8" font-size="{{ternary isChosen 16 14}}" font-weight="{{ternary isChosen 600 400}}" text-anchor="middle" dy="3">{{interpret}}</text>
+              </g>
+            {{/unless}}
+          {{/with}}
+        {{/each}}
+      </g>
+    </g>
+  </g>
+
+{{/layout}}