@baravak/risloo-profile-cli 4.82.0 → 4.84.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,100 @@
1
+ {{#each items as |item index|}}
2
+ <g transform="translate(0, {{math ../rowsY '+' (math index '*' ../rowPitch)}})">
3
+ <g transform="translate({{../leftTrackX}}, 0)">
4
+ {{bar 250 24 (object tl=4 bl=4 tr=0 br=0) (toRad 0) fill=../leftTrackFill}}
5
+ </g>
6
+ <g transform="translate({{../rightTrackX}}, 0)">
7
+ {{bar 250 24 (object tl=0 bl=0 tr=4 br=4) (toRad 0) fill=../rightTrackFill}}
8
+ </g>
9
+
10
+ {{#if ../showDescriptions}}
11
+ <g transform="translate({{../leftTrackX}}, 28)">
12
+ {{bar 250 68 (object tl=4 bl=4 tr=0 br=0) (toRad 0) fill=../leftTrackFill}}
13
+ </g>
14
+ <g transform="translate({{../rightTrackX}}, 28)">
15
+ {{bar 250 68 (object tl=0 bl=0 tr=4 br=4) (toRad 0) fill=../rightTrackFill}}
16
+ </g>
17
+
18
+ <text x="{{../leftDescriptionX}}" y="48" font-size="12" font-weight="400" fill="#475569" text-anchor="middle">
19
+ {{#each item.descriptionLeftLines as |line lineIndex|}}
20
+ <tspan x="{{../../leftDescriptionX}}" y="{{math 48 '+' (math lineIndex '*' 17)}}">{{line}}</tspan>
21
+ {{/each}}
22
+ </text>
23
+ <text x="{{../rightDescriptionX}}" y="48" font-size="12" font-weight="400" fill="#475569" text-anchor="middle">
24
+ {{#each item.descriptionRightLines as |line lineIndex|}}
25
+ <tspan x="{{../../rightDescriptionX}}" y="{{math 48 '+' (math lineIndex '*' 17)}}">{{line}}</tspan>
26
+ {{/each}}
27
+ </text>
28
+ {{/if}}
29
+
30
+ {{#if item.isNegative}}
31
+ <g transform="translate({{math ../leftZeroX '-' item.barW}}, 0)">
32
+ {{bar item.barW 24 (object tl=item.barRadius bl=item.barRadius tr=0 br=0) (toRad 0) fill=../leftActiveFill}}
33
+ <text
34
+ x="{{ternary item.inside 7 -7}}"
35
+ y="12"
36
+ dy=".34em"
37
+ font-size="{{ternary item.inside 16 14}}"
38
+ font-weight="{{ternary item.inside 600 500}}"
39
+ fill="{{ternary item.inside 'white' ../leftActiveColor}}"
40
+ text-anchor="{{ternary item.inside 'start' 'end'}}"
41
+ direction="ltr"
42
+ unicode-bidi="bidi-override"
43
+ >{{item.scoreText}}</text>
44
+ </g>
45
+ {{/if}}
46
+
47
+ {{#if item.isPositive}}
48
+ <g transform="translate({{../rightZeroX}}, 0)">
49
+ {{bar item.barW 24 (object tl=0 bl=0 tr=item.barRadius br=item.barRadius) (toRad 0) fill=../rightActiveFill}}
50
+ <text
51
+ x="{{math item.barW '+' (ternary item.inside -7 7)}}"
52
+ y="12"
53
+ dy=".34em"
54
+ font-size="{{ternary item.inside 16 14}}"
55
+ font-weight="{{ternary item.inside 600 500}}"
56
+ fill="{{ternary item.inside 'white' ../rightActiveColor}}"
57
+ text-anchor="{{ternary item.inside 'end' 'start'}}"
58
+ direction="ltr"
59
+ unicode-bidi="bidi-override"
60
+ >{{item.scoreText}}</text>
61
+ </g>
62
+ {{/if}}
63
+
64
+ <rect x="{{../titleX}}" y="0" width="{{../titleWidth}}" height="24" fill="#E2E8F0" fill-opacity="0.25"/>
65
+ <text
66
+ x="{{math ../titleX '+' (math ../titleWidth '/' 2)}}"
67
+ y="12"
68
+ dy=".32em"
69
+ font-size="{{../titleFontSize}}"
70
+ font-weight="{{../titleFontWeight}}"
71
+ fill="#475569"
72
+ text-anchor="middle"
73
+ >{{item.title}}</text>
74
+
75
+ <text
76
+ x="{{../leftRawX}}"
77
+ y="12"
78
+ dy=".3em"
79
+ font-size="12"
80
+ font-weight="400"
81
+ fill="#64748B"
82
+ text-anchor="end"
83
+ direction="ltr"
84
+ unicode-bidi="bidi-override"
85
+ xml:space="preserve"
86
+ ><tspan>{{item.rawDisplay.negative.boundText}}</tspan>{{#if item.rawDisplay.negative.showSlash}}<tspan> / </tspan><tspan font-size="14" font-weight="500">{{item.rawDisplay.negative.resultText}}</tspan>{{/if}}</text>
87
+ <text
88
+ x="{{../rightRawX}}"
89
+ y="12"
90
+ dy=".3em"
91
+ font-size="12"
92
+ font-weight="400"
93
+ fill="#64748B"
94
+ text-anchor="start"
95
+ direction="ltr"
96
+ unicode-bidi="bidi-override"
97
+ xml:space="preserve"
98
+ >{{#if item.rawDisplay.positive.showSlash}}<tspan font-size="14" font-weight="500">{{item.rawDisplay.positive.resultText}}</tspan><tspan> / </tspan>{{/if}}<tspan>{{item.rawDisplay.positive.boundText}}</tspan></text>
99
+ </g>
100
+ {{/each}}
@@ -0,0 +1,46 @@
1
+ <g>
2
+ <rect
3
+ x="0.5"
4
+ y="{{cardY}}"
5
+ width="54"
6
+ height="{{cardHeight}}"
7
+ rx="3.5"
8
+ fill="#F8FAFC"
9
+ stroke="#E2E8F0"
10
+ />
11
+
12
+ <text
13
+ x="21.5"
14
+ y="{{axisY}}"
15
+ transform="rotate(-90 21.5 {{axisY}})"
16
+ font-size="15"
17
+ font-weight="600"
18
+ fill="#475569"
19
+ text-anchor="middle"
20
+ >{{summary.title}}</text>
21
+ <text
22
+ x="42.5"
23
+ y="{{axisY}}"
24
+ transform="rotate(-90 42.5 {{axisY}})"
25
+ font-size="12"
26
+ font-weight="400"
27
+ fill="#64748B"
28
+ text-anchor="middle"
29
+ direction="ltr"
30
+ unicode-bidi="bidi-override"
31
+ xml:space="preserve"
32
+ >{{#if summary.zero}}<tspan font-size="14" font-weight="500">0</tspan>{{else}}{{#if summary.isPositive}}<tspan font-size="14" font-weight="500">{{summary.rawDisplay.positive.resultText}}</tspan><tspan> / </tspan><tspan>{{summary.rawDisplay.positive.boundText}}</tspan>{{else}}<tspan font-size="14" font-weight="500">{{summary.rawDisplay.negative.resultText}}</tspan><tspan> / </tspan><tspan>{{summary.rawDisplay.negative.boundText}}</tspan>{{/if}}{{/if}}</text>
33
+
34
+ <rect x="7.5" y="{{pillY}}" width="40" height="24" rx="6" fill="#F1F5F9"/>
35
+ <text
36
+ x="27.5"
37
+ y="{{math pillY '+' 12}}"
38
+ dy=".34em"
39
+ font-size="14"
40
+ font-weight="600"
41
+ fill="#64748B"
42
+ text-anchor="middle"
43
+ direction="ltr"
44
+ unicode-bidi="bidi-override"
45
+ >{{summary.scoreText}}</text>
46
+ </g>
@@ -0,0 +1,131 @@
1
+ {{#> layout}}
2
+
3
+ <defs>
4
+ {{! Teal wash behind the plot area (Figma "Bar Back Total") }}
5
+ <linearGradient id="jssWash" x1="0" y1="0" x2="1" y2="0">
6
+ <stop stop-color="#F0FDFA"/>
7
+ <stop offset="1" stop-color="#CCFBF1"/>
8
+ </linearGradient>
9
+
10
+ {{! Factor bar: Figma anchors the gradient to each bar's own width, so bounding-box
11
+ units reproduce all nine bars from one definition. }}
12
+ <linearGradient id="jssBar" x1="0" y1="0" x2="1" y2="0">
13
+ <stop stop-color="#99F6E4"/>
14
+ <stop offset="1" stop-color="#0F766E"/>
15
+ </linearGradient>
16
+
17
+ {{! Total bar: Figma runs the gradient 194 % of the fill height up from the foot of
18
+ the bar, i.e. from bounding-box y = 1 to y = 1 − 1.94, so the visible tip keeps
19
+ the same tone at every score. }}
20
+ <linearGradient id="jssTotal" x1="0" y1="1" x2="0" y2="-0.94">
21
+ <stop stop-color="#94A3B8"/>
22
+ <stop offset="1" stop-color="#334155"/>
23
+ </linearGradient>
24
+
25
+ {{! Shadow of the white 0 % baseline (offset right, soft blur) }}
26
+ <filter id="jssBaseShadow" x="171" y="27" width="7" height="390" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
27
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
28
+ <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
29
+ <feOffset dx="1"/>
30
+ <feGaussianBlur stdDeviation="1.5"/>
31
+ <feComposite in2="hardAlpha" operator="out"/>
32
+ <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0"/>
33
+ <feBlend mode="normal" in2="BackgroundImageFix" result="effect1"/>
34
+ <feBlend mode="normal" in="SourceGraphic" in2="effect1" result="shape"/>
35
+ </filter>
36
+
37
+ {{! Same treatment under the foot of the total bar }}
38
+ <filter id="jssTotalBaseShadow" x="711" y="390" width="34" height="14" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
39
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
40
+ <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
41
+ <feOffset dx="2"/>
42
+ <feGaussianBlur stdDeviation="3"/>
43
+ <feComposite in2="hardAlpha" operator="out"/>
44
+ <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0"/>
45
+ <feBlend mode="normal" in2="BackgroundImageFix" result="effect1"/>
46
+ <feBlend mode="normal" in="SourceGraphic" in2="effect1" result="shape"/>
47
+ </filter>
48
+ </defs>
49
+
50
+ <g transform="translate({{spec.profile.padding.x}}, {{spec.profile.padding.y}})">
51
+
52
+ {{! ===================== Plot area wash ===================== }}
53
+ <rect x="175" y="30" width="399" height="384" fill="url(#jssWash)" fill-opacity="0.25"/>
54
+
55
+ {{! ===================== Raw-score boxes ===================== }}
56
+ {{#each items as |item|}}
57
+ <rect x="587.5" y="{{math item.top '+' 0.5}}" width="31" height="15" rx="3.5" fill="none" stroke="#059669"/>
58
+ <text x="603" y="{{item.baseline}}" text-anchor="middle" font-size="13" font-weight="500" fill="#047857">{{item.mark}}</text>
59
+ {{/each}}
60
+
61
+ {{! ===================== Gridlines (10 % … 100 %) ===================== }}
62
+ <line x1="213.5" y1="30.5" x2="213.5" y2="413.5" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="6 6"/>
63
+ <line x1="253.5" y1="30.5" x2="253.5" y2="413.5" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="6 6"/>
64
+ <line x1="293.5" y1="30.5" x2="293.5" y2="413.5" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="6 6"/>
65
+ <line x1="333.5" y1="30.5" x2="333.5" y2="413.5" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="6 6"/>
66
+ <line x1="373.5" y1="30.5" x2="373.5" y2="413.5" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="6 6"/>
67
+ <line x1="413.5" y1="30.5" x2="413.5" y2="413.5" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="6 6"/>
68
+ <line x1="453.5" y1="30.5" x2="453.5" y2="413.5" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="6 6"/>
69
+ <line x1="493.5" y1="30.5" x2="493.5" y2="413.5" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="6 6"/>
70
+ <line x1="533.5" y1="30.5" x2="533.5" y2="413.5" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="6 6"/>
71
+ <line x1="573.5" y1="30.5" x2="573.5" y2="413.5" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="6 6"/>
72
+
73
+ {{! ===================== Bar tracks ===================== }}
74
+ {{#each items as |item|}}
75
+ <g transform="translate(174, {{item.top}})">
76
+ {{bar 400 16 (object tl=0 bl=0 tr=2 br=2) (toRad 0) fill="black" fill-opacity="0.04"}}
77
+ </g>
78
+ {{/each}}
79
+
80
+ {{! ===================== Bars + percentage inside the tip ===================== }}
81
+ {{#each items as |item|}}
82
+ <g transform="translate(174, {{item.top}})">
83
+ {{#if item.width}}{{bar item.width 16 (object tl=0 bl=0 tr=2 br=2) (toRad 0) fill="url(#jssBar)"}}{{/if}}
84
+ </g>
85
+ <text x="{{item.labelX}}" y="{{item.baseline}}" text-anchor="end" direction="ltr" font-size="13" font-weight="500" fill="white">٪ {{item.pct}}</text>
86
+ {{/each}}
87
+
88
+ {{! ===================== Factor names ===================== }}
89
+ {{#each items as |item|}}
90
+ <text x="165" y="{{item.baseline}}" text-anchor="start" font-size="13" fill="#475569">{{item.title}}</text>
91
+ {{/each}}
92
+
93
+ {{! ===================== White shadowed 0 % baseline ===================== }}
94
+ <g opacity="0.5" filter="url(#jssBaseShadow)">
95
+ <line x1="173.5" y1="30.5" x2="173.5" y2="413.5" stroke="white" stroke-linecap="round"/>
96
+ </g>
97
+
98
+ {{! ===================== Axis labels ===================== }}
99
+ <text x="173.5" y="18.06" text-anchor="middle" font-size="12" fill="#94A3B8">0</text>
100
+ <text x="373.5" y="18.06" text-anchor="middle" direction="ltr" font-size="12" fill="#94A3B8">٪ 50</text>
101
+ <text x="563" y="18.06" text-anchor="middle" direction="ltr" font-size="12" fill="#94A3B8">٪ 100</text>
102
+ <text x="603" y="10.06" text-anchor="middle" font-size="12" fill="#94A3B8">نمره خام</text>
103
+ <text x="603" y="24.06" text-anchor="middle" font-size="12" fill="#94A3B8">از 20</text>
104
+
105
+ {{! ===================== Total score column ===================== }}
106
+ <g transform="translate(717, 46)">
107
+ {{bar 18 350 (object tl=2 tr=2 bl=0 br=0) (toRad 0) fill="#F1F5F9"}}
108
+ </g>
109
+ {{#if total.height}}
110
+ <g transform="translate(717, {{total.tip}})">
111
+ {{bar 18 total.height (object tl=2 tr=2 bl=0 br=0) (toRad 0) fill="url(#jssTotal)"}}
112
+ </g>
113
+ {{/if}}
114
+
115
+ {{! Readout travelling with the tip of the bar }}
116
+ <text x="743" y="{{total.pctBaseline}}" text-anchor="start" direction="ltr" font-size="18" font-weight="600" fill="#334155">٪ {{total.pct}}</text>
117
+ <text x="743" y="{{total.fractionBaseline}}" text-anchor="end" font-size="12" fill="#64748B">{{total.mark}} از {{total.max}}</text>
118
+
119
+ {{! Column title, reading bottom-up along the bar }}
120
+ <text x="0" y="0" transform="translate(707.02, 296.2) rotate(-90)" text-anchor="start" font-size="12" fill="#475569">نمره کل رضایت شغلی</text>
121
+
122
+ {{! Foot of the total bar }}
123
+ <g opacity="0.5" filter="url(#jssTotalBaseShadow)">
124
+ <path d="M716 397H736" stroke="white" stroke-width="2" stroke-linecap="round"/>
125
+ </g>
126
+
127
+ <text x="711" y="49.06" text-anchor="end" direction="ltr" font-size="12" fill="#475569">٪ 100</text>
128
+
129
+ </g>
130
+
131
+ {{/layout}}
@@ -0,0 +1,88 @@
1
+ {{#> layout}}
2
+ <defs>
3
+ <linearGradient id="sii93-p1-left-track" x1="0" y1="0" x2="1" y2="0">
4
+ <stop stop-color="#FFF1F2"/>
5
+ <stop offset="1" stop-color="#E2E8F0" stop-opacity="0.25"/>
6
+ </linearGradient>
7
+ <linearGradient id="sii93-p1-right-track" x1="0" y1="0" x2="1" y2="0">
8
+ <stop stop-color="#E2E8F0" stop-opacity="0.25"/>
9
+ <stop offset="1" stop-color="#F0FDF4"/>
10
+ </linearGradient>
11
+ <linearGradient id="sii93-p1-left-active" x1="0" y1="0" x2="1" y2="0">
12
+ <stop stop-color="#BE123C"/>
13
+ <stop offset="1" stop-color="#FECDD3"/>
14
+ </linearGradient>
15
+ <linearGradient id="sii93-p1-right-active" x1="0" y1="0" x2="1" y2="0">
16
+ <stop stop-color="#BBF7D0"/>
17
+ <stop offset="1" stop-color="#15803D"/>
18
+ </linearGradient>
19
+
20
+ <filter id="sii93-p1-left-split" x="326.5" y="17" width="7" height="350" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
21
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
22
+ <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
23
+ <feOffset dx="-1"/>
24
+ <feGaussianBlur stdDeviation="1.5"/>
25
+ <feComposite in2="hardAlpha" operator="out"/>
26
+ <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0"/>
27
+ <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
28
+ <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
29
+ </filter>
30
+ <filter id="sii93-p1-right-split" x="479.5" y="17" width="7" height="350" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
31
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
32
+ <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
33
+ <feOffset dx="1"/>
34
+ <feGaussianBlur stdDeviation="1.5"/>
35
+ <feComposite in2="hardAlpha" operator="out"/>
36
+ <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0"/>
37
+ <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
38
+ <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
39
+ </filter>
40
+ </defs>
41
+
42
+ <g transform="translate({{spec.profile.padding.[0].x}}, {{spec.profile.padding.[0].y}})">
43
+ <g stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="6 6">
44
+ <line x1="81" y1="20.5" x2="81" y2="363.5"/>
45
+ <line x1="206" y1="20.5" x2="206" y2="363.5"/>
46
+ <line x1="607" y1="20.5" x2="607" y2="363.5"/>
47
+ <line x1="732" y1="20.5" x2="732" y2="363.5"/>
48
+ </g>
49
+
50
+ {{> SII93_bipolar_rows
51
+ items=items
52
+ rowsY=40
53
+ rowPitch=56
54
+ leftTrackX=80.5
55
+ leftZeroX=330.5
56
+ titleX=331.5
57
+ titleWidth=150
58
+ rightTrackX=482.5
59
+ rightZeroX=482.5
60
+ leftRawX=72.5
61
+ rightRawX=740.5
62
+ titleFontSize=14
63
+ titleFontWeight=600
64
+ leftTrackFill="url(#sii93-p1-left-track)"
65
+ rightTrackFill="url(#sii93-p1-right-track)"
66
+ leftActiveFill="url(#sii93-p1-left-active)"
67
+ rightActiveFill="url(#sii93-p1-right-active)"
68
+ leftActiveColor="#BE123C"
69
+ rightActiveColor="#15803D"
70
+ }}
71
+
72
+ <g opacity="0.5" filter="url(#sii93-p1-left-split)">
73
+ <line x1="331" y1="20.5" x2="331" y2="363.5" stroke="white" stroke-linecap="round"/>
74
+ </g>
75
+ <g opacity="0.5" filter="url(#sii93-p1-right-split)">
76
+ <line x1="482" y1="20.5" x2="482" y2="363.5" stroke="white" stroke-linecap="round"/>
77
+ </g>
78
+
79
+ <g font-size="12" font-weight="400" fill="#94A3B8" text-anchor="middle" direction="ltr" unicode-bidi="bidi-override">
80
+ <text x="81" y="8">- 2</text>
81
+ <text x="206" y="8">- 1</text>
82
+ <text x="331" y="8">0</text>
83
+ <text x="482" y="8">0</text>
84
+ <text x="607" y="8">1</text>
85
+ <text x="732" y="8">2</text>
86
+ </g>
87
+ </g>
88
+ {{/layout}}
@@ -0,0 +1,64 @@
1
+ {{#> layout}}
2
+ <defs>
3
+ <linearGradient id="sii93-p2-left-track" x1="0" y1="0" x2="1" y2="0">
4
+ <stop stop-color="#FFF1F2"/>
5
+ <stop offset="1" stop-color="#E2E8F0" stop-opacity="0.25"/>
6
+ </linearGradient>
7
+ <linearGradient id="sii93-p2-right-track" x1="0" y1="0" x2="1" y2="0">
8
+ <stop stop-color="#E2E8F0" stop-opacity="0.25"/>
9
+ <stop offset="1" stop-color="#F0FDF4"/>
10
+ </linearGradient>
11
+ <linearGradient id="sii93-p2-left-active" x1="0" y1="0" x2="1" y2="0">
12
+ <stop stop-color="#BE123C"/>
13
+ <stop offset="1" stop-color="#FECDD3"/>
14
+ </linearGradient>
15
+ <linearGradient id="sii93-p2-right-active" x1="0" y1="0" x2="1" y2="0">
16
+ <stop stop-color="#BBF7D0"/>
17
+ <stop offset="1" stop-color="#15803D"/>
18
+ </linearGradient>
19
+ <filter id="sii93-p2-left-split" x="379" y="17" width="7" height="650" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
20
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
21
+ <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
22
+ <feOffset dx="-1"/><feGaussianBlur stdDeviation="1.5"/><feComposite in2="hardAlpha" operator="out"/>
23
+ <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0"/>
24
+ <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
25
+ </filter>
26
+ <filter id="sii93-p2-right-split" x="572" y="17" width="7" height="650" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
27
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
28
+ <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
29
+ <feOffset dx="1"/><feGaussianBlur stdDeviation="1.5"/><feComposite in2="hardAlpha" operator="out"/>
30
+ <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0"/>
31
+ <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
32
+ </filter>
33
+ </defs>
34
+
35
+ <g transform="translate({{spec.profile.padding.[1].x}}, {{spec.profile.padding.[1].y}})">
36
+ <g stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="6 6">
37
+ <line x1="133.5" y1="20.5" x2="133.5" y2="663.5"/>
38
+ <line x1="258.5" y1="20.5" x2="258.5" y2="663.5"/>
39
+ <line x1="699.5" y1="20.5" x2="699.5" y2="663.5"/>
40
+ <line x1="824.5" y1="20.5" x2="824.5" y2="663.5"/>
41
+ </g>
42
+
43
+ {{#with (lookup groups 0)}}
44
+ {{> SII93_bipolar_rows items=items rowsY=40 rowPitch=36 leftTrackX=133 leftZeroX=383 titleX=384 titleWidth=190 rightTrackX=575 rightZeroX=575 leftRawX=125 rightRawX=833 titleFontSize=13 titleFontWeight=400 leftTrackFill="url(#sii93-p2-left-track)" rightTrackFill="url(#sii93-p2-right-track)" leftActiveFill="url(#sii93-p2-left-active)" rightActiveFill="url(#sii93-p2-right-active)" leftActiveColor="#BE123C" rightActiveColor="#15803D"}}
45
+ {{> SII93_summary_card summary=summary cardY=40.5 cardHeight=203 axisY=124 pillY=159}}
46
+ {{/with}}
47
+ {{#with (lookup groups 1)}}
48
+ {{> SII93_bipolar_rows items=items rowsY=312 rowPitch=36 leftTrackX=133 leftZeroX=383 titleX=384 titleWidth=190 rightTrackX=575 rightZeroX=575 leftRawX=125 rightRawX=833 titleFontSize=13 titleFontWeight=400 leftTrackFill="url(#sii93-p2-left-track)" rightTrackFill="url(#sii93-p2-right-track)" leftActiveFill="url(#sii93-p2-left-active)" rightActiveFill="url(#sii93-p2-right-active)" leftActiveColor="#BE123C" rightActiveColor="#15803D"}}
49
+ {{> SII93_summary_card summary=summary cardY=312.5 cardHeight=131 axisY=360 pillY=401.5}}
50
+ {{/with}}
51
+ {{#with (lookup groups 2)}}
52
+ {{> SII93_bipolar_rows items=items rowsY=512 rowPitch=36 leftTrackX=133 leftZeroX=383 titleX=384 titleWidth=190 rightTrackX=575 rightZeroX=575 leftRawX=125 rightRawX=833 titleFontSize=13 titleFontWeight=400 leftTrackFill="url(#sii93-p2-left-track)" rightTrackFill="url(#sii93-p2-right-track)" leftActiveFill="url(#sii93-p2-left-active)" rightActiveFill="url(#sii93-p2-right-active)" leftActiveColor="#BE123C" rightActiveColor="#15803D"}}
53
+ {{> SII93_summary_card summary=summary cardY=512.5 cardHeight=131 axisY=560 pillY=598.5}}
54
+ {{/with}}
55
+
56
+ <g opacity="0.5" filter="url(#sii93-p2-left-split)"><line x1="383.5" y1="20.5" x2="383.5" y2="663.5" stroke="white" stroke-linecap="round"/></g>
57
+ <g opacity="0.5" filter="url(#sii93-p2-right-split)"><line x1="574.5" y1="20.5" x2="574.5" y2="663.5" stroke="white" stroke-linecap="round"/></g>
58
+
59
+ <g font-size="12" font-weight="400" fill="#94A3B8" text-anchor="middle" direction="ltr" unicode-bidi="bidi-override">
60
+ <text x="133.5" y="8">- 2</text><text x="258.5" y="8">- 1</text><text x="383.5" y="8">0</text>
61
+ <text x="574.5" y="8">0</text><text x="699.5" y="8">1</text><text x="824.5" y="8">2</text>
62
+ </g>
63
+ </g>
64
+ {{/layout}}
@@ -0,0 +1,45 @@
1
+ {{#> layout}}
2
+ <defs>
3
+ <linearGradient id="sii93-p3-left-track" x1="0" y1="0" x2="1" y2="0"><stop stop-color="#FFF1F2"/><stop offset="1" stop-color="#E2E8F0" stop-opacity="0.25"/></linearGradient>
4
+ <linearGradient id="sii93-p3-right-track" x1="0" y1="0" x2="1" y2="0"><stop stop-color="#E2E8F0" stop-opacity="0.25"/><stop offset="1" stop-color="#F0FDF4"/></linearGradient>
5
+ <linearGradient id="sii93-p3-left-active" x1="0" y1="0" x2="1" y2="0"><stop stop-color="#BE123C"/><stop offset="1" stop-color="#FECDD3"/></linearGradient>
6
+ <linearGradient id="sii93-p3-right-active" x1="0" y1="0" x2="1" y2="0"><stop stop-color="#BBF7D0"/><stop offset="1" stop-color="#15803D"/></linearGradient>
7
+ <filter id="sii93-p3-left-split" x="379" y="17" width="7" height="650" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
8
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
9
+ <feOffset dx="-1"/><feGaussianBlur stdDeviation="1.5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0"/>
10
+ <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
11
+ </filter>
12
+ <filter id="sii93-p3-right-split" x="572" y="17" width="7" height="650" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
13
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
14
+ <feOffset dx="1"/><feGaussianBlur stdDeviation="1.5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0"/>
15
+ <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
16
+ </filter>
17
+ </defs>
18
+
19
+ <g transform="translate({{spec.profile.padding.[2].x}}, {{spec.profile.padding.[2].y}})">
20
+ <g stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="6 6">
21
+ <line x1="133.5" y1="20.5" x2="133.5" y2="663.5"/><line x1="258.5" y1="20.5" x2="258.5" y2="663.5"/>
22
+ <line x1="699.5" y1="20.5" x2="699.5" y2="663.5"/><line x1="824.5" y1="20.5" x2="824.5" y2="663.5"/>
23
+ </g>
24
+
25
+ {{#with (lookup groups 0)}}
26
+ {{> SII93_bipolar_rows items=items rowsY=40 rowPitch=36 leftTrackX=133 leftZeroX=383 titleX=384 titleWidth=190 rightTrackX=575 rightZeroX=575 leftRawX=125 rightRawX=833 titleFontSize=13 titleFontWeight=400 leftTrackFill="url(#sii93-p3-left-track)" rightTrackFill="url(#sii93-p3-right-track)" leftActiveFill="url(#sii93-p3-left-active)" rightActiveFill="url(#sii93-p3-right-active)" leftActiveColor="#BE123C" rightActiveColor="#15803D"}}
27
+ {{> SII93_summary_card summary=summary cardY=40.5 cardHeight=203 axisY=124 pillY=162.5}}
28
+ {{/with}}
29
+ {{#with (lookup groups 1)}}
30
+ {{> SII93_bipolar_rows items=items rowsY=276 rowPitch=36 leftTrackX=133 leftZeroX=383 titleX=384 titleWidth=190 rightTrackX=575 rightZeroX=575 leftRawX=125 rightRawX=833 titleFontSize=13 titleFontWeight=400 leftTrackFill="url(#sii93-p3-left-track)" rightTrackFill="url(#sii93-p3-right-track)" leftActiveFill="url(#sii93-p3-left-active)" rightActiveFill="url(#sii93-p3-right-active)" leftActiveColor="#BE123C" rightActiveColor="#15803D"}}
31
+ {{> SII93_summary_card summary=summary cardY=276.5 cardHeight=203 axisY=360 pillY=406.5}}
32
+ {{/with}}
33
+ {{#with (lookup groups 2)}}
34
+ {{> SII93_bipolar_rows items=items rowsY=512 rowPitch=36 leftTrackX=133 leftZeroX=383 titleX=384 titleWidth=190 rightTrackX=575 rightZeroX=575 leftRawX=125 rightRawX=833 titleFontSize=13 titleFontWeight=400 leftTrackFill="url(#sii93-p3-left-track)" rightTrackFill="url(#sii93-p3-right-track)" leftActiveFill="url(#sii93-p3-left-active)" rightActiveFill="url(#sii93-p3-right-active)" leftActiveColor="#BE123C" rightActiveColor="#15803D"}}
35
+ {{> SII93_summary_card summary=summary cardY=512.5 cardHeight=131 axisY=560 pillY=598}}
36
+ {{/with}}
37
+
38
+ <g opacity="0.5" filter="url(#sii93-p3-left-split)"><line x1="383.5" y1="20.5" x2="383.5" y2="663.5" stroke="white" stroke-linecap="round"/></g>
39
+ <g opacity="0.5" filter="url(#sii93-p3-right-split)"><line x1="574.5" y1="20.5" x2="574.5" y2="663.5" stroke="white" stroke-linecap="round"/></g>
40
+ <g font-size="12" font-weight="400" fill="#94A3B8" text-anchor="middle" direction="ltr" unicode-bidi="bidi-override">
41
+ <text x="133.5" y="8">- 2</text><text x="258.5" y="8">- 1</text><text x="383.5" y="8">0</text>
42
+ <text x="574.5" y="8">0</text><text x="699.5" y="8">1</text><text x="824.5" y="8">2</text>
43
+ </g>
44
+ </g>
45
+ {{/layout}}
@@ -0,0 +1,74 @@
1
+ {{#> layout}}
2
+ <defs>
3
+ <linearGradient id="sii93-p4-left-track" x1="0" y1="0" x2="1" y2="0">
4
+ <stop stop-color="#FAF5FF"/>
5
+ <stop offset="1" stop-color="#E2E8F0" stop-opacity="0.25"/>
6
+ </linearGradient>
7
+ <linearGradient id="sii93-p4-right-track" x1="0" y1="0" x2="1" y2="0">
8
+ <stop stop-color="#E2E8F0" stop-opacity="0.25"/>
9
+ <stop offset="1" stop-color="#EEF2FF"/>
10
+ </linearGradient>
11
+ <linearGradient id="sii93-p4-left-active" x1="0" y1="0" x2="1" y2="0">
12
+ <stop stop-color="#7E22CE"/>
13
+ <stop offset="1" stop-color="#E9D5FF"/>
14
+ </linearGradient>
15
+ <linearGradient id="sii93-p4-right-active" x1="0" y1="0" x2="1" y2="0">
16
+ <stop stop-color="#C7D2FE"/>
17
+ <stop offset="1" stop-color="#4338CA"/>
18
+ </linearGradient>
19
+ <filter id="sii93-p4-left-split" x="323" y="17" width="7" height="654" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
20
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
21
+ <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
22
+ <feOffset dx="-1"/><feGaussianBlur stdDeviation="1.5"/><feComposite in2="hardAlpha" operator="out"/>
23
+ <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0"/>
24
+ <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
25
+ </filter>
26
+ <filter id="sii93-p4-right-split" x="476" y="17" width="7" height="654" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
27
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
28
+ <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
29
+ <feOffset dx="1"/><feGaussianBlur stdDeviation="1.5"/><feComposite in2="hardAlpha" operator="out"/>
30
+ <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0"/>
31
+ <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
32
+ </filter>
33
+ </defs>
34
+
35
+ <g transform="translate({{spec.profile.padding.[3].x}}, {{spec.profile.padding.[3].y}})">
36
+ <g stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="6 6">
37
+ <line x1="77.5" y1="20.5" x2="77.5" y2="667.5"/><line x1="202.5" y1="20.5" x2="202.5" y2="667.5"/>
38
+ <line x1="603.5" y1="20.5" x2="603.5" y2="667.5"/><line x1="728.5" y1="20.5" x2="728.5" y2="667.5"/>
39
+ </g>
40
+
41
+ {{> SII93_bipolar_rows
42
+ items=items
43
+ rowsY=40
44
+ rowPitch=128
45
+ leftTrackX=77
46
+ leftZeroX=327
47
+ titleX=328
48
+ titleWidth=150
49
+ rightTrackX=479
50
+ rightZeroX=479
51
+ leftRawX=69
52
+ rightRawX=737
53
+ titleFontSize=14
54
+ titleFontWeight=600
55
+ showDescriptions=true
56
+ leftDescriptionX=202
57
+ rightDescriptionX=604
58
+ leftTrackFill="url(#sii93-p4-left-track)"
59
+ rightTrackFill="url(#sii93-p4-right-track)"
60
+ leftActiveFill="url(#sii93-p4-left-active)"
61
+ rightActiveFill="url(#sii93-p4-right-active)"
62
+ leftActiveColor="#7E22CE"
63
+ rightActiveColor="#4338CA"
64
+ }}
65
+
66
+ <g opacity="0.5" filter="url(#sii93-p4-left-split)"><line x1="327.5" y1="20.5" x2="327.5" y2="667.5" stroke="white" stroke-linecap="round"/></g>
67
+ <g opacity="0.5" filter="url(#sii93-p4-right-split)"><line x1="478.5" y1="20.5" x2="478.5" y2="667.5" stroke="white" stroke-linecap="round"/></g>
68
+
69
+ <g font-size="12" font-weight="400" fill="#94A3B8" text-anchor="middle" direction="ltr" unicode-bidi="bidi-override">
70
+ <text x="77.5" y="8">- 2</text><text x="202.5" y="8">- 1</text><text x="327.5" y="8">0</text>
71
+ <text x="478.5" y="8">0</text><text x="603.5" y="8">1</text><text x="728.5" y="8">2</text>
72
+ </g>
73
+ </g>
74
+ {{/layout}}