@skyux/layout 5.2.2 → 5.5.0-alpha.0

package/esm2015/index.js

@@ -0,0 +1,74 @@
+export * from './lib/modules/action-button/action-button-permalink';
+export * from './lib/modules/action-button/action-button.module';
+export * from './lib/modules/action-button/types/action-button-container-align-items';
+export * from './lib/modules/action-button/types/action-button-container-align-items-type';
+export * from './lib/modules/back-to-top/back-top-top.module';
+export * from './lib/modules/back-to-top/models/back-to-top-message';
+export * from './lib/modules/back-to-top/models/back-to-top-message-type';
+export * from './lib/modules/back-to-top/models/back-to-top-options';
+export * from './lib/modules/box/box.module';
+export * from './lib/modules/card/card.module';
+export * from './lib/modules/definition-list/definition-list.module';
+export * from './lib/modules/description-list/description-list.module';
+export * from './lib/modules/description-list/types/description-list-mode';
+export * from './lib/modules/description-list/types/description-list-mode-type';
+export * from './lib/modules/fluid-grid/fluid-grid-gutter-size';
+export * from './lib/modules/fluid-grid/fluid-grid.module';
+export * from './lib/modules/fluid-grid/types/fluid-grid-gutter-size-type';
+export * from './lib/modules/format/format-item';
+export * from './lib/modules/format/format.module';
+export * from './lib/modules/inline-delete/inline-delete-type';
+export * from './lib/modules/inline-delete/inline-delete.module';
+export * from './lib/modules/page/page.module';
+export * from './lib/modules/page-summary/page-summary.module';
+export * from './lib/modules/text-expand/text-expand.module';
+export * from './lib/modules/text-expand-repeater/types/text-expand-repeater-list-style-type';
+export * from './lib/modules/text-expand-repeater/text-expand-repeater.module';
+export * from './lib/modules/toolbar/toolbar.module';
+// Components and directives must be exported to support Angular's "partial" Ivy compiler.
+// Obscure names are used to indicate types are not part of public API.
+export { SkyActionButtonComponent as λ1 } from './lib/modules/action-button/action-button.component';
+export { SkyActionButtonContainerComponent as λ2 } from './lib/modules/action-button/action-button-container.component';
+export { SkyActionButtonDetailsComponent as λ3 } from './lib/modules/action-button/action-button-details.component';
+export { SkyActionButtonHeaderComponent as λ4 } from './lib/modules/action-button/action-button-header.component';
+export { SkyActionButtonIconComponent as λ5 } from './lib/modules/action-button/action-button-icon.component';
+export { SkyBackToTopComponent as λ6 } from './lib/modules/back-to-top/back-to-top.component';
+export { SkyBackToTopDirective as λ7 } from './lib/modules/back-to-top/back-to-top.directive';
+export { SkyInlineDeleteComponent as λ8 } from './lib/modules/inline-delete/inline-delete.component';
+export { SkyCardComponent as λ9 } from './lib/modules/card/card.component';
+export { SkyCardActionsComponent as λ10 } from './lib/modules/card/card-actions.component';
+export { SkyCardContentComponent as λ11 } from './lib/modules/card/card-content.component';
+export { SkyCardTitleComponent as λ12 } from './lib/modules/card/card-title.component';
+export { SkyDefinitionListComponent as λ13 } from './lib/modules/definition-list/definition-list.component';
+export { SkyDefinitionListContentComponent as λ14 } from './lib/modules/definition-list/definition-list-content.component';
+export { SkyDefinitionListHeadingComponent as λ15 } from './lib/modules/definition-list/definition-list-heading.component';
+export { SkyDefinitionListLabelComponent as λ16 } from './lib/modules/definition-list/definition-list-label.component';
+export { SkyDefinitionListValueComponent as λ17 } from './lib/modules/definition-list/definition-list-value.component';
+export { SkyDescriptionListComponent as λ18 } from './lib/modules/description-list/description-list.component';
+export { SkyDescriptionListTermComponent as λ19 } from './lib/modules/description-list/description-list-term.component';
+export { SkyDescriptionListDescriptionComponent as λ20 } from './lib/modules/description-list/description-list-description.component';
+export { SkyDescriptionListContentComponent as λ21 } from './lib/modules/description-list/description-list-content.component';
+export { SkyFluidGridComponent as λ22 } from './lib/modules/fluid-grid/fluid-grid.component';
+export { SkyRowComponent as λ23 } from './lib/modules/fluid-grid//row.component';
+export { SkyColumnComponent as λ24 } from './lib/modules/fluid-grid/column.component';
+export { SkyFormatComponent as λ25 } from './lib/modules/format/format.component';
+export { SkyPageComponent as λ26 } from './lib/modules/page/page.component';
+export { SkyPageSummaryComponent as λ27 } from './lib/modules/page-summary/page-summary.component';
+export { SkyPageSummaryAlertComponent as λ28 } from './lib/modules/page-summary/page-summary-alert.component';
+export { SkyPageSummaryContentComponent as λ29 } from './lib/modules/page-summary/page-summary-content.component';
+export { SkyPageSummaryImageComponent as λ30 } from './lib/modules/page-summary/page-summary-image.component';
+export { SkyPageSummaryKeyInfoComponent as λ31 } from './lib/modules/page-summary/page-summary-key-info.component';
+export { SkyPageSummaryStatusComponent as λ32 } from './lib/modules/page-summary/page-summary-status.component';
+export { SkyPageSummarySubtitleComponent as λ33 } from './lib/modules/page-summary/page-summary-subtitle.component';
+export { SkyPageSummaryTitleComponent as λ34 } from './lib/modules/page-summary/page-summary-title.component';
+export { SkyTextExpandComponent as λ35 } from './lib/modules/text-expand/text-expand.component';
+export { SkyTextExpandRepeaterComponent as λ36 } from './lib/modules/text-expand-repeater/text-expand-repeater.component';
+export { SkyToolbarComponent as λ37 } from './lib/modules/toolbar/toolbar.component';
+export { SkyToolbarSectionComponent as λ38 } from './lib/modules/toolbar/toolbar-section.component';
+export { SkyToolbarItemComponent as λ39 } from './lib/modules/toolbar/toolbar-item.component';
+export { SkyToolbarViewActionsComponent as λ40 } from './lib/modules/toolbar/toolbar-view-actions.component';
+export { SkyBoxComponent as λ41 } from './lib/modules/box/box.component';
+export { SkyBoxHeaderComponent as λ42 } from './lib/modules/box/box-header.component';
+export { SkyBoxContentComponent as λ43 } from './lib/modules/box/box-content.component';
+export { SkyBoxControlsComponent as λ44 } from './lib/modules/box/box-controls.component';
+//# sourceMappingURL=index.js.map

package/esm2015/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/components/layout/src/index.ts"],"names":[],"mappings":"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","sourcesContent":["export * from './lib/modules/action-button/action-button-permalink';\nexport * from './lib/modules/action-button/action-button.module';\nexport * from './lib/modules/action-button/types/action-button-container-align-items';\nexport * from './lib/modules/action-button/types/action-button-container-align-items-type';\n\nexport * from './lib/modules/back-to-top/back-top-top.module';\nexport * from './lib/modules/back-to-top/models/back-to-top-message';\nexport * from './lib/modules/back-to-top/models/back-to-top-message-type';\nexport * from './lib/modules/back-to-top/models/back-to-top-options';\n\nexport * from './lib/modules/box/box.module';\n\nexport * from './lib/modules/card/card.module';\n\nexport * from './lib/modules/definition-list/definition-list.module';\n\nexport * from './lib/modules/description-list/description-list.module';\nexport * from './lib/modules/description-list/types/description-list-mode';\nexport * from './lib/modules/description-list/types/description-list-mode-type';\n\nexport * from './lib/modules/fluid-grid/fluid-grid-gutter-size';\nexport * from './lib/modules/fluid-grid/fluid-grid.module';\nexport * from './lib/modules/fluid-grid/types/fluid-grid-gutter-size-type';\n\nexport * from './lib/modules/format/format-item';\nexport * from './lib/modules/format/format.module';\n\nexport * from './lib/modules/inline-delete/inline-delete-type';\nexport * from './lib/modules/inline-delete/inline-delete.module';\n\nexport * from './lib/modules/page/page.module';\n\nexport * from './lib/modules/page-summary/page-summary.module';\n\nexport * from './lib/modules/text-expand/text-expand.module';\n\nexport * from './lib/modules/text-expand-repeater/types/text-expand-repeater-list-style-type';\nexport * from './lib/modules/text-expand-repeater/text-expand-repeater.module';\n\nexport * from './lib/modules/toolbar/toolbar.module';\n\n// Components and directives must be exported to support Angular's \"partial\" Ivy compiler.\n// Obscure names are used to indicate types are not part of public API.\nexport { SkyActionButtonComponent as λ1 } from './lib/modules/action-button/action-button.component';\nexport { SkyActionButtonContainerComponent as λ2 } from './lib/modules/action-button/action-button-container.component';\nexport { SkyActionButtonDetailsComponent as λ3 } from './lib/modules/action-button/action-button-details.component';\nexport { SkyActionButtonHeaderComponent as λ4 } from './lib/modules/action-button/action-button-header.component';\nexport { SkyActionButtonIconComponent as λ5 } from './lib/modules/action-button/action-button-icon.component';\nexport { SkyBackToTopComponent as λ6 } from './lib/modules/back-to-top/back-to-top.component';\nexport { SkyBackToTopDirective as λ7 } from './lib/modules/back-to-top/back-to-top.directive';\nexport { SkyInlineDeleteComponent as λ8 } from './lib/modules/inline-delete/inline-delete.component';\nexport { SkyCardComponent as λ9 } from './lib/modules/card/card.component';\nexport { SkyCardActionsComponent as λ10 } from './lib/modules/card/card-actions.component';\nexport { SkyCardContentComponent as λ11 } from './lib/modules/card/card-content.component';\nexport { SkyCardTitleComponent as λ12 } from './lib/modules/card/card-title.component';\nexport { SkyDefinitionListComponent as λ13 } from './lib/modules/definition-list/definition-list.component';\nexport { SkyDefinitionListContentComponent as λ14 } from './lib/modules/definition-list/definition-list-content.component';\nexport { SkyDefinitionListHeadingComponent as λ15 } from './lib/modules/definition-list/definition-list-heading.component';\nexport { SkyDefinitionListLabelComponent as λ16 } from './lib/modules/definition-list/definition-list-label.component';\nexport { SkyDefinitionListValueComponent as λ17 } from './lib/modules/definition-list/definition-list-value.component';\nexport { SkyDescriptionListComponent as λ18 } from './lib/modules/description-list/description-list.component';\nexport { SkyDescriptionListTermComponent as λ19 } from './lib/modules/description-list/description-list-term.component';\nexport { SkyDescriptionListDescriptionComponent as λ20 } from './lib/modules/description-list/description-list-description.component';\nexport { SkyDescriptionListContentComponent as λ21 } from './lib/modules/description-list/description-list-content.component';\nexport { SkyFluidGridComponent as λ22 } from './lib/modules/fluid-grid/fluid-grid.component';\nexport { SkyRowComponent as λ23 } from './lib/modules/fluid-grid//row.component';\nexport { SkyColumnComponent as λ24 } from './lib/modules/fluid-grid/column.component';\nexport { SkyFormatComponent as λ25 } from './lib/modules/format/format.component';\nexport { SkyPageComponent as λ26 } from './lib/modules/page/page.component';\nexport { SkyPageSummaryComponent as λ27 } from './lib/modules/page-summary/page-summary.component';\nexport { SkyPageSummaryAlertComponent as λ28 } from './lib/modules/page-summary/page-summary-alert.component';\nexport { SkyPageSummaryContentComponent as λ29 } from './lib/modules/page-summary/page-summary-content.component';\nexport { SkyPageSummaryImageComponent as λ30 } from './lib/modules/page-summary/page-summary-image.component';\nexport { SkyPageSummaryKeyInfoComponent as λ31 } from './lib/modules/page-summary/page-summary-key-info.component';\nexport { SkyPageSummaryStatusComponent as λ32 } from './lib/modules/page-summary/page-summary-status.component';\nexport { SkyPageSummarySubtitleComponent as λ33 } from './lib/modules/page-summary/page-summary-subtitle.component';\nexport { SkyPageSummaryTitleComponent as λ34 } from './lib/modules/page-summary/page-summary-title.component';\nexport { SkyTextExpandComponent as λ35 } from './lib/modules/text-expand/text-expand.component';\nexport { SkyTextExpandRepeaterComponent as λ36 } from './lib/modules/text-expand-repeater/text-expand-repeater.component';\nexport { SkyToolbarComponent as λ37 } from './lib/modules/toolbar/toolbar.component';\nexport { SkyToolbarSectionComponent as λ38 } from './lib/modules/toolbar/toolbar-section.component';\nexport { SkyToolbarItemComponent as λ39 } from './lib/modules/toolbar/toolbar-item.component';\nexport { SkyToolbarViewActionsComponent as λ40 } from './lib/modules/toolbar/toolbar-view-actions.component';\nexport { SkyBoxComponent as λ41 } from './lib/modules/box/box.component';\nexport { SkyBoxHeaderComponent as λ42 } from './lib/modules/box/box-header.component';\nexport { SkyBoxContentComponent as λ43 } from './lib/modules/box/box-content.component';\nexport { SkyBoxControlsComponent as λ44 } from './lib/modules/box/box-controls.component';\n"]}

