feat(services): add ItBreakpointService with Angular Signals

[giulio-leone]

Closes #576

Adds ItBreakpointService — a tree-shakable, providedIn: 'root' service that exposes Angular Signals reflecting the current Bootstrap Italia viewport breakpoint.

API

import { ItBreakpointService } from 'design-angular-kit';

@Component({ ... })
export class MyComponent {
  private bp = inject(ItBreakpointService);

  // Signal<BootstrapBreakpoint> — 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'
  current = this.bp.currentBreakpoint;

  // Signal<number> — min-width in px for the current breakpoint
  width = this.bp.currentMinWidth;

  // Computed Signal<boolean> — true when viewport >= lg
  isDesktop = this.bp.isAbove('lg');

  // Computed Signal<boolean> — true when viewport < md
  isMobile = this.bp.isBelow('md');
}

Implementation

• Uses window.matchMedia for efficient listener-based detection (no polling)
• SSR-safe: gracefully degrades when window is unavailable
• Proper cleanup in ngOnDestroy
• Breakpoints match Bootstrap Italia: xs(0), sm(576), md(768), lg(992), xl(1200), xxl(1400)

Testing

• 117/117 tests passing (ChromeHeadless)
• 0 lint errors
• 8 new tests covering service creation, signal types, isAbove/isBelow consistency, and cleanup

⚠️ This reopens #646 which was accidentally closed due to fork deletion.

[vercel]

@giulio-leone is attempting to deploy a commit to the dip-trasformazione-digitale Team on Vercel.

A member of the Team first needs to authorize it.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
design-angular-kit	Error		Mar 27, 2026 3:39pm