@skyux/action-bars 5.0.0-beta.3 → 5.0.2

package/fesm2015/skyux-action-bars.js

@@ -23,7 +23,7 @@ import { SkyMediaBreakpoints } from '@skyux/core';
  * To update this file, simply rerun the command.
  */
 const RESOURCES = {
-    'EN-US': { "skyux_summary_action_bar_open_secondary": { "message": "Show secondary actions" }, "skyux_summary_action_bar_show_summary": { "message": "Show summary" }, "skyux_summary_action_bar_hide_summary": { "message": "Hide summary" } },
+    'EN-US': { "skyux_summary_action_bar_open_secondary": { "message": "Show secondary actions" }, "skyux_summary_action_bar_expand": { "message": "Expand or collapse summary" } },
 };
 class SkyActionBarsResourcesProvider {
     getString(localeInfo, name) {
@@ -35,14 +35,14 @@ class SkyActionBarsResourcesProvider {
  */
 class SkyActionBarsResourcesModule {
 }
-SkyActionBarsResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: SkyActionBarsResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyActionBarsResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: SkyActionBarsResourcesModule, exports: [SkyI18nModule] });
-SkyActionBarsResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: SkyActionBarsResourcesModule, providers: [{
+SkyActionBarsResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionBarsResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyActionBarsResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionBarsResourcesModule, exports: [SkyI18nModule] });
+SkyActionBarsResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionBarsResourcesModule, providers: [{
             provide: SKY_LIB_RESOURCES_PROVIDERS,
             useClass: SkyActionBarsResourcesProvider,
             multi: true
         }], imports: [SkyI18nModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: SkyActionBarsResourcesModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionBarsResourcesModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [SkyI18nModule],
@@ -59,14 +59,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImpor
  */
 class SkySummaryActionBarSummaryComponent {
 }
-SkySummaryActionBarSummaryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: SkySummaryActionBarSummaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkySummaryActionBarSummaryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: SkySummaryActionBarSummaryComponent, selector: "sky-summary-action-bar-summary", ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: SkySummaryActionBarSummaryComponent, decorators: [{
+SkySummaryActionBarSummaryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySummaryActionBarSummaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkySummaryActionBarSummaryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkySummaryActionBarSummaryComponent, selector: "sky-summary-action-bar-summary", ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySummaryActionBarSummaryComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-summary-action-bar-summary',
                     templateUrl: './summary-action-bar-summary.component.html',
-                    changeDetection: ChangeDetectionStrategy.OnPush
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
         }] });
 
@@ -152,9 +152,9 @@ class SkySummaryActionBarAdapterService {
         return SkySummaryActionBarType.Page;
     }
 }
-SkySummaryActionBarAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: SkySummaryActionBarAdapterService, deps: [{ token: i0.RendererFactory2 }, { token: i2.SkyAppWindowRef }], target: i0.ɵɵFactoryTarget.Injectable });
-SkySummaryActionBarAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: SkySummaryActionBarAdapterService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: SkySummaryActionBarAdapterService, decorators: [{
+SkySummaryActionBarAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySummaryActionBarAdapterService, deps: [{ token: i0.RendererFactory2 }, { token: i2.SkyAppWindowRef }], target: i0.ɵɵFactoryTarget.Injectable });
+SkySummaryActionBarAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySummaryActionBarAdapterService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySummaryActionBarAdapterService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i0.RendererFactory2 }, { type: i2.SkyAppWindowRef }]; } });
 
@@ -180,12 +180,13 @@ class SkySummaryActionBarComponent {
         this.idled = new Subject();
     }
     get isSummaryCollapsible() {
-        return this.type === SkySummaryActionBarType.StandardModal ||
-            this.mediaQueryService.current === SkyMediaBreakpoints.xs;
+        return (this.type === SkySummaryActionBarType.StandardModal ||
+            this.mediaQueryService.current === SkyMediaBreakpoints.xs);
     }
     ngAfterViewInit() {
         this.type = this.adapterService.getSummaryActionBarType(this.elementRef.nativeElement);
-        if (!(this.type === SkySummaryActionBarType.FullPageModal || this.type === SkySummaryActionBarType.StandardModal)) {
+        if (!(this.type === SkySummaryActionBarType.FullPageModal ||
+            this.type === SkySummaryActionBarType.StandardModal)) {
             this.setupReactiveState();
             if (this.type === SkySummaryActionBarType.SplitView) {
                 this.adapterService.styleSplitViewElementForActionBar(this.elementRef);
@@ -210,8 +211,8 @@ class SkySummaryActionBarComponent {
         if (this.type === SkySummaryActionBarType.SplitView) {
             this.adapterService.revertSplitViewElementStyles();
         }
-        else if ((this.type === SkySummaryActionBarType.Page) ||
-            (this.type === SkySummaryActionBarType.Tab)) {
+        else if (this.type === SkySummaryActionBarType.Page ||
+            this.type === SkySummaryActionBarType.Tab) {
             this.adapterService.revertBodyElementStyles();
         }
         this.removeResizeListener();
@@ -233,8 +234,8 @@ class SkySummaryActionBarComponent {
         if (this.slideDirection === 'up') {
             this.isSummaryCollapsed = true;
         }
-        if ((this.type === SkySummaryActionBarType.Page) ||
-            (this.type === SkySummaryActionBarType.Tab)) {
+        if (this.type === SkySummaryActionBarType.Page ||
+            this.type === SkySummaryActionBarType.Tab) {
             this.adapterService.styleBodyElementForActionBar(this.elementRef);
         }
     }
@@ -269,7 +270,12 @@ class SkySummaryActionBarComponent {
                 }
             });
         }
-        const config = { attributes: true, attributeFilter: ['hidden'], childList: false, characterDate: false };
+        const config = {
+            attributes: true,
+            attributeFilter: ['hidden'],
+            childList: false,
+            characterDate: false,
+        };
         let el = this.elementRef.nativeElement;
         do {
             if (el.classList.contains('sky-tab')) {
@@ -298,21 +304,17 @@ class SkySummaryActionBarComponent {
         this.idled.next(true);
     }
 }
-SkySummaryActionBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: SkySummaryActionBarComponent, deps: [{ token: SkySummaryActionBarAdapterService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i2.SkyMediaQueryService }, { token: i2.MutationObserverService }, { token: i2.SkyAppWindowRef }], target: i0.ɵɵFactoryTarget.Component });
-SkySummaryActionBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: SkySummaryActionBarComponent, selector: "sky-summary-action-bar", providers: [
-        SkySummaryActionBarAdapterService
-    ], queries: [{ propertyName: "summaryElement", first: true, predicate: SkySummaryActionBarSummaryComponent, descendants: true, read: ElementRef }], ngImport: i0, template: "<div\n  class=\"sky-summary-action-bar\"\n  [ngClass]=\"{\n    'sky-summary-action-bar-summary-collapsible': isSummaryCollapsible,\n    'sky-summary-action-bar-modal': type === 1 || type === 2,\n    'sky-summary-action-bar-split-view': type === 4\n  }\"\n>\n  <div\n    class=\"sky-summary-action-bar-actions\"\n  >\n    <ng-content\n      select=\"sky-summary-action-bar-actions\"\n      ></ng-content>\n  </div>\n  <ng-container *ngIf=\"summaryContentExists()\">\n    <div\n      class=\"sky-summary-action-bar-summary\"\n      [id]=\"summaryId\"\n      [@skyAnimationSlide]=\"slideDirection\"\n      (@skyAnimationSlide.start)=\"summaryTransitionStart()\"\n      (@skyAnimationSlide.done)=\"summaryTransitionEnd()\"\n    >\n      <div\n        class=\"sky-summary-action-bar-summary-body\"\n      >\n        <div class=\"sky-summary-action-bar-summary-items\">\n          <ng-content\n            select=\"sky-summary-action-bar-summary\"\n          ></ng-content>\n        </div>\n        <div *ngIf=\"isSummaryCollapsible && !isSummaryCollapsed\"\n          class=\"sky-summary-action-bar-details-collapse\"\n        >\n          <ng-container *ngTemplateOutlet=\"chevron\"></ng-container>\n        </div>\n      </div>\n    </div>\n    <div *ngIf=\"isSummaryCollapsible && isSummaryCollapsed\"\n      class=\"sky-summary-action-bar-details-expand\"\n    >\n      <ng-container *ngTemplateOutlet=\"chevron\"></ng-container>\n    </div>\n  </ng-container>\n</div>\n\n<ng-template #chevron>\n  <sky-chevron\n    [attr.title]=\"isSummaryCollapsed ?\n      ('skyux_summary_action_bar_hide_summary' | skyLibResources) :\n      ('skyux_summary_action_bar_show_summary' | skyLibResources)\n    \"\n    [attr.aria-controls]=\"summaryId\"\n    [attr.aria-expanded]=\"!isSummaryCollapsed\"\n    [direction]=\"isSummaryCollapsed ? 'up' : 'down'\"\n    [skyThemeClass]=\"{\n      'sky-margin-inline-default' : 'modern'\n    }\"\n    (directionChange)=\"onDirectionChange($event)\"\n  >\n  </sky-chevron>\n</ng-template>\n", styles: [".sky-summary-action-bar{display:flex;align-items:center;width:100%;margin-top:20px;position:fixed;bottom:0;left:0;z-index:999;background-color:#fff;box-shadow:0 -3px 3px #cdcfd2}.sky-summary-action-bar-modal,.sky-summary-action-bar-split-view{position:relative;margin-top:0}.sky-summary-action-bar-split-view{box-shadow:none}.sky-summary-action-bar-actions{padding:10px 20px 10px 10px;flex-shrink:0;background-color:#fff;z-index:999}.sky-summary-action-bar-summary{margin:10px 0;border-left:1px solid #e2e3e4}.sky-summary-action-bar-summary-body{padding-left:20px;display:flex}.sky-summary-action-bar-summary-items{display:flex;flex-wrap:wrap;flex-grow:1;margin-right:10px}.sky-summary-action-bar-details-expand{margin-left:auto;margin-right:10px}.sky-summary-action-bar-details-expand,.sky-summary-action-bar-details-collapse{display:none}.sky-summary-action-bar-summary-collapsible.sky-summary-action-bar{flex-wrap:wrap}.sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-summary{order:-1;width:100%;border-bottom:1px solid #e2e3e4;margin:0;border-left:none;z-index:998}.sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-summary-body{padding:10px}.sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-details-expand,.sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-details-collapse{display:block}.sky-theme-modern .sky-summary-action-bar-actions,:host-context(.sky-theme-modern) .sky-summary-action-bar-actions{padding:20px 30px}.sky-theme-modern .sky-summary-action-bar-summary,:host-context(.sky-theme-modern) .sky-summary-action-bar-summary{border:none}.sky-theme-modern .sky-summary-action-bar-summary-body,:host-context(.sky-theme-modern) .sky-summary-action-bar-summary-body{padding-left:30px}.sky-theme-modern .sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-actions,:host-context(.sky-theme-modern) .sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-actions{padding:20px}.sky-theme-modern .sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-summary-body,:host-context(.sky-theme-modern) .sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-summary-body{padding:20px}.sky-theme-modern .sky-summary-action-bar-summary-items,:host-context(.sky-theme-modern) .sky-summary-action-bar-summary-items{margin-bottom:-10px}.sky-theme-modern .sky-summary-action-bar-summary-items ::ng-deep sky-key-info,:host-context(.sky-theme-modern) .sky-summary-action-bar-summary-items ::ng-deep sky-key-info{margin:0 30px 10px 0;display:inline-block}.sky-theme-modern .sky-summary-action-bar-summary-items ::ng-deep sky-key-info:last-child,:host-context(.sky-theme-modern) .sky-summary-action-bar-summary-items ::ng-deep sky-key-info:last-child{margin:0 0 10px}.sky-theme-modern.sky-theme-mode-dark .sky-summary-action-bar,:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-summary-action-bar{background-color:#000;box-shadow:none}.sky-theme-modern.sky-theme-mode-dark .sky-summary-action-bar-actions,:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-summary-action-bar-actions{background-color:#000}\n"], components: [{ type: i3.λ2, selector: "sky-chevron", inputs: ["direction", "disabled"], outputs: ["directionChange"] }], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i5.SkyThemeClassDirective, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }], pipes: { "skyLibResources": i6.SkyLibResourcesPipe }, animations: [skyAnimationSlide], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: SkySummaryActionBarComponent, decorators: [{
+SkySummaryActionBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySummaryActionBarComponent, deps: [{ token: SkySummaryActionBarAdapterService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i2.SkyMediaQueryService }, { token: i2.MutationObserverService }, { token: i2.SkyAppWindowRef }], target: i0.ɵɵFactoryTarget.Component });
+SkySummaryActionBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkySummaryActionBarComponent, selector: "sky-summary-action-bar", providers: [SkySummaryActionBarAdapterService], queries: [{ propertyName: "summaryElement", first: true, predicate: SkySummaryActionBarSummaryComponent, descendants: true, read: ElementRef }], ngImport: i0, template: "<div\n  class=\"sky-summary-action-bar\"\n  [ngClass]=\"{\n    'sky-summary-action-bar-summary-collapsible': isSummaryCollapsible,\n    'sky-summary-action-bar-modal': type === 1 || type === 2,\n    'sky-summary-action-bar-split-view': type === 4\n  }\"\n>\n  <div class=\"sky-summary-action-bar-actions\">\n    <ng-content select=\"sky-summary-action-bar-actions\"></ng-content>\n  </div>\n  <ng-container *ngIf=\"summaryContentExists()\">\n    <div\n      class=\"sky-summary-action-bar-summary\"\n      [id]=\"summaryId\"\n      [@skyAnimationSlide]=\"slideDirection\"\n      (@skyAnimationSlide.start)=\"summaryTransitionStart()\"\n      (@skyAnimationSlide.done)=\"summaryTransitionEnd()\"\n    >\n      <div class=\"sky-summary-action-bar-summary-body\">\n        <div class=\"sky-summary-action-bar-summary-items\">\n          <ng-content select=\"sky-summary-action-bar-summary\"></ng-content>\n        </div>\n        <div\n          *ngIf=\"isSummaryCollapsible && !isSummaryCollapsed\"\n          class=\"sky-summary-action-bar-details-collapse\"\n        >\n          <ng-container *ngTemplateOutlet=\"chevron\"></ng-container>\n        </div>\n      </div>\n    </div>\n    <div\n      *ngIf=\"isSummaryCollapsible && isSummaryCollapsed\"\n      class=\"sky-summary-action-bar-details-expand\"\n    >\n      <ng-container *ngTemplateOutlet=\"chevron\"></ng-container>\n    </div>\n  </ng-container>\n</div>\n\n<ng-template #chevron>\n  <sky-chevron\n    [attr.aria-controls]=\"summaryId\"\n    [ariaLabel]=\"'skyux_summary_action_bar_expand' | skyLibResources\"\n    [direction]=\"isSummaryCollapsed ? 'up' : 'down'\"\n    [skyThemeClass]=\"{\n      'sky-margin-inline-default': 'modern'\n    }\"\n    (directionChange)=\"onDirectionChange($event)\"\n  >\n  </sky-chevron>\n</ng-template>\n", styles: [".sky-summary-action-bar{display:flex;align-items:center;width:100%;margin-top:20px;position:fixed;bottom:0;left:0;z-index:999;background-color:#fff;box-shadow:0 -3px 3px #cdcfd2}.sky-summary-action-bar-modal,.sky-summary-action-bar-split-view{position:relative;margin-top:0}.sky-summary-action-bar-split-view{box-shadow:none}.sky-summary-action-bar-actions{padding:10px 20px 10px 10px;flex-shrink:0;background-color:#fff;z-index:999}.sky-summary-action-bar-summary{margin:10px 0;border-left:1px solid #e2e3e4}.sky-summary-action-bar-summary-body{padding-left:20px;display:flex}.sky-summary-action-bar-summary-items{display:flex;flex-wrap:wrap;flex-grow:1;margin-right:10px}.sky-summary-action-bar-details-expand{margin-left:auto;margin-right:10px}.sky-summary-action-bar-details-expand,.sky-summary-action-bar-details-collapse{display:none}.sky-summary-action-bar-summary-collapsible.sky-summary-action-bar{flex-wrap:wrap}.sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-summary{order:-1;width:100%;border-bottom:1px solid #e2e3e4;margin:0;border-left:none;z-index:998}.sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-summary-body{padding:10px}.sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-details-expand,.sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-details-collapse{display:block}:host-context(.sky-theme-modern) .sky-summary-action-bar-actions{padding:20px 30px}:host-context(.sky-theme-modern) .sky-summary-action-bar-summary{border:none}:host-context(.sky-theme-modern) .sky-summary-action-bar-summary-body{padding-left:30px}:host-context(.sky-theme-modern) .sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-actions{padding:20px}:host-context(.sky-theme-modern) .sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-summary-body{padding:20px}:host-context(.sky-theme-modern) .sky-summary-action-bar-summary-items{margin-bottom:-10px}:host-context(.sky-theme-modern) .sky-summary-action-bar-summary-items ::ng-deep sky-key-info{margin:0 30px 10px 0;display:inline-block}:host-context(.sky-theme-modern) .sky-summary-action-bar-summary-items ::ng-deep sky-key-info:last-child{margin:0 0 10px}.sky-theme-modern .sky-summary-action-bar-actions{padding:20px 30px}.sky-theme-modern .sky-summary-action-bar-summary{border:none}.sky-theme-modern .sky-summary-action-bar-summary-body{padding-left:30px}.sky-theme-modern .sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-actions{padding:20px}.sky-theme-modern .sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-summary-body{padding:20px}.sky-theme-modern .sky-summary-action-bar-summary-items{margin-bottom:-10px}.sky-theme-modern .sky-summary-action-bar-summary-items ::ng-deep sky-key-info{margin:0 30px 10px 0;display:inline-block}.sky-theme-modern .sky-summary-action-bar-summary-items ::ng-deep sky-key-info:last-child{margin:0 0 10px}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-summary-action-bar{background-color:#000;box-shadow:none}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-summary-action-bar-actions{background-color:#000}.sky-theme-modern.sky-theme-mode-dark .sky-summary-action-bar{background-color:#000;box-shadow:none}.sky-theme-modern.sky-theme-mode-dark .sky-summary-action-bar-actions{background-color:#000}\n"], components: [{ type: i3.λ2, selector: "sky-chevron", inputs: ["ariaControls", "ariaLabel", "direction", "disabled"], outputs: ["directionChange"] }], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i5.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }], pipes: { "skyLibResources": i6.SkyLibResourcesPipe }, animations: [skyAnimationSlide], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySummaryActionBarComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-summary-action-bar',
                     templateUrl: './summary-action-bar.component.html',
                     styleUrls: ['./summary-action-bar.component.scss'],
                     animations: [skyAnimationSlide],
