is it possible to create child class from SwiperContainer web component

[vinodkalyan055]

import { SwiperContainer, register } from 'vendor';

// Register Swiper web components
register();

// Create custom element extending SwiperContainer
export class CarouselElement extends SwiperContainer {
constructor() {
super();
// Set Swiper configuration
Object.assign(this, {
slidesPerView: 1,
breakpoints: {
640: {
slidesPerView: 2,
},
1024: {
slidesPerView: 3,
},
},
});

}

connectedCallback() {

console.log('✅ CarouselElement connected');

}
}

// Register custom element
customElements.define('carousel-element', CarouselElement);