Merge branch 'main' into dependabot/npm_and_yarn/remark-lint-maximum-…

…heading-length-4.1.1

.github/workflows/deploy.yml

@@ -42,7 +42,7 @@ jobs:
           GITHUB_ACTOR_EMAIL: [email protected]
           GITHUB_REPO: https://${{ secrets.GITHUB_TOKEN }}@github.com/${{ github.repository }}.git
         run: |
-          docker-compose run \
+          docker compose run \
             -e GITHUB_REPOSITORY_URL=${{ needs.variables.outputs.repository_url }} \
             jekyll deploy \
             --env=production

.github/workflows/test.yml

@@ -119,7 +119,7 @@ jobs:
   #     - uses: actions/checkout@v4
   #     - name: deploy dry-run
   #       run: |
-  #         docker-compose run \
+  #         docker compose run \
   #           jekyll deploy \
   #           --env=production \
   #           --dry-run

_includes/accordion-table.html

@@ -1,11 +1,26 @@
+{%- comment -%}
+**Parameters
+content(required): What will be displayed inside the accordion when expanded.
+header_collapse_text: Text to display on the collapse header. If not supplied the text 'Hide fields' will be used.
+header_collapse_css: CSS class to apply to the text on the collapse header. If not supplied default style will be used.
+header_expand_text: Text to display on the expand header. If not supplied the text 'Show fields' will be used.
+header_expand_css: CSS class to apply to the text on the expand header. If not supplied default style will be used.
+accordion_id: Id of the accordion. If not supplied 'accordion-1' will be used.
+{%- endcomment -%}
+
 {% assign content = include.content | markdownify%}
+{% assign accordion_id = include.accordion_id | default: 'accordion-1' %}
+{% assign header_collapse_text = include.header_collapse_text | default: 'Hide fields'%}
+{% assign header_collapse_css = include.header_collapse_css%}
+{% assign header_expand_text = include.header_expand_text | default: 'Show fields'%}
+{% assign header_expand_css = include.header_expand_css%}
 
 <div class="accordion">
-    <button type="button" class="accordion-header" aria-expanded="false" aria-controls="exp-1">
-        <span class="mr-3 show">Show fields</span>
-        <span class="mr-3 hide">Hide fields</span>
+    <button type="button" class="accordion-header" aria-expanded="false" aria-controls="{{accordion_id}}">
+        <span class="mr-3 show {{header_expand_css}}">{{header_expand_text}}</span>
+        <span class="mr-3 hide {{header_collapse_css}}">{{header_collapse_text}}</span>
     </button>
-    <div class="accordion-body" id="exp-1">
+    <div class="accordion-body" id="{{accordion_id}}">
         {{ content }}
     </div>
-</div>
+</div>