[Swiper Element] The CSS parts were removed when dynamically updating the scrollbar/pagination enable/disable feature

[sunilrathore24]

Check that this is really a bug

• I confirm

Reproduction link

https://stackblitz.com/edit/swiper-angular-example-1hzu5z?file=src%2Fapp%2Fapp.component.html,src%2Fapp%2Fapp.component.ts

Bug description

"The CSS parts were removed when dynamically updating the scrollbar/pagination enable/disable feature."

For the first time when the swiper is initialized (when scrollbar/pagination is set to true using parameters as props )
part="scrollbar"/part="pagination" attributes are available for scrollbar and pagination

but if we update the scrollbar/pagination (remove and add again in the future), part attributes get removed and the css overrides are not working for the scrollbar/pagination.

Expected Behavior

the part attribute should always be present in the scrollbar/pagination elements when removed and readded dynamically

Actual Behavior

the part attribute is removed when the scrollbar/pagination is updated (removed and readded)

Swiper version

9.4.1

Platform/Target and Browser Versions

Chrome is up to date Version 115.0.5790.110 (Official Build) (64-bit)

Validations

• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
• Make sure this is a Swiper issue and not a framework-specific issue

Would you like to open a PR for this bug?

• I'm willing to open a PR