package/esm2015/lib/modules/action-button/action-button-adapter-service.js

@@ -0,0 +1,43 @@
+import { Injectable, RendererFactory2, } from '@angular/core';
+import * as i0 from "@angular/core";
+const RESPONSIVE_CLASS_SM = 'sky-action-button-container-sm';
+const RESPONSIVE_CLASS_MD = 'sky-action-button-container-md';
+const RESPONSIVE_CLASS_LG = 'sky-action-button-container-lg';
+const BREAKPOINT_MD = 912;
+const BREAKPOINT_LG = 1378;
+/**
+ * @internal
+ */
+export class SkyActionButtonAdapterService {
+    constructor(rendererFactory) {
+        this.renderer = rendererFactory.createRenderer(undefined, undefined);
+    }
+    getParentWidth(element) {
+        return element.nativeElement.parentNode.getBoundingClientRect().width;
+    }
+    setResponsiveClass(element, width) {
+        const el = element.nativeElement;
+        const className = this.getResponsiveClassName(width);
+        this.renderer.removeClass(el, RESPONSIVE_CLASS_SM);
+        this.renderer.removeClass(el, RESPONSIVE_CLASS_MD);
+        this.renderer.removeClass(el, RESPONSIVE_CLASS_LG);
+        this.renderer.addClass(el, className);
+    }
+    getResponsiveClassName(width) {
+        if (width < BREAKPOINT_MD) {
+            return RESPONSIVE_CLASS_SM;
+        }
+        else if (width > BREAKPOINT_MD && width < BREAKPOINT_LG) {
+            return RESPONSIVE_CLASS_MD;
+        }
+        else {
+            return RESPONSIVE_CLASS_LG;
+        }
+    }
+}
+SkyActionButtonAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionButtonAdapterService, deps: [{ token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable });
+SkyActionButtonAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionButtonAdapterService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionButtonAdapterService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i0.RendererFactory2 }]; } });
+//# sourceMappingURL=action-button-adapter-service.js.map

package/esm2015/lib/modules/action-button/action-button-adapter-service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-button-adapter-service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/action-button/action-button-adapter-service.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,UAAU,EAEV,gBAAgB,GACjB,MAAM,eAAe,CAAC;;AAEvB,MAAM,mBAAmB,GAAG,gCAAgC,CAAC;AAC7D,MAAM,mBAAmB,GAAG,gCAAgC,CAAC;AAC7D,MAAM,mBAAmB,GAAG,gCAAgC,CAAC;AAE7D,MAAM,aAAa,GAAG,GAAG,CAAC;AAC1B,MAAM,aAAa,GAAG,IAAI,CAAC;AAE3B;;GAEG;AAEH,MAAM,OAAO,6BAA6B;IAGxC,YAAY,eAAiC;QAC3C,IAAI,CAAC,QAAQ,GAAG,eAAe,CAAC,cAAc,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IACvE,CAAC;IAEM,cAAc,CAAC,OAAmB;QACvC,OAAO,OAAO,CAAC,aAAa,CAAC,UAAU,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC;IACxE,CAAC;IAEM,kBAAkB,CAAC,OAAmB,EAAE,KAAa;QAC1D,MAAM,EAAE,GAAQ,OAAO,CAAC,aAAa,CAAC;QACtC,MAAM,SAAS,GAAG,IAAI,CAAC,sBAAsB,CAAC,KAAK,CAAC,CAAC;QAErD,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,EAAE,mBAAmB,CAAC,CAAC;QACnD,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,EAAE,mBAAmB,CAAC,CAAC;QACnD,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,EAAE,mBAAmB,CAAC,CAAC;QAEnD,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,EAAE,SAAS,CAAC,CAAC;IACxC,CAAC;IAEO,sBAAsB,CAAC,KAAa;QAC1C,IAAI,KAAK,GAAG,aAAa,EAAE;YACzB,OAAO,mBAAmB,CAAC;SAC5B;aAAM,IAAI,KAAK,GAAG,aAAa,IAAI,KAAK,GAAG,aAAa,EAAE;YACzD,OAAO,mBAAmB,CAAC;SAC5B;aAAM;YACL,OAAO,mBAAmB,CAAC;SAC5B;IACH,CAAC;;2HA9BU,6BAA6B;+HAA7B,6BAA6B;4FAA7B,6BAA6B;kBADzC,UAAU","sourcesContent":["import {\n  ElementRef,\n  Injectable,\n  Renderer2,\n  RendererFactory2,\n} from '@angular/core';\n\nconst RESPONSIVE_CLASS_SM = 'sky-action-button-container-sm';\nconst RESPONSIVE_CLASS_MD = 'sky-action-button-container-md';\nconst RESPONSIVE_CLASS_LG = 'sky-action-button-container-lg';\n\nconst BREAKPOINT_MD = 912;\nconst BREAKPOINT_LG = 1378;\n\n/**\n * @internal\n */\n@Injectable()\nexport class SkyActionButtonAdapterService {\n  private renderer: Renderer2;\n\n  constructor(rendererFactory: RendererFactory2) {\n    this.renderer = rendererFactory.createRenderer(undefined, undefined);\n  }\n\n  public getParentWidth(element: ElementRef): number {\n    return element.nativeElement.parentNode.getBoundingClientRect().width;\n  }\n\n  public setResponsiveClass(element: ElementRef, width: number): void {\n    const el: any = element.nativeElement;\n    const className = this.getResponsiveClassName(width);\n\n    this.renderer.removeClass(el, RESPONSIVE_CLASS_SM);\n    this.renderer.removeClass(el, RESPONSIVE_CLASS_MD);\n    this.renderer.removeClass(el, RESPONSIVE_CLASS_LG);\n\n    this.renderer.addClass(el, className);\n  }\n\n  private getResponsiveClassName(width: number): string {\n    if (width < BREAKPOINT_MD) {\n      return RESPONSIVE_CLASS_SM;\n    } else if (width > BREAKPOINT_MD && width < BREAKPOINT_LG) {\n      return RESPONSIVE_CLASS_MD;\n    } else {\n      return RESPONSIVE_CLASS_LG;\n    }\n  }\n}\n"]}

package/esm2015/lib/modules/action-button/action-button-container.component.js

