@cyberskill/design 2.0.0 → 2.1.0

package/templates/marketing-press-release/MarketingPressRelease.dc.html

@@ -5,6 +5,7 @@
 <title>Marketing · Press release · CyberSkill</title>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="description" content="Marketing · Press release · CyberSkill reference in the CyberSkill Design System." />
 <meta name="omelette-owns-print" content="1">
 <script src="./support.js"></script>
 </head>
@@ -75,7 +76,7 @@ class Component extends DCLogic {
       lead:/* @generated template-literal:dictionary.vi.6c656164 */ "TP. HỒ CHÍ MINH, 18 tháng 7 năm 2026 — CyberSkill, studio phần mềm Sài Gòn đứng sau Status Hub, hôm nay mở Lumi, trợ lý tiếp nhận điều ước, cho mọi doanh nghiệp. Bất kỳ ai cũng có thể mô tả kết quả trong một câu; Lumi trả lời bằng lời khuyên thẳng thắn, rồi trao điều ước cho một đội ngũ con người cấp cao xác định phạm vi thành thật và làm để bền lâu." /* @endgenerated template-literal:dictionary.vi.6c656164 */,
       body2:/* @generated template-literal:dictionary.vi.626f647932 */ "Khác với các công cụ sinh mã dùng một lần, mọi điều ước của Lumi đều kết thúc ở con người. \u201cAI soạn nháp, con người chịu trách nhiệm về kết quả,\u201d nhà sáng lập studio nói. \u201cChúng tôi đặt tên mình lên thứ được bàn giao — điều đó thay đổi thứ bạn sẵn lòng bàn giao.\u201d" /* @endgenerated template-literal:dictionary.vi.626f647932 */,
       body3:/* @generated template-literal:dictionary.vi.626f647933 */ "Lumi song ngữ mặc định (Tiếng Việt · English), công khai khi có AI tham gia, và không bao giờ liên hệ ai khi chưa được đồng ý. Từ 2020, studio đã thực hiện hơn 40 điều ước cho các đội bán lẻ, logistics và công cụ nội bộ khắp Việt Nam." /* @endgenerated template-literal:dictionary.vi.626f647933 */,
-      glanceL:/* @generated template-literal:dictionary.vi.676c616e63654c */ "Tóm tắt" /* @endgenerated template-literal:dictionary.vi.676c616e63654c */, g1t:/* @generated template-literal:dictionary.vi.673174 */ "Ước miễn phí" /* @endgenerated template-literal:dictionary.vi.673174 */, g1b:/* @generated template-literal:dictionary.vi.673162 */ "Lời khuyên trước; không cần đăng ký để hỏi." /* @endgenerated template-literal:dictionary.vi.673162 */, g2t:/* @generated template-literal:dictionary.vi.673274 */ "Con người trong vòng lặp" /* @endgenerated template-literal:dictionary.vi.673274 */, g2b:/* @generated template-literal:dictionary.vi.673262 */ "Mọi điều ước đều có người rà soát." /* @endgenerated template-literal:dictionary.vi.673262 */, g3t:/* @generated template-literal:dictionary.vi.673374 */ "Một ngày làm việc" /* @endgenerated template-literal:dictionary.vi.673374 */, g3b:/* @generated template-literal:dictionary.vi.673362 */ "Phản hồi đầu tiên, cam kết." /* @endgenerated template-literal:dictionary.vi.673362 */,
+      glanceL:/* @generated template-literal:dictionary.vi.676c616e63654c */ "Tóm tắt" /* @endgenerated template-literal:dictionary.vi.676c616e63654c */, g1t:/* @generated template-literal:dictionary.vi.673174 */ "Ước miễn phí" /* @endgenerated template-literal:dictionary.vi.673174 */, g1b:/* @generated template-literal:dictionary.vi.673162 */ "Lời khuyên trước; không cần đăng ký để hỏi." /* @endgenerated template-literal:dictionary.vi.673162 */, g2t:/* @generated template-literal:dictionary.vi.673274 */ "Có người kiểm duyệt" /* @endgenerated template-literal:dictionary.vi.673274 */, g2b:/* @generated template-literal:dictionary.vi.673262 */ "Mọi điều ước đều có người rà soát." /* @endgenerated template-literal:dictionary.vi.673262 */, g3t:/* @generated template-literal:dictionary.vi.673374 */ "Một ngày làm việc" /* @endgenerated template-literal:dictionary.vi.673374 */, g3b:/* @generated template-literal:dictionary.vi.673362 */ "Phản hồi đầu tiên, cam kết." /* @endgenerated template-literal:dictionary.vi.673362 */,
       aboutL:/* @generated template-literal:dictionary.vi.61626f75744c */ "Về CyberSkill" /* @endgenerated template-literal:dictionary.vi.61626f75744c */, aboutP:/* @generated template-literal:dictionary.vi.61626f757450 */ "CyberSkill là studio phần mềm Sài Gòn, thành lập 2020. Khẩu hiệu: Turn Your Will Into Real — Hiện Thực Hoá Ý Chí. Một đội ngũ nhỏ, giàu kinh nghiệm, biến điều ước rõ ràng thành phần mềm chạy được và bền lâu: sản phẩm web và di động, hệ thống nội bộ, và AI tử tế. cyberskill.world" /* @endgenerated template-literal:dictionary.vi.61626f757450 */,
       mediaL:/* @generated template-literal:dictionary.vi.6d656469614c */ "Liên hệ báo chí" /* @endgenerated template-literal:dictionary.vi.6d656469614c */, place:/* @generated template-literal:dictionary.vi.706c616365 */ "Quận 1, Sài Gòn" /* @endgenerated template-literal:dictionary.vi.706c616365 */, assetsL:/* @generated template-literal:dictionary.vi.6173736574734c */ "Tư liệu: logo & ảnh Lumi khi có yêu cầu" /* @endgenerated template-literal:dictionary.vi.6173736574734c */};
     return Object.assign({ langAttr: (this.props.language ?? "English") === "Tiếng Việt" ? "vi" : "en", elAttr, vaAttr, showBoilerplate: this.props.showBoilerplate ?? true }, vn ? vi : en);

package/templates/marketing-press-release/support.js

