@baravak/risloo-profile-cli 3.1.0

package/views/profiles/samples/SAFE93.hbs

@@ -0,0 +1,118 @@
+{{#> layout}}
+
+  <defs>
+    <g id="couple">
+      <circle cx="13" cy="11.2" r="2.5" fill="#BE185D"/>
+      <path d="M18.5582 20.8867L13.4718 18.1806L13.0021 17.9306L12.5324 18.1806L7.44606 20.8868L7.24654 15.1287L7.2281 14.597L6.77682 14.3152L1.89001 11.2634L6.77682 8.21157L7.2281 7.92975L7.24654 7.39802L7.44607 1.64001L12.5324 4.34621L13.0021 4.59612L13.4718 4.34621L18.5582 1.64001L18.7577 7.39802L18.7761 7.92975L19.2274 8.21157L24.1142 11.2634L19.2274 14.3152L18.7761 14.597L18.7577 15.1287L18.5582 20.8867Z" stroke="#BE185D" stroke-width="2"/>
+    </g>
+    <g id="children">
+      <circle cx="11.5" cy="11.5" r="2.5" fill="#7E22CE"/>
+      <circle cx="11.5" cy="11.5" r="10.3" stroke="#7E22CE" stroke-width="2"/>
+    </g>
+    <g id="parents">
+      <circle cx="12.8" cy="14" r="2.5" fill="#115E59"/>
+      <path d="M1.73999 20.75L12.5653 2L23.3906 20.75H1.73999Z" stroke="#115E59" stroke-width="2"/>
+    </g>
+  </defs>
+
+  <g transform="translate({{spec.profile.padding.x}}, {{spec.profile.padding.y}})">
+    <text x="40" y="5" fill="#71717A" font-size="16" font-weight="400" text-anchor="middle" dy="5">ساختار</text>
+    <text x="690" y="645" fill="#71717A" font-size="16" font-weight="400" text-anchor="middle" dy="5">تعامل</text>
+    <text x="0" y="677" fill="#71717A" font-size="16" font-weight="400" text-anchor="end" dy="4">6</text>
+    <g transform="translate(0, {{math 27 '+' 620}})">
+      {{#forLoop 1 5 1}}
+        <text x="0" y="-{{math @i '*' 149}}" fill="#71717A" font-size="16" font-weight="400" text-anchor="end" dy="4">{{math 6 '+' (math @i '*' 6)}}</text>
+      {{/forLoop}}
+    </g>
+    <g transform="translate(35, {{math (math 27 '+' 620) '+' 30}})">
+      {{#forLoop 1 5 1}}
+        <text x="{{math @i '*' 149}}" y="0" fill="#71717A" font-size="16" font-weight="400" text-anchor="end" dy="4">{{math 6 '+' (math @i '*' 6)}}</text>
+      {{/forLoop}}
+    </g>
+    <g transform="translate(40, 27)">
+      <g transform="translate(0, 620)">
+        <g transform="translate(0, -300)">
+          <rect x="0" y="0" width="300" height="300" fill="#FDE047" fill-opacity="0.1"/>
+          <rect x="300" y="0" width="300" height="300" fill="#06B6D4" fill-opacity="0.1"/>
+        </g>
+        <g transform="translate(0, -600)">
+          <rect x="0" y="0" width="300" height="300" fill="#DC2626" fill-opacity="0.1"/>
+          <rect x="300" y="0" width="300" height="300" fill="#15803D" fill-opacity="0.1"/>
+        </g>
+        {{#forLoop 1 24 1}}
+          {{setVar "isMiddle" (boolean @i '===' (ceil (math 23 '/' 2)))}}
+          <line x1="{{math @i '*' 25}}" y1="0" x2="{{math @i '*' 25}}" y2="-603" stroke="{{ternary isMiddle '#D4D4D8' '#E4E4E7'}}" stroke-width="{{ternary isMiddle 2 1}}" stroke-linecap="round"/>
+          <line x1="0" y1="-{{math @i '*' 25}}" x2="603" y2="-{{math @i '*' 25}}" stroke="{{ternary isMiddle '#D4D4D8' '#E4E4E7'}}" stroke-width="{{ternary isMiddle 2 1}}" stroke-linecap="round"/>
+        {{/forLoop}}
+        <line x1="0" y1="-620" x2="0" y2="0" stroke="#A1A1AA" stroke-width="3" stroke-linecap="round"/>
+        <line x1="0" y1="0" x2="620" y2="0" stroke="#A1A1AA" stroke-width="3" stroke-linecap="round"/>
+        <g transform="translate({{items.[0].coordinates.x}}, -{{items.[0].coordinates.y}})">
+          <svg width="24.6" height="21" viewBox="13.5 11.5 27 23" overflow="visible" fill="none">
+            <use href="#couple"/>
+          </svg>
+        </g>
+        <g transform="translate({{items.[1].coordinates.x}}, -{{items.[1].coordinates.y}})">
+          <svg width="23" height="23" viewBox="11.5 11.5 23 23" overflow="visible" fill="none">
+            <use href="#children"/>
+          </svg>
+        </g>
+        <g transform="translate({{items.[2].coordinates.x}}, -{{items.[2].coordinates.y}})">
+          <svg width="26" height="22" viewBox="13 11 26 22" overflow="visible" fill="none">
+            <use href="#parents"/>
+          </svg>
+        </g>
+      </g>
+    </g>
+    <g transform="translate(851, 60)">
+      <g transform="translate(0, 0)">
+        <svg x="-24.6" width="24.6" height="21" viewBox="0 0 27 23" fill="none">
+          <use href="#couple"/>
+        </svg>
+        <text x="0" y="37" fill="#BE185D" font-size="14" font-weight="400" text-anchor="start" dy="4">رابطه با شریک جنسی / همسر</text>
+        <g transform="translate(0, 63)">
+          <text x="0" y="0" fill="#71717A" font-size="12" font-weight="400" text-anchor="start" dy="3">تعامل: <tspan font-size="14" font-weight="600" fill="#3F3F46">{{items.[0].mark.interaction}}</tspan></text>
+          <text x="-80" y="0" fill="#71717A" font-size="12" font-weight="400" text-anchor="start" dy="3">ساختار: <tspan font-size="14" font-weight="600" fill="#3F3F46">{{items.[0].mark.structure}}</tspan></text>
+        </g>
+      </g>
+      <g transform="translate(0, 90)">
+        <svg x="-23" width="23" height="23" viewBox="0 0 23 23" fill="none">
+          <use href="#children"/>
+        </svg>
+        <text x="0" y="37" fill="#7E22CE" font-size="14" font-weight="400" text-anchor="start" dy="4">رابطه با فرزندان</text>
+        <g transform="translate(0, 63)">
+          <text x="0" y="0" fill="#71717A" font-size="12" font-weight="400" text-anchor="start" dy="3">تعامل: <tspan font-size="14" font-weight="600" fill="#3F3F46">{{items.[1].mark.interaction}}</tspan></text>
+          <text x="-80" y="0" fill="#71717A" font-size="12" font-weight="400" text-anchor="start" dy="3">ساختار: <tspan font-size="14" font-weight="600" fill="#3F3F46">{{items.[1].mark.structure}}</tspan></text>
+        </g>
+      </g>
+      <g transform="translate(0, 180)">
+        <svg x="-26" width="26" height="22" viewBox="0 0 26 22" fill="none">
+          <use href="#parents"/>
+        </svg>
+        <text x="0" y="37" fill="#115E59" font-size="14" font-weight="400" text-anchor="start" dy="4">رابطه با والدین</text>
+        <g transform="translate(0, 63)">
+          <text x="0" y="0" fill="#71717A" font-size="12" font-weight="400" text-anchor="start" dy="3">تعامل: <tspan font-size="14" font-weight="600" fill="#3F3F46">{{items.[2].mark.interaction}}</tspan></text>
+          <text x="-80" y="0" fill="#71717A" font-size="12" font-weight="400" text-anchor="start" dy="3">ساختار: <tspan font-size="14" font-weight="600" fill="#3F3F46">{{items.[2].mark.structure}}</tspan></text>
+        </g>
+      </g>
+    </g>
+    <g transform="translate(851, 431)">
+      <g transform="translate(0, 0)">
+        <rect x="-20" y="0" width="20" height="20" fill="#FDE047" fill-opacity="0.15"/>
+        <text x="-30" y="10" fill="#71717A" font-size="14" font-weight="400" text-anchor="start" dy="2">بی‌هدف / جهت‌نایافته</text>
+      </g>
+      <g transform="translate(0, 36)">
+        <rect x="-20" y="0" width="20" height="20" fill="#06B6D4" fill-opacity="0.15"/>
+        <text x="-30" y="10" fill="#71717A" font-size="14" font-weight="400" text-anchor="start" dy="2">بی‌نظم / هرج و مرج</text>
+      </g>
+      <g transform="translate(0, 72)">
+        <rect x="-20" y="0" width="20" height="20" fill="#DC2626" fill-opacity="0.15"/>
+        <text x="-30" y="10" fill="#71717A" font-size="14" font-weight="400" text-anchor="start" dy="2">ناسازگار</text>
+      </g>
+      <g transform="translate(0, 108)">
+        <rect x="-20" y="0" width="20" height="20" fill="#15803D" fill-opacity="0.15"/>
+        <text x="-30" y="10" fill="#71717A" font-size="14" font-weight="400" text-anchor="start" dy="2">شایسته</text>
+      </g>
+    </g>
+  </g>
+
+{{/layout}}

package/views/profiles/samples/SASQ93.hbs

@@ -0,0 +1,45 @@
+{{#> layout}}
+
+  <g transform="translate({{spec.profile.padding.x}}, {{spec.profile.padding.y}})">
+    <g transform="translate(391, 322)">
+      <text x="0" y="0" font-size="36" font-weight="600" text-anchor="middle" fill="{{spec.raw.fill}}" dy="10">{{raw.mark}}</text>
+      {{#with spec.raw.circle as | circle |}}
+        {{gauge circle.R circle.r circle.brs circle.angles circle.direction fill="#F4F4F5"}}
+
+        {{#each @root.raw.stops as | stop stopIndex |}}
+          {{setVar "p1" (polarToCartesian circle.r stop.angle)}}
+          {{setVar "p2" (polarToCartesian circle.R stop.angle)}}
+          <line x1="{{p1.x}}" y1="{{p1.y}}" x2="{{p2.x}}" y2="{{p2.y}}" stroke="white"/>
+          {{setVar "p" (polarToCartesian (math circle.r '-' 20) stop.angle)}}
+          <text x="{{p.x}}" y="{{p.y}}" text-anchor="middle" fill="#D4D4D8" font-size="14" font-weight="500" 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 "pm" (polarToCartesian (math circle.R '+' 30) thetam)}}
+            <g transform="translate({{pm.x}}, {{pm.y}})">
+              {{setVar "interpret" (lookup @root.spec.raw.interprets (math stopIndex '-' 1))}}
+              {{setVar "isChosen" (boolean interpret.eng '===' @root.raw.interpretation)}}
+              {{setVar "betMinus180AndMinus90" (boolean (boolean (toDeg thetam) '>' -180) '&&' (boolean (toDeg thetam) '<' -90))}}
+              <circle cx="0" cy="0" r="{{ternary isChosen 3.5 2.5}}" fill="{{ternary isChosen @root.spec.raw.fill '#D4D4D8'}}"/>
+              <text x="{{ternary betMinus180AndMinus90 -15 15}}" y="0" text-anchor="{{ternary betMinus180AndMinus90 'start' 'end'}}" fill="{{ternary isChosen @root.spec.raw.fill '#A1A1AA'}}" font-weight="{{ternary isChosen 600 400}}" font-size="{{ternary isChosen 16 14}}" dy="3">{{interpret.fr}}</text>
+            </g>
+
+            {{setVar "halt" false}}
+            {{setVar "toAngle" stop.angle}}
+            {{#if (ternary circle.direction (boolean @root.raw.angle '>=' stop.angle) (boolean @root.raw.angle '<=' stop.angle))}}
+              {{setVar "toAngle" @root.raw.angle}}
+              {{#if (ternary circle.direction (boolean @root.raw.angle '>=' prevStopAngle) (boolean @root.raw.angle '<=' prevStopAngle))}}
+                {{setVar "halt" true}}
+              {{/if}}
+            {{/if}}
+            {{#unless halt}}
+              {{gauge circle.R circle.r circle.brs (object start=prevStopAngle end=toAngle) circle.direction fill=@root.spec.raw.fill fill-opacity=interpret.opacity}}
+            {{/unless}}
+          {{/unless}}
+        {{/each}}
+      {{/with}}
+    </g>
+  </g>
+
+{{/layout}}

package/views/profiles/samples/SCASP93.hbs

@@ -0,0 +1,94 @@
+{{#> 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>
+  </defs>
+
+  <g transform="translate({{spec.profile.padding.x}}, {{spec.profile.padding.y}})">
+    <g transform="translate(0, {{spec.items.header.offsetY1}})">
+      <g transform="translate(0, 8)" font-size="16" font-weight="400">
+        <g transform="translate({{spec.items.leftPosArr.[0]}}, 0)"><text x="0" y="0" text-anchor="start" fill="#A1A1AA">نمره</text></g>
+        <g transform="translate({{spec.items.leftPosArr.[1]}}, 0)"><text x="0" y="0" text-anchor="start" fill="#A1A1AA">عنوان</text></g>
+        <g transform="translate({{spec.items.leftPosArr.[2]}}, 0)"><text x="0" y="0" text-anchor="end" fill="#A1A1AA">سؤالات</text></g>
+      </g>
+      <g transform="translate({{spec.items.header.legend.leftPos}}, 0)">
+        {{setVar "intensitiesArr" (reverse (objectEntries spec.items.rect.intensities))}}
+        {{#each intensitiesArr as | intensity index |}}
+          {{#with @root.spec.items.header.legend.rect}}
+            <rect x="{{math index '*' distanceX}}" y="0" width="{{width}}" height="{{height}}" rx="{{br}}" fill="{{intensity.[1].fill}}" stroke="{{intensity.[1].stroke}}"/>
+          {{/with}}
+        {{/each}}
+        <g transform="translate({{math spec.items.header.legend.rect.width '/' 2}}, -6)" font-size="12" font-weight="400">
+          {{#each intensitiesArr as | intensity index |}}
+            <text x="{{math index '*' @root.spec.items.header.legend.rect.distanceX}}" y="0" text-anchor="middle" fill="#A1A1AA">{{intensity.[0]}}</text>
+          {{/each}}
+        </g>
+      </g>
+
+      <g transform="translate(0, {{spec.items.header.offsetY2}})">
+        <line x1="0" y1="0" x2="{{spec.items.separatorLine.length}}" y2="0" stroke="#F4F4F5"/>
+
+        {{#each items as | item itemIndex |}}
+          {{#with @root.spec.items as | itemsSpec |}}
+            <g transform="translate(0, {{math itemIndex '*' itemsSpec.offsetY}})">
+              <g transform="translate(0, {{itemsSpec.paddingY}})">
+                <g transform="translate(0, {{math itemsSpec.rect.height '/' 2}})">
+                  <g transform="translate({{itemsSpec.leftPosArr.[0]}}, 0)">
+                    <text x="0" y="0" font-size="16" font-weight="600" text-anchor="start" fill="#3F3F46" dy="5">{{item.mark}}</text>
+                    <text x="-22" y="0" font-size="10" font-weight="400" text-anchor="start" fill="#71717A" dy="3">از {{item.maxValue}}</text>
+                  </g>
+                  <g transform="translate({{itemsSpec.leftPosArr.[1]}}, 0)">
+                    <text x="0" y="0" font-size="16" font-weight="400" text-anchor="start" fill="#3F3F46" dy="4.5">{{item.label.fr}}</text>
+                  </g>
+                </g>
+                <g transform="translate({{itemsSpec.leftPosArr.[2]}}, 0)">
+                  {{#each item.questions as | question index |}}
+                    <g transform="translate({{math index '*' itemsSpec.rect.distanceX}}, 0)">
+                      <rect x="0" y="0" width="{{itemsSpec.rect.width}}" height="{{itemsSpec.rect.height}}" rx="{{itemsSpec.rect.br}}" fill="{{question.intensity.fill}}" stroke="{{question.intensity.stroke}}"/>
+                      <text x="{{math itemsSpec.rect.width '/' 2}}" y="{{math itemsSpec.rect.height '/' 2}}" font-size="16" font-weight="500" text-anchor="middle" fill="{{question.intensity.textFill}}" dy="5">{{question.number}}</text>
+                    </g>
+                  {{/each}}
+                </g>
+              </g>
+              <line x1="0" y1="{{itemsSpec.offsetY}}" x2="{{itemsSpec.separatorLine.length}}" y2="{{itemsSpec.offsetY}}" stroke="#F4F4F5"/>
+            </g>
+          {{/with}}
+        {{/each}}
+
+        <g transform="translate(0, {{math (math items.length '*' spec.items.offsetY) '+' spec.raw.offsetY}})">
+          <g transform="translate({{spec.raw.leftPos}}, 0)">
+            <rect x="0" y="0" width="{{spec.raw.rect.width}}" height="{{spec.raw.rect.height}}" fill="#F5F5F4" clip-path="url(#raw-rect)"/>
+            <rect x="0" y="0" width="{{raw.width}}" height="{{spec.raw.rect.height}}" fill="#57534E" clip-path="url(#raw-rect)"/>
+
+            <g transform="translate({{raw.width}}, -{{spec.raw.mark.line.offsetY}})">
+              <line x1="0" y1="0" x2="0" y2="-{{spec.raw.mark.line.length}}" stroke="#71717A" stroke-dasharray="2" stroke-linecap="round" stroke-width="1"/>
+              <text x="0" y="-{{math spec.raw.mark.line.length '+' spec.raw.mark.number.offsetY}}" font-size="16" font-weight="600" text-anchor="middle" fill="#52525B" dy="4.5">{{raw.mark}}</text>
+            </g>
+
+            <g transform="translate(0, {{math spec.raw.rect.height '/' 2}})">
+              <text x="-{{spec.raw.label.offsetX}}" y="0" font-size="16" font-weight="500" text-anchor="start" fill="#44403C" dy="4.5">{{raw.label.fr}}</text>
+              <text x="{{math spec.raw.rect.width '+' spec.raw.mark.maxValueOffsetX}}" y="0" font-size="12" font-weight="400" text-anchor="end" fill="#A1A1AA" dy="3">{{spec.raw.maxValue}}</text>
+            </g>
+          </g>
+
+          <g transform="translate(0, {{math spec.raw.rect.height '+' spec.descAnswer.offsetY}})">
+            <rect x="0" y="0" width="{{spec.descAnswer.rect.width}}" height="{{spec.descAnswer.rect.height}}" rx="{{spec.descAnswer.rect.br}}" fill="#FAFAFA" stroke="#D4D4D8"/>
+            <g transform="translate({{math spec.descAnswer.rect.width '-' spec.descAnswer.rect.padding}}, 0)">
+              <text x="0" y="28" font-size="14" font-weight="500" text-anchor="start" fill="#52525B">پاسخ سؤال تشریحی:</text>
+              {{setVar "descAnswerLines" (ellipsisLines (lineWrap descAnswer 132) 2)}}
+              <g transform="translate(0, 56)" fill="#71717A" font-size="14" font-weight="400" text-anchor="start">
+                {{#each descAnswerLines as | line index |}}
+                  <text x="0" y="{{math index '*' @root.spec.descAnswer.content.lineHeight}}">{{line}}</text>
+                {{/each}}
+              </g>
+            </g>
+          </g>
+        </g>
+
+      </g>
+    </g>
+  </g>
+
+{{/layout}}

package/views/profiles/samples/SDCAQ93.hbs

@@ -0,0 +1,68 @@
+{{#> 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}}"/>
+            <g transform="translate(0, {{math itemsSpec.rect.height '/' 2}})">
+              {{#each (wrapOnNewline item.label.fr) as | line index |}}
+                <text x="-{{itemsSpec.label.offsetX}}" y="{{math (math (math 2 '*' index) '-' 1) '*' itemsSpec.label.offsetY}}" fill="#52525B" text-anchor="start" font-size="16" font-weight="400" dy="3">{{line}}</text>
+              {{/each}}
+              <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.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>
+
+  {{setVar "rawLeftPos" (math (math spec.items.offsetX '+' (math spec.items.maxValue '*' spec.items.widthCoeff)) '+' spec.raw.offsetX)}}
+  <g transform="translate({{rawLeftPos}}, {{tickTotalHeight}})">
+    <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="22" font-weight="700" fill="white" dy="6" transform="translate(0, 9)">{{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>
+
+{{/layout}}

package/views/profiles/samples/STAIY93.hbs

@@ -0,0 +1,67 @@
+{{#> layout}}
+
+  <g transform="translate({{math spec.profile.dimensions.width '/' 2}}, {{spec.profile.padding.y}})">
+    {{#each items as | item itemIndex |}}
+      {{#with @root.spec.items.rect as | rect |}}
+      <g transform="translate({{math (math (math -2 '*' itemIndex) '+' 1) '*' (math rect.offsetX '/' 2)}}, 0) scale({{ternary (boolean itemIndex '===' 1) -1 1}}, 1)">
+        {{#with (lookup @root.spec.items item.label.eng)}}
+          <rect x="0" y="0" width="{{rect.width}}" height="{{rect.height}}" rx="{{rect.br}}" fill="{{fill}}"/>
+          <g transform="translate({{math rect.width '/' 2}}, {{math rect.height '/' 2}})">
+            <text x="0" y="0" font-size="18" font-weight="500" text-anchor="middle" fill="white" dy="6" transform="scale({{ternary (boolean itemIndex '===' 1) -1 1}}, 1)">{{item.label.fr}}</text> 
+          </g>
+        {{/with}}
+      </g>
+      {{/with}}
+    {{/each}}
+    <g transform="translate(0, {{math spec.items.rect.distanceY '+' spec.items.trait.circle.R}})">
+      <line x1="0" y1="-85" x2="0" y2="+85" stroke="#F4F4F5" stroke-dasharray="4" stroke-linecap="round" stroke-width="2.5"/>
+      {{setVar "p" (polarToCartesian (math spec.items.trait.circle.r '-' 20) (toRad -90))}}
+      <text x="{{p.x}}" y="{{p.y}}" text-anchor="middle" fill="#A1A1AA" font-size="12" font-weight="500" dy="3">{{spec.items.minValue}}</text>
+      {{setVar "p" (polarToCartesian (math spec.items.trait.circle.r '-' 20) (toRad 90))}}
+      <text x="{{p.x}}" y="{{p.y}}" text-anchor="middle" fill="#A1A1AA" font-size="12" font-weight="500" dy="3">{{spec.items.maxValue}}</text>
+      {{#each items as | item itemIndex |}}
+        {{#with @root.spec.items as | itemsSpec |}}
+          <g transform="translate({{math (math (math -2 '*' itemIndex) '+' 1) '*' itemsSpec.offsetX}}, 0)">
+            {{#with (lookup itemsSpec item.label.eng)}}
+              {{gauge circle.R circle.r circle.brs (object start=circle.angles.start end=circle.angles.end) circle.direction fill="#F4F4F5"}}
+
+              {{#each item.stops as | stop stopIndex |}}
+                {{#unless (boolean @first '||' @last)}}
+                  {{setVar "p1" (polarToCartesian ../circle.r stop.angle)}}
+                  {{setVar "p2" (polarToCartesian ../circle.R stop.angle)}}
+                  <line x1="{{p1.x}}" y1="{{p1.y}}" x2="{{p2.x}}" y2="{{p2.y}}" stroke="white"/>
+                  {{setVar "p" (polarToCartesian (math ../circle.r '-' 20) stop.angle)}}
+                  <text x="{{p.x}}" y="{{p.y}}" text-anchor="middle" fill="#D4D4D8" font-size="12" font-weight="500" dy="3">{{stop.mark}}</text>
+                {{/unless}}
+                {{#unless @first}}
+                  {{setVar "prevStopAngle" (lookup (lookup item.stops (math stopIndex '-' 1)) 'angle')}}
+                  {{setVar "pm" (polarToCartesian (math ../circle.R '+' 15) (math (math stop.angle '+' prevStopAngle) '/' 2))}}
+                  <g transform="translate({{pm.x}}, {{pm.y}})">
+                    {{setVar "interpret" (lookup @root.spec.items.interprets (math stopIndex '-' 1))}}
+                    {{setVar "isChosen" (boolean interpret.eng '===' item.mark.interpretation)}}
+                    <circle cx="0" cy="0" r="{{ternary isChosen 3.5 2.5}}" fill="{{ternary isChosen ../fill '#E4E4E7'}}"/>
+                    <text x="{{math (math (math -2 '*' itemIndex) '+' 1) '*' 15}}" y="0" text-anchor="{{ternary (boolean itemIndex '===' 0) 'end' 'start'}}" fill="{{ternary isChosen ../fill '#A1A1AA'}}" font-weight="{{ternary isChosen 500 400}}" font-size="{{ternary isChosen 16 14}}" dy="3">{{interpret.fr}}</text>
+                  </g>
+
+                  {{setVar "halt" false}}
+                  {{setVar "toAngle" stop.angle}}
+                  {{#if (ternary ../circle.direction (boolean item.angle '>=' stop.angle) (boolean item.angle '<=' stop.angle))}}
+                    {{setVar "toAngle" item.angle}}
+                    {{#if (ternary ../circle.direction (boolean item.angle '>=' prevStopAngle) (boolean item.angle '<=' prevStopAngle))}}
+                      {{setVar "halt" true}}
+                    {{/if}}
+                  {{/if}}
+                  {{#unless halt}}
+                    {{gauge ../circle.R ../circle.r ../circle.brs (object start=prevStopAngle end=toAngle) ../circle.direction fill=../fill fill-opacity=interpret.opacity}}
+                  {{/unless}}
+                {{/unless}}
+              {{/each}}
+              <text x="{{math (math (math -2 '*' itemIndex) '+' 1) '*' 30}}" y="0" text-anchor="{{ternary (boolean itemIndex '===' 0) 'end' 'start'}}" fill="{{fill}}" font-size="24" font-weight="600" dy="6.5">{{item.mark.value}}</text>
+            {{/with}}
+          </g>
+        {{/with}}
+      {{/each}}
+    </g>
+  </g>
+
+{{/layout}}

package/views/profiles/samples/WAQ93.hbs

@@ -0,0 +1,74 @@
+{{#> 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}}, {{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="#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="28" font-weight="600" fill="{{spec.raw.fill}}" dy="9">{{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="16" font-weight="500" fill="#D4D4D8" text-anchor="middle" dy="4" 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 transform="translate(0, {{math spec.raw.circle.R '+' spec.raw.label.offsetY}})">
+        <text x="0" y="0" font-size="20" font-weight="500" fill="{{raw.fill}}" text-anchor="middle" dy="5">{{raw.label.fr}}</text>
+      </g>
+
+      <g transform="translate(0, {{math (math spec.raw.circle.R '+' spec.items.offsetY1) '+' spec.items.circle.R}})">
+        {{#each items.[0] as |item index|}}
+          <g transform="translate({{math (lookup (object 0=3 1=1 2=-1 3=-3) index) '*' (math @root.spec.items.distanceX1 '/' 2)}}, 0)">
+            {{#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="18" font-weight="500" fill="{{item.fill}}" dy="5">{{item.mark}}</text>
+            {{#each item.ticks as | tick |}}
+              {{setVar "rm" (math (math @root.spec.items.circle.R '+' @root.spec.items.circle.r) '/' 2)}}
+              {{setVar "p" (polarToCartesian rm tick.angle)}}
+              <text x="{{p.x}}" y="{{p.y}}" font-size="12" font-weight="500" fill="#D4D4D8" text-anchor="middle" dy="2.5" transform="translate(-{{ternary @first @root.spec.items.ticks.number.offset 0}}, -{{ternary @last @root.spec.items.ticks.number.offset 0}})">{{tick.number}}</text>
+            {{/each}}
+            <g transform="translate(0, {{math @root.spec.items.circle.R '+' @root.spec.items.label.offsetY}})">
+              <text x="0" y="0" font-size="14" text-anchor="middle" xml:space="preserve"><tspan font-weight="400" fill="#71717A" dy="5">ارتباط فرد با </tspan><tspan font-weight="500" fill="{{item.fill}}">{{item.label.fr}}</tspan></text>
+            </g>
+          </g>
+        {{/each}}
+
+        <g transform="translate(0, {{math (math spec.items.circle.R '*' 2) '+' spec.items.offsetY2}})">
+          {{#each items.[1] as |item index|}}
+            <g transform="translate({{math (lookup (object 0=1 1=0 2=-1) index) '*' @root.spec.items.distanceX2}}, 0)">
+              {{#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="18" font-weight="500" fill="{{item.fill}}" dy="5">{{item.mark}}</text>
+              {{#each item.ticks as | tick |}}
+                {{setVar "rm" (math (math @root.spec.items.circle.R '+' @root.spec.items.circle.r) '/' 2)}}
+                {{setVar "p" (polarToCartesian rm tick.angle)}}
+                <text x="{{p.x}}" y="{{p.y}}" font-size="12" font-weight="500" fill="#D4D4D8" text-anchor="middle" dy="2.5" transform="translate(-{{ternary @first @root.spec.items.ticks.number.offset 0}}, -{{ternary @last @root.spec.items.ticks.number.offset 0}})">{{tick.number}}</text>
+              {{/each}}
+              <g transform="translate(0, {{math @root.spec.items.circle.R '+' @root.spec.items.label.offsetY}})">
+                <text x="0" y="0" font-size="14" text-anchor="middle" xml:space="preserve"><tspan font-weight="400" fill="#71717A" dy="5">ارتباط فرد با </tspan><tspan font-weight="500" fill="{{item.fill}}">{{item.label.fr}}</tspan></text>
+              </g>
+            </g>
+          {{/each}}
+        </g>
+      </g>
+    </g>
+  </g>
+
+{{/layout}}

package/views/profiles/samples/YBOCS93_1.hbs

@@ -0,0 +1,96 @@
+{{#> layout}}
+
+  <defs>
+    <clipPath id="first-raw">
+      {{bar 70 46 (object tl=4 tr=0 bl=4 br=0) (toRad -90)}}
+    </clipPath>
+    <clipPath id="last-raw">
+      {{bar 230 46 (object tl=0 tr=4 bl=0 br=4) (toRad -90)}}
+    </clipPath>
+  </defs>
+
+  <g transform="translate({{spec.profile.padding.[0].x}}, {{spec.profile.padding.[0].y}})">
+    <text x="0" y="0" font-size="14" font-weight="500" fill="#4B5563" text-anchor="middle" transform="translate(15, 172) rotate(-90)">وسواس‌ها</text>
+    <text x="0" y="0" font-size="14" font-weight="500" fill="#4B5563" text-anchor="middle" transform="translate(15, 503) rotate(-90)">اجبارها یا بی‌اختیاری‌ها</text>
+    <g transform="translate(124, 0)">
+      <line x1="0" y1="0" x2="0" y2="643" stroke="#D4D4D8" stroke-width="2" stroke-linecap="round" />
+      <g transform="translate(1, 20)">
+        {{#each (first items 8) as | item index |}}
+          {{#with @root.spec.page1.items as | itemsSpec |}}
+            <g transform="translate(0, {{math index '*' itemsSpec.distanceY}})">
+              <text x="-12" y="8" font-size="14" font-weight="400" fill="#86198F" text-anchor="start">{{item.label.fr}}</text>
+              <rect x="0" y="{{math itemsSpec.rect.body.height '-' itemsSpec.rect.base.height}}" width="{{item.width.base}}" height="{{itemsSpec.rect.base.height}}" fill="#E4E4E7" />
+              {{#if (boolean item.mark '!==' 0)}}
+                {{bar item.width.body itemsSpec.rect.body.height itemsSpec.rect.body.brs 0 fill="#A21CAF"}}
+              {{/if}}
+              <text x="{{math item.width.base '+' 18}}" y="8" font-size="12" font-weight="400" fill="#D4D4D8" text-anchor="middle">{{item.maxValue}}</text>
+              <text x="{{math item.width.body '+' (ternary (boolean item.mark '!==' 0) 0 7)}}" y="-6" font-size="14" font-weight="500" fill="#A21CAF" text-anchor="middle">{{item.mark}}</text>
+            </g>
+          {{/with}}
+        {{/each}}
+        <g transform="translate(0, 355)">
+          {{#each (last items 7) as | item index |}}
+            {{#with @root.spec.page1.items as | itemsSpec |}}
+              <g transform="translate(0, {{math index '*' itemsSpec.distanceY}})">
+                <text x="-12" y="8" font-size="14" font-weight="400" fill="#86198F" text-anchor="start">{{item.label.fr}}</text>
+                <rect x="0" y="{{math itemsSpec.rect.body.height '-' itemsSpec.rect.base.height}}" width="{{item.width.base}}" height="{{itemsSpec.rect.base.height}}" fill="#E4E4E7" />
+                {{#if (boolean item.mark '!==' 0)}}
+                  {{bar item.width.body itemsSpec.rect.body.height itemsSpec.rect.body.brs 0 fill="#A21CAF"}}
+                {{/if}}
+                <text x="{{math item.width.base '+' 18}}" y="8" font-size="12" font-weight="400" fill="#D4D4D8" text-anchor="middle">{{item.maxValue}}</text>
+                <text x="{{math item.width.body '+' (ternary (boolean item.mark '!==' 0) 0 7)}}" y="-6" font-size="14" font-weight="500" fill="#A21CAF" text-anchor="middle">{{item.mark}}</text>
+              </g>
+            {{/with}}
+          {{/each}}
+        </g>
+      </g>
+    </g>
+    <g transform="translate(545, 540)">
+      <g transform="translate(0, 35)">
+        <text x="23" y="0" font-size="28" font-weight="700" fill="#9F1239" text-anchor="middle" dy="5">{{raw.mark}}</text>
+        <text x="62" y="0" font-size="16" font-weight="400" fill="#71717A" text-anchor="end" dy="3">شدت وسواس:</text>
+      </g>
+      <g transform="translate(0, 78)">
+        <text x="23" y="0" font-size="18" font-weight="600" fill="#71717A" text-anchor="middle" dy="5">{{suicideThoughts}}</text>
+        <text x="62" y="0" font-size="14" font-weight="400" fill="#71717A" text-anchor="end" dy="3">پاسخ افکار خودکشی:</text>
+      </g>
+      {{bar 540 46 (object tl=4 tr=4 bl=4 br=4) (toRad -90) fill="#F4F4F5"}}
+      {{#each spec.raw.stops as | stopMark stopMarkIndex |}}
+        {{#with @root.spec.raw as | rawSpec |}}
+          {{#unless @first}}
+            {{setVar "prevStopMark" (lookup rawSpec.stops (math stopMarkIndex '-' 1))}}
+            {{setVar "interpretHeight" (math (math (math prevStopMark '+' stopMark) '/' 2) '*' rawSpec.heightCoeff)}}
+            {{setVar "isChosen" (boolean @root.raw.interpret.eng '===' (lookup (lookup (objectEntries rawSpec.interprets) (math stopMarkIndex '-' 1)) 0))}}
+            <g transform="translate(62, -{{interpretHeight}})">
+              <circle cx="{{ternary isChosen '3.5' '2.5'}}" cy="0" r="{{ternary isChosen '3.5' '2.5'}}" fill="{{ternary isChosen '#991B1B' '#D4D4D8'}}" />
+              <text x="16" y="0" font-size="{{ternary isChosen '16' '14'}}" font-weight="{{ternary isChosen '600' '400'}}" fill="{{ternary isChosen '#991B1B' '#A1A1AA'}}" text-anchor="end" dy="4">{{lookup (lookup (objectEntries rawSpec.interprets) (math stopMarkIndex '-' 1)) 1}}</text>
+            </g>
+            <g transform="translate(0, -{{math stopMark '*' rawSpec.heightCoeff}})">
+              {{#unless @last}}<line x1="3" y1="0" x2="43" y2="0" stroke="white" />{{/unless}}
+              <text x="-22" y="0" font-size="14" font-weight="400" fill="#D4D4D8" text-anchor="middle" dy="4">{{stopMark}}</text>
+            </g>
+            {{#if (boolean stopMarkIndex '===' 1)}}
+              {{setVar "clipPath" "url(#first-raw)"}}
+            {{else if (boolean stopMarkIndex '===' 5)}}
+              {{setVar "clipPath" "url(#last-raw)"}}
+            {{else}}
+              {{setVar "clipPath" ""}}
+            {{/if}}
+            {{#if (boolean @root.raw.mark '<' stopMark)}}
+              {{#if (boolean @root.raw.mark '>' prevStopMark)}}
+                <g transform="translate(0, -{{math prevStopMark '*' rawSpec.heightCoeff}})">
+                  {{bar (math (math @root.raw.mark '-' prevStopMark) '*' rawSpec.heightCoeff) 46 (object tl=0 tr=0 bl=0 br=0) (toRad -90) fill="#991B1B" fill-opacity=(lookup (array 0.6 0.7 0.8 0.9 1) (math stopMarkIndex '-' 1)) clip-path=clipPath}}
+                </g>
+              {{/if}}
+            {{else}}
+            <g transform="translate(0, -{{math prevStopMark '*' rawSpec.heightCoeff}})">
+              {{bar (math (math stopMark '-' prevStopMark) '*' rawSpec.heightCoeff) 46 (object tl=0 tr=0 bl=0 br=0) (toRad -90) fill="#991B1B" fill-opacity=(lookup (array 0.6 0.7 0.8 0.9 1) (math stopMarkIndex '-' 1)) clip-path=clipPath}}
+            </g>
+            {{/if}}
+          {{/unless}}
+        {{/with}}
+      {{/each}}
+    </g>
+  </g>
+
+{{/layout}}