@@ -0,0 +1,145 @@
+import { ChangeDetectorRef, Component, ContentChildren, ElementRef, HostListener, Input, NgZone, Optional, QueryList, ViewChild, ViewEncapsulation, } from '@angular/core';
+import { MutationObserverService, SkyCoreAdapterService } from '@skyux/core';
+import { SkyThemeService } from '@skyux/theme';
+import { takeUntil } from 'rxjs/operators';
+import { Subject } from 'rxjs';
+import { SkyActionButtonAdapterService } from './action-button-adapter-service';
+import { SkyActionButtonComponent } from './action-button.component';
+import * as i0 from "@angular/core";
+import * as i1 from "./action-button-adapter-service";
+import * as i2 from "@skyux/core";
+import * as i3 from "@skyux/theme";
+import * as i4 from "@angular/common";
+/**
+ * Wraps action buttons to ensures that they have consistent height and spacing.
+ * @required
+ */
+export class SkyActionButtonContainerComponent {
+    constructor(actionButtonAdapterService, changeRef, coreAdapterService, hostElRef, mutationObserverSvc, ngZone, themeSvc) {
+        this.actionButtonAdapterService = actionButtonAdapterService;
+        this.changeRef = changeRef;
+        this.coreAdapterService = coreAdapterService;
+        this.hostElRef = hostElRef;
+        this.mutationObserverSvc = mutationObserverSvc;
+        this.ngZone = ngZone;
+        this.themeSvc = themeSvc;
+        this.ngUnsubscribe = new Subject();
+    }
+    /**
+     * Specifies how to display the action buttons inside the action button container.
+     * Options are `"center"` or `"left"`.
+     * @default "center"
+     */
+    set alignItems(value) {
+        this._alignItems = value;
+    }
+    get alignItems() {
+        return this._alignItems || 'center';
+    }
+    set themeName(value) {
+        this._themeName = value;
+        this.updateResponsiveClass();
+        this.updateHeight();
+    }
+    ngOnInit() {
+        /* istanbul ignore else */
+        if (this.themeSvc) {
+            this.themeSvc.settingsChange
+                .pipe(takeUntil(this.ngUnsubscribe))
+                .subscribe((themeSettings) => {
+                this.themeName = themeSettings.currentSettings.theme.name;
+                this.changeRef.markForCheck();
+            });
+        }
+        // Wait for children components to complete rendering before container width is determined.
+        setTimeout(() => {
+            this.updateResponsiveClass();
+        });
+    }
+    ngAfterContentInit() {
+        // Watch for dynamic action button changes and recalculate height.
+        /* istanbul ignore else */
+        if (this.actionButtons) {
+            this.actionButtons.changes
+                .pipe(takeUntil(this.ngUnsubscribe))
+                .subscribe(() => {
+                this.updateHeight();
+            });
+        }
+        this.initMutationObserver();
+    }
+    ngOnDestroy() {
+        this.ngUnsubscribe.next();
+        this.ngUnsubscribe.complete();
+        this.destroyMutationObserver();
+    }
+    onWindowResize() {
+        this.updateResponsiveClass();
+    }
+    initMutationObserver() {
+        /* istanbul ignore else */
+        if (!this.mutationObserver) {
+            const el = this.containerRef.nativeElement;
+            // MutationObserver is patched by Zone.js and therefore becomes part of the
+            // Angular change detection cycle, but this can lead to infinite loops in some
+            // scenarios. This will keep MutationObserver from triggering change detection.
+            this.ngZone.runOutsideAngular(() => {
+                this.mutationObserver = this.mutationObserverSvc.create(() => {
+                    this.updateHeight();
+                });
+                this.mutationObserver.observe(el, {
+                    characterData: true,
+                    subtree: true,
+                });
+            });
+        }
+    }
+    destroyMutationObserver() {
+        if (this.mutationObserver) {
+            this.mutationObserver.disconnect();
+            this.mutationObserver = undefined;
+        }
+    }
+    updateHeight() {
+        this.coreAdapterService.resetHeight(this.containerRef, '.sky-action-button');
+        if (this._themeName === 'modern') {
+            // Wait for children components to complete rendering before height is determined.
+            setTimeout(() => {
+                this.coreAdapterService.syncMaxHeight(this.containerRef, '.sky-action-button');
+            });
+        }
+    }
+    updateResponsiveClass() {
+        const parentWidth = this.actionButtonAdapterService.getParentWidth(this.hostElRef);
+        this.actionButtonAdapterService.setResponsiveClass(this.containerRef, parentWidth);
+    }
+}
+SkyActionButtonContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionButtonContainerComponent, deps: [{ token: i1.SkyActionButtonAdapterService }, { token: i0.ChangeDetectorRef }, { token: i2.SkyCoreAdapterService }, { token: i0.ElementRef }, { token: i2.MutationObserverService }, { token: i0.NgZone }, { token: i3.SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+SkyActionButtonContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyActionButtonContainerComponent, selector: "sky-action-button-container", inputs: { alignItems: "alignItems" }, host: { listeners: { "window:resize": "onWindowResize()" } }, providers: [SkyActionButtonAdapterService], queries: [{ propertyName: "actionButtons", predicate: SkyActionButtonComponent }], viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["container"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<div class=\"sky-action-button-container\" #container>\n  <div\n    class=\"sky-action-button-flex\"\n    [ngClass]=\"{\n      'sky-action-button-flex-align-left': alignItems === 'left',\n      'sky-action-button-flex-align-center': alignItems === 'center'\n    }\"\n  >\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [":host{display:block}.sky-action-button-flex sky-action-button{display:block}.sky-action-button-flex .sky-action-button{height:100%;min-width:236px;margin-left:10px;margin-right:10px}.sky-action-button-flex{display:block;padding:0}.sky-action-button-flex sky-action-button{margin:20px 0}.sky-responsive-container-xs .sky-action-button-flex,.sky-responsive-container-sm .sky-action-button-flex,.sky-responsive-container-md .sky-action-button-flex,.sky-responsive-container-lg .sky-action-button-flex{display:block;padding:0}.sky-responsive-container-xs .sky-action-button-flex sky-action-button,.sky-responsive-container-sm .sky-action-button-flex sky-action-button,.sky-responsive-container-md .sky-action-button-flex sky-action-button,.sky-responsive-container-lg .sky-action-button-flex sky-action-button{margin:20px 0}@media (min-width: 768px){.sky-action-button-flex{display:flex;flex-flow:row wrap;padding:10px 0}.sky-action-button-flex.sky-action-button-flex-align-center{justify-content:center}.sky-action-button-flex.sky-action-button-flex-align-left{justify-content:flex-start}.sky-action-button-flex sky-action-button{margin:10px 0}}.sky-responsive-container-sm .sky-action-button-flex,.sky-responsive-container-md .sky-action-button-flex,.sky-responsive-container-lg .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:10px 0}.sky-responsive-container-sm .sky-action-button-flex.sky-action-button-flex-align-center,.sky-responsive-container-md .sky-action-button-flex.sky-action-button-flex-align-center,.sky-responsive-container-lg .sky-action-button-flex.sky-action-button-flex-align-center{justify-content:center}.sky-responsive-container-sm .sky-action-button-flex.sky-action-button-flex-align-left,.sky-responsive-container-md .sky-action-button-flex.sky-action-button-flex-align-left,.sky-responsive-container-lg .sky-action-button-flex.sky-action-button-flex-align-left{justify-content:flex-start}.sky-responsive-container-sm .sky-action-button-flex sky-action-button,.sky-responsive-container-md .sky-action-button-flex sky-action-button,.sky-responsive-container-lg .sky-action-button-flex sky-action-button{margin:10px 0}.sky-theme-modern .sky-action-button-container{margin:0 auto}.sky-theme-modern .sky-action-button-container.sky-action-button-container-sm{max-width:446px}.sky-theme-modern .sky-action-button-container.sky-action-button-container-md{max-width:912px}.sky-theme-modern .sky-action-button-container.sky-action-button-container-lg{max-width:1378px}.sky-theme-modern .sky-action-button-container .sky-action-button-flex .sky-action-button{height:auto;min-width:auto;margin:0}.sky-theme-modern .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:0;margin:0 0 -20px -20px}.sky-theme-modern .sky-action-button-flex sky-action-button{margin:0 0 20px 20px;flex:0 1 446px}.sky-theme-modern .sky-responsive-container-xs .sky-action-button-flex,.sky-theme-modern .sky-responsive-container-sm .sky-action-button-flex,.sky-theme-modern .sky-responsive-container-md .sky-action-button-flex,.sky-theme-modern .sky-responsive-container-lg .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:0;margin:0 0 -20px -20px}.sky-theme-modern .sky-responsive-container-xs .sky-action-button-flex sky-action-button,.sky-theme-modern .sky-responsive-container-sm .sky-action-button-flex sky-action-button,.sky-theme-modern .sky-responsive-container-md .sky-action-button-flex sky-action-button,.sky-theme-modern .sky-responsive-container-lg .sky-action-button-flex sky-action-button{margin:0 0 20px 20px;flex:0 1 446px}\n"], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionButtonContainerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sky-action-button-container',
+                    styleUrls: ['./action-button-container.component.scss'],
+                    templateUrl: './action-button-container.component.html',
+                    providers: [SkyActionButtonAdapterService],
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: function () { return [{ type: i1.SkyActionButtonAdapterService }, { type: i0.ChangeDetectorRef }, { type: i2.SkyCoreAdapterService }, { type: i0.ElementRef }, { type: i2.MutationObserverService }, { type: i0.NgZone }, { type: i3.SkyThemeService, decorators: [{
+                    type: Optional
+                }] }]; }, propDecorators: { alignItems: [{
+                type: Input
+            }], actionButtons: [{
+                type: ContentChildren,
+                args: [SkyActionButtonComponent]
+            }], containerRef: [{
+                type: ViewChild,
+                args: ['container', {
+                        read: ElementRef,
+                        static: true,
+                    }]
+            }], onWindowResize: [{
+                type: HostListener,
+                args: ['window:resize']
+            }] } });
+//# sourceMappingURL=action-button-container.component.js.map