@@ -90,7 +90,7 @@
     const R = window.React;
     return Array.from(nodes).map((node, index) => {
       const key = prefix + index;
-      if (node.nodeType === Node.TEXT_NODE) return binding(node.textContent, scope);
+      if (node.nodeType === Node.TEXT_NODE) return node.textContent.replace(/\{\{\s*([^{}]+?)\s*\}\}/g, (_, name) => String(resolveName(name.trim(), scope) ?? ''));
       if (node.nodeType !== Node.ELEMENT_NODE) return null;
       const tag = node.localName;
       const control = tag === 'template' ? node.getAttribute('data-cs-dc-control') : tag === 'sc-for' ? 'for' : tag === 'sc-if' ? 'if' : null;

package/templates/marketing-social-kit/MarketingSocialKit.dc.html

@@ -5,6 +5,7 @@
 <title>Marketing · Social post kit · CyberSkill</title>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="description" content="Marketing · Social post kit · CyberSkill reference in the CyberSkill Design System." />
 <script src="./support.js"></script>
 </head>
 <body>

package/templates/marketing-social-kit/support.js

@@ -90,7 +90,7 @@
     const R = window.React;
     return Array.from(nodes).map((node, index) => {
       const key = prefix + index;
-      if (node.nodeType === Node.TEXT_NODE) return binding(node.textContent, scope);
+      if (node.nodeType === Node.TEXT_NODE) return node.textContent.replace(/\{\{\s*([^{}]+?)\s*\}\}/g, (_, name) => String(resolveName(name.trim(), scope) ?? ''));
       if (node.nodeType !== Node.ELEMENT_NODE) return null;
       const tag = node.localName;
       const control = tag === 'template' ? node.getAttribute('data-cs-dc-control') : tag === 'sc-for' ? 'for' : tag === 'sc-if' ? 'if' : null;

package/templates/playground.html

@@ -1,22 +1,24 @@
 <!DOCTYPE html>
 <html lang="en"><head><meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="description" content="Interactive four-axis playground for CyberSkill Design System.">
 <link rel="stylesheet" href="../styles.css">
 <title>CyberSkill — playground</title>
 <style>
   body{margin:0;font-family:var(--cs-font-family-ui);background:var(--cs-color-surface-page);color:var(--cs-color-text-primary)}
-  .bar{position:sticky;top:0;z-index:10;background:color-mix(in oklab,var(--cs-color-surface-panel) 90%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--cs-color-border-default);padding:12px 24px;display:flex;gap:20px;flex-wrap:wrap;align-items:center}
-  .bar h1{font-size:15px;margin:0}.bar h1 b{color:var(--cs-color-brand-umber)}
+  .bar{position:sticky;top:1px;z-index:10;background:color-mix(in oklab,var(--cs-color-surface-panel) 90%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--cs-color-border-default);padding:12px max(24px,calc((100% - 900px)/2));display:flex;gap:20px;flex-wrap:wrap;align-items:center}
+  @media (prefers-reduced-transparency: reduce){.bar{backdrop-filter:none;background:var(--cs-color-surface-panel)}}
+  .bar h1{font-size:15px;margin:0}
   .grp{display:flex;gap:5px;align-items:center;flex-wrap:wrap}
-  .grp .k{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--cs-color-text-muted);margin-right:2px}
-  .grp button{font:inherit;font-size:11.5px;font-weight:600;padding:5px 10px;border:1px solid var(--cs-color-border-default);background:var(--cs-color-surface-panel);color:var(--cs-color-text-primary);border-radius:999px;cursor:pointer}
-  .grp button[aria-pressed="true"]{background:var(--cs-color-brand-umber);color:#fff;border-color:var(--cs-color-brand-umber)}
+  .grp .k{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--cs-color-text-muted);margin-right:2px}
+  .grp button{font:inherit;font-size:12px;font-weight:600;padding:5px 10px;min-block-size:32px;border:1px solid var(--cs-color-border-default);background:var(--cs-color-surface-panel);color:var(--cs-color-text-primary);border-radius:999px;cursor:pointer}
+  .grp button[aria-pressed="true"]{background:var(--_cs-light,var(--cs-color-brand-umber)) var(--_cs-dark,var(--cs-color-brand-ochre));color:var(--_cs-light,var(--cs-color-text-inverse)) var(--_cs-dark,var(--cs-color-brand-umber));border-color:var(--_cs-light,var(--cs-color-brand-umber)) var(--_cs-dark,var(--cs-color-brand-ochre))}
   .stage{padding:28px 24px;min-height:70vh;background:var(--cs-color-surface-page)}
   .gal{max-width:900px;margin:0 auto;display:grid;gap:16px}
   .row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
-  .panel{background:var(--cs-color-surface-panel);border:1px solid var(--cs-color-border-default);border-radius:var(--cs-radius-lg);box-shadow:var(--cs-shadow-sm);padding:18px}
+  .panel{background:var(--cs-color-surface-panel);color:var(--cs-color-text-primary);border:1px solid var(--cs-color-border-default);border-radius:var(--cs-radius-lg);box-shadow:var(--cs-shadow-xs);padding:18px}
   .swatches{display:flex;gap:6px}.sw{width:34px;height:34px;border-radius:8px;border:1px solid var(--cs-color-border-default)}
-  .lbl{font-size:10px;color:var(--cs-color-text-muted);width:100%}
+  .lbl{font-size:12px;color:var(--cs-color-text-muted);width:100%}
 </style></head>
 <body>
 <div class="bar">

package/templates/sales-one-pager/SalesOnePager.dc.html

@@ -5,6 +5,7 @@
 <title>Sales · One-pager · CyberSkill</title>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="description" content="Sales · One-pager · CyberSkill reference in the CyberSkill Design System." />
 <meta name="omelette-owns-print" content="1">
 <script src="./support.js"></script>
 </head>

package/templates/sales-one-pager/support.js

@@ -90,7 +90,7 @@
     const R = window.React;
     return Array.from(nodes).map((node, index) => {
       const key = prefix + index;
-      if (node.nodeType === Node.TEXT_NODE) return binding(node.textContent, scope);
+      if (node.nodeType === Node.TEXT_NODE) return node.textContent.replace(/\{\{\s*([^{}]+?)\s*\}\}/g, (_, name) => String(resolveName(name.trim(), scope) ?? ''));
       if (node.nodeType !== Node.ELEMENT_NODE) return null;
       const tag = node.localName;
       const control = tag === 'template' ? node.getAttribute('data-cs-dc-control') : tag === 'sc-for' ? 'for' : tag === 'sc-if' ? 'if' : null;

package/templates/sales-proposal-deck/SalesProposalDeck.dc.html

@@ -4,6 +4,7 @@
 <title>Sales · Proposal deck · CyberSkill</title>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="description" content="Sales · Proposal deck · CyberSkill reference in the CyberSkill Design System." />
 <script src="./support.js"></script>
 </head>
 <body>

package/templates/sales-proposal-deck/support.js

@@ -90,7 +90,7 @@
     const R = window.React;
     return Array.from(nodes).map((node, index) => {
       const key = prefix + index;
-      if (node.nodeType === Node.TEXT_NODE) return binding(node.textContent, scope);
+      if (node.nodeType === Node.TEXT_NODE) return node.textContent.replace(/\{\{\s*([^{}]+?)\s*\}\}/g, (_, name) => String(resolveName(name.trim(), scope) ?? ''));
       if (node.nodeType !== Node.ELEMENT_NODE) return null;
       const tag = node.localName;
       const control = tag === 'template' ? node.getAttribute('data-cs-dc-control') : tag === 'sc-for' ? 'for' : tag === 'sc-if' ? 'if' : null;

package/templates/settings/Settings.dc.html

@@ -4,6 +4,7 @@
 <title>Settings · CyberSkill</title>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="description" content="Settings · CyberSkill reference in the CyberSkill Design System." />
 <script src="./support.js"></script>
 </head>
 <body>
@@ -84,7 +85,7 @@ class Component extends DCLogic {
 const tab = this.tab;
     const vn = this.props.language === "Tiếng Việt";
     const en = { skipLabel:/* @generated template-literal:copy.skip-to-content.en */ "Skip to content" /* @endgenerated template-literal:copy.skip-to-content.en */, title:/* @generated template-literal:copy.settings.en */ "Settings" /* @endgenerated template-literal:copy.settings.en */, sub:/* @generated template-literal:dictionary.en.737562 */ "Workspace & preferences · an@cyberskill.world" /* @endgenerated template-literal:dictionary.en.737562 */, pfL:/* @generated template-literal:copy.profile.en */ "Profile" /* @endgenerated template-literal:copy.profile.en */, ntL:/* @generated template-literal:copy.notifications.en */ "Notifications" /* @endgenerated template-literal:copy.notifications.en */, profileH:/* @generated template-literal:copy.profile.en */ "Profile" /* @endgenerated template-literal:copy.profile.en */, profileP:/* @generated template-literal:dictionary.en.70726f66696c6550 */ "This is how you appear across the workspace." /* @endgenerated template-literal:dictionary.en.70726f66696c6550 */, nameL:/* @generated template-literal:dictionary.en.6e616d654c */ "Full name" /* @endgenerated template-literal:dictionary.en.6e616d654c */, emailL:/* @generated template-literal:copy.work-email.en */ "Work email" /* @endgenerated template-literal:copy.work-email.en */, squadL:/* @generated template-literal:copy.squad.en */ "Squad" /* @endgenerated template-literal:copy.squad.en */, ifaceL:/* @generated template-literal:dictionary.en.69666163654c */ "Interface language" /* @endgenerated template-literal:dictionary.en.69666163654c */, notifH:/* @generated template-literal:copy.notifications.en */ "Notifications" /* @endgenerated template-literal:copy.notifications.en */, notifP:/* @generated template-literal:dictionary.en.6e6f74696650 */ "We keep it quiet — only what you ask for." /* @endgenerated template-literal:dictionary.en.6e6f74696650 */, n1t:/* @generated template-literal:dictionary.en.6e3174 */ "Release notes" /* @endgenerated template-literal:dictionary.en.6e3174 */, n1d:/* @generated template-literal:dictionary.en.6e3164 */ "A summary each time a project ships. Bilingual." /* @endgenerated template-literal:dictionary.en.6e3164 */, n2t:/* @generated template-literal:dictionary.en.6e3274 */ "Blocked-project alerts" /* @endgenerated template-literal:dictionary.en.6e3274 */, n2d:/* @generated template-literal:dictionary.en.6e3264 */ "Get pinged when a project is blocked." /* @endgenerated template-literal:dictionary.en.6e3264 */, n3t:/* @generated template-literal:dictionary.en.6e3374 */ "Weekly velocity digest" /* @endgenerated template-literal:dictionary.en.6e3374 */, n3d:/* @generated template-literal:dictionary.en.6e3364 */ "Tasks shipped per week, every Monday morning." /* @endgenerated template-literal:dictionary.en.6e3364 */, n4t:/* @generated template-literal:dictionary.en.6e3474 */ "Quiet hours" /* @endgenerated template-literal:dictionary.en.6e3474 */, n4d:/* @generated template-literal:dictionary.en.6e3464 */ "No pings between 22:00 and 07:00 local time." /* @endgenerated template-literal:dictionary.en.6e3464 */, advT:/* @generated template-literal:dictionary.en.61647654 */ "Advanced preferences" /* @endgenerated template-literal:dictionary.en.61647654 */, advD:/* @generated template-literal:dictionary.en.61647644 */ "Digest timing and quiet hours stay here — expand only when you need them." /* @endgenerated template-literal:dictionary.en.61647644 */, dangerT:/* @generated template-literal:copy.delete-workspace.en */ "Delete workspace" /* @endgenerated template-literal:copy.delete-workspace.en */, dangerD:/* @generated template-literal:dictionary.en.64616e67657244 */ "Removes every project and release. This cannot be undone." /* @endgenerated template-literal:dictionary.en.64616e67657244 */, dangerBtn:/* @generated template-literal:copy.delete-workspace.en */ "Delete workspace" /* @endgenerated template-literal:copy.delete-workspace.en */, cancelBtn:/* @generated template-literal:dictionary.en.63616e63656c42746e */ "Cancel" /* @endgenerated template-literal:dictionary.en.63616e63656c42746e */, saveBtn:/* @generated template-literal:dictionary.en.7361766542746e */ "Save changes" /* @endgenerated template-literal:dictionary.en.7361766542746e */ };
-    const vi = { skipLabel:/* @generated template-literal:copy.skip-to-content.vi */ "Bỏ qua nội dung" /* @endgenerated template-literal:copy.skip-to-content.vi */, title:/* @generated template-literal:copy.settings.vi */ "Cài đặt" /* @endgenerated template-literal:copy.settings.vi */, sub:/* @generated template-literal:dictionary.vi.737562 */ "Không gian làm việc & tuỳ chọn · an@cyberskill.world" /* @endgenerated template-literal:dictionary.vi.737562 */, pfL:/* @generated template-literal:copy.profile.vi */ "Hồ sơ" /* @endgenerated template-literal:copy.profile.vi */, ntL:/* @generated template-literal:copy.notifications.vi */ "Thông báo" /* @endgenerated template-literal:copy.notifications.vi */, profileH:/* @generated template-literal:copy.profile.vi */ "Hồ sơ" /* @endgenerated template-literal:copy.profile.vi */, profileP:/* @generated template-literal:dictionary.vi.70726f66696c6550 */ "Đây là cách bạn hiển thị trong không gian làm việc." /* @endgenerated template-literal:dictionary.vi.70726f66696c6550 */, nameL:/* @generated template-literal:dictionary.vi.6e616d654c */ "Họ và tên" /* @endgenerated template-literal:dictionary.vi.6e616d654c */, emailL:/* @generated template-literal:copy.work-email.vi */ "Email công việc" /* @endgenerated template-literal:copy.work-email.vi */, squadL:/* @generated template-literal:copy.squad.vi */ "Nhóm" /* @endgenerated template-literal:copy.squad.vi */, ifaceL:/* @generated template-literal:dictionary.vi.69666163654c */ "Ngôn ngữ giao diện" /* @endgenerated template-literal:dictionary.vi.69666163654c */, notifH:/* @generated template-literal:copy.notifications.vi */ "Thông báo" /* @endgenerated template-literal:copy.notifications.vi */, notifP:/* @generated template-literal:dictionary.vi.6e6f74696650 */ "Chúng tôi giữ yên tĩnh — chỉ gửi thứ bạn yêu cầu." /* @endgenerated template-literal:dictionary.vi.6e6f74696650 */, n1t:/* @generated template-literal:dictionary.vi.6e3174 */ "Ghi chú phát hành" /* @endgenerated template-literal:dictionary.vi.6e3174 */, n1d:/* @generated template-literal:dictionary.vi.6e3164 */ "Bản tóm tắt mỗi khi một dự án ra mắt. Song ngữ." /* @endgenerated template-literal:dictionary.vi.6e3164 */, n2t:/* @generated template-literal:dictionary.vi.6e3274 */ "Cảnh báo dự án bị chặn" /* @endgenerated template-literal:dictionary.vi.6e3274 */, n2d:/* @generated template-literal:dictionary.vi.6e3264 */ "Được báo khi một dự án bị chặn." /* @endgenerated template-literal:dictionary.vi.6e3264 */, n3t:/* @generated template-literal:dictionary.vi.6e3374 */ "Tóm tắt tốc độ tuần" /* @endgenerated template-literal:dictionary.vi.6e3374 */, n3d:/* @generated template-literal:dictionary.vi.6e3364 */ "Số task giao mỗi tuần, sáng thứ Hai." /* @endgenerated template-literal:dictionary.vi.6e3364 */, n4t:/* @generated template-literal:dictionary.vi.6e3474 */ "Giờ yên tĩnh" /* @endgenerated template-literal:dictionary.vi.6e3474 */, n4d:/* @generated template-literal:dictionary.vi.6e3464 */ "Không ping từ 22:00 đến 07:00 theo giờ địa phương." /* @endgenerated template-literal:dictionary.vi.6e3464 */, advT:/* @generated template-literal:dictionary.vi.61647654 */ "Tuỳ chọn nâng cao" /* @endgenerated template-literal:dictionary.vi.61647654 */, advD:/* @generated template-literal:dictionary.vi.61647644 */ "Thời gian tóm tắt và giờ yên tĩnh nằm ở đây — chỉ mở khi bạn cần." /* @endgenerated template-literal:dictionary.vi.61647644 */, dangerT:/* @generated template-literal:copy.delete-workspace.vi */ "Xoá không gian làm việc" /* @endgenerated template-literal:copy.delete-workspace.vi */, dangerD:/* @generated template-literal:dictionary.vi.64616e67657244 */ "Xoá mọi dự án và bản phát hành. Không thể hoàn tác." /* @endgenerated template-literal:dictionary.vi.64616e67657244 */, dangerBtn:/* @generated template-literal:copy.delete-workspace.vi */ "Xoá không gian làm việc" /* @endgenerated template-literal:copy.delete-workspace.vi */, cancelBtn:/* @generated template-literal:dictionary.vi.63616e63656c42746e */ "Huỷ" /* @endgenerated template-literal:dictionary.vi.63616e63656c42746e */, saveBtn:/* @generated template-literal:dictionary.vi.7361766542746e */ "Lưu thay đổi" /* @endgenerated template-literal:dictionary.vi.7361766542746e */ };
+    const vi = { skipLabel:/* @generated template-literal:copy.skip-to-content.vi */ "Bỏ qua đến nội dung" /* @endgenerated template-literal:copy.skip-to-content.vi */, title:/* @generated template-literal:copy.settings.vi */ "Cài đặt" /* @endgenerated template-literal:copy.settings.vi */, sub:/* @generated template-literal:dictionary.vi.737562 */ "Không gian làm việc & tuỳ chọn · an@cyberskill.world" /* @endgenerated template-literal:dictionary.vi.737562 */, pfL:/* @generated template-literal:copy.profile.vi */ "Hồ sơ" /* @endgenerated template-literal:copy.profile.vi */, ntL:/* @generated template-literal:copy.notifications.vi */ "Thông báo" /* @endgenerated template-literal:copy.notifications.vi */, profileH:/* @generated template-literal:copy.profile.vi */ "Hồ sơ" /* @endgenerated template-literal:copy.profile.vi */, profileP:/* @generated template-literal:dictionary.vi.70726f66696c6550 */ "Đây là cách bạn hiển thị trong không gian làm việc." /* @endgenerated template-literal:dictionary.vi.70726f66696c6550 */, nameL:/* @generated template-literal:dictionary.vi.6e616d654c */ "Họ và tên" /* @endgenerated template-literal:dictionary.vi.6e616d654c */, emailL:/* @generated template-literal:copy.work-email.vi */ "Email công việc" /* @endgenerated template-literal:copy.work-email.vi */, squadL:/* @generated template-literal:copy.squad.vi */ "Nhóm" /* @endgenerated template-literal:copy.squad.vi */, ifaceL:/* @generated template-literal:dictionary.vi.69666163654c */ "Ngôn ngữ giao diện" /* @endgenerated template-literal:dictionary.vi.69666163654c */, notifH:/* @generated template-literal:copy.notifications.vi */ "Thông báo" /* @endgenerated template-literal:copy.notifications.vi */, notifP:/* @generated template-literal:dictionary.vi.6e6f74696650 */ "Chúng tôi giữ yên tĩnh — chỉ gửi thứ bạn yêu cầu." /* @endgenerated template-literal:dictionary.vi.6e6f74696650 */, n1t:/* @generated template-literal:dictionary.vi.6e3174 */ "Ghi chú phát hành" /* @endgenerated template-literal:dictionary.vi.6e3174 */, n1d:/* @generated template-literal:dictionary.vi.6e3164 */ "Bản tóm tắt mỗi khi một dự án ra mắt. Song ngữ." /* @endgenerated template-literal:dictionary.vi.6e3164 */, n2t:/* @generated template-literal:dictionary.vi.6e3274 */ "Cảnh báo dự án bị chặn" /* @endgenerated template-literal:dictionary.vi.6e3274 */, n2d:/* @generated template-literal:dictionary.vi.6e3264 */ "Được báo khi một dự án bị chặn." /* @endgenerated template-literal:dictionary.vi.6e3264 */, n3t:/* @generated template-literal:dictionary.vi.6e3374 */ "Tóm tắt tốc độ tuần" /* @endgenerated template-literal:dictionary.vi.6e3374 */, n3d:/* @generated template-literal:dictionary.vi.6e3364 */ "Số task giao mỗi tuần, sáng thứ Hai." /* @endgenerated template-literal:dictionary.vi.6e3364 */, n4t:/* @generated template-literal:dictionary.vi.6e3474 */ "Giờ yên tĩnh" /* @endgenerated template-literal:dictionary.vi.6e3474 */, n4d:/* @generated template-literal:dictionary.vi.6e3464 */ "Không ping từ 22:00 đến 07:00 theo giờ địa phương." /* @endgenerated template-literal:dictionary.vi.6e3464 */, advT:/* @generated template-literal:dictionary.vi.61647654 */ "Tuỳ chọn nâng cao" /* @endgenerated template-literal:dictionary.vi.61647654 */, advD:/* @generated template-literal:dictionary.vi.61647644 */ "Thời gian tóm tắt và giờ yên tĩnh nằm ở đây — chỉ mở khi bạn cần." /* @endgenerated template-literal:dictionary.vi.61647644 */, dangerT:/* @generated template-literal:copy.delete-workspace.vi */ "Xoá không gian làm việc" /* @endgenerated template-literal:copy.delete-workspace.vi */, dangerD:/* @generated template-literal:dictionary.vi.64616e67657244 */ "Xoá mọi dự án và bản phát hành. Không thể hoàn tác." /* @endgenerated template-literal:dictionary.vi.64616e67657244 */, dangerBtn:/* @generated template-literal:copy.delete-workspace.vi */ "Xoá không gian làm việc" /* @endgenerated template-literal:copy.delete-workspace.vi */, cancelBtn:/* @generated template-literal:dictionary.vi.63616e63656c42746e */ "Huỷ" /* @endgenerated template-literal:dictionary.vi.63616e63656c42746e */, saveBtn:/* @generated template-literal:dictionary.vi.7361766542746e */ "Lưu thay đổi" /* @endgenerated template-literal:dictionary.vi.7361766542746e */ };
     const t = vn ? vi : en;
     return Object.assign({ langAttr: (this.props.language ?? "English") === "Tiếng Việt" ? "vi" : "en", elAttr, vaAttr, rootTheme: this.props.theme === "dark" ? "dark" : "", tab, isProfile: tab === "profile", isNotifications: tab === "notifications",
       tabs: [{ value: "profile", label: t.pfL }, { value: "notifications", label: t.ntL }],

package/templates/settings/support.js

@@ -90,7 +90,7 @@
     const R = window.React;
     return Array.from(nodes).map((node, index) => {
       const key = prefix + index;
-      if (node.nodeType === Node.TEXT_NODE) return binding(node.textContent, scope);
+      if (node.nodeType === Node.TEXT_NODE) return node.textContent.replace(/\{\{\s*([^{}]+?)\s*\}\}/g, (_, name) => String(resolveName(name.trim(), scope) ?? ''));
       if (node.nodeType !== Node.ELEMENT_NODE) return null;
       const tag = node.localName;
       const control = tag === 'template' ? node.getAttribute('data-cs-dc-control') : tag === 'sc-for' ? 'for' : tag === 'sc-if' ? 'if' : null;

package/templates/slide-deck/SlideDeck.dc.html

@@ -5,6 +5,7 @@
 <title>Slide deck · CyberSkill</title>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="description" content="Slide deck · CyberSkill reference in the CyberSkill Design System." />
 <script src="./support.js"></script>
 </head>
 <body>

package/templates/slide-deck/support.js

@@ -90,7 +90,7 @@
     const R = window.React;
     return Array.from(nodes).map((node, index) => {
       const key = prefix + index;
-      if (node.nodeType === Node.TEXT_NODE) return binding(node.textContent, scope);
+      if (node.nodeType === Node.TEXT_NODE) return node.textContent.replace(/\{\{\s*([^{}]+?)\s*\}\}/g, (_, name) => String(resolveName(name.trim(), scope) ?? ''));
       if (node.nodeType !== Node.ELEMENT_NODE) return null;
       const tag = node.localName;
       const control = tag === 'template' ? node.getAttribute('data-cs-dc-control') : tag === 'sc-for' ? 'for' : tag === 'sc-if' ? 'if' : null;

package/templates/team-meeting-agenda/TeamMeetingAgenda.dc.html

@@ -5,6 +5,7 @@
 <title>Team · Meeting agenda · CyberSkill</title>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="description" content="Team · Meeting agenda · CyberSkill reference in the CyberSkill Design System." />
 <meta name="omelette-owns-print" content="1">
 <script src="./support.js"></script>
 </head>

package/templates/team-meeting-agenda/support.js

@@ -90,7 +90,7 @@
     const R = window.React;
     return Array.from(nodes).map((node, index) => {
       const key = prefix + index;
-      if (node.nodeType === Node.TEXT_NODE) return binding(node.textContent, scope);
+      if (node.nodeType === Node.TEXT_NODE) return node.textContent.replace(/\{\{\s*([^{}]+?)\s*\}\}/g, (_, name) => String(resolveName(name.trim(), scope) ?? ''));
       if (node.nodeType !== Node.ELEMENT_NODE) return null;
       const tag = node.localName;
       const control = tag === 'template' ? node.getAttribute('data-cs-dc-control') : tag === 'sc-for' ? 'for' : tag === 'sc-if' ? 'if' : null;

package/templates/tech-incident-report/TechIncidentReport.dc.html

@@ -4,6 +4,7 @@
 <title>Tech · Incident report · CyberSkill</title>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="description" content="Tech · Incident report · CyberSkill reference in the CyberSkill Design System." />
 <script src="./support.js"></script>
 </head>
 <body>

package/templates/tech-incident-report/support.js

@@ -90,7 +90,7 @@
     const R = window.React;
     return Array.from(nodes).map((node, index) => {
       const key = prefix + index;
-      if (node.nodeType === Node.TEXT_NODE) return binding(node.textContent, scope);
+      if (node.nodeType === Node.TEXT_NODE) return node.textContent.replace(/\{\{\s*([^{}]+?)\s*\}\}/g, (_, name) => String(resolveName(name.trim(), scope) ?? ''));
       if (node.nodeType !== Node.ELEMENT_NODE) return null;
       const tag = node.localName;
       const control = tag === 'template' ? node.getAttribute('data-cs-dc-control') : tag === 'sc-for' ? 'for' : tag === 'sc-if' ? 'if' : null;

package/templates/tech-release-notes/support.js

@@ -90,7 +90,7 @@
     const R = window.React;
     return Array.from(nodes).map((node, index) => {
       const key = prefix + index;
-      if (node.nodeType === Node.TEXT_NODE) return binding(node.textContent, scope);
+      if (node.nodeType === Node.TEXT_NODE) return node.textContent.replace(/\{\{\s*([^{}]+?)\s*\}\}/g, (_, name) => String(resolveName(name.trim(), scope) ?? ''));
       if (node.nodeType !== Node.ELEMENT_NODE) return null;
       const tag = node.localName;
       const control = tag === 'template' ? node.getAttribute('data-cs-dc-control') : tag === 'sc-for' ? 'for' : tag === 'sc-if' ? 'if' : null;

package/templates/tech-retro/TechRetro.dc.html

@@ -5,6 +5,7 @@
 <title>Tech · Sprint retro · CyberSkill</title>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="description" content="Tech · Sprint retro · CyberSkill reference in the CyberSkill Design System." />
 <meta name="omelette-owns-print" content="1">
 <script src="./support.js"></script>
 </head>

package/templates/tech-retro/support.js

@@ -90,7 +90,7 @@
     const R = window.React;
     return Array.from(nodes).map((node, index) => {
       const key = prefix + index;
-      if (node.nodeType === Node.TEXT_NODE) return binding(node.textContent, scope);
+      if (node.nodeType === Node.TEXT_NODE) return node.textContent.replace(/\{\{\s*([^{}]+?)\s*\}\}/g, (_, name) => String(resolveName(name.trim(), scope) ?? ''));
       if (node.nodeType !== Node.ELEMENT_NODE) return null;
       const tag = node.localName;
       const control = tag === 'template' ? node.getAttribute('data-cs-dc-control') : tag === 'sc-for' ? 'for' : tag === 'sc-if' ? 'if' : null;

package/templates/tech-rfc/TechRfc.dc.html

@@ -4,6 +4,7 @@
 <title>Tech · RFC / design doc · CyberSkill</title>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="description" content="Tech · RFC / design doc · CyberSkill reference in the CyberSkill Design System." />
 <script src="./support.js"></script>
 </head>
 <body>
@@ -76,7 +77,7 @@ class Component extends DCLogic {
       ctxH:/* @generated template-literal:dictionary.vi.63747848 */ "Bối cảnh" /* @endgenerated template-literal:dictionary.vi.63747848 */,
       ctxP:/* @generated template-literal:dictionary.vi.63747850 */ "Hôm nay token thiết kế chỉ xuất ra CSS. Các đội native (Swift/Kotlin) và Flutter phải chép tay giá trị, dẫn đến sai lệch. Chúng tôi đề xuất một nguồn DTCG duy nhất biên dịch ra mọi nền tảng kèm nguồn gốc." /* @endgenerated template-literal:dictionary.vi.63747850 */,
       propH:/* @generated template-literal:dictionary.vi.70726f7048 */ "Đề xuất" /* @endgenerated template-literal:dictionary.vi.70726f7048 */, toH:/* @generated template-literal:dictionary.vi.746f48 */ "Đánh đổi" /* @endgenerated template-literal:dictionary.vi.746f48 */,
-      gainsT:/* @generated template-literal:dictionary.vi.6761696e7354 */ "Được gì" /* @endgenerated template-literal:dictionary.vi.6761696e7354 */, gainsB:/* @generated template-literal:dictionary.vi.6761696e7342 */ "Một nguồn sự thật duy nhất; JSON nguồn gốc cho mỗi token; không còn chép tay giữa các nền tảng." /* @endgenerated template-literal:dictionary.vi.6761696e7342 */,
+      gainsT:/* @generated template-literal:dictionary.vi.6761696e7354 */ "Được gì" /* @endgenerated template-literal:dictionary.vi.6761696e7354 */, gainsB:/* @generated template-literal:dictionary.vi.6761696e7342 */ "Một nguồn dữ liệu chuẩn duy nhất; JSON nguồn gốc cho mỗi token; không còn chép tay giữa các nền tảng." /* @endgenerated template-literal:dictionary.vi.6761696e7342 */,
       costsT:/* @generated template-literal:dictionary.vi.636f73747354 */ "Mất gì (thẳng thắn)" /* @endgenerated template-literal:dictionary.vi.636f73747354 */, costsB:/* @generated template-literal:dictionary.vi.636f73747342 */ "Thêm một bước build và thời gian làm quen DTCG. Chuyển đổi 159 token tốn khoảng một sprint làm cẩn thận." /* @endgenerated template-literal:dictionary.vi.636f73747342 */,
       rollH:/* @generated template-literal:dictionary.vi.726f6c6c48 */ "Triển khai" /* @endgenerated template-literal:dictionary.vi.726f6c6c48 */,
       steps: [ { title:"Duyệt RFC" }, { title:"Thử nghiệm: màu" }, { title:"Toàn bộ 159 token" }, { title:"Ngừng chép tay" } ]};

package/templates/tech-rfc/support.js

@@ -90,7 +90,7 @@
     const R = window.React;
     return Array.from(nodes).map((node, index) => {
       const key = prefix + index;
-      if (node.nodeType === Node.TEXT_NODE) return binding(node.textContent, scope);
+      if (node.nodeType === Node.TEXT_NODE) return node.textContent.replace(/\{\{\s*([^{}]+?)\s*\}\}/g, (_, name) => String(resolveName(name.trim(), scope) ?? ''));
       if (node.nodeType !== Node.ELEMENT_NODE) return null;
       const tag = node.localName;
       const control = tag === 'template' ? node.getAttribute('data-cs-dc-control') : tag === 'sc-for' ? 'for' : tag === 'sc-if' ? 'if' : null;

package/templates/vn-appointment-transfer/support.js

@@ -90,7 +90,7 @@
     const R = window.React;
     return Array.from(nodes).map((node, index) => {
       const key = prefix + index;
-      if (node.nodeType === Node.TEXT_NODE) return binding(node.textContent, scope);
+      if (node.nodeType === Node.TEXT_NODE) return node.textContent.replace(/\{\{\s*([^{}]+?)\s*\}\}/g, (_, name) => String(resolveName(name.trim(), scope) ?? ''));
       if (node.nodeType !== Node.ELEMENT_NODE) return null;
       const tag = node.localName;
       const control = tag === 'template' ? node.getAttribute('data-cs-dc-control') : tag === 'sc-for' ? 'for' : tag === 'sc-if' ? 'if' : null;

package/templates/vn-certificate-of-employment/support.js

@@ -90,7 +90,7 @@
     const R = window.React;
     return Array.from(nodes).map((node, index) => {
       const key = prefix + index;
-      if (node.nodeType === Node.TEXT_NODE) return binding(node.textContent, scope);
+      if (node.nodeType === Node.TEXT_NODE) return node.textContent.replace(/\{\{\s*([^{}]+?)\s*\}\}/g, (_, name) => String(resolveName(name.trim(), scope) ?? ''));
       if (node.nodeType !== Node.ELEMENT_NODE) return null;
       const tag = node.localName;
       const control = tag === 'template' ? node.getAttribute('data-cs-dc-control') : tag === 'sc-for' ? 'for' : tag === 'sc-if' ? 'if' : null;

package/templates/vn-code-of-conduct/support.js

@@ -90,7 +90,7 @@
     const R = window.React;
     return Array.from(nodes).map((node, index) => {
       const key = prefix + index;
-      if (node.nodeType === Node.TEXT_NODE) return binding(node.textContent, scope);
+      if (node.nodeType === Node.TEXT_NODE) return node.textContent.replace(/\{\{\s*([^{}]+?)\s*\}\}/g, (_, name) => String(resolveName(name.trim(), scope) ?? ''));
       if (node.nodeType !== Node.ELEMENT_NODE) return null;
       const tag = node.localName;
       const control = tag === 'template' ? node.getAttribute('data-cs-dc-control') : tag === 'sc-for' ? 'for' : tag === 'sc-if' ? 'if' : null;

package/templates/vn-compensation-regulation/support.js

@@ -90,7 +90,7 @@
     const R = window.React;
     return Array.from(nodes).map((node, index) => {
       const key = prefix + index;
-      if (node.nodeType === Node.TEXT_NODE) return binding(node.textContent, scope);
+      if (node.nodeType === Node.TEXT_NODE) return node.textContent.replace(/\{\{\s*([^{}]+?)\s*\}\}/g, (_, name) => String(resolveName(name.trim(), scope) ?? ''));
       if (node.nodeType !== Node.ELEMENT_NODE) return null;
       const tag = node.localName;
       const control = tag === 'template' ? node.getAttribute('data-cs-dc-control') : tag === 'sc-for' ? 'for' : tag === 'sc-if' ? 'if' : null;

package/templates/vn-contract-amendment/support.js

@@ -90,7 +90,7 @@
     const R = window.React;
     return Array.from(nodes).map((node, index) => {
       const key = prefix + index;
-      if (node.nodeType === Node.TEXT_NODE) return binding(node.textContent, scope);
+      if (node.nodeType === Node.TEXT_NODE) return node.textContent.replace(/\{\{\s*([^{}]+?)\s*\}\}/g, (_, name) => String(resolveName(name.trim(), scope) ?? ''));
       if (node.nodeType !== Node.ELEMENT_NODE) return null;
       const tag = node.localName;
       const control = tag === 'template' ? node.getAttribute('data-cs-dc-control') : tag === 'sc-for' ? 'for' : tag === 'sc-if' ? 'if' : null;

package/templates/vn-contractor-agreement/support.js

@@ -90,7 +90,7 @@
     const R = window.React;
     return Array.from(nodes).map((node, index) => {
       const key = prefix + index;
-      if (node.nodeType === Node.TEXT_NODE) return binding(node.textContent, scope);
+      if (node.nodeType === Node.TEXT_NODE) return node.textContent.replace(/\{\{\s*([^{}]+?)\s*\}\}/g, (_, name) => String(resolveName(name.trim(), scope) ?? ''));
       if (node.nodeType !== Node.ELEMENT_NODE) return null;
       const tag = node.localName;
       const control = tag === 'template' ? node.getAttribute('data-cs-dc-control') : tag === 'sc-for' ? 'for' : tag === 'sc-if' ? 'if' : null;

package/templates/vn-data-protection-policy/support.js

@@ -90,7 +90,7 @@
     const R = window.React;
     return Array.from(nodes).map((node, index) => {
       const key = prefix + index;
-      if (node.nodeType === Node.TEXT_NODE) return binding(node.textContent, scope);
+      if (node.nodeType === Node.TEXT_NODE) return node.textContent.replace(/\{\{\s*([^{}]+?)\s*\}\}/g, (_, name) => String(resolveName(name.trim(), scope) ?? ''));
       if (node.nodeType !== Node.ELEMENT_NODE) return null;
       const tag = node.localName;
       const control = tag === 'template' ? node.getAttribute('data-cs-dc-control') : tag === 'sc-for' ? 'for' : tag === 'sc-if' ? 'if' : null;

package/templates/vn-disciplinary-case-file/support.js

@@ -90,7 +90,7 @@
     const R = window.React;
     return Array.from(nodes).map((node, index) => {
       const key = prefix + index;
-      if (node.nodeType === Node.TEXT_NODE) return binding(node.textContent, scope);
+      if (node.nodeType === Node.TEXT_NODE) return node.textContent.replace(/\{\{\s*([^{}]+?)\s*\}\}/g, (_, name) => String(resolveName(name.trim(), scope) ?? ''));
       if (node.nodeType !== Node.ELEMENT_NODE) return null;
       const tag = node.localName;
       const control = tag === 'template' ? node.getAttribute('data-cs-dc-control') : tag === 'sc-for' ? 'for' : tag === 'sc-if' ? 'if' : null;

package/templates/vn-disciplinary-schedule/VnDisciplinarySchedule.dc.html

@@ -5,6 +5,7 @@
 <title>HR Suite · Bảng xử lý kỷ luật lao động — Disciplinary Schedule · CyberSkill</title>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="description" content="HR Suite · Bảng xử lý kỷ luật lao động — Disciplinary Schedule · CyberSkill reference in the CyberSkill Design System." />
 <meta name="omelette-owns-print" content="1">
 <script src="./support.js"></script>
 </head>

package/templates/vn-disciplinary-schedule/support.js

@@ -90,7 +90,7 @@
     const R = window.React;
     return Array.from(nodes).map((node, index) => {
       const key = prefix + index;
-      if (node.nodeType === Node.TEXT_NODE) return binding(node.textContent, scope);
+      if (node.nodeType === Node.TEXT_NODE) return node.textContent.replace(/\{\{\s*([^{}]+?)\s*\}\}/g, (_, name) => String(resolveName(name.trim(), scope) ?? ''));
       if (node.nodeType !== Node.ELEMENT_NODE) return null;
       const tag = node.localName;
       const control = tag === 'template' ? node.getAttribute('data-cs-dc-control') : tag === 'sc-for' ? 'for' : tag === 'sc-if' ? 'if' : null;

package/templates/vn-employee-request/support.js

@@ -90,7 +90,7 @@
     const R = window.React;
     return Array.from(nodes).map((node, index) => {
       const key = prefix + index;
-      if (node.nodeType === Node.TEXT_NODE) return binding(node.textContent, scope);
+      if (node.nodeType === Node.TEXT_NODE) return node.textContent.replace(/\{\{\s*([^{}]+?)\s*\}\}/g, (_, name) => String(resolveName(name.trim(), scope) ?? ''));
       if (node.nodeType !== Node.ELEMENT_NODE) return null;
       const tag = node.localName;
       const control = tag === 'template' ? node.getAttribute('data-cs-dc-control') : tag === 'sc-for' ? 'for' : tag === 'sc-if' ? 'if' : null;

package/templates/vn-exit-handover/support.js

@@ -90,7 +90,7 @@
     const R = window.React;
     return Array.from(nodes).map((node, index) => {
       const key = prefix + index;
-      if (node.nodeType === Node.TEXT_NODE) return binding(node.textContent, scope);
+      if (node.nodeType === Node.TEXT_NODE) return node.textContent.replace(/\{\{\s*([^{}]+?)\s*\}\}/g, (_, name) => String(resolveName(name.trim(), scope) ?? ''));
       if (node.nodeType !== Node.ELEMENT_NODE) return null;
       const tag = node.localName;
       const control = tag === 'template' ? node.getAttribute('data-cs-dc-control') : tag === 'sc-for' ? 'for' : tag === 'sc-if' ? 'if' : null;

package/templates/vn-foreign-employee-pack/VnForeignEmployeePack.dc.html

@@ -5,6 +5,7 @@
 <title>HR Suite · Hồ sơ lao động người nước ngoài — Foreign Employee Work Permit Pack · CyberSkill</title>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="description" content="HR Suite · Hồ sơ lao động người nước ngoài — Foreign Employee Work Permit Pack · CyberSkill reference in the CyberSkill Design System." />
 <meta name="omelette-owns-print" content="1">
 <script src="./support.js"></script>
 </head>

package/templates/vn-foreign-employee-pack/support.js

@@ -90,7 +90,7 @@
     const R = window.React;
     return Array.from(nodes).map((node, index) => {
       const key = prefix + index;
-      if (node.nodeType === Node.TEXT_NODE) return binding(node.textContent, scope);
+      if (node.nodeType === Node.TEXT_NODE) return node.textContent.replace(/\{\{\s*([^{}]+?)\s*\}\}/g, (_, name) => String(resolveName(name.trim(), scope) ?? ''));
       if (node.nodeType !== Node.ELEMENT_NODE) return null;
       const tag = node.localName;
       const control = tag === 'template' ? node.getAttribute('data-cs-dc-control') : tag === 'sc-for' ? 'for' : tag === 'sc-if' ? 'if' : null;

package/templates/vn-framework-agreement/support.js

@@ -90,7 +90,7 @@
     const R = window.React;
     return Array.from(nodes).map((node, index) => {
       const key = prefix + index;
-      if (node.nodeType === Node.TEXT_NODE) return binding(node.textContent, scope);
+      if (node.nodeType === Node.TEXT_NODE) return node.textContent.replace(/\{\{\s*([^{}]+?)\s*\}\}/g, (_, name) => String(resolveName(name.trim(), scope) ?? ''));
       if (node.nodeType !== Node.ELEMENT_NODE) return null;
       const tag = node.localName;
       const control = tag === 'template' ? node.getAttribute('data-cs-dc-control') : tag === 'sc-for' ? 'for' : tag === 'sc-if' ? 'if' : null;

package/templates/vn-grassroots-democracy/support.js

@@ -90,7 +90,7 @@
     const R = window.React;
     return Array.from(nodes).map((node, index) => {
       const key = prefix + index;
-      if (node.nodeType === Node.TEXT_NODE) return binding(node.textContent, scope);
+      if (node.nodeType === Node.TEXT_NODE) return node.textContent.replace(/\{\{\s*([^{}]+?)\s*\}\}/g, (_, name) => String(resolveName(name.trim(), scope) ?? ''));
       if (node.nodeType !== Node.ELEMENT_NODE) return null;
       const tag = node.localName;
       const control = tag === 'template' ? node.getAttribute('data-cs-dc-control') : tag === 'sc-for' ? 'for' : tag === 'sc-if' ? 'if' : null;

package/templates/vn-infosec-policy/support.js

@@ -90,7 +90,7 @@
     const R = window.React;
     return Array.from(nodes).map((node, index) => {
       const key = prefix + index;
-      if (node.nodeType === Node.TEXT_NODE) return binding(node.textContent, scope);
+      if (node.nodeType === Node.TEXT_NODE) return node.textContent.replace(/\{\{\s*([^{}]+?)\s*\}\}/g, (_, name) => String(resolveName(name.trim(), scope) ?? ''));
       if (node.nodeType !== Node.ELEMENT_NODE) return null;
       const tag = node.localName;
       const control = tag === 'template' ? node.getAttribute('data-cs-dc-control') : tag === 'sc-for' ? 'for' : tag === 'sc-if' ? 'if' : null;

package/templates/vn-internal-labor-regulations/support.js

@@ -90,7 +90,7 @@
     const R = window.React;
     return Array.from(nodes).map((node, index) => {
       const key = prefix + index;
-      if (node.nodeType === Node.TEXT_NODE) return binding(node.textContent, scope);
+      if (node.nodeType === Node.TEXT_NODE) return node.textContent.replace(/\{\{\s*([^{}]+?)\s*\}\}/g, (_, name) => String(resolveName(name.trim(), scope) ?? ''));
       if (node.nodeType !== Node.ELEMENT_NODE) return null;
       const tag = node.localName;
       const control = tag === 'template' ? node.getAttribute('data-cs-dc-control') : tag === 'sc-for' ? 'for' : tag === 'sc-if' ? 'if' : null;

package/templates/vn-internship-agreement/support.js

@@ -90,7 +90,7 @@
     const R = window.React;
     return Array.from(nodes).map((node, index) => {
       const key = prefix + index;
-      if (node.nodeType === Node.TEXT_NODE) return binding(node.textContent, scope);
+      if (node.nodeType === Node.TEXT_NODE) return node.textContent.replace(/\{\{\s*([^{}]+?)\s*\}\}/g, (_, name) => String(resolveName(name.trim(), scope) ?? ''));
       if (node.nodeType !== Node.ELEMENT_NODE) return null;
       const tag = node.localName;
       const control = tag === 'template' ? node.getAttribute('data-cs-dc-control') : tag === 'sc-for' ? 'for' : tag === 'sc-if' ? 'if' : null;

package/templates/vn-job-description/support.js

@@ -90,7 +90,7 @@
     const R = window.React;
     return Array.from(nodes).map((node, index) => {
       const key = prefix + index;
-      if (node.nodeType === Node.TEXT_NODE) return binding(node.textContent, scope);
+      if (node.nodeType === Node.TEXT_NODE) return node.textContent.replace(/\{\{\s*([^{}]+?)\s*\}\}/g, (_, name) => String(resolveName(name.trim(), scope) ?? ''));
       if (node.nodeType !== Node.ELEMENT_NODE) return null;
       const tag = node.localName;
       const control = tag === 'template' ? node.getAttribute('data-cs-dc-control') : tag === 'sc-for' ? 'for' : tag === 'sc-if' ? 'if' : null;

package/templates/vn-labor-contract/support.js

@@ -90,7 +90,7 @@
     const R = window.React;
     return Array.from(nodes).map((node, index) => {
       const key = prefix + index;
-      if (node.nodeType === Node.TEXT_NODE) return binding(node.textContent, scope);
+      if (node.nodeType === Node.TEXT_NODE) return node.textContent.replace(/\{\{\s*([^{}]+?)\s*\}\}/g, (_, name) => String(resolveName(name.trim(), scope) ?? ''));
       if (node.nodeType !== Node.ELEMENT_NODE) return null;
       const tag = node.localName;
       const control = tag === 'template' ? node.getAttribute('data-cs-dc-control') : tag === 'sc-for' ? 'for' : tag === 'sc-if' ? 'if' : null;

package/templates/vn-labour-management-book/VnLabourManagementBook.dc.html

@@ -5,6 +5,7 @@
 <title>HR Suite · Sổ quản lý lao động — Labour Management Book · CyberSkill</title>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="description" content="HR Suite · Sổ quản lý lao động — Labour Management Book · CyberSkill reference in the CyberSkill Design System." />
 <meta name="omelette-owns-print" content="1">
 <script src="./support.js"></script>
 </head>

package/templates/vn-labour-management-book/support.js

@@ -90,7 +90,7 @@
     const R = window.React;
     return Array.from(nodes).map((node, index) => {
       const key = prefix + index;
-      if (node.nodeType === Node.TEXT_NODE) return binding(node.textContent, scope);
+      if (node.nodeType === Node.TEXT_NODE) return node.textContent.replace(/\{\{\s*([^{}]+?)\s*\}\}/g, (_, name) => String(resolveName(name.trim(), scope) ?? ''));
       if (node.nodeType !== Node.ELEMENT_NODE) return null;
       const tag = node.localName;
       const control = tag === 'template' ? node.getAttribute('data-cs-dc-control') : tag === 'sc-for' ? 'for' : tag === 'sc-if' ? 'if' : null;

package/templates/vn-mutual-nda/support.js

@@ -90,7 +90,7 @@
     const R = window.React;
     return Array.from(nodes).map((node, index) => {
       const key = prefix + index;
-      if (node.nodeType === Node.TEXT_NODE) return binding(node.textContent, scope);
+      if (node.nodeType === Node.TEXT_NODE) return node.textContent.replace(/\{\{\s*([^{}]+?)\s*\}\}/g, (_, name) => String(resolveName(name.trim(), scope) ?? ''));
       if (node.nodeType !== Node.ELEMENT_NODE) return null;
       const tag = node.localName;
       const control = tag === 'template' ? node.getAttribute('data-cs-dc-control') : tag === 'sc-for' ? 'for' : tag === 'sc-if' ? 'if' : null;

package/templates/vn-ndnca-ip/support.js

@@ -90,7 +90,7 @@
     const R = window.React;
     return Array.from(nodes).map((node, index) => {
       const key = prefix + index;
-      if (node.nodeType === Node.TEXT_NODE) return binding(node.textContent, scope);
+      if (node.nodeType === Node.TEXT_NODE) return node.textContent.replace(/\{\{\s*([^{}]+?)\s*\}\}/g, (_, name) => String(resolveName(name.trim(), scope) ?? ''));
       if (node.nodeType !== Node.ELEMENT_NODE) return null;
       const tag = node.localName;
       const control = tag === 'template' ? node.getAttribute('data-cs-dc-control') : tag === 'sc-for' ? 'for' : tag === 'sc-if' ? 'if' : null;

package/templates/vn-offer-letter/support.js

@@ -90,7 +90,7 @@
     const R = window.React;
     return Array.from(nodes).map((node, index) => {
       const key = prefix + index;
-      if (node.nodeType === Node.TEXT_NODE) return binding(node.textContent, scope);
+      if (node.nodeType === Node.TEXT_NODE) return node.textContent.replace(/\{\{\s*([^{}]+?)\s*\}\}/g, (_, name) => String(resolveName(name.trim(), scope) ?? ''));
       if (node.nodeType !== Node.ELEMENT_NODE) return null;
       const tag = node.localName;
       const control = tag === 'template' ? node.getAttribute('data-cs-dc-control') : tag === 'sc-for' ? 'for' : tag === 'sc-if' ? 'if' : null;