fix(accordion): remove divider from last accordion item in ionic theme

Author: OS-susmitabhowmik

core/src/components/accordion/accordion.ionic.scss

@@ -28,6 +28,11 @@
   z-index: 3;
 }
 
+// Hide the divider for the last accordion item
+:host(.accordion-last)::after {
+  display: none;
+}
+
 :host(.accordion-animated) {
   transition: all 300ms cubic-bezier(0.25, 0.8, 0.5, 1);
 }

core/src/components/accordion/accordion.tsx

@@ -87,6 +87,7 @@ export class Accordion implements ComponentInterface {
   @State() state: AccordionState = AccordionState.Collapsed;
   @State() isNext = false;
   @State() isPrevious = false;
+  @State() isLast = false;
   /**
    * Tracks whether a user-initiated interaction has occurred.
    * Animations are disabled until the first interaction happens.
@@ -431,6 +432,12 @@ export class Accordion implements ComponentInterface {
 
     const shouldExpand = Array.isArray(value) ? value.includes(accordionValue) : value === accordionValue;
 
+    /**
+     * Check if this is the last accordion in the group.
+     */
+    const nextAccordion = this.getNextSibling();
+    this.isLast = nextAccordion === undefined;
+
     if (shouldExpand) {
       this.expandAccordion();
       this.isNext = this.isPrevious = false;
@@ -444,7 +451,6 @@ export class Accordion implements ComponentInterface {
        * applied. Check to see if the
        * next or previous accordion is selected.
        */
-      const nextAccordion = this.getNextSibling();
       const nextAccordionValue = nextAccordion?.value;
 
       if (nextAccordionValue !== undefined) {
@@ -525,6 +531,7 @@ export class Accordion implements ComponentInterface {
 
           'accordion-next': this.isNext,
           'accordion-previous': this.isPrevious,
+          'accordion-last': this.isLast,
 
           'accordion-disabled': disabled,
           'accordion-readonly': readonly,