package/esm2015/lib/modules/action-button/action-button-container.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-button-container.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/action-button/action-button-container.component.ts","../../../../../../../../libs/components/layout/src/lib/modules/action-button/action-button-container.component.html"],"names":[],"mappings":"AAAA,OAAO,EAEL,iBAAiB,EACjB,SAAS,EACT,eAAe,EACf,UAAU,EACV,YAAY,EACZ,KAAK,EACL,MAAM,EAGN,QAAQ,EACR,SAAS,EACT,SAAS,EACT,iBAAiB,GAClB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,uBAAuB,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAE7E,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAI/B,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAEhF,OAAO,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;;;;;;AAErE;;;GAGG;AAQH,MAAM,OAAO,iCAAiC;IAwC5C,YACU,0BAAyD,EACzD,SAA4B,EAC5B,kBAAyC,EACzC,SAAqB,EACrB,mBAA4C,EAC5C,MAAc,EACF,QAA0B;QANtC,+BAA0B,GAA1B,0BAA0B,CAA+B;QACzD,cAAS,GAAT,SAAS,CAAmB;QAC5B,uBAAkB,GAAlB,kBAAkB,CAAuB;QACzC,cAAS,GAAT,SAAS,CAAY;QACrB,wBAAmB,GAAnB,mBAAmB,CAAyB;QAC5C,WAAM,GAAN,MAAM,CAAQ;QACF,aAAQ,GAAR,QAAQ,CAAkB;QAnBxC,kBAAa,GAAG,IAAI,OAAO,EAAE,CAAC;IAoBnC,CAAC;IA7CJ;;;;OAIG;IACH,IACW,UAAU,CAAC,KAA6C;QACjE,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;IAC3B,CAAC;IAED,IAAW,UAAU;QACnB,OAAO,IAAI,CAAC,WAAW,IAAI,QAAQ,CAAC;IACtC,CAAC;IAeD,IAAY,SAAS,CAAC,KAAa;QACjC,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QACxB,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAC7B,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IAgBM,QAAQ;QACb,0BAA0B;QAC1B,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,IAAI,CAAC,QAAQ,CAAC,cAAc;iBACzB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;iBACnC,SAAS,CAAC,CAAC,aAAa,EAAE,EAAE;gBAC3B,IAAI,CAAC,SAAS,GAAG,aAAa,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC;gBAC1D,IAAI,CAAC,SAAS,CAAC,YAAY,EAAE,CAAC;YAChC,CAAC,CAAC,CAAC;SACN;QAED,2FAA2F;QAC3F,UAAU,CAAC,GAAG,EAAE;YACd,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAC/B,CAAC,CAAC,CAAC;IACL,CAAC;IAEM,kBAAkB;QACvB,kEAAkE;QAClE,0BAA0B;QAC1B,IAAI,IAAI,CAAC,aAAa,EAAE;YACtB,IAAI,CAAC,aAAa,CAAC,OAAO;iBACvB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;iBACnC,SAAS,CAAC,GAAG,EAAE;gBACd,IAAI,CAAC,YAAY,EAAE,CAAC;YACtB,CAAC,CAAC,CAAC;SACN;QAED,IAAI,CAAC,oBAAoB,EAAE,CAAC;IAC9B,CAAC;IAEM,WAAW;QAChB,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;QAC1B,IAAI,CAAC,aAAa,CAAC,QAAQ,EAAE,CAAC;QAE9B,IAAI,CAAC,uBAAuB,EAAE,CAAC;IACjC,CAAC;IAGM,cAAc;QACnB,IAAI,CAAC,qBAAqB,EAAE,CAAC;IAC/B,CAAC;IAEO,oBAAoB;QAC1B,0BAA0B;QAC1B,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE;YAC1B,MAAM,EAAE,GAAG,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC;YAE3C,2EAA2E;YAC3E,8EAA8E;YAC9E,+EAA+E;YAC/E,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,GAAG,EAAE;gBACjC,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,mBAAmB,CAAC,MAAM,CAAC,GAAG,EAAE;oBAC3D,IAAI,CAAC,YAAY,EAAE,CAAC;gBACtB,CAAC,CAAC,CAAC;gBAEH,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,EAAE,EAAE;oBAChC,aAAa,EAAE,IAAI;oBACnB,OAAO,EAAE,IAAI;iBACd,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;SACJ;IACH,CAAC;IAEO,uBAAuB;QAC7B,IAAI,IAAI,CAAC,gBAAgB,EAAE;YACzB,IAAI,CAAC,gBAAgB,CAAC,UAAU,EAAE,CAAC;YACnC,IAAI,CAAC,gBAAgB,GAAG,SAAS,CAAC;SACnC;IACH,CAAC;IAEO,YAAY;QAClB,IAAI,CAAC,kBAAkB,CAAC,WAAW,CACjC,IAAI,CAAC,YAAY,EACjB,oBAAoB,CACrB,CAAC;QACF,IAAI,IAAI,CAAC,UAAU,KAAK,QAAQ,EAAE;YAChC,kFAAkF;YAClF,UAAU,CAAC,GAAG,EAAE;gBACd,IAAI,CAAC,kBAAkB,CAAC,aAAa,CACnC,IAAI,CAAC,YAAY,EACjB,oBAAoB,CACrB,CAAC;YACJ,CAAC,CAAC,CAAC;SACJ;IACH,CAAC;IAEO,qBAAqB;QAC3B,MAAM,WAAW,GAAG,IAAI,CAAC,0BAA0B,CAAC,cAAc,CAChE,IAAI,CAAC,SAAS,CACf,CAAC;QACF,IAAI,CAAC,0BAA0B,CAAC,kBAAkB,CAChD,IAAI,CAAC,YAAY,EACjB,WAAW,CACZ,CAAC;IACJ,CAAC;;+HAjJU,iCAAiC;mHAAjC,iCAAiC,0JAHjC,CAAC,6BAA6B,CAAC,wDAoBzB,wBAAwB,mHAIjC,UAAU,2CC/DpB,mUAWA;4FD+Ba,iCAAiC;kBAP7C,SAAS;mBAAC;oBACT,QAAQ,EAAE,6BAA6B;oBACvC,SAAS,EAAE,CAAC,0CAA0C,CAAC;oBACvD,WAAW,EAAE,0CAA0C;oBACvD,SAAS,EAAE,CAAC,6BAA6B,CAAC;oBAC1C,aAAa,EAAE,iBAAiB,CAAC,IAAI;iBACtC;;0BAgDI,QAAQ;4CAtCA,UAAU;sBADpB,KAAK;gBAUE,aAAa;sBADpB,eAAe;uBAAC,wBAAwB;gBAOjC,YAAY;sBAJnB,SAAS;uBAAC,WAAW,EAAE;wBACtB,IAAI,EAAE,UAAU;wBAChB,MAAM,EAAE,IAAI;qBACb;gBAkEM,cAAc;sBADpB,YAAY;uBAAC,eAAe","sourcesContent":["import {\n  AfterContentInit,\n  ChangeDetectorRef,\n  Component,\n  ContentChildren,\n  ElementRef,\n  HostListener,\n  Input,\n  NgZone,\n  OnDestroy,\n  OnInit,\n  Optional,\n  QueryList,\n  ViewChild,\n  ViewEncapsulation,\n} from '@angular/core';\n\nimport { MutationObserverService, SkyCoreAdapterService } from '@skyux/core';\n\nimport { SkyThemeService } from '@skyux/theme';\n\nimport { takeUntil } from 'rxjs/operators';\n\nimport { Subject } from 'rxjs';\n\nimport { SkyActionButtonContainerAlignItemsType } from './types/action-button-container-align-items-type';\n\nimport { SkyActionButtonAdapterService } from './action-button-adapter-service';\n\nimport { SkyActionButtonComponent } from './action-button.component';\n\n/**\n * Wraps action buttons to ensures that they have consistent height and spacing.\n * @required\n */\n@Component({\n  selector: 'sky-action-button-container',\n  styleUrls: ['./action-button-container.component.scss'],\n  templateUrl: './action-button-container.component.html',\n  providers: [SkyActionButtonAdapterService],\n  encapsulation: ViewEncapsulation.None,\n})\nexport class SkyActionButtonContainerComponent\n  implements AfterContentInit, OnDestroy, OnInit\n{\n  /**\n   * Specifies how to display the action buttons inside the action button container.\n   * Options are `\"center\"` or `\"left\"`.\n   * @default \"center\"\n   */\n  @Input()\n  public set alignItems(value: SkyActionButtonContainerAlignItemsType) {\n    this._alignItems = value;\n  }\n\n  public get alignItems(): SkyActionButtonContainerAlignItemsType {\n    return this._alignItems || 'center';\n  }\n\n  @ContentChildren(SkyActionButtonComponent)\n  private actionButtons: QueryList<SkyActionButtonComponent>;\n\n  @ViewChild('container', {\n    read: ElementRef,\n    static: true,\n  })\n  private containerRef: ElementRef<any>;\n\n  private mutationObserver: MutationObserver;\n\n  private ngUnsubscribe = new Subject();\n\n  private set themeName(value: string) {\n    this._themeName = value;\n    this.updateResponsiveClass();\n    this.updateHeight();\n  }\n\n  private _alignItems: SkyActionButtonContainerAlignItemsType;\n\n  private _themeName: string;\n\n  constructor(\n    private actionButtonAdapterService: SkyActionButtonAdapterService,\n    private changeRef: ChangeDetectorRef,\n    private coreAdapterService: SkyCoreAdapterService,\n    private hostElRef: ElementRef,\n    private mutationObserverSvc: MutationObserverService,\n    private ngZone: NgZone,\n    @Optional() private themeSvc?: SkyThemeService\n  ) {}\n\n  public ngOnInit(): void {\n    /* istanbul ignore else */\n    if (this.themeSvc) {\n      this.themeSvc.settingsChange\n        .pipe(takeUntil(this.ngUnsubscribe))\n        .subscribe((themeSettings) => {\n          this.themeName = themeSettings.currentSettings.theme.name;\n          this.changeRef.markForCheck();\n        });\n    }\n\n    // Wait for children components to complete rendering before container width is determined.\n    setTimeout(() => {\n      this.updateResponsiveClass();\n    });\n  }\n\n  public ngAfterContentInit(): void {\n    // Watch for dynamic action button changes and recalculate height.\n    /* istanbul ignore else */\n    if (this.actionButtons) {\n      this.actionButtons.changes\n        .pipe(takeUntil(this.ngUnsubscribe))\n        .subscribe(() => {\n          this.updateHeight();\n        });\n    }\n\n    this.initMutationObserver();\n  }\n\n  public ngOnDestroy(): void {\n    this.ngUnsubscribe.next();\n    this.ngUnsubscribe.complete();\n\n    this.destroyMutationObserver();\n  }\n\n  @HostListener('window:resize')\n  public onWindowResize(): void {\n    this.updateResponsiveClass();\n  }\n\n  private initMutationObserver(): void {\n    /* istanbul ignore else */\n    if (!this.mutationObserver) {\n      const el = this.containerRef.nativeElement;\n\n      // MutationObserver is patched by Zone.js and therefore becomes part of the\n      // Angular change detection cycle, but this can lead to infinite loops in some\n      // scenarios. This will keep MutationObserver from triggering change detection.\n      this.ngZone.runOutsideAngular(() => {\n        this.mutationObserver = this.mutationObserverSvc.create(() => {\n          this.updateHeight();\n        });\n\n        this.mutationObserver.observe(el, {\n          characterData: true,\n          subtree: true,\n        });\n      });\n    }\n  }\n\n  private destroyMutationObserver(): void {\n    if (this.mutationObserver) {\n      this.mutationObserver.disconnect();\n      this.mutationObserver = undefined;\n    }\n  }\n\n  private updateHeight(): void {\n    this.coreAdapterService.resetHeight(\n      this.containerRef,\n      '.sky-action-button'\n    );\n    if (this._themeName === 'modern') {\n      // Wait for children components to complete rendering before height is determined.\n      setTimeout(() => {\n        this.coreAdapterService.syncMaxHeight(\n          this.containerRef,\n          '.sky-action-button'\n        );\n      });\n    }\n  }\n\n  private updateResponsiveClass(): void {\n    const parentWidth = this.actionButtonAdapterService.getParentWidth(\n      this.hostElRef\n    );\n    this.actionButtonAdapterService.setResponsiveClass(\n      this.containerRef,\n      parentWidth\n    );\n  }\n}\n","<div class=\"sky-action-button-container\" #container>\n  <div\n    class=\"sky-action-button-flex\"\n    [ngClass]=\"{\n      'sky-action-button-flex-align-left': alignItems === 'left',\n      'sky-action-button-flex-align-center': alignItems === 'center'\n    }\"\n  >\n    <ng-content></ng-content>\n  </div>\n</div>\n"]}

package/esm2015/lib/modules/action-button/action-button-details.component.js

@@ -0,0 +1,17 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Specifies a description to display on an action button.
+ */
+export class SkyActionButtonDetailsComponent {
+}
+SkyActionButtonDetailsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionButtonDetailsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyActionButtonDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyActionButtonDetailsComponent, selector: "sky-action-button-details", ngImport: i0, template: "<ng-content></ng-content>\n" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionButtonDetailsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sky-action-button-details',
+                    templateUrl: './action-button-details.component.html',
+                }]
+        }] });
+//# sourceMappingURL=action-button-details.component.js.map

package/esm2015/lib/modules/action-button/action-button-details.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-button-details.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/action-button/action-button-details.component.ts","../../../../../../../../libs/components/layout/src/lib/modules/action-button/action-button-details.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAE1C;;GAEG;AAKH,MAAM,OAAO,+BAA+B;;6HAA/B,+BAA+B;iHAA/B,+BAA+B,iECT5C,6BACA;4FDQa,+BAA+B;kBAJ3C,SAAS;mBAAC;oBACT,QAAQ,EAAE,2BAA2B;oBACrC,WAAW,EAAE,wCAAwC;iBACtD","sourcesContent":["import { Component } from '@angular/core';\n\n/**\n * Specifies a description to display on an action button.\n */\n@Component({\n  selector: 'sky-action-button-details',\n  templateUrl: './action-button-details.component.html',\n})\nexport class SkyActionButtonDetailsComponent {}\n","<ng-content></ng-content>\n"]}

