Mirrored Testimonial Carousel Block for Svelte

Edit QUOTES. Each has an id, initials, a name, a role, the quote and stars out of five. Use real quotes only with permission. Names and quotes are set with dir="auto", so a quote in Arabic or Hebrew sets itself right to left inside a left-to-right carousel.

Only the carousel's direction. A new reading direction wraps the track in a direction provider and sets dir on its container, so the slides run the other way round, the first quote sits at the end side, the arrows swap icons, and Previous means the earlier quote in either direction. The carousel reads the direction from the locale provider around it.

Tab reaches the switch, Previous, Next and the dots. With focus inside the carousel, the arrow keys follow the reading direction: the end-side arrow always goes to the next quote. Home and End jump to the first and last quote. The buttons are marked unavailable at the ends rather than disabled.

The status line is the one polite live region: "Reading left to right, quote 2 of 5". Flipping the switch updates it too, so the change is heard.

The switch and the position. Nothing is saved. In a real site the direction comes from the language of the page, not from a switch; keep the switch for a demo or a settings page.

The switch sits above the track, the quote shows with the next one peeking, and the dots sit under the status line and the buttons.