jekyll-theme-centos 2.52.0.beta.104 → 2.52.0.beta.106

data/_includes/base/highlight.html.liquid

@@ -1,31 +1,7 @@
 {% comment %}
-================================================================================
-Template: Highlight.js Code Syntax Highlighting Component
-Purpose: Loads Highlight.js from a CDN to color code blocks in the browser.
-
-This template only loads the JS library. It never loads a CSS theme file —
-the colors come from this site's own theme, _highlight-theme.scss, already
-part of the compiled stylesheet. It also doesn't add a copy button; that's
-base/highlight.js's job, which wraps every code block (plain Markdown or
-one built with base/preview.html.liquid) in the same toolbar, reusing the
-site-wide `.copy-btn` handler (src/JS/copyvalue.js).
-
-Cdnjs's default build covers about 40 common languages. A block whose
-language isn't in that build renders as plain, uncolored text instead of
-erroring. Load any other language by setting
-with_highlight_data.languages.<id>: true in a page's front matter — see
-src/YAML/highlight_schema.yml for the full list of language ids.
-
-Optional Inputs:
-- data: Highlight.js configuration object — version, script_integrity,
-  and languages (see above)
-
-Data Source Hierarchy (priority):
-1. include.data
-2. page.with_highlight_data
-3. site.data.highlight
-4. site.data.base.highlight
-================================================================================
+highlight: loads Highlight.js, any enabled language modules, and the theme script that frames each code block.
+Data: include.data > page.with_highlight_data > site.data.highlight > site.data.base.highlight
+Schema: src/YAML/highlight_schema.yml
 {% endcomment %}
 
 {%- assign with_highlight = include.with_highlight
@@ -45,17 +21,9 @@ Data Source Hierarchy (priority):
 {%- assign highlight_version    = with_highlight_data.version          | default: with_highlight_schema.version.default %}
 {%- assign highlight_script_sri = with_highlight_data.script_integrity | default: with_highlight_schema.script_integrity.default %}
 
-<!-- Highlight.js Library -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/{{ highlight_version }}/highlight.min.js" integrity="{{ highlight_script_sri }}" crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
 
-{%- comment %}
-Optional per-language modules. Each script tag must come after the core
-library above, so its `hljs.registerLanguage` call has a global `hljs` to
-register against. A language's toggle lives in with_highlight_data.languages,
-set in a page's front matter. Its SRI hash comes from the schema's own
-x_integrity map — a page only names the languages it wants, never their
-hashes.
-{%- endcomment %}
+{%- comment %} Language modules load after the core library so hljs.registerLanguage finds a global hljs; their SRI hashes come from the schema's x_integrity map. {%- endcomment %}
 {%- assign highlight_languages   = with_highlight_data.languages %}
 {%- assign language_integrity    = with_highlight_schema.languages.properties.x_integrity.properties %}
 {%- if highlight_languages %}
@@ -68,7 +36,6 @@ hashes.
   {%- endfor %}
 {%- endif %}
 
-<!-- Initialize Highlight.js and wrap code blocks in the shared preview toolbar -->
 <script src="{{ site.baseurl }}/assets/js/base/highlight.min.js" defer></script>
 
 {%- endif %}

data/_includes/base/image.html.liquid

@@ -1,25 +1,6 @@
 {% comment %}
-================================================================================
-Template: Figure Image Component
-Purpose: Renders responsive images in semantic HTML figure elements
-with optional links and captions.
-================================================================================
-
-Required Inputs:
-- file: Image filename (relative to /assets/img/)
-- alt: Alt text for accessibility
-
-Optional Inputs:
-- link: URL to wrap image in a link
-- caption: Caption text for <figcaption>
-- extraclasses: Additional CSS classes for image element
-
-Features:
-- Semantic HTML with <figure> and <figcaption> elements
-- Responsive images with img-fluid Bootstrap class
-- Figure ID generated from alt text (slugified)
-- Lazy loading enabled by default
-================================================================================
+image: renders an image in a figure, optionally linked and captioned.
+Schema: src/YAML/image_schema.yml
 {% endcomment %}
 
 {% if include.alt %}
@@ -37,6 +18,8 @@ Features:
     <img loading="lazy" src="{{ site.baseurl }}/assets/img/{{ include.file }}" class="figure-img img-fluid rounded{% if include.extraclasses %} {{ include.extraclasses }}{% endif %}" alt="{{ include.alt }}"/>
   {% endif %}
   {% if include.caption %}
-    <figcaption class="figure-caption text-center">{{ include.caption }}</figcaption>
+    {%- comment %} The pinned Liquid has no remove_last, so split/join drops the trailing "</p>" markdownify adds. {% endcomment %}
+    {%- assign image_caption_html = include.caption | markdownify | strip | remove_first: "<p>" | split: "</p>" | join: "</p>" | strip %}
+    <figcaption class="figure-caption text-center">{{ image_caption_html }}</figcaption>
   {% endif %}
 </figure>

data/_includes/base/link.html.liquid

@@ -1,56 +1,19 @@
 {% comment %}
-================================================================================
-Template: Link Component
-Purpose: Renders HTML anchor tags with icons, styling, and accessibility.
-Handles internal/external links and anchor navigation.
-================================================================================
-
-Design Logic:
-- Flexible link resolution for internal and external URLs
-- Optional icon integration with positioning control
-- Customizable styling through color schemes or CSS classes
-- Built-in accessibility support via ARIA attributes
-- Anchor generation from link name when no URL provided
-
-Required Inputs:
-- name: Display text for the link
-
-Optional Inputs:
-- link: URL (internal/external). Omit to generate anchor from name.
-- target: Link target (default: unset). Use '_blank' for new window.
-- color: Color scheme (default: 'primary')
-- icon: Icon class (Font Awesome or similar)
-- icon_position: Icon placement: 'start' (default) or 'end'
-- class: Custom CSS classes to override default styling
-- aria_label: Accessible label for screen readers
-- role: ARIA role attribute
-- data_bs_toggle: Bootstrap toggle ('tooltip' or 'popover')
-- data_bs_title: Bootstrap tooltip/popover text content
-- data_bs_content: Bootstrap popover body text (required when data_bs_toggle is 'popover')
-- data_bs_placement: Bootstrap tooltip/popover placement ('top', 'bottom', 'start', 'end')
-- data_bs_trigger: Bootstrap tooltip/popover trigger events
-- data_bs_delay: Bootstrap tooltip/popover show/hide delay (number or JSON)
-- data_bs_html: Allow HTML in tooltip/popover content ('true' or 'false')
-- data_bs_custom_class: Custom CSS class for tooltip/popover element
-- data_bs_offset: Tooltip/popover position offset (comma-separated pair)
-
-Security & External Links:
-- target="_blank" automatically adds rel="noopener noreferrer"
-- External link icon injection is handled by jekyll-link-decorator
-================================================================================
+link: renders an anchor with an optional icon, resolving relative links against site.baseurl, and renders nothing unless page.with_link is true.
+Schema: src/YAML/link_schema.yml
 {% endcomment %}
 
 {%- if page.with_link -%}
 {%- capture html_link -%}
-  {%- comment %} === Data source selection === {% endcomment %}
   {%- assign link_schema       = site.data.base.link_schema.properties.with_link_data.properties %}
+  {%- comment %} default: nil also turns "" and false into nil, so the != nil checks below skip them. {% endcomment %}
   {%- assign link              = include.link              | default: nil %}
   {%- assign name              = include.name              | default: nil %}
   {%- assign target            = include.target            | default: nil %}
   {%- assign color             = include.color             | default: link_schema["color"].default %}
   {%- assign role              = include.role              | default: nil %}
   {%- assign icon              = include.icon              | default: nil %}
-  {%- assign icon_position     = include.icon_position     | default: "start" %}
+  {%- assign icon_position     = include.icon_position     | default: link_schema["icon_position"].default %}
   {%- assign class             = include.class             | default: nil %}
   {%- assign aria_label        = include.aria_label        | default: nil %}
   {%- assign data_bs_toggle       = include.data_bs_toggle       | default: nil %}
@@ -64,16 +27,12 @@ Security & External Links:
   {%- assign data_bs_offset       = include.data_bs_offset       | default: nil %}
   {%- assign anchor            = nil %}
   {%- assign rel_attr          = nil %}
-
-  {%- comment %} --- Security: neutralize dangerous URI schemes --- {% endcomment %}
   {%- if link != nil -%}
     {%- assign link_downcase = link | downcase -%}
     {%- if link_downcase contains "javascript:" or link_downcase contains "data:" or link_downcase contains "vbscript:" -%}
       {%- assign link = "#" -%}
     {%- endif -%}
   {%- endif -%}
-
-  {%- comment %} === Data processing === {% endcomment %}
   {%- if link != nil -%}
     {%- assign link_char1 = link | slice: 0, 1 -%}
     {%- assign link_char2 = link | slice: 0, 2 -%}
@@ -89,32 +48,54 @@ Security & External Links:
 
   {%- if class != nil -%}
     {%- assign link_class = class %}
+  {%- elsif site.with_link_decorator_data.default_link_classes -%}
+    {%- comment %} Start from the site's Markdown link classes so both kinds of links look the same; `color` sets the text and underline color. {% endcomment %}
+    {%- assign link_class_tokens      = site.with_link_decorator_data.default_link_classes | split: " " %}
+    {%- assign link_class             = "" %}
+    {%- assign link_color_emitted     = false %}
+    {%- assign link_underline_emitted = false %}
+    {%- for token in link_class_tokens -%}
+      {%- assign token_prefix_5  = token | slice: 0, 5 %}
+      {%- assign token_prefix_12 = token | slice: 0, 12 %}
+      {%- assign token_prefix_13 = token | slice: 0, 13 %}
+      {%- assign token_prefix_15 = token | slice: 0, 15 %}
+      {%- assign token_prefix_22 = token | slice: 0, 22 %}
+      {%- if token == "link" -%}
+        {%- assign link_class         = link_class | append: " link link-" | append: color %}
+        {%- assign link_color_emitted = true %}
+      {%- elsif token_prefix_22 == "link-underline-opacity" or token_prefix_12 == "link-offset-" or token_prefix_13 == "link-opacity-" -%}
+        {%- assign link_class = link_class | append: " " | append: token %}
+      {%- elsif token == "link-underline" or token_prefix_15 == "link-underline-" -%}
+        {%- assign link_class             = link_class | append: " link-underline-" | append: color %}
+        {%- assign link_underline_emitted = true %}
+      {%- elsif token_prefix_5 == "link-" -%}
+        {%- comment %} Drop the site's own link color class; `color` replaces it. {% endcomment %}
+      {%- else -%}
+        {%- assign link_class = link_class | append: " " | append: token %}
+      {%- endif -%}
+    {%- endfor -%}
+    {%- unless link_color_emitted %}{% assign link_class = "link-" | append: color | append: link_class %}{% endunless -%}
+    {%- unless link_underline_emitted %}{% assign link_class = link_class | append: " link-underline-" | append: color %}{% endunless -%}
+    {%- assign link_class = link_class | strip %}
   {%- else -%}
     {%- assign link_class = link_schema["class"].default | replace: '{color}', color %}
   {%- endif -%}
-
-  {%- comment %} --- Security attributes for external links --- {% endcomment %}
   {%- if target == "_blank" -%}
     {%- assign rel_attr = "noopener noreferrer" %}
   {%- endif -%}
-
-  {%- comment %} --- Link name with optional icon --- {% endcomment %}
-  {%- assign final_icon = icon %}
   {%- capture link_name -%}
-    {%- if final_icon != nil -%}
+    {%- if icon != nil -%}
       {%- if name != nil and icon_position == "end" -%}
-        {{ name }}<i class="{{ final_icon }} ms-1" aria-hidden="true"></i>
+        {{ name }}<i class="{{ icon }} ms-1" aria-hidden="true"></i>
       {%- elsif name != nil and icon_position == "start" -%}
-        <i class="{{ final_icon }} me-1" aria-hidden="true"></i>{{ name }}
+        <i class="{{ icon }} me-1" aria-hidden="true"></i>{{ name }}
       {%- else -%}
-        <i class="{{ final_icon }}" aria-hidden="true"></i>
+        <i class="{{ icon }}" aria-hidden="true"></i>
       {%- endif -%}
     {%- else -%}
       {{ name }}
     {%- endif -%}
-  {%- endcapture -%}
-
-  {%- comment %} --- HTML: Anchor tag with attributes --- {% endcomment %}
+  {%- endcapture %}
   <a
     href="{{ href_value }}{% if anchor != nil and anchor != "" %}#{{ anchor }}{% endif %}"
     class="{{ link_class }}"

data/_includes/base/locales.html.liquid

@@ -1,29 +1,7 @@
 {% comment %}
-================================================================================
-Template: Language Selector (Locales Dropdown)
-Purpose: Renders dropdown menu for language/locale selection with current
-language detection and visual indicators. Generates links to same page in
-different language versions.
-================================================================================
-
-Configuration: Reads from unified `with_locales_data` schema via Jekyll defaults.
-- Enable with: with_locales: true in _config.yml defaults or page front matter
-- Locales defined in: with_locales_data.locales
-
-Menu data: All locale enumeration, current-locale detection, display-name
-resolution, and switch-URL generation are delegated to the jekyll-l10n plugin's
-`locale_menu` Liquid filter (Jekyll::L10n::UrlFilter#locale_menu). This template
-only renders markup — it has no locale-specific logic of its own.
-
-`{{ page.url | locale_menu }}` returns an array of hashes, one per locale
-(always including English even if not explicitly configured):
-  { "code" => "es_ES", "name" => "Spanish (Spain)", "url" => "/es-es/about/", "current" => true }
-- code: canonical underscore form (matches with_locales_data.locales entries)
-- name: ISO 639-1/3166-1 resolved display name (e.g. "Spanish (Spain)"),
-  correct for both language-only and country-subtag codes
-- url: the switch-target URL for this locale, in BCP 47 hyphenated, lowercased form
-- current: true for the single entry matching the page's own locale
-================================================================================
+locales: renders a language dropdown from the jekyll-l10n locale_menu filter.
+Schema: src/YAML/locales_schema.yml
+Requires: jekyll-l10n plugin (locale_menu filter)
 {% endcomment %}
 
 {%- assign with_locales = include.with_locales
@@ -32,12 +10,14 @@ only renders markup — it has no locale-specific logic of its own.
 
 {%- if with_locales %}
 
+  {%- comment %} jekyll-l10n's locale_menu returns one {code, name, url, current} hash per locale. {% endcomment %}
   {%- assign menu = page.url | locale_menu %}
   {%- assign current_item = menu | where: "current", true | first %}
 
   <p class="mb-2">Change page language:</p>
+  {%- comment %} text-light keeps the label readable; primary text is too dark on the footer background. {% endcomment %}
   <div class="dropdown mb-4">
-    <button class="btn btn-sm btn-outline-primary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false" aria-label="Languages">
+    <button class="btn btn-sm btn-outline-primary text-light dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false" aria-label="Languages">
       <i class="fa-solid fa-language me-1"></i> {{ current_item.name }}
     </button>
     <ul class="dropdown-menu">

data/_includes/base/navbar.html.liquid

@@ -1,34 +1,7 @@
 {% comment %}
-================================================================================
-Template: Navigation Bar Component
-Purpose: Renders fixed-top navigation bar with branding, responsive toggle,
-and hierarchical menu items with dropdown support.
-================================================================================
-
-Design Logic:
-- Fixed top positioning: always visible during scroll
-- Responsive hamburger menu: collapses on mobile
-- Dropdown menus: multi-level navigation
-- Brand image and manifestation text support
-- Filtered navitems by visible_on='navbar'; an item that omits visible_on
-entirely falls back to being navbar-visible (schema default `["navbar"]`)
-
-Required Inputs:
-- brand_image: Logo image filename
-- navitems: Array of navigation items
-
-Optional Inputs:
-- brand_image_class, brand_image_height: Logo styling
-- brand_manifestation: Tagline/subtitle text
-- class: Container CSS classes
-- navitems[].menu: Submenu array for dropdowns
-
-Data Source Hierarchy (priority):
-1. include.data
-2. page.with_navbar_data
-3. site.data.navbar
-4. site.data.base.navbar
-================================================================================
+navbar: renders the fixed-top navbar with the brand and the navbar-visible navitems as links or dropdowns.
+Data: include.data > page.with_navbar_data > site.data.navbar > site.data.base.navbar
+Schema: src/YAML/navbar_schema.yml
 {% endcomment %}
 
 {%- assign with_navbar = include.with_navbar
@@ -53,7 +26,7 @@ Data Source Hierarchy (priority):
 {%- assign navbar_brand_manifestation_class = with_navbar_data.brand_manifestation_class                | default: with_navbar_schema.brand_manifestation_class.default %}
 {%- assign navbar_navitems                  = with_navbar_data.navitems | where_exp: "item", "item.visible_on == nil or item.visible_on contains 'navbar'" | default: with_navbar_schema.navitems.default %}
 
-<nav class="navbar bg-dark fixed-top navbar-expand-lg shadow{% if navbar_class != "" %} {{ navbar_class }}{% endif %}" aria-label="{{ include.arialable | default: 'navbar'}}" data-bs-theme="dark">
+<nav class="navbar bg-dark fixed-top navbar-expand-lg shadow{% if navbar_class != "" %} {{ navbar_class }}{% endif %}" aria-label="{{ include.arialabel | default: 'navbar'}}" data-bs-theme="dark">
   <div class="container">
 
     {%- if navbar_brand_image != "" %}
@@ -82,21 +55,11 @@ Data Source Hierarchy (priority):
         <ul class="navbar-nav ms-auto">
           {%- for navitem in navbar_navitems %}
             {%- assign navitem_link = navitem.link | locale_url: page.locale %}
-            {%- if navitem.menu.size == 0 %}
-              <li class="nav-item">
-                {%- include base/link.html.liquid
-                class = "nav-link focus-ring"
-                name  = navitem.name
-                link  = navitem_link
-                role  = "presentation"
-                icon  = navitem.icon
-                %}
-              </li>
-            {%- else %}
+            {%- if navitem.menu.size > 0 %}
               <li class="nav-item dropdown">
-                <a class="nav-link dropdown-toggle focus-ring" href="#" id="navbarDropdown-{{ forloop.index }}" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+                <button type="button" class="nav-link dropdown-toggle focus-ring w-100 text-start" id="navbarDropdown-{{ forloop.index }}" data-bs-toggle="dropdown" aria-expanded="false">
                   <i class="{{ navitem.icon }} me-1" aria-hidden="true"></i>{{ navitem.name }}
-                </a>
+                </button>
                 <ul class="dropdown-menu dropdown-menu-dark shadow">
                   {%- for dropdownitem in navitem.menu %}
                     {%- assign dropdownitem_link = dropdownitem.link | locale_url: page.locale %}
@@ -105,12 +68,20 @@ Data Source Hierarchy (priority):
                       class = "dropdown-item focus-ring"
                       name  = dropdownitem.name
                       link  = dropdownitem_link
-                      role  = "presentation"
                       %}
                     </li>
                   {%- endfor %}
                 </ul>
               </li>
+            {%- else %}
+              <li class="nav-item">
+                {%- include base/link.html.liquid
+                class = "nav-link focus-ring"
+                name  = navitem.name
+                link  = navitem_link
+                icon  = navitem.icon
+                %}
+              </li>
             {%- endif %}
           {%- endfor %}
         </ul>

data/_includes/base/navindex.html.liquid

@@ -1,86 +1,52 @@
 {% comment %}
-================================================================================
-Template: Navigation Index Component
-Purpose: Renders a collection of pages or components in multiple display formats.
-Provides flexible list/card/table views for indexes and inventories.
-Automatically filters data by current page locale to avoid duplicates.
-================================================================================
-
-Design Logic:
-- Multi-format output: card, text, list, table, component_table (default: list)
-- Filters data by locale: shows canonical pages for English, localized variants for other locales
-- Filters out current page from results (prevents self-linking)
-- Reusable link component for consistent styling
-- Optional filename display using page name (with .md stripped)
-- Component table with status indicators from site.defaults
-- DataTables integration for searchable/sortable table output
-
-Required Inputs:
-- data: Array of page or component objects to display
-
-Optional Inputs:
-- format: Output format: 'card' | 'text' | 'list' | 'table' | 'component_table'
-- show_page_filename: Display page filename instead of title (true/false)
-
-Data Object Properties:
-- name, title, url, title_lead: Common properties
-- component.name: Component identifier (for component_table format)
-- locale: Locale code for localized pages (set by localization plugin)
-================================================================================
+navindex: renders the given pages, minus the current page and other-locale variants, as a list, cards, text links, or a table.
+Data: include.data
+Schema: src/YAML/navindex_schema.yml
 {% endcomment %}
 
-{%- assign with_navindex = include.with_navindex
-| default: page.with_navindex
-%}
-
-{%- assign with_navindex_data = include.data
-| default: page.with_navindex_data
-| default: site.data.navindex
-| default: site.data.base.navindex
-%}
+{%- assign navindex_schema = site.data.base.navindex_schema.properties %}
 
-{%- assign with_navindex_schema = site.data.base.navindex_schema.properties.with_navindex_data.properties %}
+{% assign data               = include.data               | default: navindex_schema.data.default %}
+{% assign format             = include.format             | default: navindex_schema.format.default %}
+{% assign show_page_filename = include.show_page_filename | default: navindex_schema.show_page_filename.default %}
 
-{% assign data   = include.data   | default: with_navindex_schema.data.default %}
-{% assign format = include.format | default: with_navindex_schema.format.default %}
-
-{%- comment %} Filter data by locale to show only matching language pages {%- endcomment %}
+{%- comment %} English pages list only canonical pages; localized pages list only their own locale's variants. {%- endcomment %}
 {%- assign current_locale = page.locale | default: 'en' %}
 {%- assign filtered_data = '' | split: '' %}
+{%- assign item_labels = '' | split: '' %}
 
 {%- for item in data %}
   {%- assign item_locale = item.locale | default: 'en' %}
+  {%- if show_page_filename == "true" %}
+    {%- assign item_label = item.name | remove: '.md' %}
+  {%- else %}
+    {%- assign item_label = item.title %}
+  {%- endif %}
 
   {%- if current_locale == 'en' %}
-    {%- comment %} For English pages, show only canonical pages (not localized variants) {%- endcomment %}
     {%- if item.localized != true %}
       {%- assign filtered_data = filtered_data | push: item %}
+      {%- assign item_labels = item_labels | push: item_label %}
     {%- endif %}
   {%- else %}
-    {%- comment %} For localized pages, show only pages matching current locale {%- endcomment %}
     {%- if item_locale == current_locale %}
       {%- assign filtered_data = filtered_data | push: item %}
+      {%- assign item_labels = item_labels | push: item_label %}
     {%- endif %}
   {%- endif %}
 {%- endfor %}
-
-{%- comment %} Use filtered data for rendering {%- endcomment %}
 {%- assign data = filtered_data %}
 
-{% capture card %}
-{% assign show_page_filename = include.show_page_filename | default: "false" %}
+{% case format %}
+{% when "card" %}
 <div class="row g-3 mb-3 pt-1">
   {%- for item in data %}
     {%- if item.url != page.url %}
+      {%- assign item_label = item_labels[forloop.index0] %}
       <div class="col-12 col-md-6">
         <div class="p-3 pb-1 bg-light border rounded">
           <div class="h5">
-            {%- if show_page_filename == "true" %}
-              {%- assign item_name = item.name | remove: '.md' %}
-              {%- include base/link.html.liquid name=item_name link=item.url %}
-            {%- else %}
-              {%- include base/link.html.liquid name=item.title link=item.url %}
-            {%- endif %}
+            {%- include base/link.html.liquid name=item_label link=item.url %}
           </div>
           {%- if item.title_lead %}
             {%- capture item_title_lead_source %}{{ item.title_lead | strip_newlines }}
@@ -92,44 +58,18 @@ Data Object Properties:
     {%- endif %}
   {%- endfor %}
 </div>
-{%- endcapture %}
-
-{%- capture text %}
-{% assign show_page_filename = include.show_page_filename | default: "false" %}
+{% when "text" %}
 <div class="row g-3 mb-3 pt-1">
   {%- for item in data %}
     {%- if item.url != page.url %}
+      {%- assign item_label = item_labels[forloop.index0] %}
       <div class="col-12 col-md-6">
-        {%- if show_page_filename == "true" %}
-          {%- assign item_name = item.name | remove: '.md' %}
-          {%- include base/link.html.liquid name=item_name link=item.url %}
-        {%- else %}
-          {%- include base/link.html.liquid name=item.title link=item.url %}
-        {%- endif %}
+        {%- include base/link.html.liquid name=item_label link=item.url %}
       </div>
     {%- endif %}
   {%- endfor %}
 </div>
-{%- endcapture %}
-
-{%- capture list %}
-{% assign show_page_filename = include.show_page_filename | default: "false" %}
-<ul>
-{%- for item in data %}
-  {%- if item.url != page.url %}
-    {%- if show_page_filename == "true" %}
-      {%- assign item_name = item.name | remove: '.md' %}
-      <li>{% include base/link.html.liquid name=item_name link=item.url %}{% if item.title_lead != nil %} &mdash; {{ item.title_lead | strip_newlines | markdownify | remove: "<p>" | remove: "</p>" | strip }}{% endif %}</li>
-    {%- else %}
-      <li>{% include base/link.html.liquid name=item.title link=item.url %}{% if item.title_lead != nil %} &mdash; {{ item.title_lead | strip_newlines | markdownify | remove: "<p>" | remove: "</p>" | strip }}{% endif %}</li>
-    {%- endif %}
-  {%- endif %}
-{%- endfor %}
-</ul>
-{%- endcapture %}
-
-{% capture table %}
-{% assign show_page_filename = include.show_page_filename | default: "false" %}
+{% when "table" %}
 <div class="table-responsive bg-light border rounded mb-3">
 <table class="table dataTable">
   <thead>
@@ -140,24 +80,18 @@ Data Object Properties:
   </thead>
   <tbody>
     {%- for item in data %}
+      {%- if item.url != page.url %}
+        {%- assign item_label = item_labels[forloop.index0] %}
       <tr>
-        {%- if item.url != page.url %}
-          {%- if show_page_filename == "true" %}
-            {%- assign item_name = item.name | remove: '.md' %}
-            <td>{% include base/link.html.liquid name=item_name link=item.url %}</td>
-          {%- else %}
-            <td>{% include base/link.html.liquid name=item.title link=item.url %}</td>
-          {%- endif %}
-        {%- endif %}
+        <td>{% include base/link.html.liquid name=item_label link=item.url %}</td>
         <td>{{ item.title_lead | strip_newlines | markdownify | remove: "<p>" | remove: "</p>" | strip }}</td>
       </tr>
+      {%- endif %}
     {%- endfor %}
   </tbody>
 </table>
 </div>
-{%- endcapture %}
-
-{% capture component_table %}
+{% when "component_table" %}
 <div class="table-responsive bg-light border rounded mb-3">
 <table class="table dataTable">
   <thead>
@@ -168,11 +102,11 @@ Data Object Properties:
     </tr>
   </thead>
   <tbody>
+    {%- comment %} The _config.yml defaults entry scoped to pages holds every with_<component> gate. {% endcomment %}
+    {%- assign page_defaults = site.defaults | where_exp: "d", "d.scope.type == 'pages'" | first %}
     {%- for item in data %}
-      {% comment %} Get component status from site configuration file {% endcomment %}
       {%- assign status_name = "with_" | append: item.component.name %}
-      {%- assign status      = site.defaults[1].values[status_name] %}
-      {% comment %} Render component status {% endcomment %}
+      {%- assign status      = page_defaults.values[status_name] %}
       {%- if status == true %}
         {%- assign status_icon = '<span data-bs-toggle="tooltip" data-bs-title="This component is enabled globally and can be used on all site pages. It can be disabled either globally or at a page level."><i class="fa-solid fa-toggle-on text-success"></i> Enabled</span>' %}
       {%- elsif status == false %}
@@ -180,7 +114,6 @@ Data Object Properties:
       {%- else %}
         {%- assign status_icon = '<span data-bs-toggle="tooltip" data-bs-title="This component is enabled globally and can be used on all site pages. It cannot be disabled."><i class="fa-solid fa-toggle-on text-light"></i> Internal</span>' %}
       {%- endif %}
-      {% comment %} Render table rows {% endcomment %}
       <tr>
         <td>{% include base/link.html.liquid name=item.component.name link=item.url %}</td>
         <td class="text-nowrap">{{ status_icon }}</td>
@@ -190,17 +123,13 @@ Data Object Properties:
   </tbody>
 </table>
 </div>
-{% endcapture %}
-
-{% case format %}
-{% when "card" %}
-  {{ card }}
-{% when "text" %}
-  {{ text }}
-{% when "table" %}
-  {{ table }}
-{% when "component_table" %}
-  {{ component_table }}
 {% else %}
-  {{ list }}
+<ul>
+{%- for item in data %}
+  {%- if item.url != page.url %}
+    {%- assign item_label = item_labels[forloop.index0] %}
+    <li>{% include base/link.html.liquid name=item_label link=item.url %}{% if item.title_lead != nil %} &mdash; {{ item.title_lead | strip_newlines | markdownify | remove: "<p>" | remove: "</p>" | strip }}{% endif %}</li>
+  {%- endif %}
+{%- endfor %}
+</ul>
 {% endcase %}