package/esm2015/{modules → lib/modules}/action-button/action-button-header.component.js

@@ -6,9 +6,9 @@ import * as i1 from "@skyux/theme";
  */
 export class SkyActionButtonHeaderComponent {
 }
-SkyActionButtonHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyActionButtonHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyActionButtonHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyActionButtonHeaderComponent, selector: "sky-action-button-header", ngImport: i0, template: "<div\n  class=\"sky-action-button-header\"\n  [skyThemeClass]=\"{\n    'sky-headline': 'modern',\n    'sky-section-heading': 'default'\n  }\"\n>\n  <ng-content></ng-content>\n</div>\n", styles: [":host .sky-action-button-header{margin:0 5px}:host-context(.sky-responsive-container-xs) .sky-action-button-header,:host-context(.sky-responsive-container-sm) .sky-action-button-header,:host-context(.sky-responsive-container-md) .sky-action-button-header,:host-context(.sky-responsive-container-lg) .sky-action-button-header{margin:0 5px}@media (min-width: 768px){:host .sky-action-button-header{margin:0 0 20px}}:host-context(.sky-responsive-container-sm) .sky-action-button-header,:host-context(.sky-responsive-container-md) .sky-action-button-header,:host-context(.sky-responsive-container-lg) .sky-action-button-header{margin:0 0 20px}:host-context(.sky-theme-modern) .sky-action-button-header{margin:0 0 10px}.sky-theme-modern .sky-action-button-header{margin:0 0 10px}\n"], directives: [{ type: i1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyActionButtonHeaderComponent, decorators: [{
+SkyActionButtonHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionButtonHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyActionButtonHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyActionButtonHeaderComponent, selector: "sky-action-button-header", ngImport: i0, template: "<div\n  class=\"sky-action-button-header\"\n  [skyThemeClass]=\"{\n    'sky-headline': 'modern',\n    'sky-section-heading': 'default'\n  }\"\n>\n  <ng-content></ng-content>\n</div>\n", styles: [":host .sky-action-button-header{margin:0 5px}:host-context(.sky-responsive-container-xs) .sky-action-button-header,:host-context(.sky-responsive-container-sm) .sky-action-button-header,:host-context(.sky-responsive-container-md) .sky-action-button-header,:host-context(.sky-responsive-container-lg) .sky-action-button-header{margin:0 5px}@media (min-width: 768px){:host .sky-action-button-header{margin:0 0 20px}}:host-context(.sky-responsive-container-sm) .sky-action-button-header,:host-context(.sky-responsive-container-md) .sky-action-button-header,:host-context(.sky-responsive-container-lg) .sky-action-button-header{margin:0 0 20px}:host-context(.sky-theme-modern) .sky-action-button-header{margin:0 0 10px}.sky-theme-modern .sky-action-button-header{margin:0 0 10px}\n"], directives: [{ type: i1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionButtonHeaderComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-action-button-header',
@@ -16,4 +16,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImpo
                     templateUrl: './action-button-header.component.html',
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWJ1dHRvbi1oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbGF5b3V0L3NyYy9tb2R1bGVzL2FjdGlvbi1idXR0b24vYWN0aW9uLWJ1dHRvbi1oZWFkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbGF5b3V0L3NyYy9tb2R1bGVzL2FjdGlvbi1idXR0b24vYWN0aW9uLWJ1dHRvbi1oZWFkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBRTFDOztHQUVHO0FBTUgsTUFBTSxPQUFPLDhCQUE4Qjs7NEhBQTlCLDhCQUE4QjtnSEFBOUIsOEJBQThCLGdFQ1YzQyx5TEFTQTs0RkRDYSw4QkFBOEI7a0JBTDFDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLDBCQUEwQjtvQkFDcEMsU0FBUyxFQUFFLENBQUMsdUNBQXVDLENBQUM7b0JBQ3BELFdBQVcsRUFBRSx1Q0FBdUM7aUJBQ3JEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8qKlxuICogU3BlY2lmaWVzIGEgaGVhZGVyIHRvIGRpc3BsYXkgb24gYW4gYWN0aW9uIGJ1dHRvbi5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2t5LWFjdGlvbi1idXR0b24taGVhZGVyJyxcbiAgc3R5bGVVcmxzOiBbJy4vYWN0aW9uLWJ1dHRvbi1oZWFkZXIuY29tcG9uZW50LnNjc3MnXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2FjdGlvbi1idXR0b24taGVhZGVyLmNvbXBvbmVudC5odG1sJyxcbn0pXG5leHBvcnQgY2xhc3MgU2t5QWN0aW9uQnV0dG9uSGVhZGVyQ29tcG9uZW50IHt9XG4iLCI8ZGl2XG4gIGNsYXNzPVwic2t5LWFjdGlvbi1idXR0b24taGVhZGVyXCJcbiAgW3NreVRoZW1lQ2xhc3NdPVwie1xuICAgICdza3ktaGVhZGxpbmUnOiAnbW9kZXJuJyxcbiAgICAnc2t5LXNlY3Rpb24taGVhZGluZyc6ICdkZWZhdWx0J1xuICB9XCJcbj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=action-button-header.component.js.map

package/esm2015/lib/modules/action-button/action-button-header.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-button-header.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/action-button/action-button-header.component.ts","../../../../../../../../libs/components/layout/src/lib/modules/action-button/action-button-header.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;;AAE1C;;GAEG;AAMH,MAAM,OAAO,8BAA8B;;4HAA9B,8BAA8B;gHAA9B,8BAA8B,gECV3C,yLASA;4FDCa,8BAA8B;kBAL1C,SAAS;mBAAC;oBACT,QAAQ,EAAE,0BAA0B;oBACpC,SAAS,EAAE,CAAC,uCAAuC,CAAC;oBACpD,WAAW,EAAE,uCAAuC;iBACrD","sourcesContent":["import { Component } from '@angular/core';\n\n/**\n * Specifies a header to display on an action button.\n */\n@Component({\n  selector: 'sky-action-button-header',\n  styleUrls: ['./action-button-header.component.scss'],\n  templateUrl: './action-button-header.component.html',\n})\nexport class SkyActionButtonHeaderComponent {}\n","<div\n  class=\"sky-action-button-header\"\n  [skyThemeClass]=\"{\n    'sky-headline': 'modern',\n    'sky-section-heading': 'default'\n  }\"\n>\n  <ng-content></ng-content>\n</div>\n"]}

package/esm2015/lib/modules/action-button/action-button-icon.component.js

@@ -0,0 +1,44 @@
+import { Component, Input } from '@angular/core';
+import { SkyMediaBreakpoints, SkyMediaQueryService } from '@skyux/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@skyux/core";
+import * as i2 from "@skyux/indicators";
+const FONTSIZECLASS_SMALL = '2x';
+const FONTSIZECLASS_LARGE = '3x';
+/**
+ * Specifies an icon to display on the action button.
+ */
+export class SkyActionButtonIconComponent {
+    constructor(mediaQueryService) {
+        this.mediaQueryService = mediaQueryService;
+        this.fontSizeClass = FONTSIZECLASS_LARGE;
+        this.subscription = this.mediaQueryService.subscribe((args) => {
+            if (args === SkyMediaBreakpoints.xs) {
+                this.fontSizeClass = FONTSIZECLASS_SMALL;
+            }
+            else {
+                this.fontSizeClass = FONTSIZECLASS_LARGE;
+            }
+        });
+    }
+    ngOnDestroy() {
+        /* istanbul ignore else */
+        /* sanity check */
+        if (this.subscription) {
+            this.subscription.unsubscribe();
+        }
+    }
+}
+SkyActionButtonIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionButtonIconComponent, deps: [{ token: i1.SkyMediaQueryService }], target: i0.ɵɵFactoryTarget.Component });
+SkyActionButtonIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyActionButtonIconComponent, selector: "sky-action-button-icon", inputs: { iconType: "iconType" }, ngImport: i0, template: "<div aria-hidden=\"true\" class=\"sky-action-button-icon-container\">\n  <sky-icon\n    class=\"sky-action-button-icon\"\n    [icon]=\"iconType\"\n    [size]=\"fontSizeClass\"\n  ></sky-icon>\n</div>\n", styles: [":host .sky-action-button-icon-container{margin:0 5px}:host-context(.sky-responsive-container-xs) .sky-action-button-icon-container,:host-context(.sky-responsive-container-sm) .sky-action-button-icon-container,:host-context(.sky-responsive-container-md) .sky-action-button-icon-container,:host-context(.sky-responsive-container-lg) .sky-action-button-icon-container{margin:0 5px}@media (min-width: 768px){:host .sky-action-button-icon-container{margin:0 0 20px}}:host-context(.sky-responsive-container-sm) .sky-action-button-icon-container,:host-context(.sky-responsive-container-md) .sky-action-button-icon-container,:host-context(.sky-responsive-container-lg) .sky-action-button-icon-container{margin:0 0 20px}.sky-action-button-icon{color:#0974a1}:host-context(.sky-theme-modern) .sky-action-button-icon-container{color:#0974a1;background:#e8f8ff;margin:0 20px 0 0;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}:host-context(.sky-theme-modern) .sky-action-button-icon-container ::ng-deep .sky-icon{font-size:24px!important}.sky-theme-modern .sky-action-button-icon-container{color:#0974a1;background:#e8f8ff;margin:0 20px 0 0;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.sky-theme-modern .sky-action-button-icon-container ::ng-deep .sky-icon{font-size:24px!important}\n"], components: [{ type: i2.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionButtonIconComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sky-action-button-icon',
+                    styleUrls: ['./action-button-icon.component.scss'],
+                    templateUrl: './action-button-icon.component.html',
+                }]
+        }], ctorParameters: function () { return [{ type: i1.SkyMediaQueryService }]; }, propDecorators: { iconType: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=action-button-icon.component.js.map

package/esm2015/lib/modules/action-button/action-button-icon.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-button-icon.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/action-button/action-button-icon.component.ts","../../../../../../../../libs/components/layout/src/lib/modules/action-button/action-button-icon.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAa,MAAM,eAAe,CAAC;AAE5D,OAAO,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;;;;AAIxE,MAAM,mBAAmB,GAAG,IAAI,CAAC;AACjC,MAAM,mBAAmB,GAAG,IAAI,CAAC;AAEjC;;GAEG;AAMH,MAAM,OAAO,4BAA4B;IAgBvC,YAAoB,iBAAuC;QAAvC,sBAAiB,GAAjB,iBAAiB,CAAsB;QAJpD,kBAAa,GAAW,mBAAmB,CAAC;QAKjD,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,iBAAiB,CAAC,SAAS,CAClD,CAAC,IAAyB,EAAE,EAAE;YAC5B,IAAI,IAAI,KAAK,mBAAmB,CAAC,EAAE,EAAE;gBACnC,IAAI,CAAC,aAAa,GAAG,mBAAmB,CAAC;aAC1C;iBAAM;gBACL,IAAI,CAAC,aAAa,GAAG,mBAAmB,CAAC;aAC1C;QACH,CAAC,CACF,CAAC;IACJ,CAAC;IAEM,WAAW;QAChB,0BAA0B;QAC1B,kBAAkB;QAClB,IAAI,IAAI,CAAC,YAAY,EAAE;YACrB,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC;SACjC;IACH,CAAC;;0HAlCU,4BAA4B;8GAA5B,4BAA4B,gGCjBzC,2MAOA;4FDUa,4BAA4B;kBALxC,SAAS;mBAAC;oBACT,QAAQ,EAAE,wBAAwB;oBAClC,SAAS,EAAE,CAAC,qCAAqC,CAAC;oBAClD,WAAW,EAAE,qCAAqC;iBACnD;2GAWQ,QAAQ;sBADd,KAAK","sourcesContent":["import { Component, Input, OnDestroy } from '@angular/core';\n\nimport { SkyMediaBreakpoints, SkyMediaQueryService } from '@skyux/core';\n\nimport { Subscription } from 'rxjs';\n\nconst FONTSIZECLASS_SMALL = '2x';\nconst FONTSIZECLASS_LARGE = '3x';\n\n/**\n * Specifies an icon to display on the action button.\n */\n@Component({\n  selector: 'sky-action-button-icon',\n  styleUrls: ['./action-button-icon.component.scss'],\n  templateUrl: './action-button-icon.component.html',\n})\nexport class SkyActionButtonIconComponent implements OnDestroy {\n  /**\n   * Specifies an icon from the\n   * [Font Awesome library](https://fontawesome.com/v4.7.0/).\n   * For example, to display the `fa-filter` icon on the action button,\n   * set `iconType` to `filter`. SKY UX supports version 4.7.0 of Font Awesome.\n   * For more information about icons in SKY UX, see the\n   * [icon component](https://developer.blackbaud.com/skyux/components/icon).\n   */\n  @Input()\n  public iconType: string;\n\n  public fontSizeClass: string = FONTSIZECLASS_LARGE;\n\n  private subscription: Subscription;\n\n  constructor(private mediaQueryService: SkyMediaQueryService) {\n    this.subscription = this.mediaQueryService.subscribe(\n      (args: SkyMediaBreakpoints) => {\n        if (args === SkyMediaBreakpoints.xs) {\n          this.fontSizeClass = FONTSIZECLASS_SMALL;\n        } else {\n          this.fontSizeClass = FONTSIZECLASS_LARGE;\n        }\n      }\n    );\n  }\n\n  public ngOnDestroy() {\n    /* istanbul ignore else */\n    /* sanity check */\n    if (this.subscription) {\n      this.subscription.unsubscribe();\n    }\n  }\n}\n","<div aria-hidden=\"true\" class=\"sky-action-button-icon-container\">\n  <sky-icon\n    class=\"sky-action-button-icon\"\n    [icon]=\"iconType\"\n    [size]=\"fontSizeClass\"\n  ></sky-icon>\n</div>\n"]}

