@baravak/risloo-profile-cli 3.1.0

package/views/profiles/samples/CERQ93.hbs

@@ -0,0 +1,115 @@
+{{#> 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({{math spec.items.offsetX '+' spec.items.label.rect.width}}, 0)">
+    {{setVar "tickTotalHeight" (math (math (math (math 2 '*' 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="rotate(-90) translate(-{{spec.items.totalHeights.[0]}}, 0)">
+      <rect x="0" y="0" width="{{spec.items.totalHeights.[0]}}" height="{{spec.items.label.rect.width}}" fill="{{spec.items.label.colors.[0]}}" rx="{{spec.items.label.rect.borderRadius}}"/>
+      <text x="{{math spec.items.totalHeights.[0] '/' 2}}" y="{{math spec.items.label.rect.width '/' 2}}" text-anchor="middle" font-size="18" font-weight="500" fill="white" dy="5">{{raw.[0].label.fr}}</text>
+    </g>
+    <g transform="translate({{math spec.items.offsetX '+' spec.items.label.rect.width}}, 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="18" font-weight="400" dy="3">{{item.label.fr}}</text>
+             <text x="{{math item.width '-' itemsSpec.rect.borderRadius}}" 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.totalHeights.[0] '+' 2}}" fill="#FFFFFF" rx="1"/>
+        <rect x="1" y="0" width="5" height="{{math spec.items.totalHeights.[0] '+' 2}}" fill="url('#horizontal-shadow')" fill-opacity="0.2"/>
+      </g>
+    </g>
+
+    {{setVar "rawLeftPos" (math (math (math spec.items.label.rect.width '+' 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.maxValues.[0]) '-' 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.maxValues.[0]) '-' spec.raw.rect.borderRadius}} z" fill="#F4F4F5"/>
+      <path d="M 0 0 v -{{math raw.[0].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.[0].height '-' spec.raw.rect.borderRadius}} z" fill="#52525B"/>
+      <text x="{{spec.raw.rect.borderRadius}}" y="-{{math raw.[0].height '-' spec.raw.rect.borderRadius}}" text-anchor="middle" font-size="20" font-weight="700" fill="white" dy="6" transform="translate(0, 10)">{{raw.[0].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.[0] 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="rotate(-90) translate(-{{spec.items.totalHeights.[1]}}, 0)">
+      <rect x="0" y="0" width="{{spec.items.totalHeights.[1]}}" height="{{spec.items.label.rect.width}}" fill="{{spec.items.label.colors.[1]}}" rx="{{spec.items.label.rect.borderRadius}}"/>
+      <text x="{{math spec.items.totalHeights.[1] '/' 2}}" y="{{math spec.items.label.rect.width '/' 2}}" text-anchor="middle" font-size="18" font-weight="500" fill="white" dy="5">{{raw.[1].label.fr}}</text>
+    </g>
+    <g transform="translate({{math spec.items.offsetX '+' spec.items.label.rect.width}}, 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="18" font-weight="400" dy="3">{{item.label.fr}}</text>
+             <text x="{{math item.width '-' itemsSpec.rect.borderRadius}}" 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.totalHeights.[1] '+' 2}}" fill="#FFFFFF" rx="1"/>
+        <rect x="1" y="0" width="5" height="{{math spec.items.totalHeights.[1] '+' 2}}" fill="url('#horizontal-shadow')" fill-opacity="0.2"/>
+      </g>
+    </g>
+
+    <g transform="translate({{rawLeftPos}}, {{spec.items.totalHeights.[1]}})">
+      <path d="M 0 0 v -{{math (math spec.raw.heightCoeff '*' spec.raw.maxValues.[1]) '-' 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.maxValues.[1]) '-' spec.raw.rect.borderRadius}} z" fill="#F4F4F5"/>
+      <path d="M 0 0 v -{{math raw.[1].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.[1].height '-' spec.raw.rect.borderRadius}} z" fill="#52525B"/>
+      <text x="{{spec.raw.rect.borderRadius}}" y="-{{math raw.[1].height '-' spec.raw.rect.borderRadius}}" text-anchor="middle" font-size="20" font-weight="700" fill="white" transform="translate(0, 10)" dy="6">{{raw.[1].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.[1] 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>
+
+{{/layout}}

package/views/profiles/samples/CRAAS93.hbs

@@ -0,0 +1,88 @@
+{{#> layout}}
+
+<g transform="translate({{spec.profile.padding.x}}, {{spec.profile.padding.y}})">
+  <g transform="translate(525, 526)">
+    <g fill="none" stroke="#E1EDF2">
+      {{assignGlobal "radius" spec.polygons.radius}}
+      {{assignGlobal "dist" (math (math spec.polygons.radius '-' spec.polygons.centerOffset) '/' spec.items.maxValue)}}
+      {{#with spec.polygons as | polygonsSpec |}}
+        {{#forLoop 0 (math @root.spec.items.maxValue '+' 1) 1}}
+          {{polygon polygonsSpec.n @root.radius polygonsSpec.startAngle}}
+          {{assignGlobal "radius" (math @root.radius '-' @root.dist)}}
+        {{/forLoop}}
+      {{/with}}
+    </g>
+    <g fill="none" stroke="#111827" stroke-width="4">
+      {{polygon spec.polygons.n (getArrOfProp items 'radius') spec.polygons.startAngle}}
+    </g>
+    <g fill="white">
+      {{#each items as |item index|}}
+        {{setVar "point" (polarToCartesian item.radius item.angle)}}
+        <g transform="translate({{point.x}}, {{point.y}})">
+          <circle
+          cx="0"
+          cy="0"
+          r="{{@root.spec.items.dataPoints.radius}}"
+          stroke="{{item.fill}}"
+          stroke-width="2" />
+          <text
+          x="0"
+          y="0"
+          font-size="16"
+          font-weight="600"
+          text-anchor="middle"
+          dy="5"
+          fill="{{item.fill}}">
+          {{item.mark}}
+          </text>
+        </g>
+      {{/each}}
+    </g>
+    <g fill="#4B5563" font-size="16" dy="5">
+      {{#each items as |item index|}}
+        {{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-weight="600"
+          text-anchor="middle">
+          {{item.label.name}}
+          </text>
+          <text
+          x="0"
+          y="0"
+          transform="translate(0, +{{@root.spec.items.labels.paddingY}})"
+          text-anchor="middle">
+          ({{item.label.type}})
+          </text>
+        </g>
+      {{/each}}
+    </g>
+    <g>
+      {{#each ticks as |tick index|}}
+        {{setVar "point" (displacePoint (polarToCartesian tick.radius tick.angle) tick.disVector tick.disValue)}}
+        <g transform="translate({{point.x}}, {{point.y}})">
+          <rect
+          x="0"
+          y="0"
+          width="{{@root.spec.items.ticks.rectDim}}"
+          height="{{@root.spec.items.ticks.rectDim}}"
+          transform="translate(-{{math @root.spec.items.ticks.rectDim '/' 2}},-{{math @root.spec.items.ticks.rectDim '/' 2}})"
+          fill="white" />
+          <text
+          x="0"
+          y="0"
+          font-size="12"
+          text-anchor="middle"
+          dy="3"
+          fill="#9CA3AF">
+          {{tick.number}}
+          </text>
+        </g>
+      {{/each}}
+    </g>
+  </g>
+</g>
+{{/layout}}

package/views/profiles/samples/CSI93_1.hbs

@@ -0,0 +1,110 @@
+{{#> layout}}
+
+  <defs>
+    <clipPath id="item-bar">
+      {{#with spec.items.rect.itemBar}}
+        <rect x="0" y="0" width="{{width}}" height="{{height}}" rx="{{br}}"/>
+      {{/with}}
+    </clipPath>
+  </defs>
+
+  <g transform="translate(0, {{spec.profile.padding.y}})">
+    <g transform="translate({{math spec.profile.dimensions.width '-' spec.profile.padding.x}}, 0)">
+
+      <g transform="translate(0, 0)" font-size="12" font-weight="500" fill="#A1A1AA" text-anchor="start">
+        <g transform="translate(0, {{math 34 '/' 2}})">
+          <g transform="translate(-{{spec.items.rightPosArr.[0]}}, 0)">
+            <text x="0" y="0" dy="3">گروه</text>
+          </g>
+          <g transform="translate(-{{spec.items.rightPosArr.[1]}}, 0)">
+            <text x="0" y="0" dy="3">نوع اختلال / بیماری</text>
+          </g>
+          <g transform="translate(-{{spec.items.rightPosArr.[2]}}, 0)">
+            <text x="0" y="0" dy="3">گروه‌های دیگر بیماری که امکان وجود آن‌ها باید بررسی و حذف شود</text>
+          </g>
+          <g transform="translate(-{{spec.items.rightPosArr.[3]}}, 0)">
+            <text x="0" y="0" dy="3">نمره</text>
+          </g>
+        </g>
+      </g>
+
+      {{setVar "topPos" (math spec.items.rect.distanceY '+' 4)}}
+
+      {{#each itemsGroups.[0] as | item itemIndex |}}
+        {{#with @root.spec.items as | itemsSpec |}}
+          {{#unless @first}}
+            <g transform="translate(0, {{@root.topPos}})" font-size="12" font-weight="400" fill="#3F3F46" text-anchor="start">
+              <rect x="0" y="0" width="{{itemsSpec.rect.width}}" height="{{itemsSpec.rect.height}}" rx="{{itemsSpec.rect.br}}" fill="{{lookup itemsSpec.rect.colors (modulo (math itemIndex '-' 1) 2)}}" transform="scale(-1, 1)"/>
+              <g transform="translate(0, {{math itemsSpec.rect.height '*' 0.5}})">
+                <g transform="translate(-{{itemsSpec.rightPosArr.[0]}}, 0)">
+                  <text x="0" y="0" dy="2.5" class="eng-font" font-family="Dana">{{ternary (boolean itemIndex '===' 1) 'A الف' 'A'}}</text>
+                </g>
+                <g transform="translate(-{{itemsSpec.rightPosArr.[1]}}, 0)">
+                  <text x="0" y="0" dy="2.5">{{ternary (boolean itemIndex '===' 1) 'بیش‌ فعالی / اختلال توجه نوع بیش جنب بدون تأمل' 'بیش‌ فعالی / اختلال توجه نوع فاقد تمرکز حواس'}}</text>
+                </g>
+                <g transform="translate(-{{itemsSpec.rightPosArr.[2]}}, 0)">
+                  <text x="0" y="0" dy="2.5" class="eng-font" font-family="Dana">{{join item.relatedGroups ' , '}}</text>
+                </g>
+                <g transform="translate(-{{itemsSpec.rightPosArr.[3]}}, 0)">
+                  <text x="0" y="0" dy="2.5">{{item.mark}}</text>
+                </g>
+                <g transform="translate(-{{itemsSpec.rightPosArr.[4]}}, 0)" font-size="10" fill="#A1A1AA" text-anchor="end">
+                  <text x="0" y="0" dy="2.5">{{itemsSpec.minValue}}</text>
+                  <g transform="translate(10, -{{math itemsSpec.rect.itemBar.height '/' 2}})">
+                    <rect x="0" y="0" width="{{itemsSpec.rect.itemBar.width}}" height="{{itemsSpec.rect.itemBar.height}}" fill="{{itemsSpec.rect.itemBar.defaultFill}}" clip-path="url(#item-bar)"/>
+                    <rect x="0" y="0" width="{{item.width}}" height="{{itemsSpec.rect.itemBar.height}}" fill="{{itemsSpec.rect.itemBar.fill}}" clip-path="url(#item-bar)"/>
+                  </g>
+                  <text x="90" y="0" dy="2.5">{{lookup itemsSpec.maxValues item.label.eng}}</text>
+                </g>
+              </g>
+            </g>
+            {{assignGlobal "topPos" (math (math @root.topPos '+' itemsSpec.rect.height) '+' itemsSpec.rect.offsetY)}}
+          {{/unless}}
+        {{/with}}
+      {{/each}}
+
+      {{#each itemsGroups as | items itemsIndex |}}
+        {{#with @root.spec.items as | itemsSpec |}}
+          <g transform="translate(0, {{@root.topPos}})" font-size="12" font-weight="400" fill="#3F3F46" text-anchor="start">
+            <rect x="0" y="0" width="{{itemsSpec.rect.width}}" height="{{math itemsSpec.rect.height '*' items.length}}" rx="{{itemsSpec.rect.br}}" fill="{{lookup itemsSpec.rect.colors (modulo itemsIndex 2)}}" transform="scale(-1, 1)"/>
+            {{#each items as | item itemIndex |}}
+              <g transform="translate(0, {{math itemsSpec.rect.height '*' (math itemIndex '+' 0.5)}})">
+                <g transform="translate(-{{itemsSpec.rightPosArr.[1]}}, 0)">
+                  <text x="0" y="0" dy="2.5" xml:space="preserve">{{ternary @first item.label.fr (prepend item.label.fr "   - ")}}</text>
+                </g>
+                {{#if @first}}
+                  <g transform="translate(-{{itemsSpec.rightPosArr.[0]}}, 0)">
+                    <text x="0" y="0" dy="2.5" class="eng-font" font-family="Dana">{{lookup (split item.label.group "_") 0}}</text>
+                  </g>
+                  <g transform="translate(-{{itemsSpec.rightPosArr.[2]}}, 0)">
+                    <text x="0" y="0" dy="2.5" class="eng-font" font-family="Dana">{{join item.relatedGroups ' , '}}</text>
+                  </g>
+                {{/if}}
+                <g transform="translate(-{{itemsSpec.rightPosArr.[3]}}, 0)">
+                  <text x="0" y="0" dy="2.5">{{item.mark}}</text>
+                </g>
+                <g transform="translate(-{{itemsSpec.rightPosArr.[4]}}, 0)" font-size="10" fill="#A1A1AA" text-anchor="end">
+                  <text x="0" y="0" dy="2.5">{{itemsSpec.minValue}}</text>
+                  <g transform="translate(10, -{{math itemsSpec.rect.itemBar.height '/' 2}})">
+                    <rect x="0" y="0" width="{{itemsSpec.rect.itemBar.width}}" height="{{itemsSpec.rect.itemBar.height}}" fill="{{itemsSpec.rect.itemBar.defaultFill}}" clip-path="url(#item-bar)"/>
+                    <rect x="0" y="0" width="{{item.width}}" height="{{itemsSpec.rect.itemBar.height}}" fill="{{itemsSpec.rect.itemBar.fill}}" clip-path="url(#item-bar)"/>
+                  </g>
+                  <text x="90" y="0" dy="2.5">{{lookup itemsSpec.maxValues item.label.eng}}</text>
+                </g>
+              </g>
+            {{/each}}
+          </g>
+          {{assignGlobal "topPos" (math (math @root.topPos '+' (math itemsSpec.rect.height '*' items.length)) '+' itemsSpec.rect.offsetY)}}
+        {{/with}}
+      {{/each}}
+
+      {{#if (boolean variant '!==' 'raw')}}
+        <g transform="translate(-{{math spec.profile.dimensions.width '-' 65}}, {{math topPos '+' 25}})">
+          <text x="0" y="0" font-size="12" font-weight="400" fill="#71717A" text-anchor="start" dy="3">صفحه 1 از 2</text>
+        </g>
+      {{/if}}
+
+    </g>
+  </g>
+
+{{/layout}}

package/views/profiles/samples/CSI93_2.hbs

@@ -0,0 +1,76 @@
+{{#> layout}}
+
+  <defs>
+    <clipPath id="item-bar">
+      {{#with spec.items.rect.itemBar}}
+        <rect x="0" y="0" width="{{width}}" height="{{height}}" rx="{{br}}"/>
+      {{/with}}
+    </clipPath>
+  </defs>
+
+  <g transform="translate(0, {{spec.profile.padding.y}})">
+    <g transform="translate({{math spec.profile.dimensions.width '-' spec.profile.padding.x}}, 0)">
+
+      <g transform="translate(0, 0)" font-size="12" font-weight="500" fill="#A1A1AA" text-anchor="start">
+        <g transform="translate(0, {{math 34 '/' 2}})">
+          <g transform="translate(-{{spec.items.rightPosArr.[0]}}, 0)">
+            <text x="0" y="0" dy="3">گروه</text>
+          </g>
+          <g transform="translate(-{{spec.items.rightPosArr.[1]}}, 0)">
+            <text x="0" y="0" dy="3">نوع اختلال / بیماری</text>
+          </g>
+          <g transform="translate(-{{spec.items.rightPosArr.[2]}}, 0)">
+            <text x="0" y="0" dy="3">گروه‌های دیگر بیماری که امکان وجود آن‌ها باید بررسی و حذف شود</text>
+          </g>
+          <g transform="translate(-{{spec.items.rightPosArr.[3]}}, 0)">
+            <text x="0" y="0" dy="3">نمره</text>
+          </g>
+        </g>
+      </g>
+
+      {{setVar "topPos" (math spec.items.rect.distanceY '+' 4)}}
+      {{#each itemsGroups as | items itemsIndex |}}
+        {{#with @root.spec.items as | itemsSpec |}}
+          <g transform="translate(0, {{@root.topPos}})" font-size="12" font-weight="400" fill="#3F3F46" text-anchor="start">
+            <rect x="0" y="0" width="{{itemsSpec.rect.width}}" height="{{math itemsSpec.rect.height '*' items.length}}" rx="{{itemsSpec.rect.br}}" fill="{{lookup itemsSpec.rect.colors (modulo itemsIndex 2)}}" transform="scale(-1, 1)"/>
+            {{#each items as | item itemIndex |}}
+              <g transform="translate(0, {{math itemsSpec.rect.height '*' (math itemIndex '+' 0.5)}})">
+                <g transform="translate(-{{itemsSpec.rightPosArr.[1]}}, 0)">
+                  <text x="0" y="0" dy="2.5" xml:space="preserve">{{ternary @first item.label.fr (prepend item.label.fr "   - ")}}</text>
+                </g>
+                {{#if @first}}
+                  <g transform="translate(-{{itemsSpec.rightPosArr.[0]}}, 0)">
+                    <text x="0" y="0" dy="2.5" class="eng-font" font-family="Dana">{{lookup (split item.label.group "_") 0}}</text>
+                  </g>
+                  <g transform="translate(-{{itemsSpec.rightPosArr.[2]}}, 0)">
+                    <text x="0" y="0" dy="2.5" class="eng-font" font-family="Dana">{{join item.relatedGroups ' , '}}</text>
+                  </g>
+                {{/if}}
+                <g transform="translate(-{{itemsSpec.rightPosArr.[3]}}, 0)">
+                  <text x="0" y="0" dy="2.5">{{item.mark}}</text>
+                </g>
+                <g transform="translate(-{{itemsSpec.rightPosArr.[4]}}, 0)" font-size="10" fill="#A1A1AA" text-anchor="end">
+                  <text x="0" y="0" dy="2.5">{{itemsSpec.minValue}}</text>
+                  <g transform="translate(10, -{{math itemsSpec.rect.itemBar.height '/' 2}})">
+                    <rect x="0" y="0" width="{{itemsSpec.rect.itemBar.width}}" height="{{itemsSpec.rect.itemBar.height}}" fill="{{itemsSpec.rect.itemBar.defaultFill}}" clip-path="url(#item-bar)"/>
+                    <rect x="0" y="0" width="{{item.width}}" height="{{itemsSpec.rect.itemBar.height}}" fill="{{itemsSpec.rect.itemBar.fill}}" clip-path="url(#item-bar)"/>
+                  </g>
+                  <text x="90" y="0" dy="2.5">{{lookup itemsSpec.maxValues item.label.eng}}</text>
+                </g>
+              </g>
+            {{/each}}
+          </g>
+          {{assignGlobal "topPos" (math (math @root.topPos '+' (math itemsSpec.rect.height '*' items.length)) '+' itemsSpec.rect.offsetY)}}
+        {{/with}}
+      {{/each}}
+
+      {{#if (boolean variant '!==' 'raw')}}
+        <g transform="translate(-{{math spec.profile.dimensions.width '-' 65}}, {{math topPos '+' 25}})">
+          <text x="0" y="0" font-size="12" font-weight="400" fill="#71717A" text-anchor="start" dy="3">صفحه 2 از 2</text>
+        </g>
+      {{/if}}
+
+    </g>
+  </g>
+
+{{/layout}}

package/views/profiles/samples/DSWLS93.hbs

@@ -0,0 +1,26 @@
+{{#> 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}}
+  </defs>
+
+  <g transform="translate({{spec.profile.padding.x}}, {{spec.profile.padding.y}})">
+    <g transform="translate({{spec.raw.circle.R}}, {{spec.raw.circle.R}})">
+      {{#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="#F4F4F5" stroke="#E4E4E7"}}
+        {{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="42" font-weight="600" fill="{{spec.raw.fill}}" dy="12">{{raw.mark}}</text>
+      {{#each raw.ticks as | tick |}}
+        {{setVar "rm" (math (math @root.spec.raw.circle.R '+' @root.spec.raw.circle.r) '/' 2)}}
+        {{setVar "p" (polarToCartesian rm tick.angle)}}
+        <text x="{{p.x}}" y="{{p.y}}" font-size="18" font-weight="500" fill="#D4D4D8" text-anchor="middle" dy="5" transform="translate(-{{ternary @first @root.spec.raw.ticks.number.offset 0}}, -{{ternary @last @root.spec.raw.ticks.number.offset 0}})">{{tick.number}}</text>
+      {{/each}}
+    </g>
+  </g>
+
+{{/layout}}

package/views/profiles/samples/EMSS93.hbs

@@ -0,0 +1,101 @@
+{{#> layout}}
+
+  <defs>
+    <path id="badge" d="M149.75 125.5L149.75 0V-125.5C149.75 -136.5 137.75 -150 126.25 -150L-127.75 -150C-135.75 -150 -149.75 -139 -149.75 -126.5V-46C-149.75 -46 -171.25 -14 -173.25 -11C-175.25 -8 -178.25 -7 -180.25 -7H-242.25C-245.25 -7 -247.75 -3.5 -247.75 0C-247.75 3.5 -245.25 7 -242.25 7H-180.25C-178.25 7 -175.25 8 -173.25 11C-171.25 14 -149.75 46 -149.75 46V126.5C-149.75 139 -135.75 150 -127.75 150H126.25C137.75 150 149.75 136.5 149.75 125.5Z"/>
+  </defs>
+
+  <g transform="translate({{spec.profile.padding.x}}, {{spec.profile.padding.y}})">
+    <g transform="translate(48, 16)">
+      <g transform="translate(0, 546.5)">
+        <text x="-5" y="0" font-size="14" font-weight="400" fill="#52525B" text-anchor="start" dy="-2">{{raw.label.fr}}</text>
+
+        {{#each spec.raw.stops as | stopMark stopMarkIndex |}}
+          {{#with @root.spec.raw as | rawSpec |}}
+            {{#unless @first}}
+              {{setVar "previousStopMark" (ternary (boolean stopMarkIndex '!==' 1) (lookup rawSpec.stops (math stopMarkIndex '-' 1)) 0)}}
+              {{setVar 'diffHeight' (math (math stopMark '-' previousStopMark) '*' rawSpec.heightCoeff)}}
+              {{setVar 'fill' (lookup (lookup @root.spec.items.interprets (math stopMarkIndex '-' 1)) 'fill')}}
+
+              {{setVar "halt" false}}
+              {{setVar "toDiffHeight" diffHeight}}
+              {{#if (boolean @root.raw.tScore '<=' stopMark)}}
+                {{setVar "toDiffHeight" (math (math @root.raw.tScore '-' previousStopMark) '*' rawSpec.heightCoeff)}}
+                {{#if (boolean @root.raw.tScore '<=' previousStopMark)}}
+                  {{setVar "halt" true}}
+                {{/if}}
+              {{/if}}
+
+              <g transform="translate(0, -{{math previousStopMark '*' rawSpec.heightCoeff}})">
+                {{bar diffHeight rawSpec.rect.width (ternary @last rawSpec.rect.brs (object tl=0 tr=0 bl=0 br=0)) (toRad -90) fill=fill fill-opacity=rawSpec.rect.opacity.default}}
+                {{#unless halt}}
+                  {{bar toDiffHeight rawSpec.rect.width (ternary @last rawSpec.rect.brs (object tl=0 tr=0 bl=0 br=0)) (toRad -90) fill=fill fill-opacity=rawSpec.rect.opacity.chosen}}
+                {{/unless}}
+              </g>
+            {{/unless}}
+            <g transform="translate(-5, -{{math stopMark '*' rawSpec.heightCoeff}})">
+              <line x1="0" y1="0" x2="-10" y2="0" stroke="#D4D4D8" stroke-dasharray="3"/>
+              <text x="-20" y="0" font-size="10" font-weight="400" fill="#A1A1AA" text-anchor="middle" dy="2">{{stopMark}}</text>
+            </g>
+          {{/with}}
+        {{/each}}
+
+        <g transform="translate({{math 30 '+' 39.5}}, -{{math raw.tScore '*' spec.raw.heightCoeff}})">
+          <svg width="{{spec.raw.label.shape.width}}" height="{{spec.raw.label.shape.height}}" x="0" y="0" viewBox="0 0 397.5 300" overflow="visible">
+            <use href="#badge" fill="{{raw.fill}}" fill-opacity="{{spec.raw.rect.opacity.chosen}}"/>
+          </svg>
+          <text x="0" y="-7" font-size="20" font-weight="600" fill="white" text-anchor="middle" dy="6">{{raw.tScore}}</text>
+          <text x="0" y="+11" font-size="10" font-weight="400" fill="white" text-anchor="middle" dy="2">({{raw.mark}})</text>
+        </g>
+
+        <g transform="translate(586, 86)">
+          {{assignGlobal 'distanceXArr' (array 0 104 192 331 416)}}
+          {{#each spec.items.interprets as | interpret index |}}
+            <g transform="translate(-{{lookup @root.distanceXArr index}}, 0)">
+              <rect x="0" y="0" width="8" height="8" fill="{{interpret.fill}}"/>
+              <text x="-5" y="{{math 8 '/' 2}}" font-size="12" font-weight="400" fill="#71717A" text-anchor="start" dy="3">{{interpret.fr}}</text>
+            </g>
+          {{/each}}
+        </g>
+      </g>
+      <g transform="translate(441.5, 275)">
+        <g fill="none" stroke="#E4E4E7">
+          {{#each spec.circles.radiuses as | radius |}}
+            <circle cx="0" cy="0" r="{{radius}}"/>
+          {{/each}}
+          
+          <g transform="rotate({{toDeg (math spec.circles.theta '/' 2)}})">
+            {{#forLoop 0 spec.circles.n 1}}
+              {{setVar "angle" (math @root.spec.circles.startAngle '-' (math i '*' @root.spec.circles.theta))}}
+              {{setVar "p1" (polarToCartesian (first @root.spec.circles.radiuses) angle)}}
+              {{setVar "p2" (polarToCartesian (last @root.spec.circles.radiuses) angle)}}
+              <line x1="{{p1.x}}" y1="{{p1.y}}" x2="{{p2.x}}" y2="{{p2.y}}"/>
+            {{/forLoop}}
+          </g>
+        </g>
+
+        {{assignGlobal "markOffset" (array 0 0 0 -5 -10 -12 -10 -5 0)}}
+        {{assignGlobal "angleOffset" (array (toRad -2) (toRad 2) (toRad 4) (toRad 5) (toRad 4) (toRad 0) (toRad -4) (toRad -5) (toRad -4))}}
+        {{#each items as | item index |}}
+          {{#with @root.spec.items.circle as | circleSpec |}}
+            {{gauge item.radius circleSpec.r circleSpec.brs (object start=(math item.angle '-' (math circleSpec.totalAngle '/' 2)) end=(math item.angle '+' (math circleSpec.totalAngle '/' 2))) circleSpec.direction fill=item.fill fill-opacity=circleSpec.opacity}}
+
+            {{setVar "p3" (polarToCartesian (math (math item.radius '+' -15) '+' (lookup @root.markOffset index)) (math item.angle '+' (ternary (boolean item.tScore '===' 1) (lookup @root.angleOffset index) 0)))}}
+            {{setVar "p4" (polarToCartesian (math (last @root.spec.circles.radiuses) '+' 20) item.angle)}}
+
+            <g transform="translate({{p3.x}}, {{p3.y}})" fill="white" text-anchor="middle">
+              <text x="0" y="0" font-size="16" font-weight="600" dy="5">{{item.tScore}}</text>
+              <text x="0" y="15" font-size="10" font-weight="400" dy="2">({{item.mark}})</text>
+            </g>
+            {{setVar "normalizedAngle" (normalizeAngle item.angle)}}
+            {{setVar "betMinus180And0" (boolean (boolean normalizedAngle '>' (toRad -180)) '&&' (boolean normalizedAngle '<' (toRad 0)))}}
+            <g transform="translate({{p4.x}}, {{p4.y}}) rotate({{math (ternary betMinus180And0 90 -90) '+' (toDeg item.angle)}})">
+              <text x="0" y="0" font-size="14" font-weight="400" fill="#71717A" text-anchor="middle" dy="{{ternary betMinus180And0 0 5}}">{{item.label.fr}}</text>
+            </g>
+          {{/with}}
+        {{/each}}
+
+      </g>
+    </g>
+  </g>
+
+{{/layout}}