From 4dc20ed9893f24d41f0bbf18d7ebca4b2d42a3ac Mon Sep 17 00:00:00 2001
From: Cory LaViska <cory@abeautifulsite.net>
Date: Mon, 5 Aug 2024 10:19:13 -0400
Subject: [PATCH] fix port bug

---
 src/components/breadcrumb-item/breadcrumb-item.test.ts | 2 +-
 src/components/breadcrumb-item/breadcrumb-item.ts      | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/breadcrumb-item/breadcrumb-item.test.ts b/src/components/breadcrumb-item/breadcrumb-item.test.ts
index 0e9e0f43e..34893de91 100644
--- a/src/components/breadcrumb-item/breadcrumb-item.test.ts
+++ b/src/components/breadcrumb-item/breadcrumb-item.test.ts
@@ -166,7 +166,7 @@ describe('<wa-breadcrumb-item>', () => {
       await expect(el).to.be.accessible();
       expect(el.shadowRoot!.querySelector('a')).to.be.null;
       expect(el.shadowRoot!.querySelector('button')).to.be.null;
-      expect(el.shadowRoot!.querySelector('div.breadcrumb-item__label--drop-down')).not.to.be.null;
+      expect(el.shadowRoot!.querySelector('.breadcrumb-item__label--dropdown')).not.to.be.null;
     });
   });
 });
diff --git a/src/components/breadcrumb-item/breadcrumb-item.ts b/src/components/breadcrumb-item/breadcrumb-item.ts
index c68d41956..b393c422f 100644
--- a/src/components/breadcrumb-item/breadcrumb-item.ts
+++ b/src/components/breadcrumb-item/breadcrumb-item.ts
@@ -47,7 +47,7 @@ export default class WaBreadcrumbItem extends WebAwesomeElement {
 
   private setRenderType() {
     const hasDropdown =
-      this.defaultSlot.assignedElements({ flatten: true }).filter(i => i.tagName.toLowerCase() === 'sl-dropdown')
+      this.defaultSlot.assignedElements({ flatten: true }).filter(i => i.tagName.toLowerCase() === 'wa-dropdown')
         .length > 0;
 
     if (this.href) {
@@ -101,7 +101,7 @@ export default class WaBreadcrumbItem extends WebAwesomeElement {
           : ''}
         ${this.renderType === 'dropdown'
           ? html`
-              <div part="label" class="breadcrumb-item__label breadcrumb-item__label--drop-down">
+              <div part="label" class="breadcrumb-item__label breadcrumb-item__label--dropdown">
                 <slot @slotchange=${this.handleSlotChange}></slot>
               </div>
             `