@skyux/layout 6.3.0 → 6.3.3

package/lib/modules/action-button/action-button-container.component.d.ts

@@ -1,5 +1,5 @@
-import { AfterContentInit, ChangeDetectorRef, ElementRef, NgZone, OnDestroy, OnInit } from '@angular/core';
-import { MutationObserverService, SkyCoreAdapterService } from '@skyux/core';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, OnDestroy, OnInit } from '@angular/core';
+import { SkyCoreAdapterService } from '@skyux/core';
 import { SkyThemeService } from '@skyux/theme';
 import { SkyActionButtonAdapterService } from './action-button-adapter-service';
 import { SkyActionButtonContainerAlignItemsType } from './types/action-button-container-align-items-type';
@@ -8,13 +8,12 @@ import * as i0 from "@angular/core";
  * Wraps action buttons to ensures that they have consistent height and spacing.
  * @required
  */
-export declare class SkyActionButtonContainerComponent implements AfterContentInit, OnDestroy, OnInit {
+export declare class SkyActionButtonContainerComponent implements AfterViewInit, OnDestroy, OnInit {
+    #private;
     private actionButtonAdapterService;
     private changeRef;
     private coreAdapterService;
     private hostElRef;
-    private mutationObserverSvc;
-    private ngZone;
     private themeSvc?;
     /**
      * Specifies how to display the action buttons inside the action button container.
@@ -25,20 +24,19 @@ export declare class SkyActionButtonContainerComponent implements AfterContentIn
     get alignItems(): SkyActionButtonContainerAlignItemsType;
     private actionButtons;
     private containerRef;
-    private mutationObserver;
     private ngUnsubscribe;
+    private syncMaxHeightTimeout?;
     private set themeName(value);
     private _alignItems;
     private _themeName;
-    constructor(actionButtonAdapterService: SkyActionButtonAdapterService, changeRef: ChangeDetectorRef, coreAdapterService: SkyCoreAdapterService, hostElRef: ElementRef, mutationObserverSvc: MutationObserverService, ngZone: NgZone, themeSvc?: SkyThemeService);
+    constructor(actionButtonAdapterService: SkyActionButtonAdapterService, changeRef: ChangeDetectorRef, coreAdapterService: SkyCoreAdapterService, hostElRef: ElementRef, themeSvc?: SkyThemeService);
     ngOnInit(): void;
-    ngAfterContentInit(): void;
+    ngAfterViewInit(): void;
     ngOnDestroy(): void;
+    onContentChange(): void;
     onWindowResize(): void;
-    private initMutationObserver;
-    private destroyMutationObserver;
     private updateHeight;
     private updateResponsiveClass;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SkyActionButtonContainerComponent, [null, null, null, null, null, null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyActionButtonContainerComponent, [null, null, null, null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SkyActionButtonContainerComponent, "sky-action-button-container", never, { "alignItems": "alignItems"; }, {}, ["actionButtons"], ["*"]>;
 }

package/lib/modules/action-button/action-button.component.d.ts

@@ -1,10 +1,13 @@
-import { EventEmitter } from '@angular/core';
+import { ChangeDetectorRef, EventEmitter } from '@angular/core';
+import { SkyHrefChange } from '@skyux/router';
 import { SkyActionButtonPermalink } from './action-button-permalink';
 import * as i0 from "@angular/core";
 /**
  * Creates a button to present users with an option to move forward with tasks.
  */
 export declare class SkyActionButtonComponent {
+    private changeRef;
+    hidden: boolean;
     /**
      * Specifies a link for the action button.
      */
@@ -13,8 +16,10 @@ export declare class SkyActionButtonComponent {
      * Fires when users select the action button.
      */
     actionClick: EventEmitter<any>;
+    constructor(changeRef: ChangeDetectorRef);
     buttonClicked(): void;
     enterPress(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SkyActionButtonComponent, never>;
+    onSkyHrefDisplayChange($event: SkyHrefChange): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyActionButtonComponent, [{ skipSelf: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SkyActionButtonComponent, "sky-action-button", never, { "permalink": "permalink"; }, { "actionClick": "actionClick"; }, never, ["sky-action-button-icon", "sky-action-button-header", "sky-action-button-details"]>;
 }

package/lib/modules/action-button/action-button.module.d.ts

@@ -5,12 +5,13 @@ import * as i3 from "./action-button-details.component";
 import * as i4 from "./action-button-header.component";
 import * as i5 from "./action-button-icon.component";
 import * as i6 from "@angular/common";
-import * as i7 from "@angular/router";
-import * as i8 from "@skyux/router";
-import * as i9 from "@skyux/indicators";
-import * as i10 from "@skyux/theme";
+import * as i7 from "@angular/cdk/observers";
+import * as i8 from "@angular/router";
+import * as i9 from "@skyux/router";
+import * as i10 from "@skyux/indicators";
+import * as i11 from "@skyux/theme";
 export declare class SkyActionButtonModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyActionButtonModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyActionButtonModule, [typeof i1.SkyActionButtonComponent, typeof i2.SkyActionButtonContainerComponent, typeof i3.SkyActionButtonDetailsComponent, typeof i4.SkyActionButtonHeaderComponent, typeof i5.SkyActionButtonIconComponent], [typeof i6.CommonModule, typeof i7.RouterModule, typeof i8.SkyHrefModule, typeof i9.SkyIconModule, typeof i10.SkyThemeModule], [typeof i1.SkyActionButtonComponent, typeof i2.SkyActionButtonContainerComponent, typeof i3.SkyActionButtonDetailsComponent, typeof i4.SkyActionButtonHeaderComponent, typeof i5.SkyActionButtonIconComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyActionButtonModule, [typeof i1.SkyActionButtonComponent, typeof i2.SkyActionButtonContainerComponent, typeof i3.SkyActionButtonDetailsComponent, typeof i4.SkyActionButtonHeaderComponent, typeof i5.SkyActionButtonIconComponent], [typeof i6.CommonModule, typeof i7.ObserversModule, typeof i8.RouterModule, typeof i9.SkyHrefModule, typeof i10.SkyIconModule, typeof i11.SkyThemeModule], [typeof i1.SkyActionButtonComponent, typeof i2.SkyActionButtonContainerComponent, typeof i3.SkyActionButtonDetailsComponent, typeof i4.SkyActionButtonHeaderComponent, typeof i5.SkyActionButtonIconComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SkyActionButtonModule>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyux/layout",
-  "version": "6.3.0",
+  "version": "6.3.3",
   "author": "Blackbaud, Inc.",
   "keywords": [
     "blackbaud",
@@ -41,19 +41,20 @@
   },
   "peerDependencies": {
     "@angular/animations": "^13.3.2",
+    "@angular/cdk": "^13.3.2",
     "@angular/common": "^13.3.2",
     "@angular/core": "^13.3.2",
     "@angular/forms": "^13.3.2",
     "@angular/platform-browser": "^13.3.2",
     "@angular/router": "^13.3.2",
-    "@skyux-sdk/testing": "6.3.0",
-    "@skyux/core": "6.3.0",
-    "@skyux/forms": "6.3.0",
-    "@skyux/i18n": "6.3.0",
-    "@skyux/indicators": "6.3.0",
-    "@skyux/modals": "6.3.0",
-    "@skyux/router": "6.3.0",
-    "@skyux/theme": "6.3.0"
+    "@skyux-sdk/testing": "6.3.3",
+    "@skyux/core": "6.3.3",
+    "@skyux/forms": "6.3.3",
+    "@skyux/i18n": "6.3.3",
+    "@skyux/indicators": "6.3.3",
+    "@skyux/modals": "6.3.3",
+    "@skyux/router": "6.3.3",
+    "@skyux/theme": "6.3.3"
   },
   "dependencies": {
     "tslib": "^2.3.1"