-                    providers: [
-                        SkySummaryActionBarAdapterService
-                    ],
-                    changeDetection: ChangeDetectionStrategy.OnPush
+                    providers: [SkySummaryActionBarAdapterService],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
         }], ctorParameters: function () { return [{ type: SkySummaryActionBarAdapterService }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i2.SkyMediaQueryService }, { type: i2.MutationObserverService }, { type: i2.SkyAppWindowRef }]; }, propDecorators: { summaryElement: [{
                 type: ContentChild,
@@ -324,15 +326,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImpor
  */
 class SkySummaryActionBarActionsComponent {
 }
-SkySummaryActionBarActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: SkySummaryActionBarActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkySummaryActionBarActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: SkySummaryActionBarActionsComponent, selector: "sky-summary-action-bar-actions", ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:inline-flex}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: SkySummaryActionBarActionsComponent, decorators: [{
+SkySummaryActionBarActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySummaryActionBarActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkySummaryActionBarActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkySummaryActionBarActionsComponent, selector: "sky-summary-action-bar-actions", ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:inline-flex}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySummaryActionBarActionsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-summary-action-bar-actions',
                     templateUrl: './summary-action-bar-actions.component.html',
                     styleUrls: ['./summary-action-bar-actions.component.scss'],
-                    changeDetection: ChangeDetectionStrategy.OnPush
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
         }] });
 
@@ -354,15 +356,15 @@ class SkySummaryActionBarCancelComponent {
         this.actionClick.emit();
     }
 }
-SkySummaryActionBarCancelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: SkySummaryActionBarCancelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkySummaryActionBarCancelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: SkySummaryActionBarCancelComponent, selector: "sky-summary-action-bar-cancel", inputs: { disabled: "disabled" }, outputs: { actionClick: "actionClick" }, ngImport: i0, template: "<button\n  type=\"button\"\n  class=\"sky-btn sky-btn-link sky-summary-action-bar-cancel\"\n  [disabled]=\"disabled\"\n  (click)=\"onCancelClicked()\"\n>\n  <ng-content></ng-content>\n</button>\n", styles: ["::ng-deep .sky-modal .sky-modal-footer-container button.sky-btn-link:first-child{margin-left:initial}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: SkySummaryActionBarCancelComponent, decorators: [{
+SkySummaryActionBarCancelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySummaryActionBarCancelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkySummaryActionBarCancelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkySummaryActionBarCancelComponent, selector: "sky-summary-action-bar-cancel", inputs: { disabled: "disabled" }, outputs: { actionClick: "actionClick" }, ngImport: i0, template: "<button\n  type=\"button\"\n  class=\"sky-btn sky-btn-link sky-summary-action-bar-cancel\"\n  [disabled]=\"disabled\"\n  (click)=\"onCancelClicked()\"\n>\n  <ng-content></ng-content>\n</button>\n", styles: ["::ng-deep .sky-modal .sky-modal-footer-container button.sky-btn-link:first-child{margin-left:initial}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySummaryActionBarCancelComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-summary-action-bar-cancel',
                     templateUrl: './summary-action-bar-cancel.component.html',
                     styleUrls: ['./summary-action-bar-cancel.component.scss'],
-                    changeDetection: ChangeDetectionStrategy.OnPush
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
         }], propDecorators: { disabled: [{
                 type: Input
@@ -389,15 +391,15 @@ class SkySummaryActionBarPrimaryActionComponent {
         this.actionClick.emit();
     }
 }
-SkySummaryActionBarPrimaryActionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: SkySummaryActionBarPrimaryActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkySummaryActionBarPrimaryActionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: SkySummaryActionBarPrimaryActionComponent, selector: "sky-summary-action-bar-primary-action", inputs: { disabled: "disabled" }, outputs: { actionClick: "actionClick" }, ngImport: i0, template: "<button\n  type=\"button\"\n  class=\"sky-btn sky-btn-primary\"\n  [disabled]=\"disabled\"\n  (click)=\"onButtonClicked()\"\n>\n  <ng-content></ng-content>\n</button>\n", styles: [".sky-btn{margin-right:10px}.sky-theme-modern .sky-btn,:host-context(.sky-theme-modern) .sky-btn{margin-right:10px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: SkySummaryActionBarPrimaryActionComponent, decorators: [{
+SkySummaryActionBarPrimaryActionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySummaryActionBarPrimaryActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkySummaryActionBarPrimaryActionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkySummaryActionBarPrimaryActionComponent, selector: "sky-summary-action-bar-primary-action", inputs: { disabled: "disabled" }, outputs: { actionClick: "actionClick" }, ngImport: i0, template: "<button\n  type=\"button\"\n  class=\"sky-btn sky-btn-primary\"\n  [disabled]=\"disabled\"\n  (click)=\"onButtonClicked()\"\n>\n  <ng-content></ng-content>\n</button>\n", styles: [".sky-btn{margin-right:10px}:host-context(.sky-theme-modern) .sky-btn{margin-right:10px}.sky-theme-modern .sky-btn{margin-right:10px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySummaryActionBarPrimaryActionComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-summary-action-bar-primary-action',
                     templateUrl: './summary-action-bar-primary-action.component.html',
                     styleUrls: ['./summary-action-bar-primary-action.component.scss'],
-                    changeDetection: ChangeDetectionStrategy.OnPush
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
         }], propDecorators: { disabled: [{
                 type: Input
@@ -432,15 +434,15 @@ class SkySummaryActionBarSecondaryActionComponent {
         this.actionClick.emit();
     }
 }
-SkySummaryActionBarSecondaryActionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: SkySummaryActionBarSecondaryActionComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-SkySummaryActionBarSecondaryActionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: SkySummaryActionBarSecondaryActionComponent, selector: "sky-summary-action-bar-secondary-action", inputs: { disabled: "disabled" }, outputs: { actionClick: "actionClick" }, ngImport: i0, template: "<ng-container *ngIf=\"!isDropdown\">\n  <button\n    type=\"button\"\n    class=\"sky-btn\"\n    role=\"menuitem\"\n    [disabled]=\"disabled\"\n    [skyThemeClass]=\"{\n      'sky-btn-secondary' : 'default',\n      'sky-btn-default': 'modern'\n    }\"\n    (click)=\"onButtonClicked()\"\n  >\n    <ng-container *ngTemplateOutlet=\"summaryActionBarSecondaryAction\"></ng-container>\n  </button>\n</ng-container>\n<sky-dropdown-item *ngIf=\"isDropdown\">\n  <button\n    type=\"button\"\n    [disabled]=\"disabled\"\n    (click)=\"onButtonClicked()\"\n  >\n    <ng-container *ngTemplateOutlet=\"summaryActionBarSecondaryAction\"></ng-container>\n  </button>\n</sky-dropdown-item>\n\n<ng-template\n  #summaryActionBarSecondaryAction\n>\n  <ng-content></ng-content>\n</ng-template>\n", styles: [".sky-btn{margin-right:10px}.sky-theme-modern .sky-btn,:host-context(.sky-theme-modern) .sky-btn{margin-right:10px}\n"], components: [{ type: i2$1.ɵc, selector: "sky-dropdown-item", inputs: ["ariaRole"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.SkyThemeClassDirective, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: SkySummaryActionBarSecondaryActionComponent, decorators: [{
+SkySummaryActionBarSecondaryActionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySummaryActionBarSecondaryActionComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+SkySummaryActionBarSecondaryActionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkySummaryActionBarSecondaryActionComponent, selector: "sky-summary-action-bar-secondary-action", inputs: { disabled: "disabled" }, outputs: { actionClick: "actionClick" }, ngImport: i0, template: "<ng-container *ngIf=\"!isDropdown\">\n  <button\n    type=\"button\"\n    class=\"sky-btn\"\n    role=\"menuitem\"\n    [disabled]=\"disabled\"\n    [skyThemeClass]=\"{\n      'sky-btn-secondary': 'default',\n      'sky-btn-default': 'modern'\n    }\"\n    (click)=\"onButtonClicked()\"\n  >\n    <ng-container\n      *ngTemplateOutlet=\"summaryActionBarSecondaryAction\"\n    ></ng-container>\n  </button>\n</ng-container>\n<sky-dropdown-item *ngIf=\"isDropdown\">\n  <button type=\"button\" [disabled]=\"disabled\" (click)=\"onButtonClicked()\">\n    <ng-container\n      *ngTemplateOutlet=\"summaryActionBarSecondaryAction\"\n    ></ng-container>\n  </button>\n</sky-dropdown-item>\n\n<ng-template #summaryActionBarSecondaryAction>\n  <ng-content></ng-content>\n</ng-template>\n", styles: [".sky-btn{margin-right:10px}:host-context(.sky-theme-modern) .sky-btn{margin-right:10px}.sky-theme-modern .sky-btn{margin-right:10px}\n"], components: [{ type: i2$1.λ1, selector: "sky-dropdown-item", inputs: ["ariaRole"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySummaryActionBarSecondaryActionComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-summary-action-bar-secondary-action',
                     templateUrl: './summary-action-bar-secondary-action.component.html',
                     styleUrls: ['./summary-action-bar-secondary-action.component.scss'],
-                    changeDetection: ChangeDetectionStrategy.OnPush
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { disabled: [{
                 type: Input
@@ -485,24 +487,26 @@ class SkySummaryActionBarSecondaryActionsComponent {
             if (this.secondaryActionComponents.length >= 5 || this.isMobile) {
                 isDropdown = true;
             }
-            this.secondaryActionComponents.forEach(action => {
+            this.secondaryActionComponents.forEach((action) => {
                 action.isDropdown = isDropdown;
                 this.actionClicks.push(action.actionClick.subscribe(() => {
-                    this.dropdownMessageStream.next({ type: SkyDropdownMessageType.Close });
+                    this.dropdownMessageStream.next({
+                        type: SkyDropdownMessageType.Close,
+                    });
                 }));
             });
         }
         this.changeDetector.detectChanges();
     }
 }
-SkySummaryActionBarSecondaryActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: SkySummaryActionBarSecondaryActionsComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i2.SkyMediaQueryService }], target: i0.ɵɵFactoryTarget.Component });
-SkySummaryActionBarSecondaryActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.4", type: SkySummaryActionBarSecondaryActionsComponent, selector: "sky-summary-action-bar-secondary-actions", queries: [{ propertyName: "secondaryActionComponents", predicate: SkySummaryActionBarSecondaryActionComponent }], ngImport: i0, template: "<div *ngIf=\"!isMobile && secondaryActionComponents.length < 5\"\n  class=\"sky-summary-action-bar-secondary-buttons\"\n  role=\"menubar\"\n>\n  <ng-container *ngTemplateOutlet=\"summaryActionBarSecondaryActions\"></ng-container>\n</div>\n<div *ngIf=\"isMobile || secondaryActionComponents.length > 4\">\n  <sky-dropdown\n    buttonType=\"ellipsis-h\"\n    [attr.title]=\"'skyux_summary_action_bar_open_secondary' | skyLibResources\"\n    [messageStream]=\"dropdownMessageStream\"\n  >\n    <sky-dropdown-menu>\n      <ng-container *ngTemplateOutlet=\"summaryActionBarSecondaryActions\"></ng-container>\n    </sky-dropdown-menu>\n  </sky-dropdown>\n</div>\n<ng-template\n  #summaryActionBarSecondaryActions\n>\n  <ng-content\n    select=\"sky-summary-action-bar-secondary-action\"\n  ></ng-content>\n</ng-template>\n", components: [{ type: i2$1.ɵb, selector: "sky-dropdown", inputs: ["messageStream", "buttonStyle", "buttonType", "disabled", "dismissOnBlur", "horizontalAlignment", "trigger", "label", "title"] }, { type: i2$1.ɵd, selector: "sky-dropdown-menu", inputs: ["ariaRole", "useNativeFocus", "ariaLabelledBy"], outputs: ["menuChanges"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "skyLibResources": i6.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: SkySummaryActionBarSecondaryActionsComponent, decorators: [{
+SkySummaryActionBarSecondaryActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySummaryActionBarSecondaryActionsComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i2.SkyMediaQueryService }], target: i0.ɵɵFactoryTarget.Component });
+SkySummaryActionBarSecondaryActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkySummaryActionBarSecondaryActionsComponent, selector: "sky-summary-action-bar-secondary-actions", queries: [{ propertyName: "secondaryActionComponents", predicate: SkySummaryActionBarSecondaryActionComponent }], ngImport: i0, template: "<div\n  *ngIf=\"!isMobile && secondaryActionComponents.length < 5\"\n  class=\"sky-summary-action-bar-secondary-buttons\"\n  role=\"menubar\"\n>\n  <ng-container\n    *ngTemplateOutlet=\"summaryActionBarSecondaryActions\"\n  ></ng-container>\n</div>\n<div *ngIf=\"isMobile || secondaryActionComponents.length > 4\">\n  <sky-dropdown\n    buttonType=\"ellipsis-h\"\n    [attr.title]=\"'skyux_summary_action_bar_open_secondary' | skyLibResources\"\n    [messageStream]=\"dropdownMessageStream\"\n  >\n    <sky-dropdown-menu>\n      <ng-container\n        *ngTemplateOutlet=\"summaryActionBarSecondaryActions\"\n      ></ng-container>\n    </sky-dropdown-menu>\n  </sky-dropdown>\n</div>\n<ng-template #summaryActionBarSecondaryActions>\n  <ng-content select=\"sky-summary-action-bar-secondary-action\"></ng-content>\n</ng-template>\n", components: [{ type: i2$1.λ3, selector: "sky-dropdown", inputs: ["buttonStyle", "buttonType", "disabled", "dismissOnBlur", "label", "horizontalAlignment", "messageStream", "title", "trigger"] }, { type: i2$1.λ4, selector: "sky-dropdown-menu", inputs: ["ariaLabelledBy", "ariaRole", "useNativeFocus"], outputs: ["menuChanges"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "skyLibResources": i6.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySummaryActionBarSecondaryActionsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-summary-action-bar-secondary-actions',
                     templateUrl: './summary-action-bar-secondary-actions.component.html',
-                    changeDetection: ChangeDetectionStrategy.OnPush
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i2.SkyMediaQueryService }]; }, propDecorators: { secondaryActionComponents: [{
                 type: ContentChildren,
@@ -511,8 +515,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImpor
 
 class SkySummaryActionBarModule {
 }
-SkySummaryActionBarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: SkySummaryActionBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkySummaryActionBarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: SkySummaryActionBarModule, declarations: [SkySummaryActionBarActionsComponent,
+SkySummaryActionBarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySummaryActionBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkySummaryActionBarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySummaryActionBarModule, declarations: [SkySummaryActionBarActionsComponent,
         SkySummaryActionBarCancelComponent,
         SkySummaryActionBarComponent,
         SkySummaryActionBarPrimaryActionComponent,
@@ -531,16 +535,16 @@ SkySummaryActionBarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0
         SkySummaryActionBarSecondaryActionComponent,
         SkySummaryActionBarSecondaryActionsComponent,
         SkySummaryActionBarSummaryComponent] });
-SkySummaryActionBarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: SkySummaryActionBarModule, imports: [[
+SkySummaryActionBarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySummaryActionBarModule, imports: [[
             CommonModule,
             SkyChevronModule,
             SkyDropdownModule,
             SkyI18nModule,
             SkyIconModule,
             SkyActionBarsResourcesModule,
-            SkyThemeModule
+            SkyThemeModule,
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: SkySummaryActionBarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySummaryActionBarModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -550,7 +554,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImpor
                         SkySummaryActionBarPrimaryActionComponent,
                         SkySummaryActionBarSecondaryActionComponent,
                         SkySummaryActionBarSecondaryActionsComponent,
-                        SkySummaryActionBarSummaryComponent
+                        SkySummaryActionBarSummaryComponent,
                     ],
                     imports: [
                         CommonModule,
@@ -559,7 +563,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImpor
                         SkyI18nModule,
                         SkyIconModule,
                         SkyActionBarsResourcesModule,
-                        SkyThemeModule
+                        SkyThemeModule,
                     ],
                     exports: [
                         SkySummaryActionBarComponent,
@@ -568,8 +572,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImpor
                         SkySummaryActionBarPrimaryActionComponent,
                         SkySummaryActionBarSecondaryActionComponent,
                         SkySummaryActionBarSecondaryActionsComponent,
-                        SkySummaryActionBarSummaryComponent
-                    ]
+                        SkySummaryActionBarSummaryComponent,
+                    ],
                 }]
         }] });
 

package/fesm2015/skyux-action-bars.js.map

@@ -1 +1 @@
-{"version":3,"file":"skyux-action-bars.js","sources":["../../../projects/action-bars/src/modules/shared/sky-action-bars-resources.module.ts","../../../projects/action-bars/src/modules/summary-action-bar/summary/summary-action-bar-summary.component.ts","../../../projects/action-bars/src/modules/summary-action-bar/summary/summary-action-bar-summary.component.html","../../../projects/action-bars/src/modules/summary-action-bar/types/summary-action-bar-type.ts","../../../projects/action-bars/src/modules/summary-action-bar/summary-action-bar-adapter.service.ts","../../../projects/action-bars/src/modules/summary-action-bar/summary-action-bar.component.ts","../../../projects/action-bars/src/modules/summary-action-bar/summary-action-bar.component.html","../../../projects/action-bars/src/modules/summary-action-bar/actions/summary-action-bar-actions.component.ts","../../../projects/action-bars/src/modules/summary-action-bar/actions/summary-action-bar-actions.component.html","../../../projects/action-bars/src/modules/summary-action-bar/actions/summary-action-bar-cancel.component.ts","../../../projects/action-bars/src/modules/summary-action-bar/actions/summary-action-bar-cancel.component.html","../../../projects/action-bars/src/modules/summary-action-bar/actions/summary-action-bar-primary-action.component.ts","../../../projects/action-bars/src/modules/summary-action-bar/actions/summary-action-bar-primary-action.component.html","../../../projects/action-bars/src/modules/summary-action-bar/actions/summary-action-bar-secondary-action.component.ts","../../../projects/action-bars/src/modules/summary-action-bar/actions/summary-action-bar-secondary-action.component.html","../../../projects/action-bars/src/modules/summary-action-bar/actions/summary-action-bar-secondary-actions.component.ts","../../../projects/action-bars/src/modules/summary-action-bar/actions/summary-action-bar-secondary-actions.component.html","../../../projects/action-bars/src/modules/summary-action-bar/summary-action-bar.module.ts","../../../projects/action-bars/src/skyux-action-bars.ts"],"sourcesContent":["/**\n * NOTICE: DO NOT MODIFY THIS FILE!\n * The contents of this file were automatically generated by\n * the 'ng generate @skyux/i18n:lib-resources-module modules/shared/sky-action-bars' schematic.\n * To update this file, simply rerun the command.\n */\n\nimport { NgModule } from '@angular/core';\nimport {\n  getLibStringForLocale,\n  SkyAppLocaleInfo,\n  SkyI18nModule,\n  SkyLibResources,\n  SkyLibResourcesProvider,\n  SKY_LIB_RESOURCES_PROVIDERS\n} from '@skyux/i18n';\n\nconst RESOURCES: { [locale: string]: SkyLibResources } = {\n  'EN-US': {\"skyux_summary_action_bar_open_secondary\":{\"message\":\"Show secondary actions\"},\"skyux_summary_action_bar_show_summary\":{\"message\":\"Show summary\"},\"skyux_summary_action_bar_hide_summary\":{\"message\":\"Hide summary\"}},\n};\n\nexport class SkyActionBarsResourcesProvider implements SkyLibResourcesProvider {\n  public getString(localeInfo: SkyAppLocaleInfo, name: string): string {\n    return getLibStringForLocale(RESOURCES, localeInfo.locale, name);\n  }\n}\n\n/**\n * Import into any component library module that needs to use resource strings.\n */\n@NgModule({\n  exports: [SkyI18nModule],\n  providers: [{\n    provide: SKY_LIB_RESOURCES_PROVIDERS,\n    useClass: SkyActionBarsResourcesProvider,\n    multi: true\n  }]\n})\nexport class SkyActionBarsResourcesModule { }\n","import {\n  Component,\n  ChangeDetectionStrategy\n} from '@angular/core';\n\n/**\n * Specifies the summary information to display.\n */\n@Component({\n  selector: 'sky-summary-action-bar-summary',\n  templateUrl: './summary-action-bar-summary.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SkySummaryActionBarSummaryComponent {\n}\n","<ng-content></ng-content>\n","/**\n * @internal\n */\nexport enum SkySummaryActionBarType {\n  Page = 0,\n  StandardModal = 1,\n  FullPageModal = 2,\n  Tab = 3,\n  SplitView = 4\n}\n","import {\n  ElementRef,\n  Injectable,\n  Renderer2,\n  RendererFactory2\n} from '@angular/core';\n\nimport {\n  SkyAppWindowRef\n} from '@skyux/core';\n\nimport {\n  SkySummaryActionBarType\n} from './types/summary-action-bar-type';\n\n/**\n * @internal\n */\n@Injectable()\nexport class SkySummaryActionBarAdapterService {\n\n  private renderer: Renderer2;\n\n  constructor(\n    private rendererFactory: RendererFactory2,\n    private windowRef: SkyAppWindowRef\n  ) {\n    this.renderer = this.rendererFactory.createRenderer(undefined, undefined);\n  }\n\n  public styleBodyElementForActionBar(summaryActionBarRef: ElementRef): void {\n    const window = this.windowRef.nativeWindow;\n    const body = window.document.body;\n    const actionBarEl = summaryActionBarRef.nativeElement.querySelector('.sky-summary-action-bar');\n    /* istanbul ignore else */\n    if (actionBarEl.style.visibility !== 'hidden') {\n      this.renderer.setStyle(body, 'margin-bottom', actionBarEl.offsetHeight + 'px');\n    }\n  }\n\n  public styleSplitViewElementForActionBar(summaryActionBarRef: ElementRef): void {\n    const splitViewWorkspaceContent = document.querySelector('.sky-split-view-workspace-content');\n    const splitViewWorkspaceFooter = document.querySelector('.sky-split-view-workspace-footer');\n    const actionBarEl = summaryActionBarRef.nativeElement.querySelector('.sky-summary-action-bar');\n    /* istanbul ignore else */\n    if (actionBarEl.style.visibility !== 'hidden') {\n      this.renderer.setStyle(splitViewWorkspaceContent, 'padding-bottom', '20px');\n      this.renderer.setStyle(splitViewWorkspaceFooter, 'padding', 0);\n    }\n  }\n\n  public revertBodyElementStyles(): void {\n    const window = this.windowRef.nativeWindow;\n    const body = window.document.body;\n    this.renderer.removeStyle(body, 'margin-bottom');\n  }\n\n  public revertSplitViewElementStyles(): void {\n    const splitViewWorkspaceContent = document.querySelector('.sky-split-view-workspace-content');\n    const splitViewWorkspaceFooter = document.querySelector('.sky-split-view-workspace-footer');\n    this.renderer.setStyle(splitViewWorkspaceContent, 'padding-bottom', 'none');\n    this.renderer.setStyle(splitViewWorkspaceFooter, 'padding', '10px');\n  }\n\n  public styleModalFooter(summaryActionBarRef: ElementRef): void {\n    const modalFooterEls = document.getElementsByClassName('sky-modal-footer-container');\n    for (let i = 0; i < modalFooterEls.length; i++) {\n      if (modalFooterEls.item(i).contains(summaryActionBarRef.nativeElement)) {\n        this.renderer.setStyle(modalFooterEls.item(i), 'padding', 0);\n      }\n    }\n  }\n\n  public getSummaryActionBarType(el: Element): SkySummaryActionBarType {\n    do {\n      if (el.tagName.toLowerCase() === 'sky-modal-footer') {\n        while (el.tagName.toLowerCase() !== 'sky-modal') {\n          if (el.classList.contains('sky-modal-full-page')) {\n            return SkySummaryActionBarType.FullPageModal;\n          }\n          el = el.parentElement;\n        }\n        return SkySummaryActionBarType.StandardModal;\n      } else if (el.classList.contains('sky-tab')) {\n        return SkySummaryActionBarType.Tab;\n      } else if (el.tagName.toLowerCase() === 'sky-split-view-workspace') {\n        return SkySummaryActionBarType.SplitView;\n      }\n      el = el.parentElement;\n      // tslint:disable-next-line:no-null-keyword\n    } while (el !== null && el.nodeType === 1);\n    return SkySummaryActionBarType.Page;\n  }\n}\n","import {\n  AfterViewInit,\n  ChangeDetectorRef,\n  ChangeDetectionStrategy,\n  Component,\n  ContentChild,\n  ElementRef,\n  OnDestroy\n} from '@angular/core';\n\nimport {\n  fromEvent\n} from 'rxjs';\n\nimport {\n  takeUntil\n} from 'rxjs/operators';\n\nimport {\n  Subject\n} from 'rxjs';\n\nimport {\n  Subscription\n} from 'rxjs';\n\nimport {\n  skyAnimationSlide\n} from '@skyux/animations';\n\nimport {\n  MutationObserverService,\n  SkyMediaBreakpoints,\n  SkyMediaQueryService,\n  SkyAppWindowRef\n} from '@skyux/core';\n\nimport {\n  SkySummaryActionBarSummaryComponent\n} from './summary/summary-action-bar-summary.component';\n\nimport {\n  SkySummaryActionBarType\n} from './types/summary-action-bar-type';\n\nimport {\n  SkySummaryActionBarAdapterService\n} from './summary-action-bar-adapter.service';\n\n/**\n * Auto-incrementing integer used to generate unique ids for summary action bar components.\n */\nlet nextId = 0;\n\n/**\n * Contains the `sky-summary-action-bar-actions` and\n * `sky-summary-action-bar-summary` components.\n */\n@Component({\n  selector: 'sky-summary-action-bar',\n  templateUrl: './summary-action-bar.component.html',\n  styleUrls: ['./summary-action-bar.component.scss'],\n  animations: [skyAnimationSlide],\n  providers: [\n    SkySummaryActionBarAdapterService\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SkySummaryActionBarComponent implements AfterViewInit, OnDestroy {\n\n  public isSummaryCollapsed = false;\n\n  public get isSummaryCollapsible(): boolean {\n    return this.type === SkySummaryActionBarType.StandardModal ||\n      this.mediaQueryService.current === SkyMediaBreakpoints.xs;\n  }\n\n  public type: SkySummaryActionBarType;\n\n  public slideDirection: string = 'down';\n\n  public summaryId: string = `sky-summary-action-bar-summary-${++nextId}`;\n\n  private mediaQuerySubscription: Subscription;\n\n  private observer: MutationObserver;\n\n  private idled = new Subject<boolean>();\n\n  @ContentChild(SkySummaryActionBarSummaryComponent, { read: ElementRef })\n  private summaryElement: ElementRef;\n\n  constructor(\n    private adapterService: SkySummaryActionBarAdapterService,\n    private changeDetector: ChangeDetectorRef,\n    private elementRef: ElementRef,\n    private mediaQueryService: SkyMediaQueryService,\n    private observerService: MutationObserverService,\n    private windowRef: SkyAppWindowRef\n  ) { }\n\n  public ngAfterViewInit(): void {\n    this.type = this.adapterService.getSummaryActionBarType(this.elementRef.nativeElement);\n    if (!(this.type === SkySummaryActionBarType.FullPageModal || this.type === SkySummaryActionBarType.StandardModal)) {\n      this.setupReactiveState();\n\n      if (this.type === SkySummaryActionBarType.SplitView) {\n        this.adapterService.styleSplitViewElementForActionBar(this.elementRef);\n      } else {\n        this.adapterService.styleBodyElementForActionBar(this.elementRef);\n      }\n\n      this.setupResizeListener();\n\n      if (this.type === SkySummaryActionBarType.Tab) {\n        this.setupTabListener();\n      }\n    } else {\n      this.adapterService.styleModalFooter(this.elementRef);\n\n      if (this.type === SkySummaryActionBarType.FullPageModal) {\n        this.setupReactiveState();\n      }\n    }\n    this.changeDetector.detectChanges();\n  }\n\n  public ngOnDestroy(): void {\n\n    if (this.type === SkySummaryActionBarType.SplitView) {\n      this.adapterService.revertSplitViewElementStyles();\n    } else if ((this.type === SkySummaryActionBarType.Page) ||\n      (this.type === SkySummaryActionBarType.Tab)) {\n      this.adapterService.revertBodyElementStyles();\n    }\n\n    this.removeResizeListener();\n    this.removeTabListener();\n\n    if (this.mediaQuerySubscription) {\n      this.mediaQuerySubscription.unsubscribe();\n    }\n    this.idled.complete();\n  }\n\n  public onDirectionChange(direction: string): void {\n    this.slideDirection = direction;\n  }\n\n  public summaryContentExists(): boolean {\n    return (\n      this.summaryElement &&\n      this.summaryElement.nativeElement.children.length > 0\n    );\n  }\n\n  // NOTE: This function is needed so that the button is not removed until post-animation\n  public summaryTransitionEnd(): void {\n    if (this.slideDirection === 'up') {\n      this.isSummaryCollapsed = true;\n    }\n\n    if ((this.type === SkySummaryActionBarType.Page) ||\n      (this.type === SkySummaryActionBarType.Tab)) {\n      this.adapterService.styleBodyElementForActionBar(this.elementRef);\n    }\n  }\n\n  // NOTE: This function is needed so that the button is added before animation\n  public summaryTransitionStart(): void {\n    if (this.slideDirection === 'down') {\n      this.isSummaryCollapsed = false;\n    }\n  }\n\n  private setupReactiveState() {\n    this.mediaQuerySubscription = this.mediaQueryService.subscribe((args: SkyMediaBreakpoints) => {\n      if (args !== SkyMediaBreakpoints.xs) {\n        this.isSummaryCollapsed = false;\n        this.slideDirection = 'down';\n      }\n      this.changeDetector.detectChanges();\n    });\n  }\n\n  private setupTabListener(): void {\n    /* istanbul ignore else */\n    if (!this.observer) {\n      this.observer = this.observerService.create((mutations: MutationRecord[]) => {\n        if ((<HTMLElement>mutations[0].target).attributes.getNamedItem('hidden')) {\n          this.adapterService.revertBodyElementStyles();\n          this.removeResizeListener();\n        } else {\n          setTimeout(() => {\n            this.adapterService.styleBodyElementForActionBar(this.elementRef);\n            this.setupResizeListener();\n          });\n        }\n      });\n    }\n\n    const config = { attributes: true, attributeFilter: ['hidden'], childList: false, characterDate: false };\n    let el = this.elementRef.nativeElement;\n    do {\n      if (el.classList.contains('sky-tab')) {\n        this.observer.observe(el, config);\n      }\n      el = el.parentElement;\n      // tslint:disable-next-line:no-null-keyword\n    } while (el !== null && el.nodeType === 1);\n  }\n\n  private removeTabListener(): void {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n  }\n\n  private setupResizeListener(): void {\n    if (this.type !== SkySummaryActionBarType.SplitView) {\n      const windowObj = this.windowRef.nativeWindow;\n      fromEvent(windowObj, 'resize')\n        .pipe(takeUntil(this.idled))\n        .subscribe(() => {\n          this.adapterService.styleBodyElementForActionBar(this.elementRef);\n        });\n    }\n  }\n\n  private removeResizeListener(): void {\n    this.idled.next(true);\n  }\n\n}\n","<div\n  class=\"sky-summary-action-bar\"\n  [ngClass]=\"{\n    'sky-summary-action-bar-summary-collapsible': isSummaryCollapsible,\n    'sky-summary-action-bar-modal': type === 1 || type === 2,\n    'sky-summary-action-bar-split-view': type === 4\n  }\"\n>\n  <div\n    class=\"sky-summary-action-bar-actions\"\n  >\n    <ng-content\n      select=\"sky-summary-action-bar-actions\"\n      ></ng-content>\n  </div>\n  <ng-container *ngIf=\"summaryContentExists()\">\n    <div\n      class=\"sky-summary-action-bar-summary\"\n      [id]=\"summaryId\"\n      [@skyAnimationSlide]=\"slideDirection\"\n      (@skyAnimationSlide.start)=\"summaryTransitionStart()\"\n      (@skyAnimationSlide.done)=\"summaryTransitionEnd()\"\n    >\n      <div\n        class=\"sky-summary-action-bar-summary-body\"\n      >\n        <div class=\"sky-summary-action-bar-summary-items\">\n          <ng-content\n            select=\"sky-summary-action-bar-summary\"\n          ></ng-content>\n        </div>\n        <div *ngIf=\"isSummaryCollapsible && !isSummaryCollapsed\"\n          class=\"sky-summary-action-bar-details-collapse\"\n        >\n          <ng-container *ngTemplateOutlet=\"chevron\"></ng-container>\n        </div>\n      </div>\n    </div>\n    <div *ngIf=\"isSummaryCollapsible && isSummaryCollapsed\"\n      class=\"sky-summary-action-bar-details-expand\"\n    >\n      <ng-container *ngTemplateOutlet=\"chevron\"></ng-container>\n    </div>\n  </ng-container>\n</div>\n\n<ng-template #chevron>\n  <sky-chevron\n    [attr.title]=\"isSummaryCollapsed ?\n      ('skyux_summary_action_bar_hide_summary' | skyLibResources) :\n      ('skyux_summary_action_bar_show_summary' | skyLibResources)\n    \"\n    [attr.aria-controls]=\"summaryId\"\n    [attr.aria-expanded]=\"!isSummaryCollapsed\"\n    [direction]=\"isSummaryCollapsed ? 'up' : 'down'\"\n    [skyThemeClass]=\"{\n      'sky-margin-inline-default' : 'modern'\n    }\"\n    (directionChange)=\"onDirectionChange($event)\"\n  >\n  </sky-chevron>\n</ng-template>\n","import {\n  Component,\n  ChangeDetectionStrategy\n} from '@angular/core';\n\n/**\n * Contains actions for the `sky-summary-action-bar` component.\n */\n@Component({\n  selector: 'sky-summary-action-bar-actions',\n  templateUrl: './summary-action-bar-actions.component.html',\n  styleUrls: ['./summary-action-bar-actions.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SkySummaryActionBarActionsComponent {\n}\n","<ng-content></ng-content>\n","import {\n  Component,\n  EventEmitter,\n  Input,\n  Output,\n  ChangeDetectionStrategy\n} from '@angular/core';\n\n/**\n * Displays a cancel action.\n */\n@Component({\n  selector: 'sky-summary-action-bar-cancel',\n  templateUrl: './summary-action-bar-cancel.component.html',\n  styleUrls: ['./summary-action-bar-cancel.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SkySummaryActionBarCancelComponent {\n\n/**\n * Indicates whether to disable the cancel action.\n */\n  @Input()\n  public disabled = false;\n\n/**\n * Fires when users select the cancel action.\n */\n  @Output()\n  public actionClick = new EventEmitter<void>();\n\n  public onCancelClicked(): void {\n    this.actionClick.emit();\n  }\n}\n","<button\n  type=\"button\"\n  class=\"sky-btn sky-btn-link sky-summary-action-bar-cancel\"\n  [disabled]=\"disabled\"\n  (click)=\"onCancelClicked()\"\n>\n  <ng-content></ng-content>\n</button>\n","import {\n  Component,\n  EventEmitter,\n  Input,\n  Output,\n  ChangeDetectionStrategy\n} from '@angular/core';\n\n/**\n * Displays a primary button.\n */\n@Component({\n  selector: 'sky-summary-action-bar-primary-action',\n  templateUrl: './summary-action-bar-primary-action.component.html',\n  styleUrls: ['./summary-action-bar-primary-action.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SkySummaryActionBarPrimaryActionComponent {\n\n/**\n * Indicates whether to disable the primary action.\n * @default false\n */\n  @Input()\n  public disabled = false;\n\n/**\n * Fires when users select the primary action.\n */\n  @Output()\n  public actionClick = new EventEmitter<void>();\n\n  public onButtonClicked(): void {\n    this.actionClick.emit();\n  }\n}\n","<button\n  type=\"button\"\n  class=\"sky-btn sky-btn-primary\"\n  [disabled]=\"disabled\"\n  (click)=\"onButtonClicked()\"\n>\n  <ng-content></ng-content>\n</button>\n","import {\n  ChangeDetectorRef,\n  Component,\n  EventEmitter,\n  Input,\n  Output,\n  ChangeDetectionStrategy\n} from '@angular/core';\n\n/**\n * Specifies secondary actions.\n */\n@Component({\n  selector: 'sky-summary-action-bar-secondary-action',\n  templateUrl: './summary-action-bar-secondary-action.component.html',\n  styleUrls: ['./summary-action-bar-secondary-action.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SkySummaryActionBarSecondaryActionComponent {\n\n/**\n * Indicates whether to disable a secondary action.\n * @default false\n */\n  @Input()\n  public disabled = false;\n\n  public set isDropdown(value: boolean) {\n    this._isDropdown = value;\n    this.changeDetector.detectChanges();\n  }\n\n  public get isDropdown() {\n    return this._isDropdown;\n  }\n\n/**\n * Fires when users select a secondary action.\n */\n  @Output()\n  public actionClick = new EventEmitter<void>();\n\n  private _isDropdown: boolean;\n\n  constructor(\n    private changeDetector: ChangeDetectorRef\n  ) { }\n\n  public onButtonClicked(): void {\n    this.actionClick.emit();\n  }\n}\n","<ng-container *ngIf=\"!isDropdown\">\n  <button\n    type=\"button\"\n    class=\"sky-btn\"\n    role=\"menuitem\"\n    [disabled]=\"disabled\"\n    [skyThemeClass]=\"{\n      'sky-btn-secondary' : 'default',\n      'sky-btn-default': 'modern'\n    }\"\n    (click)=\"onButtonClicked()\"\n  >\n    <ng-container *ngTemplateOutlet=\"summaryActionBarSecondaryAction\"></ng-container>\n  </button>\n</ng-container>\n<sky-dropdown-item *ngIf=\"isDropdown\">\n  <button\n    type=\"button\"\n    [disabled]=\"disabled\"\n    (click)=\"onButtonClicked()\"\n  >\n    <ng-container *ngTemplateOutlet=\"summaryActionBarSecondaryAction\"></ng-container>\n  </button>\n</sky-dropdown-item>\n\n<ng-template\n  #summaryActionBarSecondaryAction\n>\n  <ng-content></ng-content>\n</ng-template>\n","import {\n  AfterContentInit,\n  ChangeDetectorRef,\n  Component,\n  ContentChildren,\n  OnDestroy,\n  QueryList,\n  ChangeDetectionStrategy\n} from '@angular/core';\n\nimport {\n  Subject,\n  Subscription\n} from 'rxjs';\n\nimport {\n  SkyMediaBreakpoints,\n  SkyMediaQueryService\n} from '@skyux/core';\n\nimport {\n  SkyDropdownMessage,\n  SkyDropdownMessageType\n} from '@skyux/popovers';\n\nimport {\n  SkySummaryActionBarSecondaryActionComponent\n} from './summary-action-bar-secondary-action.component';\n\n/**\n * Contains secondary actions specified with `sky-summary-action-bar-secondary-action`\n * components.\n */\n@Component({\n  selector: 'sky-summary-action-bar-secondary-actions',\n  templateUrl: './summary-action-bar-secondary-actions.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SkySummaryActionBarSecondaryActionsComponent implements AfterContentInit, OnDestroy {\n\n  @ContentChildren(SkySummaryActionBarSecondaryActionComponent)\n  public secondaryActionComponents: QueryList<SkySummaryActionBarSecondaryActionComponent>;\n\n  public isMobile = false;\n\n  public dropdownMessageStream = new Subject<SkyDropdownMessage>();\n\n  private mediaQuerySubscription: Subscription;\n  private actionChanges: Subscription;\n  private actionClicks: Subscription[] = [];\n\n  constructor(\n    private changeDetector: ChangeDetectorRef,\n    private mediaQueryService: SkyMediaQueryService\n  ) { }\n\n  public ngAfterContentInit(): void {\n    this.mediaQuerySubscription = this.mediaQueryService.subscribe((args: SkyMediaBreakpoints) => {\n      this.isMobile = args === SkyMediaBreakpoints.xs;\n      this.checkAndUpdateChildrenType();\n    });\n\n    this.actionChanges = this.secondaryActionComponents.changes.subscribe(() => {\n      this.checkAndUpdateChildrenType();\n    });\n    if (this.mediaQueryService.current === SkyMediaBreakpoints.xs) {\n      this.isMobile = true;\n    }\n    this.checkAndUpdateChildrenType();\n  }\n\n  public ngOnDestroy(): void {\n    this.mediaQuerySubscription.unsubscribe();\n    this.actionChanges.unsubscribe();\n    this.actionClicks.forEach((actionClick) => actionClick.unsubscribe());\n  }\n\n  private checkAndUpdateChildrenType() {\n    /* istanbul ignore else */\n    if (this.secondaryActionComponents) {\n      let isDropdown = false;\n      if (this.secondaryActionComponents.length >= 5 || this.isMobile) {\n        isDropdown = true;\n      }\n      this.secondaryActionComponents.forEach(action => {\n        action.isDropdown = isDropdown;\n        this.actionClicks.push(action.actionClick.subscribe(() => {\n          this.dropdownMessageStream.next({ type: SkyDropdownMessageType.Close });\n        }));\n      });\n    }\n    this.changeDetector.detectChanges();\n  }\n\n}\n","<div *ngIf=\"!isMobile && secondaryActionComponents.length < 5\"\n  class=\"sky-summary-action-bar-secondary-buttons\"\n  role=\"menubar\"\n>\n  <ng-container *ngTemplateOutlet=\"summaryActionBarSecondaryActions\"></ng-container>\n</div>\n<div *ngIf=\"isMobile || secondaryActionComponents.length > 4\">\n  <sky-dropdown\n    buttonType=\"ellipsis-h\"\n    [attr.title]=\"'skyux_summary_action_bar_open_secondary' | skyLibResources\"\n    [messageStream]=\"dropdownMessageStream\"\n  >\n    <sky-dropdown-menu>\n      <ng-container *ngTemplateOutlet=\"summaryActionBarSecondaryActions\"></ng-container>\n    </sky-dropdown-menu>\n  </sky-dropdown>\n</div>\n<ng-template\n  #summaryActionBarSecondaryActions\n>\n  <ng-content\n    select=\"sky-summary-action-bar-secondary-action\"\n  ></ng-content>\n</ng-template>\n","import {\n  NgModule\n} from '@angular/core';\n\nimport {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  SkyI18nModule\n} from '@skyux/i18n';\n\nimport {\n  SkyChevronModule,\n  SkyIconModule\n} from '@skyux/indicators';\n\nimport {\n  SkyDropdownModule\n} from '@skyux/popovers';\n\nimport {\n  SkyThemeModule\n} from '@skyux/theme';\n\nimport {\n  SkyActionBarsResourcesModule\n} from '../shared/sky-action-bars-resources.module';\n\nimport {\n  SkySummaryActionBarComponent\n} from './summary-action-bar.component';\n\nimport {\n  SkySummaryActionBarActionsComponent\n} from './actions/summary-action-bar-actions.component';\n\nimport {\n  SkySummaryActionBarCancelComponent\n} from './actions/summary-action-bar-cancel.component';\n\nimport {\n  SkySummaryActionBarPrimaryActionComponent\n} from './actions/summary-action-bar-primary-action.component';\n\nimport {\n  SkySummaryActionBarSecondaryActionComponent\n} from './actions/summary-action-bar-secondary-action.component';\n\nimport {\n  SkySummaryActionBarSecondaryActionsComponent\n} from './actions/summary-action-bar-secondary-actions.component';\n\nimport {\n  SkySummaryActionBarSummaryComponent\n} from './summary/summary-action-bar-summary.component';\n\n@NgModule({\n  declarations: [\n    SkySummaryActionBarActionsComponent,\n    SkySummaryActionBarCancelComponent,\n    SkySummaryActionBarComponent,\n    SkySummaryActionBarPrimaryActionComponent,\n    SkySummaryActionBarSecondaryActionComponent,\n    SkySummaryActionBarSecondaryActionsComponent,\n    SkySummaryActionBarSummaryComponent\n  ],\n  imports: [\n    CommonModule,\n    SkyChevronModule,\n    SkyDropdownModule,\n    SkyI18nModule,\n    SkyIconModule,\n    SkyActionBarsResourcesModule,\n    SkyThemeModule\n  ],\n  exports: [\n    SkySummaryActionBarComponent,\n    SkySummaryActionBarActionsComponent,\n    SkySummaryActionBarCancelComponent,\n    SkySummaryActionBarPrimaryActionComponent,\n    SkySummaryActionBarSecondaryActionComponent,\n    SkySummaryActionBarSecondaryActionsComponent,\n    SkySummaryActionBarSummaryComponent\n  ]\n})\nexport class SkySummaryActionBarModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"skyux-action-bars.js","sources":["../../../projects/action-bars/src/modules/shared/sky-action-bars-resources.module.ts","../../../projects/action-bars/src/modules/summary-action-bar/summary/summary-action-bar-summary.component.ts","../../../projects/action-bars/src/modules/summary-action-bar/summary/summary-action-bar-summary.component.html","../../../projects/action-bars/src/modules/summary-action-bar/types/summary-action-bar-type.ts","../../../projects/action-bars/src/modules/summary-action-bar/summary-action-bar-adapter.service.ts","../../../projects/action-bars/src/modules/summary-action-bar/summary-action-bar.component.ts","../../../projects/action-bars/src/modules/summary-action-bar/summary-action-bar.component.html","../../../projects/action-bars/src/modules/summary-action-bar/actions/summary-action-bar-actions.component.ts","../../../projects/action-bars/src/modules/summary-action-bar/actions/summary-action-bar-actions.component.html","../../../projects/action-bars/src/modules/summary-action-bar/actions/summary-action-bar-cancel.component.ts","../../../projects/action-bars/src/modules/summary-action-bar/actions/summary-action-bar-cancel.component.html","../../../projects/action-bars/src/modules/summary-action-bar/actions/summary-action-bar-primary-action.component.ts","../../../projects/action-bars/src/modules/summary-action-bar/actions/summary-action-bar-primary-action.component.html","../../../projects/action-bars/src/modules/summary-action-bar/actions/summary-action-bar-secondary-action.component.ts","../../../projects/action-bars/src/modules/summary-action-bar/actions/summary-action-bar-secondary-action.component.html","../../../projects/action-bars/src/modules/summary-action-bar/actions/summary-action-bar-secondary-actions.component.ts","../../../projects/action-bars/src/modules/summary-action-bar/actions/summary-action-bar-secondary-actions.component.html","../../../projects/action-bars/src/modules/summary-action-bar/summary-action-bar.module.ts","../../../projects/action-bars/src/skyux-action-bars.ts"],"sourcesContent":["/**\n * NOTICE: DO NOT MODIFY THIS FILE!\n * The contents of this file were automatically generated by\n * the 'ng generate @skyux/i18n:lib-resources-module modules/shared/sky-action-bars' schematic.\n * To update this file, simply rerun the command.\n */\n\nimport { NgModule } from '@angular/core';\nimport {\n  getLibStringForLocale,\n  SkyAppLocaleInfo,\n  SkyI18nModule,\n  SkyLibResources,\n  SkyLibResourcesProvider,\n  SKY_LIB_RESOURCES_PROVIDERS\n} from '@skyux/i18n';\n\nconst RESOURCES: { [locale: string]: SkyLibResources } = {\n  'EN-US': {\"skyux_summary_action_bar_open_secondary\":{\"message\":\"Show secondary actions\"},\"skyux_summary_action_bar_expand\":{\"message\":\"Expand or collapse summary\"}},\n};\n\nexport class SkyActionBarsResourcesProvider implements SkyLibResourcesProvider {\n  public getString(localeInfo: SkyAppLocaleInfo, name: string): string {\n    return getLibStringForLocale(RESOURCES, localeInfo.locale, name);\n  }\n}\n\n/**\n * Import into any component library module that needs to use resource strings.\n */\n@NgModule({\n  exports: [SkyI18nModule],\n  providers: [{\n    provide: SKY_LIB_RESOURCES_PROVIDERS,\n    useClass: SkyActionBarsResourcesProvider,\n    multi: true\n  }]\n})\nexport class SkyActionBarsResourcesModule { }\n","import { Component, ChangeDetectionStrategy } from '@angular/core';\n\n/**\n * Specifies the summary information to display.\n */\n@Component({\n  selector: 'sky-summary-action-bar-summary',\n  templateUrl: './summary-action-bar-summary.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkySummaryActionBarSummaryComponent {}\n","<ng-content></ng-content>\n","/**\n * @internal\n */\nexport enum SkySummaryActionBarType {\n  Page = 0,\n  StandardModal = 1,\n  FullPageModal = 2,\n  Tab = 3,\n  SplitView = 4,\n}\n","import {\n  ElementRef,\n  Injectable,\n  Renderer2,\n  RendererFactory2,\n} from '@angular/core';\n\nimport { SkyAppWindowRef } from '@skyux/core';\n\nimport { SkySummaryActionBarType } from './types/summary-action-bar-type';\n\n/**\n * @internal\n */\n@Injectable()\nexport class SkySummaryActionBarAdapterService {\n  private renderer: Renderer2;\n\n  constructor(\n    private rendererFactory: RendererFactory2,\n    private windowRef: SkyAppWindowRef\n  ) {\n    this.renderer = this.rendererFactory.createRenderer(undefined, undefined);\n  }\n\n  public styleBodyElementForActionBar(summaryActionBarRef: ElementRef): void {\n    const window = this.windowRef.nativeWindow;\n    const body = window.document.body;\n    const actionBarEl = summaryActionBarRef.nativeElement.querySelector(\n      '.sky-summary-action-bar'\n    );\n    /* istanbul ignore else */\n    if (actionBarEl.style.visibility !== 'hidden') {\n      this.renderer.setStyle(\n        body,\n        'margin-bottom',\n        actionBarEl.offsetHeight + 'px'\n      );\n    }\n  }\n\n  public styleSplitViewElementForActionBar(\n    summaryActionBarRef: ElementRef\n  ): void {\n    const splitViewWorkspaceContent = document.querySelector(\n      '.sky-split-view-workspace-content'\n    );\n    const splitViewWorkspaceFooter = document.querySelector(\n      '.sky-split-view-workspace-footer'\n    );\n    const actionBarEl = summaryActionBarRef.nativeElement.querySelector(\n      '.sky-summary-action-bar'\n    );\n    /* istanbul ignore else */\n    if (actionBarEl.style.visibility !== 'hidden') {\n      this.renderer.setStyle(\n        splitViewWorkspaceContent,\n        'padding-bottom',\n        '20px'\n      );\n      this.renderer.setStyle(splitViewWorkspaceFooter, 'padding', 0);\n    }\n  }\n\n  public revertBodyElementStyles(): void {\n    const window = this.windowRef.nativeWindow;\n    const body = window.document.body;\n    this.renderer.removeStyle(body, 'margin-bottom');\n  }\n\n  public revertSplitViewElementStyles(): void {\n    const splitViewWorkspaceContent = document.querySelector(\n      '.sky-split-view-workspace-content'\n    );\n    const splitViewWorkspaceFooter = document.querySelector(\n      '.sky-split-view-workspace-footer'\n    );\n    this.renderer.setStyle(splitViewWorkspaceContent, 'padding-bottom', 'none');\n    this.renderer.setStyle(splitViewWorkspaceFooter, 'padding', '10px');\n  }\n\n  public styleModalFooter(summaryActionBarRef: ElementRef): void {\n    const modalFooterEls = document.getElementsByClassName(\n      'sky-modal-footer-container'\n    );\n    for (let i = 0; i < modalFooterEls.length; i++) {\n      if (modalFooterEls.item(i).contains(summaryActionBarRef.nativeElement)) {\n        this.renderer.setStyle(modalFooterEls.item(i), 'padding', 0);\n      }\n    }\n  }\n\n  public getSummaryActionBarType(el: Element): SkySummaryActionBarType {\n    do {\n      if (el.tagName.toLowerCase() === 'sky-modal-footer') {\n        while (el.tagName.toLowerCase() !== 'sky-modal') {\n          if (el.classList.contains('sky-modal-full-page')) {\n            return SkySummaryActionBarType.FullPageModal;\n          }\n          el = el.parentElement;\n        }\n        return SkySummaryActionBarType.StandardModal;\n      } else if (el.classList.contains('sky-tab')) {\n        return SkySummaryActionBarType.Tab;\n      } else if (el.tagName.toLowerCase() === 'sky-split-view-workspace') {\n        return SkySummaryActionBarType.SplitView;\n      }\n      el = el.parentElement;\n      // tslint:disable-next-line:no-null-keyword\n    } while (el !== null && el.nodeType === 1);\n    return SkySummaryActionBarType.Page;\n  }\n}\n","import {\n  AfterViewInit,\n  ChangeDetectorRef,\n  ChangeDetectionStrategy,\n  Component,\n  ContentChild,\n  ElementRef,\n  OnDestroy,\n} from '@angular/core';\n\nimport { fromEvent } from 'rxjs';\n\nimport { takeUntil } from 'rxjs/operators';\n\nimport { Subject } from 'rxjs';\n\nimport { Subscription } from 'rxjs';\n\nimport { skyAnimationSlide } from '@skyux/animations';\n\nimport {\n  MutationObserverService,\n  SkyMediaBreakpoints,\n  SkyMediaQueryService,\n  SkyAppWindowRef,\n} from '@skyux/core';\n\nimport { SkySummaryActionBarSummaryComponent } from './summary/summary-action-bar-summary.component';\n\nimport { SkySummaryActionBarType } from './types/summary-action-bar-type';\n\nimport { SkySummaryActionBarAdapterService } from './summary-action-bar-adapter.service';\n\n/**\n * Auto-incrementing integer used to generate unique ids for summary action bar components.\n */\nlet nextId = 0;\n\n/**\n * Contains the `sky-summary-action-bar-actions` and\n * `sky-summary-action-bar-summary` components.\n */\n@Component({\n  selector: 'sky-summary-action-bar',\n  templateUrl: './summary-action-bar.component.html',\n  styleUrls: ['./summary-action-bar.component.scss'],\n  animations: [skyAnimationSlide],\n  providers: [SkySummaryActionBarAdapterService],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkySummaryActionBarComponent implements AfterViewInit, OnDestroy {\n  public isSummaryCollapsed = false;\n\n  public get isSummaryCollapsible(): boolean {\n    return (\n      this.type === SkySummaryActionBarType.StandardModal ||\n      this.mediaQueryService.current === SkyMediaBreakpoints.xs\n    );\n  }\n\n  public type: SkySummaryActionBarType;\n\n  public slideDirection: string = 'down';\n\n  public summaryId: string = `sky-summary-action-bar-summary-${++nextId}`;\n\n  private mediaQuerySubscription: Subscription;\n\n  private observer: MutationObserver;\n\n  private idled = new Subject<boolean>();\n\n  @ContentChild(SkySummaryActionBarSummaryComponent, { read: ElementRef })\n  private summaryElement: ElementRef;\n\n  constructor(\n    private adapterService: SkySummaryActionBarAdapterService,\n    private changeDetector: ChangeDetectorRef,\n    private elementRef: ElementRef,\n    private mediaQueryService: SkyMediaQueryService,\n    private observerService: MutationObserverService,\n    private windowRef: SkyAppWindowRef\n  ) {}\n\n  public ngAfterViewInit(): void {\n    this.type = this.adapterService.getSummaryActionBarType(\n      this.elementRef.nativeElement\n    );\n    if (\n      !(\n        this.type === SkySummaryActionBarType.FullPageModal ||\n        this.type === SkySummaryActionBarType.StandardModal\n      )\n    ) {\n      this.setupReactiveState();\n\n      if (this.type === SkySummaryActionBarType.SplitView) {\n        this.adapterService.styleSplitViewElementForActionBar(this.elementRef);\n      } else {\n        this.adapterService.styleBodyElementForActionBar(this.elementRef);\n      }\n\n      this.setupResizeListener();\n\n      if (this.type === SkySummaryActionBarType.Tab) {\n        this.setupTabListener();\n      }\n    } else {\n      this.adapterService.styleModalFooter(this.elementRef);\n\n      if (this.type === SkySummaryActionBarType.FullPageModal) {\n        this.setupReactiveState();\n      }\n    }\n    this.changeDetector.detectChanges();\n  }\n\n  public ngOnDestroy(): void {\n    if (this.type === SkySummaryActionBarType.SplitView) {\n      this.adapterService.revertSplitViewElementStyles();\n    } else if (\n      this.type === SkySummaryActionBarType.Page ||\n      this.type === SkySummaryActionBarType.Tab\n    ) {\n      this.adapterService.revertBodyElementStyles();\n    }\n\n    this.removeResizeListener();\n    this.removeTabListener();\n\n    if (this.mediaQuerySubscription) {\n      this.mediaQuerySubscription.unsubscribe();\n    }\n    this.idled.complete();\n  }\n\n  public onDirectionChange(direction: string): void {\n    this.slideDirection = direction;\n  }\n\n  public summaryContentExists(): boolean {\n    return (\n      this.summaryElement &&\n      this.summaryElement.nativeElement.children.length > 0\n    );\n  }\n\n  // NOTE: This function is needed so that the button is not removed until post-animation\n  public summaryTransitionEnd(): void {\n    if (this.slideDirection === 'up') {\n      this.isSummaryCollapsed = true;\n    }\n\n    if (\n      this.type === SkySummaryActionBarType.Page ||\n      this.type === SkySummaryActionBarType.Tab\n    ) {\n      this.adapterService.styleBodyElementForActionBar(this.elementRef);\n    }\n  }\n\n  // NOTE: This function is needed so that the button is added before animation\n  public summaryTransitionStart(): void {\n    if (this.slideDirection === 'down') {\n      this.isSummaryCollapsed = false;\n    }\n  }\n\n  private setupReactiveState() {\n    this.mediaQuerySubscription = this.mediaQueryService.subscribe(\n      (args: SkyMediaBreakpoints) => {\n        if (args !== SkyMediaBreakpoints.xs) {\n          this.isSummaryCollapsed = false;\n          this.slideDirection = 'down';\n        }\n        this.changeDetector.detectChanges();\n      }\n    );\n  }\n\n  private setupTabListener(): void {\n    /* istanbul ignore else */\n    if (!this.observer) {\n      this.observer = this.observerService.create(\n        (mutations: MutationRecord[]) => {\n          if (\n            (<HTMLElement>mutations[0].target).attributes.getNamedItem('hidden')\n          ) {\n            this.adapterService.revertBodyElementStyles();\n            this.removeResizeListener();\n          } else {\n            setTimeout(() => {\n              this.adapterService.styleBodyElementForActionBar(this.elementRef);\n              this.setupResizeListener();\n            });\n          }\n        }\n      );\n    }\n\n    const config = {\n      attributes: true,\n      attributeFilter: ['hidden'],\n      childList: false,\n      characterDate: false,\n    };\n    let el = this.elementRef.nativeElement;\n    do {\n      if (el.classList.contains('sky-tab')) {\n        this.observer.observe(el, config);\n      }\n      el = el.parentElement;\n      // tslint:disable-next-line:no-null-keyword\n    } while (el !== null && el.nodeType === 1);\n  }\n\n  private removeTabListener(): void {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n  }\n\n  private setupResizeListener(): void {\n    if (this.type !== SkySummaryActionBarType.SplitView) {\n      const windowObj = this.windowRef.nativeWindow;\n      fromEvent(windowObj, 'resize')\n        .pipe(takeUntil(this.idled))\n        .subscribe(() => {\n          this.adapterService.styleBodyElementForActionBar(this.elementRef);\n        });\n    }\n  }\n\n  private removeResizeListener(): void {\n    this.idled.next(true);\n  }\n}\n","<div\n  class=\"sky-summary-action-bar\"\n  [ngClass]=\"{\n    'sky-summary-action-bar-summary-collapsible': isSummaryCollapsible,\n    'sky-summary-action-bar-modal': type === 1 || type === 2,\n    'sky-summary-action-bar-split-view': type === 4\n  }\"\n>\n  <div class=\"sky-summary-action-bar-actions\">\n    <ng-content select=\"sky-summary-action-bar-actions\"></ng-content>\n  </div>\n  <ng-container *ngIf=\"summaryContentExists()\">\n    <div\n      class=\"sky-summary-action-bar-summary\"\n      [id]=\"summaryId\"\n      [@skyAnimationSlide]=\"slideDirection\"\n      (@skyAnimationSlide.start)=\"summaryTransitionStart()\"\n      (@skyAnimationSlide.done)=\"summaryTransitionEnd()\"\n    >\n      <div class=\"sky-summary-action-bar-summary-body\">\n        <div class=\"sky-summary-action-bar-summary-items\">\n          <ng-content select=\"sky-summary-action-bar-summary\"></ng-content>\n        </div>\n        <div\n          *ngIf=\"isSummaryCollapsible && !isSummaryCollapsed\"\n          class=\"sky-summary-action-bar-details-collapse\"\n        >\n          <ng-container *ngTemplateOutlet=\"chevron\"></ng-container>\n        </div>\n      </div>\n    </div>\n    <div\n      *ngIf=\"isSummaryCollapsible && isSummaryCollapsed\"\n      class=\"sky-summary-action-bar-details-expand\"\n    >\n      <ng-container *ngTemplateOutlet=\"chevron\"></ng-container>\n    </div>\n  </ng-container>\n</div>\n\n<ng-template #chevron>\n  <sky-chevron\n    [attr.aria-controls]=\"summaryId\"\n    [ariaLabel]=\"'skyux_summary_action_bar_expand' | skyLibResources\"\n    [direction]=\"isSummaryCollapsed ? 'up' : 'down'\"\n    [skyThemeClass]=\"{\n      'sky-margin-inline-default': 'modern'\n    }\"\n    (directionChange)=\"onDirectionChange($event)\"\n  >\n  </sky-chevron>\n</ng-template>\n","import { Component, ChangeDetectionStrategy } from '@angular/core';\n\n/**\n * Contains actions for the `sky-summary-action-bar` component.\n */\n@Component({\n  selector: 'sky-summary-action-bar-actions',\n  templateUrl: './summary-action-bar-actions.component.html',\n  styleUrls: ['./summary-action-bar-actions.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkySummaryActionBarActionsComponent {}\n","<ng-content></ng-content>\n","import {\n  Component,\n  EventEmitter,\n  Input,\n  Output,\n  ChangeDetectionStrategy,\n} from '@angular/core';\n\n/**\n * Displays a cancel action.\n */\n@Component({\n  selector: 'sky-summary-action-bar-cancel',\n  templateUrl: './summary-action-bar-cancel.component.html',\n  styleUrls: ['./summary-action-bar-cancel.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkySummaryActionBarCancelComponent {\n  /**\n   * Indicates whether to disable the cancel action.\n   */\n  @Input()\n  public disabled = false;\n\n  /**\n   * Fires when users select the cancel action.\n   */\n  @Output()\n  public actionClick = new EventEmitter<void>();\n\n  public onCancelClicked(): void {\n    this.actionClick.emit();\n  }\n}\n","<button\n  type=\"button\"\n  class=\"sky-btn sky-btn-link sky-summary-action-bar-cancel\"\n  [disabled]=\"disabled\"\n  (click)=\"onCancelClicked()\"\n>\n  <ng-content></ng-content>\n</button>\n","import {\n  Component,\n  EventEmitter,\n  Input,\n  Output,\n  ChangeDetectionStrategy,\n} from '@angular/core';\n\n/**\n * Displays a primary button.\n */\n@Component({\n  selector: 'sky-summary-action-bar-primary-action',\n  templateUrl: './summary-action-bar-primary-action.component.html',\n  styleUrls: ['./summary-action-bar-primary-action.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkySummaryActionBarPrimaryActionComponent {\n  /**\n   * Indicates whether to disable the primary action.\n   * @default false\n   */\n  @Input()\n  public disabled = false;\n\n  /**\n   * Fires when users select the primary action.\n   */\n  @Output()\n  public actionClick = new EventEmitter<void>();\n\n  public onButtonClicked(): void {\n    this.actionClick.emit();\n  }\n}\n","<button\n  type=\"button\"\n  class=\"sky-btn sky-btn-primary\"\n  [disabled]=\"disabled\"\n  (click)=\"onButtonClicked()\"\n>\n  <ng-content></ng-content>\n</button>\n","import {\n  ChangeDetectorRef,\n  Component,\n  EventEmitter,\n  Input,\n  Output,\n  ChangeDetectionStrategy,\n} from '@angular/core';\n\n/**\n * Specifies secondary actions.\n */\n@Component({\n  selector: 'sky-summary-action-bar-secondary-action',\n  templateUrl: './summary-action-bar-secondary-action.component.html',\n  styleUrls: ['./summary-action-bar-secondary-action.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkySummaryActionBarSecondaryActionComponent {\n  /**\n   * Indicates whether to disable a secondary action.\n   * @default false\n   */\n  @Input()\n  public disabled = false;\n\n  public set isDropdown(value: boolean) {\n    this._isDropdown = value;\n    this.changeDetector.detectChanges();\n  }\n\n  public get isDropdown() {\n    return this._isDropdown;\n  }\n\n  /**\n   * Fires when users select a secondary action.\n   */\n  @Output()\n  public actionClick = new EventEmitter<void>();\n\n  private _isDropdown: boolean;\n\n  constructor(private changeDetector: ChangeDetectorRef) {}\n\n  public onButtonClicked(): void {\n    this.actionClick.emit();\n  }\n}\n","<ng-container *ngIf=\"!isDropdown\">\n  <button\n    type=\"button\"\n    class=\"sky-btn\"\n    role=\"menuitem\"\n    [disabled]=\"disabled\"\n    [skyThemeClass]=\"{\n      'sky-btn-secondary': 'default',\n      'sky-btn-default': 'modern'\n    }\"\n    (click)=\"onButtonClicked()\"\n  >\n    <ng-container\n      *ngTemplateOutlet=\"summaryActionBarSecondaryAction\"\n    ></ng-container>\n  </button>\n</ng-container>\n<sky-dropdown-item *ngIf=\"isDropdown\">\n  <button type=\"button\" [disabled]=\"disabled\" (click)=\"onButtonClicked()\">\n    <ng-container\n      *ngTemplateOutlet=\"summaryActionBarSecondaryAction\"\n    ></ng-container>\n  </button>\n</sky-dropdown-item>\n\n<ng-template #summaryActionBarSecondaryAction>\n  <ng-content></ng-content>\n</ng-template>\n","import {\n  AfterContentInit,\n  ChangeDetectorRef,\n  Component,\n  ContentChildren,\n  OnDestroy,\n  QueryList,\n  ChangeDetectionStrategy,\n} from '@angular/core';\n\nimport { Subject, Subscription } from 'rxjs';\n\nimport { SkyMediaBreakpoints, SkyMediaQueryService } from '@skyux/core';\n\nimport { SkyDropdownMessage, SkyDropdownMessageType } from '@skyux/popovers';\n\nimport { SkySummaryActionBarSecondaryActionComponent } from './summary-action-bar-secondary-action.component';\n\n/**\n * Contains secondary actions specified with `sky-summary-action-bar-secondary-action`\n * components.\n */\n@Component({\n  selector: 'sky-summary-action-bar-secondary-actions',\n  templateUrl: './summary-action-bar-secondary-actions.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkySummaryActionBarSecondaryActionsComponent\n  implements AfterContentInit, OnDestroy\n{\n  @ContentChildren(SkySummaryActionBarSecondaryActionComponent)\n  public secondaryActionComponents: QueryList<SkySummaryActionBarSecondaryActionComponent>;\n\n  public isMobile = false;\n\n  public dropdownMessageStream = new Subject<SkyDropdownMessage>();\n\n  private mediaQuerySubscription: Subscription;\n  private actionChanges: Subscription;\n  private actionClicks: Subscription[] = [];\n\n  constructor(\n    private changeDetector: ChangeDetectorRef,\n    private mediaQueryService: SkyMediaQueryService\n  ) {}\n\n  public ngAfterContentInit(): void {\n    this.mediaQuerySubscription = this.mediaQueryService.subscribe(\n      (args: SkyMediaBreakpoints) => {\n        this.isMobile = args === SkyMediaBreakpoints.xs;\n        this.checkAndUpdateChildrenType();\n      }\n    );\n\n    this.actionChanges = this.secondaryActionComponents.changes.subscribe(\n      () => {\n        this.checkAndUpdateChildrenType();\n      }\n    );\n    if (this.mediaQueryService.current === SkyMediaBreakpoints.xs) {\n      this.isMobile = true;\n    }\n    this.checkAndUpdateChildrenType();\n  }\n\n  public ngOnDestroy(): void {\n    this.mediaQuerySubscription.unsubscribe();\n    this.actionChanges.unsubscribe();\n    this.actionClicks.forEach((actionClick) => actionClick.unsubscribe());\n  }\n\n  private checkAndUpdateChildrenType() {\n    /* istanbul ignore else */\n    if (this.secondaryActionComponents) {\n      let isDropdown = false;\n      if (this.secondaryActionComponents.length >= 5 || this.isMobile) {\n        isDropdown = true;\n      }\n      this.secondaryActionComponents.forEach((action) => {\n        action.isDropdown = isDropdown;\n        this.actionClicks.push(\n          action.actionClick.subscribe(() => {\n            this.dropdownMessageStream.next({\n              type: SkyDropdownMessageType.Close,\n            });\n          })\n        );\n      });\n    }\n    this.changeDetector.detectChanges();\n  }\n}\n","<div\n  *ngIf=\"!isMobile && secondaryActionComponents.length < 5\"\n  class=\"sky-summary-action-bar-secondary-buttons\"\n  role=\"menubar\"\n>\n  <ng-container\n    *ngTemplateOutlet=\"summaryActionBarSecondaryActions\"\n  ></ng-container>\n</div>\n<div *ngIf=\"isMobile || secondaryActionComponents.length > 4\">\n  <sky-dropdown\n    buttonType=\"ellipsis-h\"\n    [attr.title]=\"'skyux_summary_action_bar_open_secondary' | skyLibResources\"\n    [messageStream]=\"dropdownMessageStream\"\n  >\n    <sky-dropdown-menu>\n      <ng-container\n        *ngTemplateOutlet=\"summaryActionBarSecondaryActions\"\n      ></ng-container>\n    </sky-dropdown-menu>\n  </sky-dropdown>\n</div>\n<ng-template #summaryActionBarSecondaryActions>\n  <ng-content select=\"sky-summary-action-bar-secondary-action\"></ng-content>\n</ng-template>\n","import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyI18nModule } from '@skyux/i18n';\n\nimport { SkyChevronModule, SkyIconModule } from '@skyux/indicators';\n\nimport { SkyDropdownModule } from '@skyux/popovers';\n\nimport { SkyThemeModule } from '@skyux/theme';\n\nimport { SkyActionBarsResourcesModule } from '../shared/sky-action-bars-resources.module';\n\nimport { SkySummaryActionBarComponent } from './summary-action-bar.component';\n\nimport { SkySummaryActionBarActionsComponent } from './actions/summary-action-bar-actions.component';\n\nimport { SkySummaryActionBarCancelComponent } from './actions/summary-action-bar-cancel.component';\n\nimport { SkySummaryActionBarPrimaryActionComponent } from './actions/summary-action-bar-primary-action.component';\n\nimport { SkySummaryActionBarSecondaryActionComponent } from './actions/summary-action-bar-secondary-action.component';\n\nimport { SkySummaryActionBarSecondaryActionsComponent } from './actions/summary-action-bar-secondary-actions.component';\n\nimport { SkySummaryActionBarSummaryComponent } from './summary/summary-action-bar-summary.component';\n\n@NgModule({\n  declarations: [\n    SkySummaryActionBarActionsComponent,\n    SkySummaryActionBarCancelComponent,\n    SkySummaryActionBarComponent,\n    SkySummaryActionBarPrimaryActionComponent,\n    SkySummaryActionBarSecondaryActionComponent,\n    SkySummaryActionBarSecondaryActionsComponent,\n    SkySummaryActionBarSummaryComponent,\n  ],\n  imports: [\n    CommonModule,\n    SkyChevronModule,\n    SkyDropdownModule,\n    SkyI18nModule,\n    SkyIconModule,\n    SkyActionBarsResourcesModule,\n    SkyThemeModule,\n  ],\n  exports: [\n    SkySummaryActionBarComponent,\n    SkySummaryActionBarActionsComponent,\n    SkySummaryActionBarCancelComponent,\n    SkySummaryActionBarPrimaryActionComponent,\n    SkySummaryActionBarSecondaryActionComponent,\n    SkySummaryActionBarSecondaryActionsComponent,\n    SkySummaryActionBarSummaryComponent,\n  ],\n})\nexport class SkySummaryActionBarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,17 +1,17 @@
 {
   "name": "@skyux/action-bars",
-  "version": "5.0.0-beta.3",
+  "version": "5.0.2",
   "peerDependencies": {
-    "@angular/common": "^12.2.0",
-    "@angular/core": "^12.2.0",
-    "@skyux/animations": "^5.0.0-beta.0",
-    "@skyux/core": "^5.0.0-beta.0",
-    "@skyux/i18n": "^5.0.0-beta.0",
-    "@skyux/indicators": "^5.0.0-beta.0",
-    "@skyux/popovers": "^5.0.0-beta.0"
+    "@angular/common": "^12.2.16",
+    "@angular/core": "^12.2.16",
+    "@skyux/animations": "^5.0.3",
+    "@skyux/core": "^5.2.3",
+    "@skyux/i18n": "^5.0.1",
+    "@skyux/indicators": "^5.2.0",
+    "@skyux/popovers": "^5.0.2"
   },
   "dependencies": {
-    "tslib": "^2.3.0"
+    "tslib": "^2.3.1"
   },
   "main": "bundles/skyux-action-bars.umd.js",
   "module": "fesm2015/skyux-action-bars.js",