tbianchini/shopit-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(carousel): add viewport adjustment test and refine gap handling in layout calculations

Browse Source
This commit is contained in:
ncoronel
2026-07-23 11:49:34 -03:00
parent 8268e58547
commit 326f2d9bcd
2 changed files with 26 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/app/shared/components/carousel/carousel.component.ts
View File

@@ -58,9 +58,7 @@ export class CarouselComponent<T> implements AfterViewInit {
this.refreshLayout();
const resizeObserver =
typeof ResizeObserver === 'undefined'
? null
: new ResizeObserver(() => this.refreshLayout());
typeof ResizeObserver === 'undefined' ? null : new ResizeObserver(() => this.refreshLayout());
resizeObserver?.observe(this.host.nativeElement);
const mutationObserver =
@@ -152,10 +150,7 @@ export class CarouselComponent<T> implements AfterViewInit {
}
const gap = this.resolvedGap();
const fittingItems = Math.max(
1,
Math.floor((availableWidth + gap) / (itemWidth + gap)),
);
const fittingItems = Math.max(1, Math.floor((availableWidth + gap) / (itemWidth + gap)));
const visibleItems = Math.min(fittingItems, viewport.children.length);
const fittedWidth = visibleItems * itemWidth + Math.max(visibleItems - 1, 0) * gap;