@baravak/risloo-profile-cli 4.46.2 → 4.70.0

package/src/samples/PIES9A.js

@@ -24,6 +24,10 @@ const customConfig = {
 // This profile is partially identical to PIES93
 
 class PIES9A extends PIES93 {
+  static partials = {
+    PIES93: "samples/PIES93.hbs",
+  };
+
   constructor(dataset, options, config = customConfig) {
     super(dataset, options, config);
   }

package/src/samples/PMCIEF93.js

@@ -1,12 +1,18 @@
 const { Profile, FS } = require("../Profile");
 const JPFQ93 = require("./JPFQ93");
 const FACES93 = require("./FACES93");
-const Handlebars = require("handlebars");
 
 class PMCIEF93 extends Profile {
   // Number of pages
   static pages = 1;
 
+  static partials = {
+    JPFQ93_partial: "samples/JPFQ93_partial.hbs",
+    FACES93_1_partial: "samples/FACES93_1_partial.hbs",
+    FACES93_2_1_partial: "samples/FACES93_2_1_partial.hbs",
+    FACES93_2_2_partial: "samples/FACES93_2_2_partial.hbs",
+  };
+
   // Labels of the sample
   labels = {
     L1 : {"eng" : "axis_2_raw", "fr" : ""},

package/src/samples/PSWQ93.js

@@ -19,7 +19,7 @@ class PSWQ93 extends Profile {
       multiProfile: false /* Whether the sample has multiple profiles or not */,
       questions: false /* Determines whether to get questions from inital dataset or not */,
       defaultFields: true /* Determines whether to have default prerequisites in the profile or not */,
-      fields: ["marital_status"] /* In case you want to get some additional fields and show in the profile */,
+      fields: [] /* In case you want to get some additional fields and show in the profile */,
     },
     /* "profile" determines the dimensions of the drawn profile (to be used in svg tag viewbox) */
     /* calculating its dimensions carefully is of great importance */

package/src/samples/RIASEC93.js

@@ -23,7 +23,7 @@ class RIASEC93 extends Profile {
       multiProfile: false /* Whether the sample has multiple profiles or not */,
       questions: true /* Determines whether to get questions from inital dataset or not */,
       defaultFields: true /* Determines whether to have default prerequisites in the profile or not */,
-      fields: ["marital_status"] /* In case you want to get some additional fields and show in the profile */,
+      fields: [] /* In case you want to get some additional fields and show in the profile */,
     },
     /* "profile" determines the dimensions of the drawn profile (to be used in svg tag viewbox) */
     /* calculating its dimensions carefully is of great importance */

package/src/samples/RIASEC9A.js

@@ -0,0 +1,256 @@
+const { Profile, Mappings } = require("../Profile");
+
+class RIASEC9A extends Profile {
+  // Number of pages
+  static pages = 3;
+
+  // Labels of the sample
+  labels = {
+    L1_0: { eng: "realistic_raw", fr: "واقع‌گرا", short: "و", enShort:"R" },
+    L1_1: { eng: "realistic_percentage" },
+    L1_2: { eng: "realistic_rank" },
+    L1_3: { eng: "realistic_congruence" },
+    L1_4: { eng: "realistic_calibrated" },
+    L2_0: { eng: "investigative_raw", fr: "جستجوگر", short: "ج", enShort:"I" },
+    L2_1: { eng: "investigative_percentage" },
+    L2_2: { eng: "investigative_rank" },
+    L2_3: { eng: "investigative_congruence" },
+    L2_4: { eng: "investigative_calibrated" },
+    L3_0: { eng: "artistic_raw", fr: "هنری", short: "هـ", enShort:"A" },
+    L3_1: { eng: "artistic_percentage" },
+    L3_2: { eng: "artistic_rank" },
+    L3_3: { eng: "artistic_congruence" },
+    L3_4: { eng: "artistic_calibrated" },
+    L4_0: { eng: "social_raw", fr: "اجتماعی", short: "الف", enShort:"S" },
+    L4_1: { eng: "social_percentage" },
+    L4_2: { eng: "social_rank" },
+    L4_3: { eng: "social_congruence" },
+    L4_4: { eng: "social_calibrated" },
+    L5_0: { eng: "enterprising_raw", fr: "متهور", short: "م", enShort:"E" },
+    L5_1: { eng: "enterprising_percentage" },
+    L5_2: { eng: "enterprising_rank" },
+    L5_3: { eng: "enterprising_congruence" },
+    L5_4: { eng: "enterprising_calibrated" },
+    L6_0: { eng: "conventional_raw", fr: "قراردادی", short: "ق", enShort:"C" },
+    L6_1: { eng: "conventional_percentage" },
+    L6_2: { eng: "conventional_rank" },
+    L6_3: { eng: "conventional_congruence" },
+    L6_4: { eng: "conventional_calibrated" },
+    Llt: { eng: "code_letters_abbr" },
+    
+  };
+
+  profileSpec = {
+    /* "sample" determines some important info about the sample and profile */
+    /* Default prerequisites: 1. gender, 2. age, 3. education */
+    /* "prerequisites" is synonym to "fields" in our program */
+    sample: {
+      name: "پرسشنامه رغبت‌سنج تحصیلی - شغلی هالند - ویرایش حوزه" /* Name of the sample */,
+      multiProfile: false /* Whether the sample has multiple profiles or not */,
+      questions: true /* Determines whether to get questions from inital dataset or not */,
+      defaultFields: true /* Determines whether to have default prerequisites in the profile or not */,
+      fields: [] /* In case you want to get some additional fields and show in the profile */,
+    },
+    /* "profile" determines the dimensions of the drawn profile (to be used in svg tag viewbox) */
+    /* calculating its dimensions carefully is of great importance */
+    profile: {
+      get dimensions() {
+        return [
+          {
+            width: 602 + 2 * this.padding[0].x,
+            height: 595 + 2 * this.padding[0].y,
+          },
+          {
+            width: 592 + 2 * this.padding[1].x,
+            height: 523 + 2 * this.padding[1].y,
+          },
+          {
+            width: 686 + 2 * this.padding[2].x,
+            height: 404 + 2 * this.padding[2].y,
+          },
+        ];
+      },
+      padding: [
+        {
+          x: 0,
+          y: 51,
+        },
+        {
+          x: 147,
+          y: 96,
+        },
+        {
+          x: 109,
+          y: 155,
+        },
+      ],
+    },
+    /* "items" is the general term used for independent data elements to be drawn in the profile */
+    items: {
+      offsetY: 32 /* Horizontal offset between two top items */,
+      get distanceY() {
+        return this.offsetY + this.rect.body.height;
+      } /* Horizontal distance between two top items */,
+      maxValue: 50 /* Maximum value of items */,
+      rect: {
+        base: {
+          height: 4,
+        },
+        body: {
+          height: 8,
+          brs: {
+            tl: 0,
+            tr: 4,
+            bl: 0,
+            br: 0,
+          },
+        },
+        widthCoeff: 500 / 56,
+        opacityMappings: new Mappings()
+          .addMapping("1-10", 0.6)
+          .addMapping("11-20", 0.7)
+          .addMapping("21-30", 0.8)
+          .addMapping("31-40", 0.9)
+          .addMapping("41-50", 1) /* Opacity mapping for marks */,
+      },
+    },
+    /* "labels" part which has to be provided for each profile */
+    labels: Object.values(this.labels),
+  };
+
+  constructor(dataset, options, config = {}) {
+    super();
+    this._init(dataset, options, config);
+  }
+
+  _calcContext() {
+    const {
+      spec: { parameters: spec },
+      dataset,
+    } = this;
+
+    // Deconstructing the Spec of the Profile
+    const { items: itemsSpec } = spec;
+    const Items = [];
+    for (let i = 0; i < 30; i += 5) {
+      const item = dataset.score[i];
+      item.percentage = dataset.score[i + 1].mark ?? 0;
+      item.rank = dataset.score[i + 2].mark ?? 0;
+      item.congruence = dataset.score[i + 3].mark ?? 0;
+      item.calibrated = dataset.score[i + 4].mark ?? 0;
+      Items.push(item);
+    }
+    const map = new Map(Items.map(i => [i.label.enShort, i.label.short]))
+    const reportMap = dataset.score[30].mark.split('-').map(r => {
+      return r.split(',').map(key => map.get(key)).join(' - ')
+    }).reverse()
+    // Gathering required info for page 1 items
+    const items = Items.map((data) => ({
+      label: data.label,
+      mark: data.mark,
+      width: data.mark * itemsSpec.rect.widthCoeff,
+      opacity: itemsSpec.rect.opacityMappings.map(data.mark),
+      percentage: data.percentage,
+      rank: data.rank,
+      congruence: data.congruence,
+      calibrated: data.calibrated,
+    }));
+    const questionItems = [
+      {
+        label: "فعالیت‌ها",
+        marks: Array(6)
+          .fill(11)
+          .map((n, index) =>
+            dataset.questions
+              .slice(index * n, (index + 1) * n)
+              .reduce((sum, { user_answered }) => sum + (+user_answered !== 2 ? 1 : 0), 0)
+          ),
+      },
+      {
+        label: "تجربه‌ها",
+        marks: Array(6)
+          .fill(11)
+          .map((n, index) =>
+            dataset.questions
+              .slice(66 + index * n, 66 + (index + 1) * n)
+              .reduce((sum, { user_answered }) => sum + (+user_answered !== 2 ? 1 : 0), 0)
+          ),
+      },
+      {
+        label: "مشاغل",
+        marks: Array(6)
+          .fill(14)
+          .map((n, index) =>
+            dataset.questions
+              .slice(132 + index * n, 132 + (index + 1) * n)
+              .reduce((sum, { user_answered }) => sum + (+user_answered !== 2 ? 1 : 0), 0)
+          ),
+      },
+      {
+        label: "خودسنجی ۱",
+        marks: dataset.questions.slice(216, 216 + 6).map((q) => +q.user_answered),
+      },
+      {
+        label: "خودسنجی ۲",
+        marks: dataset.questions.slice(222, 222 + 6).map((q) => +q.user_answered),
+      },
+    ];
+    const itemObject = {};
+    let last = undefined;
+    const list = items
+      .map((item) => item.mark)
+      .sort((a, b) => b - a)
+      .filter((mark, i) => {
+        if (i <= 2) {
+          last = mark;
+          return true;
+        }
+        if (mark === last) {
+          return true;
+        } else {
+          return false;
+        }
+      });
+    items.forEach((item) => (itemObject[item.label.eng.slice(0, -4)] = item));
+    const itemRadians = [
+      itemObject.artistic,
+      itemObject.social,
+      itemObject.enterprising,
+      itemObject.conventional,
+      itemObject.realistic,
+      itemObject.investigative,
+    ].map((item, i) => {
+      const mark = ((item.mark ?? 0) * 207) / 56;
+      item.rad = pointsToCoordinates(mark - 14, i * 60);
+      item.bold = list.includes(item.mark);
+      item.percentageText = Math.floor(item.percentage * 100);
+      return item;
+    });
+    return [
+      {
+        items: [...items].sort((item1, item2) => item2.mark - item1.mark),
+        questionItems,
+        titleAppend: " - ۱",
+      },
+      {
+        itemRadians,
+        titleAppend: " - ۲",
+      },
+      {
+        items: [...items].reverse(),
+        reportMap,
+        titleAppend: " - ۳",
+      },
+    ];
+  }
+}
+
+function pointsToCoordinates(mark, angle) {
+  angle = (angle * Math.PI) / 180;
+  const start = [296 + 31 * Math.cos(angle), 261.5 + 31 * Math.sin(angle)];
+  const end = [start[0] + mark * Math.cos(angle), start[1] + mark * Math.sin(angle)];
+  const value = [end[0] + 12 * Math.cos(angle), end[1] + 12 * Math.sin(angle)];
+  return { start, end, value };
+}
+
+module.exports = RIASEC9A;

package/src/samples/RSI93.js

@@ -0,0 +1,89 @@
+const { Profile } = require("../Profile");
+
+class RSI93 extends Profile {
+  static pages = 1;
+
+  // RSI93 — "تصور از خدا" (خسروی). Chart has two halves:
+  //   • Left  : two mirrored donut-ring gauges (pink = negative image, green = positive image).
+  //   • Right : two horizontal bars (god_in_life, god_cares) — the two sub-factors whose
+  //             sum is the positive-image score (per the designer).
+  // Maxes = items × 5 (scoring/RSI93.py → round(raw / (count·5), 2)):
+  //   negative_image 6→30, positive_image 21→105, god_in_life 11→55, god_cares 10→50.
+  // Each factor exposes _raw + _percentage; we read raw for the "X از Y" fraction and the
+  // 0–1 percentage for the fill sweep + the "٪ NN" label (designer: "محاسبه با درصد").
+  labels = {
+    L1_1: { eng: "negative_image_raw", max: 30 },
+    L1_2: { eng: "negative_image_percentage" },
+
+    L2_1: { eng: "positive_image_raw", max: 105 },
+    L2_2: { eng: "positive_image_percentage" },
+
+    L3_1: { eng: "god_in_life_raw", max: 55, title: "حضور خدا در زندگی" },
+    L3_2: { eng: "god_in_life_percentage" },
+
+    L4_1: { eng: "god_cares_raw", max: 50, title: "مراقبت خداوند" },
+    L4_2: { eng: "god_cares_percentage" },
+  };
+
+  profileSpec = {
+    sample: {
+      name: "پرسشنامه تصور از خدا (خسروی)",
+      multiProfile: false,
+      questions: false,
+      defaultFields: true,
+      fields: [],
+    },
+    profile: {
+      get dimensions() {
+        return {
+          width: 740 + 2 * this.padding.x, // Chart layer 740 wide  → 943 page
+          height: 318 + 2 * this.padding.y, // Chart layer 318 tall  → 754 page
+        };
+      },
+      padding: {
+        x: 101.5, // (943 − 740) / 2
+        y: 218, //   (754 − 318) / 2
+      },
+    },
+    labels: Object.values(this.labels),
+  };
+
+  constructor(dataset, options, config = {}) {
+    super();
+    this._init(dataset, options, config);
+  }
+
+  _calcContext() {
+    const { dataset } = this;
+    const s = dataset.score;
+
+    const neg = packItem(s[0], s[1]); // negative image → left ring (pink)
+    const pos = packItem(s[2], s[3]); // positive image → right ring (green)
+
+    // Ring fill sweep. Both rings: 0 % at the bottom base (90°), 100 % at the top.
+    //   • Left ring  fills clockwise up the LEFT  (increasing θ): zeta = π/2 + p·π (direction false).
+    //   • Right ring fills counter-cw up the RIGHT (decreasing θ): zeta = π/2 − p·π (direction true).
+    neg.zeta = Math.PI / 2 + neg.p * Math.PI;
+    pos.zeta = Math.PI / 2 - pos.p * Math.PI;
+
+    const bars = [
+      packItem(s[4], s[5]), // god_in_life
+      packItem(s[6], s[7]), // god_cares
+    ];
+
+    return [{ neg, pos, bars }];
+  }
+}
+
+// Merge a factor's _raw and _percentage score entries into one drawing item.
+function packItem(raw, percentage) {
+  return {
+    label: raw.label,
+    max: raw.label.max,
+    mark: raw.mark ?? 0,
+    percentage: Math.round((percentage.mark ?? 0) * 100),
+    p: percentage.mark ?? 0,
+  };
+}
+
+module.exports = RSI93;

package/src/samples/SASQ93.js

@@ -19,7 +19,7 @@ class SASQ93 extends Profile {
       multiProfile: false /* Whether the sample has multiple profiles or not */,
       questions: false /* Determines whether to get questions from inital dataset or not */,
       defaultFields: true /* Determines whether to have default prerequisites in the profile or not */,
-      fields: ["marital_status"] /* In case you want to get some additional fields and show in the profile */,
+      fields: [] /* In case you want to get some additional fields and show in the profile */,
     },
     /* "profile" determines the dimensions of the drawn profile (to be used in svg tag viewbox) */
     /* calculating its dimensions carefully is of great importance */

package/src/samples/SDCAQ93.js

@@ -23,7 +23,7 @@ class SDCAQ93 extends Profile {
       multiProfile: false /* Whether the sample has multiple profiles or not */,
       questions: false /* Determines whether to get questions from inital dataset or not */,
       defaultFields: true /* Determines whether to have default prerequisites in the profile or not */,
-      fields: ["marital_status"] /* In case you want to get some additional fields and show in the profile */,
+      fields: [] /* In case you want to get some additional fields and show in the profile */,
     },
     /* "profile" determines the dimensions of the drawn profile (to be used in svg tag viewbox) */
     /* calculating its dimensions carefully is of great importance */

package/src/samples/STAIY93.js

@@ -19,7 +19,7 @@ class STAIY93 extends Profile {
       multiProfile: false /* Whether the sample has multiple profiles or not */,
       questions: false /* Determines whether to get questions from inital dataset or not */,
       defaultFields: true /* Determines whether to have default prerequisites in the profile or not */,
-      fields: ["marital_status"] /* In case you want to get some additional fields and show in the profile */,
+      fields: [] /* In case you want to get some additional fields and show in the profile */,
     },
     /* "profile" determines the dimensions of the drawn profile (to be used in svg tag viewbox) */
     /* calculating its dimensions carefully is of great importance */

package/src/samples/WAQ93.js

@@ -25,7 +25,7 @@ class WAQ93 extends Profile {
       multiProfile: false /* Whether the sample has multiple profiles or not */,
       questions: false /* Determines whether to get questions from inital dataset or not */,
       defaultFields: true /* Determines whether to have default prerequisites in the profile or not */,
-      fields: ["marital_status"] /* In case you want to get some additional fields and show in the profile */,
+      fields: [] /* In case you want to get some additional fields and show in the profile */,
     },
     /* "profile" determines the dimensions of the drawn profile (to be used in svg tag viewbox) */
     /* calculating its dimensions carefully is of great importance */

package/src/samples/YBOCS93.js

@@ -398,7 +398,7 @@ class YBOCS93 extends Profile {
       multiProfile: true /* Whether the sample has multiple profiles or not */,
       questions: true /* Determines whether to get questions from inital dataset or not */,
       defaultFields: true /* Determines whether to have default prerequisites in the profile or not */,
-      fields: ["marital_status"] /* In case you want to get some additional fields and show in the profile */,
+      fields: [] /* In case you want to get some additional fields and show in the profile */,
     },
     /* "profile" determines the dimensions of the drawn profile (to be used in svg tag viewbox) */
     /* calculating its dimensions carefully is of great importance */

package/src/samples/YPI93.js

@@ -3,6 +3,10 @@ class YPI93 extends Profile {
   // Number of pages
   static pages = 2;
 
+  static partials = {
+    YPI93_factors: "samples/YPI93_factors.hbs",
+  };
+
   // Labels of the sample
     labels = {
     L1_fs: { eng: "ab_father_score", group: 1},
@@ -347,4 +351,4 @@ const Items = {
     60:f15,61:f15,62:f15,63:f15,64:f15,
     65:f16,66:f16,67:f16,68:f16,
     69:f17,70:f17,71:f17,72:f17
-}
+}

package/views/profiles/NEO_long_facets.hbs

@@ -0,0 +1,125 @@
+<defs>
+  <linearGradient id="neoLongPrimary" x1="0" y1="0" x2="1" y2="0">
+    <stop stop-color="{{colors.light}}"/>
+    <stop offset="1" stop-color="{{colors.dark}}"/>
+  </linearGradient>
+  <linearGradient id="neoLongSecondary" x1="0" y1="0" x2="1" y2="0">
+    <stop stop-color="#C7D2FE"/>
+    <stop offset="1" stop-color="#4338CA"/>
+  </linearGradient>
+  <clipPath id="neoLongBarClip">
+    {{bar trackW 16 (object tl=0 bl=0 tr=2 br=2) (toRad 0)}}
+  </clipPath>
+  <filter id="neoLongSplit" x="352" y="{{math gridTop '-' 3.5}}" width="7" height="{{math (math gridBottom '-' gridTop) '+' 7}}" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+    <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"/>
+    <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"/>
+    <feBlend mode="normal" in2="BackgroundImageFix" result="effect1"/>
+    <feBlend mode="normal" in="SourceGraphic" in2="effect1" result="shape"/>
+  </filter>
+</defs>
+
+<g transform="translate({{padding.x}}, {{padding.y}})">
+  {{#if tAxis}}
+    <text x="374.5" y="9" font-size="12" font-weight="400" fill="#94A3B8" text-anchor="middle">20</text>
+    <text x="464.5" y="9" font-size="12" font-weight="400" fill="#94A3B8" text-anchor="middle">35</text>
+    <text x="524.5" y="9" font-size="12" font-weight="400" fill="#94A3B8" text-anchor="middle">45</text>
+    <text x="584.5" y="9" font-size="12" font-weight="400" fill="#94A3B8" text-anchor="middle">55</text>
+    <text x="644.5" y="9" font-size="12" font-weight="400" fill="#94A3B8" text-anchor="middle">65</text>
+    <text x="734.5" y="9" font-size="12" font-weight="400" fill="#94A3B8" text-anchor="middle">80</text>
+
+    <text x="419.5" y="23" font-size="12" font-weight="400" fill="#94A3B8" text-anchor="middle">بسیار پایین</text>
+    <text x="494.5" y="23" font-size="12" font-weight="400" fill="#94A3B8" text-anchor="middle">پایین</text>
+    <text x="554.5" y="23" font-size="12" font-weight="400" fill="#94A3B8" text-anchor="middle">طبیعی</text>
+    <text x="614.5" y="23" font-size="12" font-weight="400" fill="#94A3B8" text-anchor="middle">بالا</text>
+    <text x="689.5" y="23" font-size="12" font-weight="400" fill="#94A3B8" text-anchor="middle">بسیار بالا</text>
+  {{else}}
+    <text x="354.5" y="14" font-size="12" font-weight="400" fill="#94A3B8" text-anchor="middle">0</text>
+    <text x="504.5" y="14" font-size="12" font-weight="400" fill="#94A3B8" text-anchor="middle">50 ٪</text>
+    <text x="654.5" y="14" font-size="12" font-weight="400" fill="#94A3B8" text-anchor="start">100 ٪</text>
+  {{/if}}
+
+  <text x="{{rawCenter}}" y="9" font-size="12" font-weight="400" fill="#64748B" text-anchor="middle">نمره خام</text>
+  <text x="{{rawCenter}}" y="23" font-size="12" font-weight="400" fill="#64748B" text-anchor="middle">از 32</text>
+
+  {{#each blocks as |block blockIndex|}}
+    <g transform="translate(0, {{math blockIndex '*' 204}})">
+      {{#if block.isBlue}}
+        <rect y="{{../cardY}}" width="811" height="188" rx="8" fill="#F8FAFC"/>
+        <g transform="translate(0, {{../cardY}})">
+          {{bar 180 188 (object tr=0 br=0 tl=8 bl=8) (toRad 0) fill='#F1F5F9'}}
+        </g>
+      {{/if}}
+
+      <text x="90" y="{{math ../cardY '+' 48}}" dy=".3em" font-size="12" font-weight="500" fill="#64748B" text-anchor="middle">{{block.letter}}</text>
+      <text x="90" y="{{math ../cardY '+' 68}}" dy=".3em" font-size="15" font-weight="500" fill="#334155" text-anchor="middle">{{block.fa}}</text>
+      <rect x="50" y="{{math ../cardY '+' 88.5}}" width="80" height="1" rx="0.5" fill="#E2E8F0"/>
+      <rect x="{{../domainChipX}}" y="{{math ../cardY '+' 101.5}}" width="{{../domainChipW}}" height="20" rx="4" fill="{{ternary block.isBlue ../colors.accent '#4F46E5'}}"/>
+      {{#if ../tAxis}}
+        <text x="90" y="{{math ../cardY '+' 112}}" dy=".3em" font-size="14" font-weight="600" fill="white" text-anchor="middle">{{block.score}}</text>
+      {{else}}
+        <text x="90" y="{{math ../cardY '+' 112}}" dy=".3em" font-size="14" font-weight="600" fill="white" text-anchor="middle">{{block.percentage}} ٪</text>
+      {{/if}}
+      <text x="90" y="{{math ../cardY '+' 138}}" dy=".3em" text-anchor="middle"><tspan font-size="15" font-weight="500" fill="#334155">{{block.mark}}</tspan><tspan font-size="13" font-weight="500" fill="#64748B"> از 192</tspan></text>
+
+    </g>
+  {{/each}}
+
+  {{#if tAxis}}
+    <line x1="374.5" y1="{{gridTop}}" x2="374.5" y2="{{gridBottom}}" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="6 6"/>
+    <line x1="464.5" y1="{{gridTop}}" x2="464.5" y2="{{gridBottom}}" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="6 6"/>
+    <line x1="524.5" y1="{{gridTop}}" x2="524.5" y2="{{gridBottom}}" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="6 6"/>
+    <line x1="584.5" y1="{{gridTop}}" x2="584.5" y2="{{gridBottom}}" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="6 6"/>
+    <line x1="644.5" y1="{{gridTop}}" x2="644.5" y2="{{gridBottom}}" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="6 6"/>
+    <line x1="734.5" y1="{{gridTop}}" x2="734.5" y2="{{gridBottom}}" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="6 6"/>
+  {{else}}
+    <line x1="429.5" y1="{{gridTop}}" x2="429.5" y2="{{gridBottom}}" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="6 6"/>
+    <line x1="504.5" y1="{{gridTop}}" x2="504.5" y2="{{gridBottom}}" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="6 6"/>
+    <line x1="579.5" y1="{{gridTop}}" x2="579.5" y2="{{gridBottom}}" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="6 6"/>
+    <line x1="654.5" y1="{{gridTop}}" x2="654.5" y2="{{gridBottom}}" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="6 6"/>
+  {{/if}}
+
+  {{#each blocks as |block blockIndex|}}
+    <g transform="translate(0, {{math blockIndex '*' 204}})">
+      <g transform="translate(0, {{block.facetOffsetY}})">
+        {{#each block.facets as |facet facetIndex|}}
+          <g transform="translate(0, {{math facetIndex '*' 28}})">
+            <g transform="translate(355, {{math ../../cardY '+' 16}})">
+              {{bar ../../trackW 16 (object tl=0 bl=0 tr=2 br=2) (toRad 0) fill='#E2E8F0' fill-opacity='0.5'}}
+            </g>
+            <text x="348" y="{{math ../../cardY '+' 24}}" dy=".3em" font-size="13" font-weight="400" fill="#475569" text-anchor="start">{{facet.fa}}</text>
+            <rect x="{{../../rawX}}" y="{{math ../../cardY '+' 16.5}}" width="35" height="15" rx="3.5" stroke="{{ternary block.isBlue ../../colors.stroke '#818CF8'}}" fill="none"/>
+            <text x="{{../../rawCenter}}" y="{{math ../../cardY '+' 24}}" dy=".3em" font-size="13" font-weight="500" fill="{{ternary block.isBlue ../../colors.accent '#4F46E5'}}" text-anchor="middle">{{facet.mark}}</text>
+            {{#unless ../../tAxis}}
+              <text x="{{../../levelX}}" y="{{math ../../cardY '+' 24}}" dy=".3em" font-size="12" font-weight="400" fill="#64748B" text-anchor="middle">{{facet.levelText}}</text>
+            {{/unless}}
+          </g>
+        {{/each}}
+      </g>
+    </g>
+  {{/each}}
+
+  {{#each blocks as |block blockIndex|}}
+    <g transform="translate(0, {{math blockIndex '*' 204}})">
+      <g transform="translate(0, {{block.facetOffsetY}})">
+        {{#each block.facets as |facet facetIndex|}}
+          <g transform="translate(355, {{math (math facetIndex '*' 28) '+' (math ../../cardY '+' 16)}})">
+            {{bar facet.barW 16 (object tl=0 bl=0 tr=2 br=2) (toRad 0) fill=(ternary block.isBlue 'url(#neoLongPrimary)' 'url(#neoLongSecondary)') clip-path='url(#neoLongBarClip)'}}
+            {{#if ../../tAxis}}
+              <text x="{{math facet.barW '+' (ternary facet.inside -4 6)}}" y="8" dy=".3em" font-size="13" font-weight="500" fill="{{ternary facet.inside 'white' (ternary block.isBlue ../../colors.dark '#4338CA')}}" text-anchor="{{ternary facet.inside 'start' 'end'}}">{{facet.score}}</text>
+            {{else}}
+              <text x="{{math facet.barW '+' (ternary (boolean facet.percentage '<' 24) 6 -4)}}" y="8" dy=".3em" font-size="13" font-weight="500" fill="{{ternary (boolean facet.percentage '<' 24) (ternary block.isBlue ../../colors.dark '#4338CA') 'white'}}" text-anchor="{{ternary (boolean facet.percentage '<' 24) 'end' 'start'}}">{{facet.percentage}} ٪</text>
+            {{/if}}
+          </g>
+        {{/each}}
+      </g>
+    </g>
+  {{/each}}
+
+  <g opacity="0.5" filter="url(#neoLongSplit)">
+    <line x1="354.5" y1="{{gridTop}}" x2="354.5" y2="{{gridBottom}}" stroke="white" stroke-linecap="round"/>
+  </g>
+</g>