@skyux/core 6.0.0-beta.2 → 6.0.0-beta.3

package/index.d.ts

@@ -43,6 +43,8 @@ export * from './lib/modules/overlay/overlay.module';
 export * from './lib/modules/overlay/overlay.service';
 export * from './lib/modules/percent-pipe/percent-pipe.module';
 export * from './lib/modules/percent-pipe/percent.pipe';
+export * from './lib/modules/resize-observer/resize-observer.service';
+export * from './lib/modules/resize-observer/resize-observer-media-query.service';
 export * from './lib/modules/scrollable-host/scrollable-host.service';
 export * from './lib/modules/title/set-title-args';
 export * from './lib/modules/title/title.service';

package/lib/modules/media-query/media-query-listener.d.ts

@@ -1,6 +1,6 @@
 import { SkyMediaBreakpoints } from './media-breakpoints';
 /**
- * Specifies a funciton that is called when the breakpoints change. It is called
+ * Specifies a function that is called when the breakpoints change. It is called
  * with a `SkyMediaBreakpoints` argument, which is an enum that represents the new breakpoint.
  */
 export declare type SkyMediaQueryListener = (args: SkyMediaBreakpoints) => void;

package/lib/modules/media-query/media-query.service.d.ts

@@ -36,7 +36,7 @@ export declare class SkyMediaQueryService implements OnDestroy {
     constructor(zone: NgZone);
     ngOnDestroy(): void;
     /**
-     * Suscribes to screen size changes.
+     * Subscribes to screen size changes.
      * @param listener Specifies a function that is called when breakpoints change.
      */
     subscribe(listener: SkyMediaQueryListener): Subscription;

package/lib/modules/resize-observer/resize-observer-media-query.service.d.ts

@@ -0,0 +1,45 @@
+import { ElementRef, OnDestroy } from '@angular/core';
+import { Subscription } from 'rxjs';
+import { SkyMediaBreakpoints } from '../media-query/media-breakpoints';
+import { SkyMediaQueryListener } from '../media-query/media-query-listener';
+import { SkyResizeObserverService } from './resize-observer.service';
+import * as i0 from "@angular/core";
+/**
+ * Acts like `SkyMediaQueryService` for a container element, emitting the same responsive breakpoints.
+ */
+export declare class SkyResizeObserverMediaQueryService implements OnDestroy {
+    private resizeObserverService;
+    /**
+     * Returns the current breakpoint.
+     */
+    get current(): SkyMediaBreakpoints | undefined;
+    private _breakpoints;
+    private _currentBreakpointObservable;
+    private _currentBreakpoint;
+    private _resizeSubscription;
+    private _stopListening;
+    private _target?;
+    constructor(resizeObserverService: SkyResizeObserverService);
+    ngOnDestroy(): void;
+    /**
+     * @internal
+     */
+    destroy(): void;
+    /**
+     * Sets the container element to watch. The `SkyResizeObserverMediaQueryService` will only observe one element at a
+     * time. Any previous subscriptions will be unsubscribed when a new element is observed.
+     */
+    observe(element: ElementRef): SkyResizeObserverMediaQueryService;
+    /**
+     * Stop watching the container element.
+     */
+    unobserve(): void;
+    /**
+     * Subscribes to element size changes that cross breakpoints.
+     */
+    subscribe(listener: SkyMediaQueryListener): Subscription;
+    private updateBreakpoint;
+    private checkBreakpoint;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyResizeObserverMediaQueryService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SkyResizeObserverMediaQueryService>;
+}

package/lib/modules/resize-observer/resize-observer.service.d.ts

@@ -0,0 +1,21 @@
+import { ElementRef, NgZone, OnDestroy } from '@angular/core';
+import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+/**
+ * Service to create rxjs observables for changes to the content box dimensions of elements.
+ */
+export declare class SkyResizeObserverService implements OnDestroy {
+    private zone;
+    private _resizeObserver;
+    private _tracking;
+    constructor(zone: NgZone);
+    ngOnDestroy(): void;
+    /**
+     * Create rxjs observable to get size changes for an element ref.
+     */
+    observe(element: ElementRef): Observable<ResizeObserverEntry>;
+    private observeAndTrack;
+    private callback;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyResizeObserverService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SkyResizeObserverService>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyux/core",
-  "version": "6.0.0-beta.2",
+  "version": "6.0.0-beta.3",
   "author": "Blackbaud, Inc.",
   "keywords": [
     "blackbaud",
@@ -44,7 +44,7 @@
     "@angular/core": "^13.2.7",
     "@angular/platform-browser": "^13.2.7",
     "@angular/router": "^13.2.7",
-    "@skyux/i18n": "6.0.0-beta.2"
+    "@skyux/i18n": "6.0.0-beta.3"
   },
   "dependencies": {
     "tslib": "^2.3.1"