package/esm2015/lib/modules/action-button/action-button-permalink.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=action-button-permalink.js.map

package/esm2015/lib/modules/action-button/action-button-permalink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-button-permalink.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/action-button/action-button-permalink.ts"],"names":[],"mappings":"","sourcesContent":["import { NavigationExtras } from '@angular/router';\n\n/**\n * Specifies an Angular router link with the `route` property or a direct\n * link with the `url` property. If it provides both, the action button uses\n * the `route` property.\n */\nexport interface SkyActionButtonPermalink {\n  /**\n   * Specifies an Angular router link for the action button. This property accepts a\n   * custom object with a `commands` property to specify router commands and an `extras`\n   * property to specify\n   * [Angular `NavigationExtras`](https://angular.io/api/router/NavigationExtras).\n   * This property passes the following properties:\n   * - `permalink.route?.extras?.fragment` to\n   * [`fragment`](https://angular.io/api/router/NavigationExtras#fragment)\n   * - `permalink.route?.extras?.queryParams` to\n   * [`queryParams`](https://angular.io/api/router/NavigationExtras#queryParams)\n   * - `permalink.route?.extras?.queryParamsHandling` to\n   * [`queryParamsHandling`](https://angular.io/api/router/NavigationExtras#queryParamsHandling)\n   * - `permalink.route?.commands` to\n   * [`routerLink`](https://angular.io/api/router/RouterLink)\n   */\n  route?: {\n    commands: any[];\n    extras?: NavigationExtras;\n  };\n  /**\n   * Specifies a direct link for the action button.\n   */\n  url?: string;\n}\n"]}

package/esm2015/{modules → lib/modules}/action-button/action-button.component.js

@@ -21,9 +21,9 @@ export class SkyActionButtonComponent {
         this.actionClick.emit();
     }
 }
-SkyActionButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyActionButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyActionButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyActionButtonComponent, selector: "sky-action-button", inputs: { permalink: "permalink" }, outputs: { actionClick: "actionClick" }, ngImport: i0, template: "<a\n  *ngIf=\"permalink && permalink.route\"\n  class=\"sky-action-button sky-btn-default sky-rounded-corners\"\n  tabindex=\"0\"\n  [fragment]=\"permalink.route?.extras?.fragment\"\n  [skyThemeClass]=\"{\n    'sky-btn sky-box': 'modern'\n  }\"\n  [queryParams]=\"permalink.route?.extras?.queryParams\"\n  [queryParamsHandling]=\"permalink.route?.extras?.queryParamsHandling\"\n  [routerLink]=\"permalink.route?.commands\"\n>\n  <ng-container *ngTemplateOutlet=\"actionButtonContent\"> </ng-container>\n</a>\n\n<a\n  *ngIf=\"permalink && !permalink.route\"\n  class=\"sky-action-button sky-btn-default sky-rounded-corners\"\n  tabindex=\"0\"\n  [skyHref]=\"permalink.url\"\n  [skyThemeClass]=\"{\n    'sky-btn sky-box': 'modern'\n  }\"\n>\n  <ng-container *ngTemplateOutlet=\"actionButtonContent\"> </ng-container>\n</a>\n\n<div\n  *ngIf=\"!permalink\"\n  class=\"sky-action-button sky-btn-default sky-rounded-corners\"\n  tabindex=\"0\"\n  role=\"button\"\n  [skyThemeClass]=\"{\n    'sky-btn sky-box': 'modern'\n  }\"\n  (click)=\"buttonClicked()\"\n  (keydown.enter)=\"enterPress()\"\n>\n  <ng-container *ngTemplateOutlet=\"actionButtonContent\"> </ng-container>\n</div>\n\n<ng-template #actionButtonContent>\n  <ng-container *skyThemeIf=\"'default'\">\n    <div class=\"sky-action-button-icon-header-container\">\n      <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n      <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n    </div>\n    <ng-container *ngTemplateOutlet=\"details\"></ng-container>\n  </ng-container>\n\n  <ng-container *skyThemeIf=\"'modern'\">\n    <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n    <div class=\"sky-action-button-content\">\n      <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n      <div\n        class=\"sky-action-button-details\"\n        [skyThemeClass]=\"{\n          'sky-font-deemphasized': 'modern'\n        }\"\n      >\n        <ng-container *ngTemplateOutlet=\"details\"></ng-container>\n      </div>\n    </div>\n  </ng-container>\n</ng-template>\n\n<ng-template #icon>\n  <ng-content select=\"sky-action-button-icon\"></ng-content>\n</ng-template>\n\n<ng-template #header>\n  <ng-content select=\"sky-action-button-header\"></ng-content>\n</ng-template>\n\n<ng-template #details>\n  <ng-content select=\"sky-action-button-details\"></ng-content>\n</ng-template>\n", styles: [".sky-action-button{border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;border-right:1px solid #cdcfd2;cursor:pointer;text-align:center;text-decoration:none!important;display:block}.sky-action-button:hover{border-color:#c2c4c6}.sky-action-button-icon-header-container{display:flex;justify-content:center}.sky-action-button{padding:20px 20px 30px;margin:0 15px}.sky-action-button-icon-header-container{margin-bottom:20px}.sky-responsive-container-xs .sky-action-button,.sky-responsive-container-sm .sky-action-button,.sky-responsive-container-md .sky-action-button,.sky-responsive-container-lg .sky-action-button{padding:20px 20px 30px;margin:0 15px}.sky-responsive-container-xs .sky-action-button-icon-header-container,.sky-responsive-container-sm .sky-action-button-icon-header-container,.sky-responsive-container-md .sky-action-button-icon-header-container,.sky-responsive-container-lg .sky-action-button-icon-header-container{margin-bottom:20px}@media (min-width: 768px){.sky-action-button{padding:30px 20px;margin:0;max-width:236px}.sky-action-button-icon-header-container{margin-bottom:0;flex-direction:column}}.sky-responsive-container-sm .sky-action-button,.sky-responsive-container-md .sky-action-button,.sky-responsive-container-lg .sky-action-button{padding:30px 20px;margin:0;max-width:236px}.sky-responsive-container-sm .sky-action-button-icon-header-container,.sky-responsive-container-md .sky-action-button-icon-header-container,.sky-responsive-container-lg .sky-action-button-icon-header-container{margin-bottom:0;flex-direction:column}.sky-theme-modern .sky-action-button{display:flex;flex-flow:row nowrap;padding:30px;text-align:left;border:none}.sky-theme-modern .sky-action-button .sky-action-button-content{flex:1 1 auto;margin:0 10px 0 0;white-space:initial}.sky-theme-modern .sky-action-button{padding:30px;margin:0;max-width:446px}.sky-theme-modern .sky-responsive-container-xs .sky-action-button,.sky-theme-modern .sky-responsive-container-sm .sky-action-button,.sky-theme-modern .sky-responsive-container-md .sky-action-button,.sky-theme-modern .sky-responsive-container-lg .sky-action-button{padding:30px;margin:0;max-width:446px}@media (min-width: 768px){.sky-theme-modern .sky-action-button{padding:30px;margin:0}}.sky-theme-modern .sky-responsive-container-sm .sky-action-button,.sky-theme-modern .sky-responsive-container-md .sky-action-button,.sky-theme-modern .sky-responsive-container-lg .sky-action-button{padding:30px;margin:0}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i3.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4.λ1, selector: "[skyHref]", inputs: ["skyHref", "skyHrefElse"] }, { type: i3.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyActionButtonComponent, decorators: [{
+SkyActionButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyActionButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyActionButtonComponent, selector: "sky-action-button", inputs: { permalink: "permalink" }, outputs: { actionClick: "actionClick" }, ngImport: i0, template: "<a\n  *ngIf=\"permalink && permalink.route\"\n  class=\"sky-action-button sky-btn-default sky-rounded-corners\"\n  tabindex=\"0\"\n  [fragment]=\"permalink.route?.extras?.fragment\"\n  [skyThemeClass]=\"{\n    'sky-btn sky-box': 'modern'\n  }\"\n  [queryParams]=\"permalink.route?.extras?.queryParams\"\n  [queryParamsHandling]=\"permalink.route?.extras?.queryParamsHandling\"\n  [routerLink]=\"permalink.route?.commands\"\n>\n  <ng-container *ngTemplateOutlet=\"actionButtonContent\"> </ng-container>\n</a>\n\n<a\n  *ngIf=\"permalink && !permalink.route\"\n  class=\"sky-action-button sky-btn-default sky-rounded-corners\"\n  tabindex=\"0\"\n  [skyHref]=\"permalink.url\"\n  [skyThemeClass]=\"{\n    'sky-btn sky-box': 'modern'\n  }\"\n>\n  <ng-container *ngTemplateOutlet=\"actionButtonContent\"> </ng-container>\n</a>\n\n<div\n  *ngIf=\"!permalink\"\n  class=\"sky-action-button sky-btn-default sky-rounded-corners\"\n  tabindex=\"0\"\n  role=\"button\"\n  [skyThemeClass]=\"{\n    'sky-btn sky-box': 'modern'\n  }\"\n  (click)=\"buttonClicked()\"\n  (keydown.enter)=\"enterPress()\"\n>\n  <ng-container *ngTemplateOutlet=\"actionButtonContent\"> </ng-container>\n</div>\n\n<ng-template #actionButtonContent>\n  <ng-container *skyThemeIf=\"'default'\">\n    <div class=\"sky-action-button-icon-header-container\">\n      <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n      <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n    </div>\n    <ng-container *ngTemplateOutlet=\"details\"></ng-container>\n  </ng-container>\n\n  <ng-container *skyThemeIf=\"'modern'\">\n    <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n    <div class=\"sky-action-button-content\">\n      <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n      <div\n        class=\"sky-action-button-details\"\n        [skyThemeClass]=\"{\n          'sky-font-deemphasized': 'modern'\n        }\"\n      >\n        <ng-container *ngTemplateOutlet=\"details\"></ng-container>\n      </div>\n    </div>\n  </ng-container>\n</ng-template>\n\n<ng-template #icon>\n  <ng-content select=\"sky-action-button-icon\"></ng-content>\n</ng-template>\n\n<ng-template #header>\n  <ng-content select=\"sky-action-button-header\"></ng-content>\n</ng-template>\n\n<ng-template #details>\n  <ng-content select=\"sky-action-button-details\"></ng-content>\n</ng-template>\n", styles: [".sky-action-button{border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;border-right:1px solid #cdcfd2;cursor:pointer;text-align:center;text-decoration:none!important;display:block}.sky-action-button:hover{border-color:#c2c4c6}.sky-action-button-icon-header-container{display:flex;justify-content:center}.sky-action-button{padding:20px 20px 30px;margin:0 15px}.sky-action-button-icon-header-container{margin-bottom:20px}.sky-responsive-container-xs .sky-action-button,.sky-responsive-container-sm .sky-action-button,.sky-responsive-container-md .sky-action-button,.sky-responsive-container-lg .sky-action-button{padding:20px 20px 30px;margin:0 15px}.sky-responsive-container-xs .sky-action-button-icon-header-container,.sky-responsive-container-sm .sky-action-button-icon-header-container,.sky-responsive-container-md .sky-action-button-icon-header-container,.sky-responsive-container-lg .sky-action-button-icon-header-container{margin-bottom:20px}@media (min-width: 768px){.sky-action-button{padding:30px 20px;margin:0;max-width:236px}.sky-action-button-icon-header-container{margin-bottom:0;flex-direction:column}}.sky-responsive-container-sm .sky-action-button,.sky-responsive-container-md .sky-action-button,.sky-responsive-container-lg .sky-action-button{padding:30px 20px;margin:0;max-width:236px}.sky-responsive-container-sm .sky-action-button-icon-header-container,.sky-responsive-container-md .sky-action-button-icon-header-container,.sky-responsive-container-lg .sky-action-button-icon-header-container{margin-bottom:0;flex-direction:column}.sky-theme-modern .sky-action-button{display:flex;flex-flow:row nowrap;padding:30px;text-align:left;border:none}.sky-theme-modern .sky-action-button .sky-action-button-content{flex:1 1 auto;margin:0 10px 0 0;white-space:initial}.sky-theme-modern .sky-action-button{padding:30px;margin:0;max-width:446px}.sky-theme-modern .sky-responsive-container-xs .sky-action-button,.sky-theme-modern .sky-responsive-container-sm .sky-action-button,.sky-theme-modern .sky-responsive-container-md .sky-action-button,.sky-theme-modern .sky-responsive-container-lg .sky-action-button{padding:30px;margin:0;max-width:446px}@media (min-width: 768px){.sky-theme-modern .sky-action-button{padding:30px;margin:0}}.sky-theme-modern .sky-responsive-container-sm .sky-action-button,.sky-theme-modern .sky-responsive-container-md .sky-action-button,.sky-theme-modern .sky-responsive-container-lg .sky-action-button{padding:30px;margin:0}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i3.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4.λ1, selector: "[skyHref]", inputs: ["skyHref", "skyHrefElse"] }, { type: i3.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionButtonComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-action-button',
@@ -36,4 +36,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImpo
             }], actionClick: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9sYXlvdXQvc3JjL21vZHVsZXMvYWN0aW9uLWJ1dHRvbi9hY3Rpb24tYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2xheW91dC9zcmMvbW9kdWxlcy9hY3Rpb24tYnV0dG9uL2FjdGlvbi1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sRUFDTixpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7Ozs7OztBQUl2Qjs7R0FFRztBQU9ILE1BQU0sT0FBTyx3QkFBd0I7SUFOckM7UUFhRTs7V0FFRztRQUVJLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztLQVM5QztJQVBRLGFBQWE7UUFDbEIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUMxQixDQUFDO0lBRU0sVUFBVTtRQUNmLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDMUIsQ0FBQzs7c0hBbkJVLHdCQUF3QjswR0FBeEIsd0JBQXdCLHNJQ25CckMsNnpFQTZFQTs0RkQxRGEsd0JBQXdCO2tCQU5wQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxtQkFBbUI7b0JBQzdCLFNBQVMsRUFBRSxDQUFDLGdDQUFnQyxDQUFDO29CQUM3QyxXQUFXLEVBQUUsZ0NBQWdDO29CQUM3QyxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtpQkFDdEM7OEJBTVEsU0FBUztzQkFEZixLQUFLO2dCQU9DLFdBQVc7c0JBRGpCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBTa3lBY3Rpb25CdXR0b25QZXJtYWxpbmsgfSBmcm9tICcuL2FjdGlvbi1idXR0b24tcGVybWFsaW5rJztcblxuLyoqXG4gKiBDcmVhdGVzIGEgYnV0dG9uIHRvIHByZXNlbnQgdXNlcnMgd2l0aCBhbiBvcHRpb24gdG8gbW92ZSBmb3J3YXJkIHdpdGggdGFza3MuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS1hY3Rpb24tYnV0dG9uJyxcbiAgc3R5bGVVcmxzOiBbJy4vYWN0aW9uLWJ1dHRvbi5jb21wb25lbnQuc2NzcyddLFxuICB0ZW1wbGF0ZVVybDogJy4vYWN0aW9uLWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIFNreUFjdGlvbkJ1dHRvbkNvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBTcGVjaWZpZXMgYSBsaW5rIGZvciB0aGUgYWN0aW9uIGJ1dHRvbi5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBwZXJtYWxpbms6IFNreUFjdGlvbkJ1dHRvblBlcm1hbGluaztcblxuICAvKipcbiAgICogRmlyZXMgd2hlbiB1c2VycyBzZWxlY3QgdGhlIGFjdGlvbiBidXR0b24uXG4gICAqL1xuICBAT3V0cHV0KClcbiAgcHVibGljIGFjdGlvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG5cbiAgcHVibGljIGJ1dHRvbkNsaWNrZWQoKSB7XG4gICAgdGhpcy5hY3Rpb25DbGljay5lbWl0KCk7XG4gIH1cblxuICBwdWJsaWMgZW50ZXJQcmVzcygpIHtcbiAgICB0aGlzLmFjdGlvbkNsaWNrLmVtaXQoKTtcbiAgfVxufVxuIiwiPGFcbiAgKm5nSWY9XCJwZXJtYWxpbmsgJiYgcGVybWFsaW5rLnJvdXRlXCJcbiAgY2xhc3M9XCJza3ktYWN0aW9uLWJ1dHRvbiBza3ktYnRuLWRlZmF1bHQgc2t5LXJvdW5kZWQtY29ybmVyc1wiXG4gIHRhYmluZGV4PVwiMFwiXG4gIFtmcmFnbWVudF09XCJwZXJtYWxpbmsucm91dGU/LmV4dHJhcz8uZnJhZ21lbnRcIlxuICBbc2t5VGhlbWVDbGFzc109XCJ7XG4gICAgJ3NreS1idG4gc2t5LWJveCc6ICdtb2Rlcm4nXG4gIH1cIlxuICBbcXVlcnlQYXJhbXNdPVwicGVybWFsaW5rLnJvdXRlPy5leHRyYXM/LnF1ZXJ5UGFyYW1zXCJcbiAgW3F1ZXJ5UGFyYW1zSGFuZGxpbmddPVwicGVybWFsaW5rLnJvdXRlPy5leHRyYXM/LnF1ZXJ5UGFyYW1zSGFuZGxpbmdcIlxuICBbcm91dGVyTGlua109XCJwZXJtYWxpbmsucm91dGU/LmNvbW1hbmRzXCJcbj5cbiAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImFjdGlvbkJ1dHRvbkNvbnRlbnRcIj4gPC9uZy1jb250YWluZXI+XG48L2E+XG5cbjxhXG4gICpuZ0lmPVwicGVybWFsaW5rICYmICFwZXJtYWxpbmsucm91dGVcIlxuICBjbGFzcz1cInNreS1hY3Rpb24tYnV0dG9uIHNreS1idG4tZGVmYXVsdCBza3ktcm91bmRlZC1jb3JuZXJzXCJcbiAgdGFiaW5kZXg9XCIwXCJcbiAgW3NreUhyZWZdPVwicGVybWFsaW5rLnVybFwiXG4gIFtza3lUaGVtZUNsYXNzXT1cIntcbiAgICAnc2t5LWJ0biBza3ktYm94JzogJ21vZGVybidcbiAgfVwiXG4+XG4gIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJhY3Rpb25CdXR0b25Db250ZW50XCI+IDwvbmctY29udGFpbmVyPlxuPC9hPlxuXG48ZGl2XG4gICpuZ0lmPVwiIXBlcm1hbGlua1wiXG4gIGNsYXNzPVwic2t5LWFjdGlvbi1idXR0b24gc2t5LWJ0bi1kZWZhdWx0IHNreS1yb3VuZGVkLWNvcm5lcnNcIlxuICB0YWJpbmRleD1cIjBcIlxuICByb2xlPVwiYnV0dG9uXCJcbiAgW3NreVRoZW1lQ2xhc3NdPVwie1xuICAgICdza3ktYnRuIHNreS1ib3gnOiAnbW9kZXJuJ1xuICB9XCJcbiAgKGNsaWNrKT1cImJ1dHRvbkNsaWNrZWQoKVwiXG4gIChrZXlkb3duLmVudGVyKT1cImVudGVyUHJlc3MoKVwiXG4+XG4gIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJhY3Rpb25CdXR0b25Db250ZW50XCI+IDwvbmctY29udGFpbmVyPlxuPC9kaXY+XG5cbjxuZy10ZW1wbGF0ZSAjYWN0aW9uQnV0dG9uQ29udGVudD5cbiAgPG5nLWNvbnRhaW5lciAqc2t5VGhlbWVJZj1cIidkZWZhdWx0J1wiPlxuICAgIDxkaXYgY2xhc3M9XCJza3ktYWN0aW9uLWJ1dHRvbi1pY29uLWhlYWRlci1jb250YWluZXJcIj5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJpY29uXCI+PC9uZy1jb250YWluZXI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiaGVhZGVyXCI+PC9uZy1jb250YWluZXI+XG4gICAgPC9kaXY+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImRldGFpbHNcIj48L25nLWNvbnRhaW5lcj5cbiAgPC9uZy1jb250YWluZXI+XG5cbiAgPG5nLWNvbnRhaW5lciAqc2t5VGhlbWVJZj1cIidtb2Rlcm4nXCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImljb25cIj48L25nLWNvbnRhaW5lcj5cbiAgICA8ZGl2IGNsYXNzPVwic2t5LWFjdGlvbi1idXR0b24tY29udGVudFwiPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImhlYWRlclwiPjwvbmctY29udGFpbmVyPlxuICAgICAgPGRpdlxuICAgICAgICBjbGFzcz1cInNreS1hY3Rpb24tYnV0dG9uLWRldGFpbHNcIlxuICAgICAgICBbc2t5VGhlbWVDbGFzc109XCJ7XG4gICAgICAgICAgJ3NreS1mb250LWRlZW1waGFzaXplZCc6ICdtb2Rlcm4nXG4gICAgICAgIH1cIlxuICAgICAgPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiZGV0YWlsc1wiPjwvbmctY29udGFpbmVyPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvbmctY29udGFpbmVyPlxuPC9uZy10ZW1wbGF0ZT5cblxuPG5nLXRlbXBsYXRlICNpY29uPlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJza3ktYWN0aW9uLWJ1dHRvbi1pY29uXCI+PC9uZy1jb250ZW50PlxuPC9uZy10ZW1wbGF0ZT5cblxuPG5nLXRlbXBsYXRlICNoZWFkZXI+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cInNreS1hY3Rpb24tYnV0dG9uLWhlYWRlclwiPjwvbmctY29udGVudD5cbjwvbmctdGVtcGxhdGU+XG5cbjxuZy10ZW1wbGF0ZSAjZGV0YWlscz5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwic2t5LWFjdGlvbi1idXR0b24tZGV0YWlsc1wiPjwvbmctY29udGVudD5cbjwvbmctdGVtcGxhdGU+XG4iXX0=
