From 51b093b55650f200a33f5bb9df852175f2a8870f Mon Sep 17 00:00:00 2001
From: Jason Fox <jason-fox@users.noreply.github.com>
Date: Sun, 28 Jan 2024 12:08:23 +0100
Subject: [PATCH] Switch from `<sectiondiv>` to `<div>`

---
 Customization/xsl/card.xsl |  6 +++---
 sample/card.dita           | 10 +++++-----
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/Customization/xsl/card.xsl b/Customization/xsl/card.xsl
index 7c6b4bc9..da4c1474 100644
--- a/Customization/xsl/card.xsl
+++ b/Customization/xsl/card.xsl
@@ -19,18 +19,18 @@
       <xsl:call-template name="commonattributes"/>
       <xsl:call-template name="setid"/>
       <xsl:apply-templates
-        select="*[contains(@class, ' topic/sectiondiv ') and contains(@outputclass, 'card-header')]"
+        select="*[contains(@outputclass, 'card-header') and (contains(@class, ' topic/sectiondiv ') or contains(@class, ' topic/div '))]"
       />
       <xsl:apply-templates select="*[contains(@outputclass, 'card-img-top')]"/>
       <div class="card-body">
         <xsl:apply-templates select="*[contains(@class, ' topic/title ')]" mode="card"/>
         <xsl:apply-templates
-          select="*[not(contains(@class, ' topic/title '))  and not(contains(@outputclass, 'card-img-top')) and not(contains(@outputclass, 'card-img-bottom'))  and not(contains(@outputclass, 'card-header'))  and not(contains(@outputclass, 'card-footer'))    ]"
+          select="*[not(contains(@class, ' topic/title '))  and not(contains(@outputclass, 'card-img-top')) and not(contains(@outputclass, 'card-img-bottom'))  and not(contains(@outputclass, 'card-header'))  and not(contains(@outputclass, 'card-footer'))]"
         />
       </div>
       <xsl:apply-templates select="*[contains(@outputclass, 'card-img-bottom')]"/>
       <xsl:apply-templates
-        select="*[contains(@class, ' topic/sectiondiv ') and contains(@outputclass, 'card-footer')]"
+        select="*[contains(@outputclass, 'card-footer') and (contains(@class, ' topic/sectiondiv ') or contains(@class, ' topic/div '))]"
       />
     </div>
   </xsl:template>
diff --git a/sample/card.dita b/sample/card.dita
index f329d6b9..8c18ccfb 100644
--- a/sample/card.dita
+++ b/sample/card.dita
@@ -71,14 +71,14 @@
       <title>Titles, text, and links</title>
       <p>Links are added and placed next to each other by altering the <xmlatt>outputclass</xmlatt> and adding
           <codeph>card-link</codeph> to an <xmlelement>xref</xmlelement> tag.</p>
-      <p>Subtitles are used by adding a <xmlelement>sectiondiv</xmlelement> element.</p>
+      <p>Subtitles are used by adding a <xmlelement>div</xmlelement> element.</p>
     </section>
     <bodydiv outputclass="bd-example" deliveryTarget="html">
       <bodydiv outputclass="row">
         <bodydiv outputclass="col">
           <section outputclass="card w-50">
             <title outputclass="h5">Card Title</title>
-            <sectiondiv outputclass="h6">Card Subtitle</sectiondiv>
+            <div outputclass="h6">Card Subtitle</div>
             <p>Some quick example text to build on the card title and make up the bulk of the card’s content.</p>
             <xref outputclass="card-link" href="#">Card Link</xref>
             <xref outputclass="card-link" href="#">Another Link</xref>
@@ -90,7 +90,7 @@
   &lt;bodydiv outputclass="col"&gt;
     &lt;section outputclass="card w-50"&gt;
       &lt;title outputclass="h5"&gt;Card Title&lt;/title&gt;
-      &lt;sectiondiv outputclass="h6"&gt;Card Subtitle&lt;/title&gt;
+      &lt;div outputclass="h6"&gt;Card Subtitle&lt;/title&gt;
       &lt;p&gt;Some quick example text to build on the card title and make up the bulk of the card’s content.&lt;/p&gt;
       &lt;xref outputclass="card-link" href="#"&gt;Card Link&lt;/xref&gt;
       &lt;xref outputclass="card-link" href="#"&gt;Another Link&lt;/xref&gt;
@@ -131,7 +131,7 @@
         <bodydiv outputclass="col">
           <section outputclass="card w-50">
             <title outputclass="h5">Special title treatment</title>
-            <sectiondiv outputclass="card-header">Featured</sectiondiv>
+            <div outputclass="card-header">Featured</div>
             <p>With supporting text below as a natural lead-in to additional content.</p>
             <xref href="#" outputclass="btn-primary">Go somewhere</xref>
           </section>
@@ -141,7 +141,7 @@
     <codeblock>&lt;bodydiv outputclass="row"&gt;
   &lt;bodydiv outputclass="col"&gt;
     &lt;section outputclass="card w-50"&gt;
-      &lt;sectiondiv outputclass="card-header"&gt;Featured&lt;/sectiondiv&gt;
+      &lt;div outputclass="card-header"&gt;Featured&lt;/div&gt;
       &lt;title outputclass="h5"&gt;Special title treatment&lt;/title&gt;
       &lt;p&gt;With supporting text below as a natural lead-in to additional content.&lt;/p&gt;
       &lt;xref href="#" outputclass="btn-primary"&gt;Go somewhere&lt;/xref&gt;