+//# sourceMappingURL=action-button.component.js.map

package/esm2015/lib/modules/action-button/action-button.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-button.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/layout/src/lib/modules/action-button/action-button.component.ts","../../../../../../../../libs/components/layout/src/lib/modules/action-button/action-button.component.html"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,YAAY,EACZ,KAAK,EACL,MAAM,EACN,iBAAiB,GAClB,MAAM,eAAe,CAAC;;;;;;AAIvB;;GAEG;AAOH,MAAM,OAAO,wBAAwB;IANrC;QAaE;;WAEG;QAEI,gBAAW,GAAG,IAAI,YAAY,EAAO,CAAC;KAS9C;IAPQ,aAAa;QAClB,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;IAC1B,CAAC;IAEM,UAAU;QACf,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;IAC1B,CAAC;;sHAnBU,wBAAwB;0GAAxB,wBAAwB,sICnBrC,6zEA6EA;4FD1Da,wBAAwB;kBANpC,SAAS;mBAAC;oBACT,QAAQ,EAAE,mBAAmB;oBAC7B,SAAS,EAAE,CAAC,gCAAgC,CAAC;oBAC7C,WAAW,EAAE,gCAAgC;oBAC7C,aAAa,EAAE,iBAAiB,CAAC,IAAI;iBACtC;8BAMQ,SAAS;sBADf,KAAK;gBAOC,WAAW;sBADjB,MAAM","sourcesContent":["import {\n  Component,\n  EventEmitter,\n  Input,\n  Output,\n  ViewEncapsulation,\n} from '@angular/core';\n\nimport { SkyActionButtonPermalink } from './action-button-permalink';\n\n/**\n * Creates a button to present users with an option to move forward with tasks.\n */\n@Component({\n  selector: 'sky-action-button',\n  styleUrls: ['./action-button.component.scss'],\n  templateUrl: './action-button.component.html',\n  encapsulation: ViewEncapsulation.None,\n})\nexport class SkyActionButtonComponent {\n  /**\n   * Specifies a link for the action button.\n   */\n  @Input()\n  public permalink: SkyActionButtonPermalink;\n\n  /**\n   * Fires when users select the action button.\n   */\n  @Output()\n  public actionClick = new EventEmitter<any>();\n\n  public buttonClicked() {\n    this.actionClick.emit();\n  }\n\n  public enterPress() {\n    this.actionClick.emit();\n  }\n}\n","<a\n  *ngIf=\"permalink && permalink.route\"\n  class=\"sky-action-button sky-btn-default sky-rounded-corners\"\n  tabindex=\"0\"\n  [fragment]=\"permalink.route?.extras?.fragment\"\n  [skyThemeClass]=\"{\n    'sky-btn sky-box': 'modern'\n  }\"\n  [queryParams]=\"permalink.route?.extras?.queryParams\"\n  [queryParamsHandling]=\"permalink.route?.extras?.queryParamsHandling\"\n  [routerLink]=\"permalink.route?.commands\"\n>\n  <ng-container *ngTemplateOutlet=\"actionButtonContent\"> </ng-container>\n</a>\n\n<a\n  *ngIf=\"permalink && !permalink.route\"\n  class=\"sky-action-button sky-btn-default sky-rounded-corners\"\n  tabindex=\"0\"\n  [skyHref]=\"permalink.url\"\n  [skyThemeClass]=\"{\n    'sky-btn sky-box': 'modern'\n  }\"\n>\n  <ng-container *ngTemplateOutlet=\"actionButtonContent\"> </ng-container>\n</a>\n\n<div\n  *ngIf=\"!permalink\"\n  class=\"sky-action-button sky-btn-default sky-rounded-corners\"\n  tabindex=\"0\"\n  role=\"button\"\n  [skyThemeClass]=\"{\n    'sky-btn sky-box': 'modern'\n  }\"\n  (click)=\"buttonClicked()\"\n  (keydown.enter)=\"enterPress()\"\n>\n  <ng-container *ngTemplateOutlet=\"actionButtonContent\"> </ng-container>\n</div>\n\n<ng-template #actionButtonContent>\n  <ng-container *skyThemeIf=\"'default'\">\n    <div class=\"sky-action-button-icon-header-container\">\n      <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n      <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n    </div>\n    <ng-container *ngTemplateOutlet=\"details\"></ng-container>\n  </ng-container>\n\n  <ng-container *skyThemeIf=\"'modern'\">\n    <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n    <div class=\"sky-action-button-content\">\n      <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n      <div\n        class=\"sky-action-button-details\"\n        [skyThemeClass]=\"{\n          'sky-font-deemphasized': 'modern'\n        }\"\n      >\n        <ng-container *ngTemplateOutlet=\"details\"></ng-container>\n      </div>\n    </div>\n  </ng-container>\n</ng-template>\n\n<ng-template #icon>\n  <ng-content select=\"sky-action-button-icon\"></ng-content>\n</ng-template>\n\n<ng-template #header>\n  <ng-content select=\"sky-action-button-header\"></ng-content>\n</ng-template>\n\n<ng-template #details>\n  <ng-content select=\"sky-action-button-details\"></ng-content>\n</ng-template>\n"]}

package/esm2015/lib/modules/action-button/action-button.module.js

@@ -0,0 +1,62 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { RouterModule } from '@angular/router';
+import { SkyIconModule } from '@skyux/indicators';
+import { SkyHrefModule } from '@skyux/router';
+import { SkyThemeModule } from '@skyux/theme';
+import { SkyActionButtonContainerComponent } from './action-button-container.component';
+import { SkyActionButtonDetailsComponent } from './action-button-details.component';
+import { SkyActionButtonHeaderComponent } from './action-button-header.component';
+import { SkyActionButtonIconComponent } from './action-button-icon.component';
+import { SkyActionButtonComponent } from './action-button.component';
+import * as i0 from "@angular/core";
+export class SkyActionButtonModule {
+}
+SkyActionButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyActionButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionButtonModule, declarations: [SkyActionButtonComponent,
+        SkyActionButtonContainerComponent,
+        SkyActionButtonDetailsComponent,
+        SkyActionButtonHeaderComponent,
+        SkyActionButtonIconComponent], imports: [CommonModule,
+        RouterModule,
+        SkyHrefModule,
+        SkyIconModule,
+        SkyThemeModule], exports: [SkyActionButtonComponent,
+        SkyActionButtonContainerComponent,
+        SkyActionButtonDetailsComponent,
+        SkyActionButtonHeaderComponent,
+        SkyActionButtonIconComponent] });
+SkyActionButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionButtonModule, imports: [[
+            CommonModule,
+            RouterModule,
+            SkyHrefModule,
+            SkyIconModule,
+            SkyThemeModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionButtonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        SkyActionButtonComponent,
+                        SkyActionButtonContainerComponent,
+                        SkyActionButtonDetailsComponent,
+                        SkyActionButtonHeaderComponent,
+                        SkyActionButtonIconComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        RouterModule,
+                        SkyHrefModule,
+                        SkyIconModule,
+                        SkyThemeModule,
+                    ],
+                    exports: [
+                        SkyActionButtonComponent,
+                        SkyActionButtonContainerComponent,
+                        SkyActionButtonDetailsComponent,
+                        SkyActionButtonHeaderComponent,
+                        SkyActionButtonIconComponent,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=action-button.module.js.map