@skyux/layout 8.6.0 → 9.0.0-alpha.0

package/esm2022/lib/modules/action-button/action-button-adapter-service.mjs

@@ -0,0 +1,44 @@
+import { Injectable, } 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 {
+    #renderer;
+    constructor(rendererFactory) {
+        this.#renderer = rendererFactory.createRenderer(undefined, null);
+    }
+    getParentWidth(element) {
+        return element.nativeElement.parentElement?.getBoundingClientRect().width;
+    }
+    setResponsiveClass(element, width = 0) {
+        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;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyActionButtonAdapterService, deps: [{ token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyActionButtonAdapterService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyActionButtonAdapterService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i0.RendererFactory2 }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWJ1dHRvbi1hZGFwdGVyLXNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvbGF5b3V0L3NyYy9saWIvbW9kdWxlcy9hY3Rpb24tYnV0dG9uL2FjdGlvbi1idXR0b24tYWRhcHRlci1zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCxVQUFVLEdBR1gsTUFBTSxlQUFlLENBQUM7O0FBRXZCLE1BQU0sbUJBQW1CLEdBQUcsZ0NBQWdDLENBQUM7QUFDN0QsTUFBTSxtQkFBbUIsR0FBRyxnQ0FBZ0MsQ0FBQztBQUM3RCxNQUFNLG1CQUFtQixHQUFHLGdDQUFnQyxDQUFDO0FBRTdELE1BQU0sYUFBYSxHQUFHLEdBQUcsQ0FBQztBQUMxQixNQUFNLGFBQWEsR0FBRyxJQUFJLENBQUM7QUFFM0I7O0dBRUc7QUFFSCxNQUFNLE9BQU8sNkJBQTZCO0lBQ3hDLFNBQVMsQ0FBWTtJQUVyQixZQUFZLGVBQWlDO1FBQzNDLElBQUksQ0FBQyxTQUFTLEdBQUcsZUFBZSxDQUFDLGNBQWMsQ0FBQyxTQUFTLEVBQUUsSUFBSSxDQUFDLENBQUM7SUFDbkUsQ0FBQztJQUVNLGNBQWMsQ0FBQyxPQUFtQjtRQUN2QyxPQUNFLE9BQU8sQ0FBQyxhQUNULENBQUMsYUFBYSxFQUFFLHFCQUFxQixFQUFFLENBQUMsS0FBSyxDQUFDO0lBQ2pELENBQUM7SUFFTSxrQkFBa0IsQ0FBQyxPQUFtQixFQUFFLEtBQUssR0FBRyxDQUFDO1FBQ3RELE1BQU0sRUFBRSxHQUFRLE9BQU8sQ0FBQyxhQUFhLENBQUM7UUFDdEMsTUFBTSxTQUFTLEdBQUcsSUFBSSxDQUFDLHVCQUF1QixDQUFDLEtBQUssQ0FBQyxDQUFDO1FBRXRELElBQUksQ0FBQyxTQUFTLENBQUMsV0FBVyxDQUFDLEVBQUUsRUFBRSxtQkFBbUIsQ0FBQyxDQUFDO1FBQ3BELElBQUksQ0FBQyxTQUFTLENBQUMsV0FBVyxDQUFDLEVBQUUsRUFBRSxtQkFBbUIsQ0FBQyxDQUFDO1FBQ3BELElBQUksQ0FBQyxTQUFTLENBQUMsV0FBVyxDQUFDLEVBQUUsRUFBRSxtQkFBbUIsQ0FBQyxDQUFDO1FBRXBELElBQUksQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLEVBQUUsRUFBRSxTQUFTLENBQUMsQ0FBQztJQUN6QyxDQUFDO0lBRUQsdUJBQXVCLENBQUMsS0FBYTtRQUNuQyxJQUFJLEtBQUssR0FBRyxhQUFhLEVBQUU7WUFDekIsT0FBTyxtQkFBbUIsQ0FBQztTQUM1QjthQUFNLElBQUksS0FBSyxJQUFJLGFBQWEsSUFBSSxLQUFLLEdBQUcsYUFBYSxFQUFFO1lBQzFELE9BQU8sbUJBQW1CLENBQUM7U0FDNUI7YUFBTTtZQUNMLE9BQU8sbUJBQW1CLENBQUM7U0FDNUI7SUFDSCxDQUFDOzhHQWhDVSw2QkFBNkI7a0hBQTdCLDZCQUE2Qjs7MkZBQTdCLDZCQUE2QjtrQkFEekMsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEVsZW1lbnRSZWYsXG4gIEluamVjdGFibGUsXG4gIFJlbmRlcmVyMixcbiAgUmVuZGVyZXJGYWN0b3J5Mixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmNvbnN0IFJFU1BPTlNJVkVfQ0xBU1NfU00gPSAnc2t5LWFjdGlvbi1idXR0b24tY29udGFpbmVyLXNtJztcbmNvbnN0IFJFU1BPTlNJVkVfQ0xBU1NfTUQgPSAnc2t5LWFjdGlvbi1idXR0b24tY29udGFpbmVyLW1kJztcbmNvbnN0IFJFU1BPTlNJVkVfQ0xBU1NfTEcgPSAnc2t5LWFjdGlvbi1idXR0b24tY29udGFpbmVyLWxnJztcblxuY29uc3QgQlJFQUtQT0lOVF9NRCA9IDkxMjtcbmNvbnN0IEJSRUFLUE9JTlRfTEcgPSAxMzc4O1xuXG4vKipcbiAqIEBpbnRlcm5hbFxuICovXG5ASW5qZWN0YWJsZSgpXG5leHBvcnQgY2xhc3MgU2t5QWN0aW9uQnV0dG9uQWRhcHRlclNlcnZpY2Uge1xuICAjcmVuZGVyZXI6IFJlbmRlcmVyMjtcblxuICBjb25zdHJ1Y3RvcihyZW5kZXJlckZhY3Rvcnk6IFJlbmRlcmVyRmFjdG9yeTIpIHtcbiAgICB0aGlzLiNyZW5kZXJlciA9IHJlbmRlcmVyRmFjdG9yeS5jcmVhdGVSZW5kZXJlcih1bmRlZmluZWQsIG51bGwpO1xuICB9XG5cbiAgcHVibGljIGdldFBhcmVudFdpZHRoKGVsZW1lbnQ6IEVsZW1lbnRSZWYpOiBudW1iZXIgfCB1bmRlZmluZWQge1xuICAgIHJldHVybiAoXG4gICAgICBlbGVtZW50Lm5hdGl2ZUVsZW1lbnQgYXMgSFRNTEVsZW1lbnRcbiAgICApLnBhcmVudEVsZW1lbnQ/LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpLndpZHRoO1xuICB9XG5cbiAgcHVibGljIHNldFJlc3BvbnNpdmVDbGFzcyhlbGVtZW50OiBFbGVtZW50UmVmLCB3aWR0aCA9IDApOiB2b2lkIHtcbiAgICBjb25zdCBlbDogYW55ID0gZWxlbWVudC5uYXRpdmVFbGVtZW50O1xuICAgIGNvbnN0IGNsYXNzTmFtZSA9IHRoaXMuI2dldFJlc3BvbnNpdmVDbGFzc05hbWUod2lkdGgpO1xuXG4gICAgdGhpcy4jcmVuZGVyZXIucmVtb3ZlQ2xhc3MoZWwsIFJFU1BPTlNJVkVfQ0xBU1NfU00pO1xuICAgIHRoaXMuI3JlbmRlcmVyLnJlbW92ZUNsYXNzKGVsLCBSRVNQT05TSVZFX0NMQVNTX01EKTtcbiAgICB0aGlzLiNyZW5kZXJlci5yZW1vdmVDbGFzcyhlbCwgUkVTUE9OU0lWRV9DTEFTU19MRyk7XG5cbiAgICB0aGlzLiNyZW5kZXJlci5hZGRDbGFzcyhlbCwgY2xhc3NOYW1lKTtcbiAgfVxuXG4gICNnZXRSZXNwb25zaXZlQ2xhc3NOYW1lKHdpZHRoOiBudW1iZXIpOiBzdHJpbmcge1xuICAgIGlmICh3aWR0aCA8IEJSRUFLUE9JTlRfTUQpIHtcbiAgICAgIHJldHVybiBSRVNQT05TSVZFX0NMQVNTX1NNO1xuICAgIH0gZWxzZSBpZiAod2lkdGggPj0gQlJFQUtQT0lOVF9NRCAmJiB3aWR0aCA8IEJSRUFLUE9JTlRfTEcpIHtcbiAgICAgIHJldHVybiBSRVNQT05TSVZFX0NMQVNTX01EO1xuICAgIH0gZWxzZSB7XG4gICAgICByZXR1cm4gUkVTUE9OU0lWRV9DTEFTU19MRztcbiAgICB9XG4gIH1cbn1cbiJdfQ==

package/esm2022/lib/modules/action-button/action-button-container.component.mjs

@@ -0,0 +1,138 @@
+import { Component, ContentChildren, ElementRef, HostListener, Input, Optional, ViewChild, ViewEncapsulation, } from '@angular/core';
+import { Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+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";
+import * as i5 from "@angular/cdk/observers";
+/**
+ * Wraps action buttons to ensures that they have consistent height and spacing.
+ * @required
+ */
+export class SkyActionButtonContainerComponent {
+    /**
+     * How to display the action buttons inside the action button container.
+     * Options are `"center"` or `"left"`.
+     * @default "center"
+     */
+    set alignItems(value) {
+        this.#_alignItems = value ?? 'center';
+    }
+    get alignItems() {
+        return this.#_alignItems;
+    }
+    #ngUnsubscribe = new Subject();
+    #syncMaxHeightTimeout;
+    set #themeName(value) {
+        this.#_themeName = value;
+        this.#updateResponsiveClass();
+        this.#updateHeight();
+    }
+    #_alignItems = 'center';
+    #_themeName;
+    #viewInitialized = false;
+    #actionButtonAdapterService;
+    #changeDetector;
+    #coreAdapterService;
+    #hostElRef;
+    #themeSvc;
+    constructor(actionButtonAdapterService, changeDetector, coreAdapterService, hostElRef, themeSvc) {
+        this.#actionButtonAdapterService = actionButtonAdapterService;
+        this.#changeDetector = changeDetector;
+        this.#coreAdapterService = coreAdapterService;
+        this.#hostElRef = hostElRef;
+        this.#themeSvc = themeSvc;
+    }
+    ngOnInit() {
+        /* istanbul ignore else */
+        if (this.#themeSvc) {
+            this.#themeSvc.settingsChange
+                .pipe(takeUntil(this.#ngUnsubscribe))
+                .subscribe((themeSettings) => {
+                this.#themeName = themeSettings.currentSettings.theme.name;
+                this.#changeDetector.markForCheck();
+            });
+        }
+        // Wait for children components to complete rendering before container width is determined.
+        setTimeout(() => {
+            this.#updateResponsiveClass();
+        });
+    }
+    ngAfterViewInit() {
+        // 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.#viewInitialized = true;
+        this.#updateHeight();
+    }
+    ngOnDestroy() {
+        this.#ngUnsubscribe.next();
+        this.#ngUnsubscribe.complete();
+    }
+    onContentChange() {
+        this.#updateHeight();
+    }
+    onWindowResize() {
+        this.#updateResponsiveClass();
+    }
+    #updateHeight(delay = 0) {
+        const ref = this.containerRef;
+        if (ref && this.#viewInitialized) {
+            this.#coreAdapterService.resetHeight(ref, '.sky-action-button');
+            if (this.#_themeName === 'modern') {
+                // Wait for children components to complete rendering before height is determined.
+                clearTimeout(this.#syncMaxHeightTimeout);
+                this.#syncMaxHeightTimeout = setTimeout(() => {
+                    const selector = '.sky-action-button:not([hidden])';
+                    const button = ref.nativeElement.querySelector(selector);
+                    if (button && button.offsetHeight > 0) {
+                        this.#coreAdapterService.syncMaxHeight(ref, selector);
+                    }
+                    else if (delay < 200) {
+                        // Wait progressively longer between retries.
+                        this.#updateHeight(delay + 50);
+                    }
+                }, delay);
+            }
+        }
+    }
+    #updateResponsiveClass() {
+        if (this.containerRef) {
+            const parentWidth = this.#actionButtonAdapterService.getParentWidth(this.#hostElRef);
+            this.#actionButtonAdapterService.setResponsiveClass(this.containerRef, parentWidth);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyActionButtonContainerComponent, deps: [{ token: i1.SkyActionButtonAdapterService }, { token: i0.ChangeDetectorRef }, { token: i2.SkyCoreAdapterService }, { token: i0.ElementRef }, { token: i3.SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", 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    (cdkObserveContent)=\"onContentChange()\"\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;margin:calc(var(--sky-compat-action-button-flex-margin, 20px) * -1) 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;margin:calc(var(--sky-compat-action-button-flex-margin, 20px) * -1) 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:var(--sky-compat-action-button-flex-sm-padding, 0) 0;margin:calc(var(--sky-compat-action-button-flex-margin, 10px) * -1) 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:var(--sky-compat-action-button-flex-sm-padding, 0) 0;margin:calc(var(--sky-compat-action-button-flex-margin, 10px) * -1) 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"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyActionButtonContainerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sky-action-button-container', providers: [SkyActionButtonAdapterService], encapsulation: ViewEncapsulation.None, 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    (cdkObserveContent)=\"onContentChange()\"\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;margin:calc(var(--sky-compat-action-button-flex-margin, 20px) * -1) 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;margin:calc(var(--sky-compat-action-button-flex-margin, 20px) * -1) 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:var(--sky-compat-action-button-flex-sm-padding, 0) 0;margin:calc(var(--sky-compat-action-button-flex-margin, 10px) * -1) 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:var(--sky-compat-action-button-flex-sm-padding, 0) 0;margin:calc(var(--sky-compat-action-button-flex-margin, 10px) * -1) 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"] }]
+        }], ctorParameters: function () { return [{ type: i1.SkyActionButtonAdapterService }, { type: i0.ChangeDetectorRef }, { type: i2.SkyCoreAdapterService }, { type: i0.ElementRef }, { 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=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWJ1dHRvbi1jb250YWluZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2xheW91dC9zcmMvbGliL21vZHVsZXMvYWN0aW9uLWJ1dHRvbi9hY3Rpb24tYnV0dG9uLWNvbnRhaW5lci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvbGF5b3V0L3NyYy9saWIvbW9kdWxlcy9hY3Rpb24tYnV0dG9uL2FjdGlvbi1idXR0b24tY29udGFpbmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFHTCxTQUFTLEVBQ1QsZUFBZSxFQUNmLFVBQVUsRUFDVixZQUFZLEVBQ1osS0FBSyxFQUdMLFFBQVEsRUFFUixTQUFTLEVBQ1QsaUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBSXZCLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDL0IsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRTNDLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQ2hGLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDOzs7Ozs7O0FBR3JFOzs7R0FHRztBQVFILE1BQU0sT0FBTyxpQ0FBaUM7SUFHNUM7Ozs7T0FJRztJQUNILElBQ1csVUFBVSxDQUNuQixLQUF5RDtRQUV6RCxJQUFJLENBQUMsWUFBWSxHQUFHLEtBQUssSUFBSSxRQUFRLENBQUM7SUFDeEMsQ0FBQztJQUVELElBQVcsVUFBVTtRQUNuQixPQUFPLElBQUksQ0FBQyxZQUFZLENBQUM7SUFDM0IsQ0FBQztJQVdELGNBQWMsR0FBRyxJQUFJLE9BQU8sRUFBUSxDQUFDO0lBRXJDLHFCQUFxQixDQUFVO0lBRS9CLElBQUksVUFBVSxDQUFD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RUFBRSxVQUFVO3dCQUNoQixNQUFNLEVBQUUsSUFBSTtxQkFDYjtnQkFnRk0sY0FBYztzQkFEcEIsWUFBWTt1QkFBQyxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQWZ0ZXJWaWV3SW5pdCxcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIENvbXBvbmVudCxcbiAgQ29udGVudENoaWxkcmVuLFxuICBFbGVtZW50UmVmLFxuICBIb3N0TGlzdGVuZXIsXG4gIElucHV0LFxuICBPbkRlc3Ryb3ksXG4gIE9uSW5pdCxcbiAgT3B0aW9uYWwsXG4gIFF1ZXJ5TGlzdCxcbiAgVmlld0NoaWxkLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTa3lDb3JlQWRhcHRlclNlcnZpY2UgfSBmcm9tICdAc2t5dXgvY29yZSc7XG5pbXBvcnQgeyBTa3lUaGVtZVNlcnZpY2UgfSBmcm9tICdAc2t5dXgvdGhlbWUnO1xuXG5pbXBvcnQgeyBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyB0YWtlVW50aWwgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5cbmltcG9ydCB7IFNreUFjdGlvbkJ1dHRvbkFkYXB0ZXJTZXJ2aWNlIH0gZnJvbSAnLi9hY3Rpb24tYnV0dG9uLWFkYXB0ZXItc2VydmljZSc7XG5pbXBvcnQgeyBTa3lBY3Rpb25CdXR0b25Db21wb25lbnQgfSBmcm9tICcuL2FjdGlvbi1idXR0b24uY29tcG9uZW50JztcbmltcG9ydCB7IFNreUFjdGlvbkJ1dHRvbkNvbnRhaW5lckFsaWduSXRlbXNUeXBlIH0gZnJvbSAnLi90eXBlcy9hY3Rpb24tYnV0dG9uLWNvbnRhaW5lci1hbGlnbi1pdGVtcy10eXBlJztcblxuLyoqXG4gKiBXcmFwcyBhY3Rpb24gYnV0dG9ucyB0byBlbnN1cmVzIHRoYXQgdGhleSBoYXZlIGNvbnNpc3RlbnQgaGVpZ2h0IGFuZCBzcGFjaW5nLlxuICogQHJlcXVpcmVkXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS1hY3Rpb24tYnV0dG9uLWNvbnRhaW5lcicsXG4gIHN0eWxlVXJsczogWycuL2FjdGlvbi1idXR0b24tY29udGFpbmVyLmNvbXBvbmVudC5zY3NzJ10sXG4gIHRlbXBsYXRlVXJsOiAnLi9hY3Rpb24tYnV0dG9uLWNvbnRhaW5lci5jb21wb25lbnQuaHRtbCcsXG4gIHByb3ZpZGVyczogW1NreUFjdGlvbkJ1dHRvbkFkYXB0ZXJTZXJ2aWNlXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgU2t5QWN0aW9uQnV0dG9uQ29udGFpbmVyQ29tcG9uZW50XG4gIGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCwgT25EZXN0cm95LCBPbkluaXRcbntcbiAgLyoqXG4gICAqIEhvdyB0byBkaXNwbGF5IHRoZSBhY3Rpb24gYnV0dG9ucyBpbnNpZGUgdGhlIGFjdGlvbiBidXR0b24gY29udGFpbmVyLlxuICAgKiBPcHRpb25zIGFyZSBgXCJjZW50ZXJcImAgb3IgYFwibGVmdFwiYC5cbiAgICogQGRlZmF1bHQgXCJjZW50ZXJcIlxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIHNldCBhbGlnbkl0ZW1zKFxuICAgIHZhbHVlOiBTa3lBY3Rpb25CdXR0b25Db250YWluZXJBbGlnbkl0ZW1zVHlwZSB8IHVuZGVmaW5lZFxuICApIHtcbiAgICB0aGlzLiNfYWxpZ25JdGVtcyA9IHZhbHVlID8/ICdjZW50ZXInO1xuICB9XG5cbiAgcHVibGljIGdldCBhbGlnbkl0ZW1zKCk6IFNreUFjdGlvbkJ1dHRvbkNvbnRhaW5lckFsaWduSXRlbXNUeXBlIHtcbiAgICByZXR1cm4gdGhpcy4jX2FsaWduSXRlbXM7XG4gIH1cblxuICBAQ29udGVudENoaWxkcmVuKFNreUFjdGlvbkJ1dHRvbkNvbXBvbmVudClcbiAgcHVibGljIGFjdGlvbkJ1dHRvbnM6IFF1ZXJ5TGlzdDxTa3lBY3Rpb25CdXR0b25Db21wb25lbnQ+IHwgdW5kZWZpbmVkO1xuXG4gIEBWaWV3Q2hpbGQoJ2NvbnRhaW5lcicsIHtcbiAgICByZWFkOiBFbGVtZW50UmVmLFxuICAgIHN0YXRpYzogdHJ1ZSxcbiAgfSlcbiAgcHVibGljIGNvbnRhaW5lclJlZjogRWxlbWVudFJlZiB8IHVuZGVmaW5lZDtcblxuICAjbmdVbnN1YnNjcmliZSA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XG5cbiAgI3N5bmNNYXhIZWlnaHRUaW1lb3V0PzogbnVtYmVyO1xuXG4gIHNldCAjdGhlbWVOYW1lKHZhbHVlOiBzdHJpbmcpIHtcbiAgICB0aGlzLiNfdGhlbWVOYW1lID0gdmFsdWU7XG4gICAgdGhpcy4jdXBkYXRlUmVzcG9uc2l2ZUNsYXNzKCk7XG4gICAgdGhpcy4jdXBkYXRlSGVpZ2h0KCk7XG4gIH1cblxuICAjX2FsaWduSXRlbXM6IFNreUFjdGlvbkJ1dHRvbkNvbnRhaW5lckFsaWduSXRlbXNUeXBlID0gJ2NlbnRlcic7XG5cbiAgI190aGVtZU5hbWU6IHN0cmluZyB8IHVuZGVmaW5lZDtcblxuICAjdmlld0luaXRpYWxpemVkID0gZmFsc2U7XG5cbiAgI2FjdGlvbkJ1dHRvbkFkYXB0ZXJTZXJ2aWNlOiBTa3lBY3Rpb25CdXR0b25BZGFwdGVyU2VydmljZTtcbiAgI2NoYW5nZURldGVjdG9yOiBDaGFuZ2VEZXRlY3RvclJlZjtcbiAgI2NvcmVBZGFwdGVyU2VydmljZTogU2t5Q29yZUFkYXB0ZXJTZXJ2aWNlO1xuICAjaG9zdEVsUmVmOiBFbGVtZW50UmVmO1xuICAjdGhlbWVTdmM6IFNreVRoZW1lU2VydmljZSB8IHVuZGVmaW5lZDtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBhY3Rpb25CdXR0b25BZGFwdGVyU2VydmljZTogU2t5QWN0aW9uQnV0dG9uQWRhcHRlclNlcnZpY2UsXG4gICAgY2hhbmdlRGV0ZWN0b3I6IENoYW5nZURldGVjdG9yUmVmLFxuICAgIGNvcmVBZGFwdGVyU2VydmljZTogU2t5Q29yZUFkYXB0ZXJTZXJ2aWNlLFxuICAgIGhvc3RFbFJlZjogRWxlbWVudFJlZixcbiAgICBAT3B0aW9uYWwoKSB0aGVtZVN2Yz86IFNreVRoZW1lU2VydmljZVxuICApIHtcbiAgICB0aGlzLiNhY3Rpb25CdXR0b25BZGFwdGVyU2VydmljZSA9IGFjdGlvbkJ1dHRvbkFkYXB0ZXJTZXJ2aWNlO1xuICAgIHRoaXMuI2NoYW5nZURldGVjdG9yID0gY2hhbmdlRGV0ZWN0b3I7XG4gICAgdGhpcy4jY29yZUFkYXB0ZXJTZXJ2aWNlID0gY29yZUFkYXB0ZXJTZXJ2aWNlO1xuICAgIHRoaXMuI2hvc3RFbFJlZiA9IGhvc3RFbFJlZjtcbiAgICB0aGlzLiN0aGVtZVN2YyA9IHRoZW1lU3ZjO1xuICB9XG5cbiAgcHVibGljIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIC8qIGlzdGFuYnVsIGlnbm9yZSBlbHNlICovXG4gICAgaWYgKHRoaXMuI3RoZW1lU3ZjKSB7XG4gICAgICB0aGlzLiN0aGVtZVN2Yy5zZXR0aW5nc0NoYW5nZVxuICAgICAgICAucGlwZSh0YWtlVW50aWwodGhpcy4jbmdVbnN1YnNjcmliZSkpXG4gICAgICAgIC5zdWJzY3JpYmUoKHRoZW1lU2V0dGluZ3MpID0+IHtcbiAgICAgICAgICB0aGlzLiN0aGVtZU5hbWUgPSB0aGVtZVNldHRpbmdzLmN1cnJlbnRTZXR0aW5ncy50aGVtZS5uYW1lO1xuICAgICAgICAgIHRoaXMuI2NoYW5nZURldGVjdG9yLm1hcmtGb3JDaGVjaygpO1xuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICAvLyBXYWl0IGZvciBjaGlsZHJlbiBjb21wb25lbnRzIHRvIGNvbXBsZXRlIHJlbmRlcmluZyBiZWZvcmUgY29udGFpbmVyIHdpZHRoIGlzIGRldGVybWluZWQuXG4gICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICB0aGlzLiN1cGRhdGVSZXNwb25zaXZlQ2xhc3MoKTtcbiAgICB9KTtcbiAgfVxuXG4gIHB1YmxpYyBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgLy8gV2F0Y2ggZm9yIGR5bmFtaWMgYWN0aW9uIGJ1dHRvbiBjaGFuZ2VzIGFuZCByZWNhbGN1bGF0ZSBoZWlnaHQuXG4gICAgLyogaXN0YW5idWwgaWdub3JlIGVsc2UgKi9cbiAgICBpZiAodGhpcy5hY3Rpb25CdXR0b25zKSB7XG4gICAgICB0aGlzLmFjdGlvbkJ1dHRvbnMuY2hhbmdlc1xuICAgICAgICAucGlwZSh0YWtlVW50aWwodGhpcy4jbmdVbnN1YnNjcmliZSkpXG4gICAgICAgIC5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgICAgIHRoaXMuI3VwZGF0ZUhlaWdodCgpO1xuICAgICAgICB9KTtcbiAgICB9XG4gICAgdGhpcy4jdmlld0luaXRpYWxpemVkID0gdHJ1ZTtcbiAgICB0aGlzLiN1cGRhdGVIZWlnaHQoKTtcbiAgfVxuXG4gIHB1YmxpYyBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLiNuZ1Vuc3Vic2NyaWJlLm5leHQoKTtcbiAgICB0aGlzLiNuZ1Vuc3Vic2NyaWJlLmNvbXBsZXRlKCk7XG4gIH1cblxuICBwdWJsaWMgb25Db250ZW50Q2hhbmdlKCk6IHZvaWQge1xuICAgIHRoaXMuI3VwZGF0ZUhlaWdodCgpO1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignd2luZG93OnJlc2l6ZScpXG4gIHB1YmxpYyBvbldpbmRvd1Jlc2l6ZSgpOiB2b2lkIHtcbiAgICB0aGlzLiN1cGRhdGVSZXNwb25zaXZlQ2xhc3MoKTtcbiAgfVxuXG4gICN1cGRhdGVIZWlnaHQoZGVsYXkgPSAwKTogdm9pZCB7XG4gICAgY29uc3QgcmVmID0gdGhpcy5jb250YWluZXJSZWY7XG4gICAgaWYgKHJlZiAmJiB0aGlzLiN2aWV3SW5pdGlhbGl6ZWQpIHtcbiAgICAgIHRoaXMuI2NvcmVBZGFwdGVyU2VydmljZS5yZXNldEhlaWdodChyZWYsICcuc2t5LWFjdGlvbi1idXR0b24nKTtcbiAgICAgIGlmICh0aGlzLiNfdGhlbWVOYW1lID09PSAnbW9kZXJuJykge1xuICAgICAgICAvLyBXYWl0IGZvciBjaGlsZHJlbiBjb21wb25lbnRzIHRvIGNvbXBsZXRlIHJlbmRlcmluZyBiZWZvcmUgaGVpZ2h0IGlzIGRldGVybWluZWQuXG4gICAgICAgIGNsZWFyVGltZW91dCh0aGlzLiNzeW5jTWF4SGVpZ2h0VGltZW91dCk7XG4gICAgICAgIHRoaXMuI3N5bmNNYXhIZWlnaHRUaW1lb3V0ID0gc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgICAgY29uc3Qgc2VsZWN0b3IgPSAnLnNreS1hY3Rpb24tYnV0dG9uOm5vdChbaGlkZGVuXSknO1xuICAgICAgICAgIGNvbnN0IGJ1dHRvbiA9IHJlZi5uYXRpdmVFbGVtZW50LnF1ZXJ5U2VsZWN0b3Ioc2VsZWN0b3IpO1xuICAgICAgICAgIGlmIChidXR0b24gJiYgYnV0dG9uLm9mZnNldEhlaWdodCA+IDApIHtcbiAgICAgICAgICAgIHRoaXMuI2NvcmVBZGFwdGVyU2VydmljZS5zeW5jTWF4SGVpZ2h0KHJlZiwgc2VsZWN0b3IpO1xuICAgICAgICAgIH0gZWxzZSBpZiAoZGVsYXkgPCAyMDApIHtcbiAgICAgICAgICAgIC8vIFdhaXQgcHJvZ3Jlc3NpdmVseSBsb25nZXIgYmV0d2VlbiByZXRyaWVzLlxuICAgICAgICAgICAgdGhpcy4jdXBkYXRlSGVpZ2h0KGRlbGF5ICsgNTApO1xuICAgICAgICAgIH1cbiAgICAgICAgfSwgZGVsYXkpIGFzIHVua25vd24gYXMgbnVtYmVyO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gICN1cGRhdGVSZXNwb25zaXZlQ2xhc3MoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuY29udGFpbmVyUmVmKSB7XG4gICAgICBjb25zdCBwYXJlbnRXaWR0aCA9IHRoaXMuI2FjdGlvbkJ1dHRvbkFkYXB0ZXJTZXJ2aWNlLmdldFBhcmVudFdpZHRoKFxuICAgICAgICB0aGlzLiNob3N0RWxSZWZcbiAgICAgICk7XG4gICAgICB0aGlzLiNhY3Rpb25CdXR0b25BZGFwdGVyU2VydmljZS5zZXRSZXNwb25zaXZlQ2xhc3MoXG4gICAgICAgIHRoaXMuY29udGFpbmVyUmVmLFxuICAgICAgICBwYXJlbnRXaWR0aFxuICAgICAgKTtcbiAgICB9XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJza3ktYWN0aW9uLWJ1dHRvbi1jb250YWluZXJcIiAjY29udGFpbmVyPlxuICA8ZGl2XG4gICAgY2xhc3M9XCJza3ktYWN0aW9uLWJ1dHRvbi1mbGV4XCJcbiAgICBbbmdDbGFzc109XCJ7XG4gICAgICAnc2t5LWFjdGlvbi1idXR0b24tZmxleC1hbGlnbi1sZWZ0JzogYWxpZ25JdGVtcyA9PT0gJ2xlZnQnLFxuICAgICAgJ3NreS1hY3Rpb24tYnV0dG9uLWZsZXgtYWxpZ24tY2VudGVyJzogYWxpZ25JdGVtcyA9PT0gJ2NlbnRlcidcbiAgICB9XCJcbiAgICAoY2RrT2JzZXJ2ZUNvbnRlbnQpPVwib25Db250ZW50Q2hhbmdlKClcIlxuICA+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19

package/{esm2020 → esm2022}/lib/modules/action-button/action-button-details.component.mjs

@@ -4,11 +4,11 @@ import * as i0 from "@angular/core";
  * Specifies a description to display on an action button.
  */
 export class SkyActionButtonDetailsComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyActionButtonDetailsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: SkyActionButtonDetailsComponent, selector: "sky-action-button-details", ngImport: i0, template: "<ng-content></ng-content>\n" }); }
 }
-SkyActionButtonDetailsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyActionButtonDetailsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyActionButtonDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyActionButtonDetailsComponent, selector: "sky-action-button-details", ngImport: i0, template: "<ng-content></ng-content>\n" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyActionButtonDetailsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyActionButtonDetailsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sky-action-button-details', template: "<ng-content></ng-content>\n" }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWJ1dHRvbi1kZXRhaWxzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9sYXlvdXQvc3JjL2xpYi9tb2R1bGVzL2FjdGlvbi1idXR0b24vYWN0aW9uLWJ1dHRvbi1kZXRhaWxzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9sYXlvdXQvc3JjL2xpYi9tb2R1bGVzL2FjdGlvbi1idXR0b24vYWN0aW9uLWJ1dHRvbi1kZXRhaWxzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBRTFDOztHQUVHO0FBS0gsTUFBTSxPQUFPLCtCQUErQjs7NEhBQS9CLCtCQUErQjtnSEFBL0IsK0JBQStCLGlFQ1Q1Qyw2QkFDQTsyRkRRYSwrQkFBK0I7a0JBSjNDLFNBQVM7K0JBQ0UsMkJBQTJCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8qKlxuICogU3BlY2lmaWVzIGEgZGVzY3JpcHRpb24gdG8gZGlzcGxheSBvbiBhbiBhY3Rpb24gYnV0dG9uLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdza3ktYWN0aW9uLWJ1dHRvbi1kZXRhaWxzJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2FjdGlvbi1idXR0b24tZGV0YWlscy5jb21wb25lbnQuaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIFNreUFjdGlvbkJ1dHRvbkRldGFpbHNDb21wb25lbnQge31cbiIsIjxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWJ1dHRvbi1kZXRhaWxzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9sYXlvdXQvc3JjL2xpYi9tb2R1bGVzL2FjdGlvbi1idXR0b24vYWN0aW9uLWJ1dHRvbi1kZXRhaWxzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9sYXlvdXQvc3JjL2xpYi9tb2R1bGVzL2FjdGlvbi1idXR0b24vYWN0aW9uLWJ1dHRvbi1kZXRhaWxzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBRTFDOztHQUVHO0FBS0gsTUFBTSxPQUFPLCtCQUErQjs4R0FBL0IsK0JBQStCO2tHQUEvQiwrQkFBK0IsaUVDVDVDLDZCQUNBOzsyRkRRYSwrQkFBK0I7a0JBSjNDLFNBQVM7K0JBQ0UsMkJBQTJCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8qKlxuICogU3BlY2lmaWVzIGEgZGVzY3JpcHRpb24gdG8gZGlzcGxheSBvbiBhbiBhY3Rpb24gYnV0dG9uLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdza3ktYWN0aW9uLWJ1dHRvbi1kZXRhaWxzJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2FjdGlvbi1idXR0b24tZGV0YWlscy5jb21wb25lbnQuaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIFNreUFjdGlvbkJ1dHRvbkRldGFpbHNDb21wb25lbnQge31cbiIsIjxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiJdfQ==

package/{esm2020 → esm2022}/lib/modules/action-button/action-button-header.component.mjs

@@ -5,11 +5,11 @@ import * as i1 from "@skyux/theme";
  * Specifies a header to display on an action button.
  */
 export class SkyActionButtonHeaderComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyActionButtonHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: SkyActionButtonHeaderComponent, selector: "sky-action-button-header", ngImport: i0, template: "<div\n  class=\"sky-action-button-header\"\n  [skyThemeClass]=\"{\n    'sky-font-display-3': 'modern',\n    'sky-font-heading-2': '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"], dependencies: [{ kind: "directive", type: i1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }] }); }
 }
-SkyActionButtonHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyActionButtonHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyActionButtonHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyActionButtonHeaderComponent, selector: "sky-action-button-header", ngImport: i0, template: "<div\n  class=\"sky-action-button-header\"\n  [skyThemeClass]=\"{\n    'sky-font-display-3': 'modern',\n    'sky-font-heading-2': '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"], dependencies: [{ kind: "directive", type: i1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyActionButtonHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyActionButtonHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sky-action-button-header', template: "<div\n  class=\"sky-action-button-header\"\n  [skyThemeClass]=\"{\n    'sky-font-display-3': 'modern',\n    'sky-font-heading-2': '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"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWJ1dHRvbi1oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2xheW91dC9zcmMvbGliL21vZHVsZXMvYWN0aW9uLWJ1dHRvbi9hY3Rpb24tYnV0dG9uLWhlYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvbGF5b3V0L3NyYy9saWIvbW9kdWxlcy9hY3Rpb24tYnV0dG9uL2FjdGlvbi1idXR0b24taGVhZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQUUxQzs7R0FFRztBQU1ILE1BQU0sT0FBTyw4QkFBOEI7OzJIQUE5Qiw4QkFBOEI7K0dBQTlCLDhCQUE4QixnRUNWM0MsOExBU0E7MkZEQ2EsOEJBQThCO2tCQUwxQyxTQUFTOytCQUNFLDBCQUEwQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKipcbiAqIFNwZWNpZmllcyBhIGhlYWRlciB0byBkaXNwbGF5IG9uIGFuIGFjdGlvbiBidXR0b24uXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS1hY3Rpb24tYnV0dG9uLWhlYWRlcicsXG4gIHN0eWxlVXJsczogWycuL2FjdGlvbi1idXR0b24taGVhZGVyLmNvbXBvbmVudC5zY3NzJ10sXG4gIHRlbXBsYXRlVXJsOiAnLi9hY3Rpb24tYnV0dG9uLWhlYWRlci5jb21wb25lbnQuaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIFNreUFjdGlvbkJ1dHRvbkhlYWRlckNvbXBvbmVudCB7fVxuIiwiPGRpdlxuICBjbGFzcz1cInNreS1hY3Rpb24tYnV0dG9uLWhlYWRlclwiXG4gIFtza3lUaGVtZUNsYXNzXT1cIntcbiAgICAnc2t5LWZvbnQtZGlzcGxheS0zJzogJ21vZGVybicsXG4gICAgJ3NreS1mb250LWhlYWRpbmctMic6ICdkZWZhdWx0J1xuICB9XCJcbj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWJ1dHRvbi1oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2xheW91dC9zcmMvbGliL21vZHVsZXMvYWN0aW9uLWJ1dHRvbi9hY3Rpb24tYnV0dG9uLWhlYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvbGF5b3V0L3NyYy9saWIvbW9kdWxlcy9hY3Rpb24tYnV0dG9uL2FjdGlvbi1idXR0b24taGVhZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQUUxQzs7R0FFRztBQU1ILE1BQU0sT0FBTyw4QkFBOEI7OEdBQTlCLDhCQUE4QjtrR0FBOUIsOEJBQThCLGdFQ1YzQyw4TEFTQTs7MkZEQ2EsOEJBQThCO2tCQUwxQyxTQUFTOytCQUNFLDBCQUEwQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKipcbiAqIFNwZWNpZmllcyBhIGhlYWRlciB0byBkaXNwbGF5IG9uIGFuIGFjdGlvbiBidXR0b24uXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS1hY3Rpb24tYnV0dG9uLWhlYWRlcicsXG4gIHN0eWxlVXJsczogWycuL2FjdGlvbi1idXR0b24taGVhZGVyLmNvbXBvbmVudC5zY3NzJ10sXG4gIHRlbXBsYXRlVXJsOiAnLi9hY3Rpb24tYnV0dG9uLWhlYWRlci5jb21wb25lbnQuaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIFNreUFjdGlvbkJ1dHRvbkhlYWRlckNvbXBvbmVudCB7fVxuIiwiPGRpdlxuICBjbGFzcz1cInNreS1hY3Rpb24tYnV0dG9uLWhlYWRlclwiXG4gIFtza3lUaGVtZUNsYXNzXT1cIntcbiAgICAnc2t5LWZvbnQtZGlzcGxheS0zJzogJ21vZGVybicsXG4gICAgJ3NreS1mb250LWhlYWRpbmctMic6ICdkZWZhdWx0J1xuICB9XCJcbj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+XG4iXX0=

package/esm2022/lib/modules/action-button/action-button-icon.component.mjs

@@ -0,0 +1,40 @@
+import { Component, Input } from '@angular/core';
+import { SkyMediaBreakpoints } 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 {
+    #subscription;
+    constructor(mediaQueryService) {
+        this.fontSizeClass = FONTSIZECLASS_LARGE;
+        this.#subscription = 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();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyActionButtonIconComponent, deps: [{ token: i1.SkyMediaQueryService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", 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:#ebfbff;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:#ebfbff;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"], dependencies: [{ kind: "component", type: i2.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyActionButtonIconComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sky-action-button-icon', 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:#ebfbff;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:#ebfbff;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"] }]
+        }], ctorParameters: function () { return [{ type: i1.SkyMediaQueryService }]; }, propDecorators: { iconType: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWJ1dHRvbi1pY29uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9sYXlvdXQvc3JjL2xpYi9tb2R1bGVzL2FjdGlvbi1idXR0b24vYWN0aW9uLWJ1dHRvbi1pY29uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9sYXlvdXQvc3JjL2xpYi9tb2R1bGVzL2FjdGlvbi1idXR0b24vYWN0aW9uLWJ1dHRvbi1pY29uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFhLE1BQU0sZUFBZSxDQUFDO0FBQzVELE9BQU8sRUFBRSxtQkFBbUIsRUFBd0IsTUFBTSxhQUFhLENBQUM7Ozs7QUFJeEUsTUFBTSxtQkFBbUIsR0FBRyxJQUFJLENBQUM7QUFDakMsTUFBTSxtQkFBbUIsR0FBRyxJQUFJLENBQUM7QUFFakM7O0dBRUc7QUFNSCxNQUFNLE9BQU8sNEJBQTRCO0lBY3ZDLGFBQWEsQ0FBZTtJQUU1QixZQUFZLGlCQUF1QztRQUo1QyxrQkFBYSxHQUFXLG1CQUFtQixDQUFDO1FBS2pELElBQUksQ0FBQyxhQUFhLEdBQUcsaUJBQWlCLENBQUMsU0FBUyxDQUM5QyxDQUFDLElBQXlCLEVBQUUsRUFBRTtZQUM1QixJQUFJLElBQUksS0FBSyxtQkFBbUIsQ0FBQyxFQUFFLEVBQUU7Z0JBQ25DLElBQUksQ0FBQyxhQUFhLEdBQUcsbUJBQW1CLENBQUM7YUFDMUM7aUJBQU07Z0JBQ0wsSUFBSSxDQUFDLGFBQWEsR0FBRyxtQkFBbUIsQ0FBQzthQUMxQztRQUNILENBQUMsQ0FDRixDQUFDO0lBQ0osQ0FBQztJQUVNLFdBQVc7UUFDaEIsMEJBQTBCO1FBQzFCLGtCQUFrQjtRQUNsQixJQUFJLElBQUksQ0FBQyxhQUFhLEVBQUU7WUFDdEIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxXQUFXLEVBQUUsQ0FBQztTQUNsQztJQUNILENBQUM7OEdBbENVLDRCQUE0QjtrR0FBNUIsNEJBQTRCLGdHQ2hCekMsMk1BT0E7OzJGRFNhLDRCQUE0QjtrQkFMeEMsU0FBUzsrQkFDRSx3QkFBd0I7MkdBYzNCLFFBQVE7c0JBRGQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uRGVzdHJveSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU2t5TWVkaWFCcmVha3BvaW50cywgU2t5TWVkaWFRdWVyeVNlcnZpY2UgfSBmcm9tICdAc2t5dXgvY29yZSc7XG5cbmltcG9ydCB7IFN1YnNjcmlwdGlvbiB9IGZyb20gJ3J4anMnO1xuXG5jb25zdCBGT05UU0laRUNMQVNTX1NNQUxMID0gJzJ4JztcbmNvbnN0IEZPTlRTSVpFQ0xBU1NfTEFSR0UgPSAnM3gnO1xuXG4vKipcbiAqIFNwZWNpZmllcyBhbiBpY29uIHRvIGRpc3BsYXkgb24gdGhlIGFjdGlvbiBidXR0b24uXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS1hY3Rpb24tYnV0dG9uLWljb24nLFxuICBzdHlsZVVybHM6IFsnLi9hY3Rpb24tYnV0dG9uLWljb24uY29tcG9uZW50LnNjc3MnXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2FjdGlvbi1idXR0b24taWNvbi5jb21wb25lbnQuaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIFNreUFjdGlvbkJ1dHRvbkljb25Db21wb25lbnQgaW1wbGVtZW50cyBPbkRlc3Ryb3kge1xuICAvKipcbiAgICogVGhlIGljb24gZnJvbSB0aGVcbiAgICogW0ZvbnQgQXdlc29tZSBsaWJyYXJ5XShodHRwczovL2ZvbnRhd2Vzb21lLmNvbS92NC43LjAvKS5cbiAgICogRm9yIGV4YW1wbGUsIHRvIGRpc3BsYXkgdGhlIGBmYS1maWx0ZXJgIGljb24gb24gdGhlIGFjdGlvbiBidXR0b24sXG4gICAqIHNldCBgaWNvblR5cGVgIHRvIGBmaWx0ZXJgLiBTS1kgVVggc3VwcG9ydHMgdmVyc2lvbiA0LjcuMCBvZiBGb250IEF3ZXNvbWUuXG4gICAqIEZvciBtb3JlIGluZm9ybWF0aW9uIGFib3V0IGljb25zIGluIFNLWSBVWCwgc2VlIHRoZVxuICAgKiBbaWNvbiBjb21wb25lbnRdKGh0dHBzOi8vZGV2ZWxvcGVyLmJsYWNrYmF1ZC5jb20vc2t5dXgvY29tcG9uZW50cy9pY29uKS5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBpY29uVHlwZTogc3RyaW5nIHwgdW5kZWZpbmVkO1xuXG4gIHB1YmxpYyBmb250U2l6ZUNsYXNzOiBzdHJpbmcgPSBGT05UU0laRUNMQVNTX0xBUkdFO1xuXG4gICNzdWJzY3JpcHRpb246IFN1YnNjcmlwdGlvbjtcblxuICBjb25zdHJ1Y3RvcihtZWRpYVF1ZXJ5U2VydmljZTogU2t5TWVkaWFRdWVyeVNlcnZpY2UpIHtcbiAgICB0aGlzLiNzdWJzY3JpcHRpb24gPSBtZWRpYVF1ZXJ5U2VydmljZS5zdWJzY3JpYmUoXG4gICAgICAoYXJnczogU2t5TWVkaWFCcmVha3BvaW50cykgPT4ge1xuICAgICAgICBpZiAoYXJncyA9PT0gU2t5TWVkaWFCcmVha3BvaW50cy54cykge1xuICAgICAgICAgIHRoaXMuZm9udFNpemVDbGFzcyA9IEZPTlRTSVpFQ0xBU1NfU01BTEw7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgdGhpcy5mb250U2l6ZUNsYXNzID0gRk9OVFNJWkVDTEFTU19MQVJHRTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgICk7XG4gIH1cblxuICBwdWJsaWMgbmdPbkRlc3Ryb3koKSB7XG4gICAgLyogaXN0YW5idWwgaWdub3JlIGVsc2UgKi9cbiAgICAvKiBzYW5pdHkgY2hlY2sgKi9cbiAgICBpZiAodGhpcy4jc3Vic2NyaXB0aW9uKSB7XG4gICAgICB0aGlzLiNzdWJzY3JpcHRpb24udW5zdWJzY3JpYmUoKTtcbiAgICB9XG4gIH1cbn1cbiIsIjxkaXYgYXJpYS1oaWRkZW49XCJ0cnVlXCIgY2xhc3M9XCJza3ktYWN0aW9uLWJ1dHRvbi1pY29uLWNvbnRhaW5lclwiPlxuICA8c2t5LWljb25cbiAgICBjbGFzcz1cInNreS1hY3Rpb24tYnV0dG9uLWljb25cIlxuICAgIFtpY29uXT1cImljb25UeXBlXCJcbiAgICBbc2l6ZV09XCJmb250U2l6ZUNsYXNzXCJcbiAgPjwvc2t5LWljb24+XG48L2Rpdj5cbiJdfQ==

package/esm2022/lib/modules/action-button/action-button.component.mjs

@@ -0,0 +1,50 @@
+import { Component, EventEmitter, HostBinding, Input, Output, SkipSelf, ViewEncapsulation, } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/router";
+import * as i3 from "@skyux/router";
+import * as i4 from "@skyux/theme";
+/**
+ * Creates a button to present users with an option to move forward with tasks.
+ */
+export class SkyActionButtonComponent {
+    #changeDetector;
+    constructor(changeDetector) {
+        this.hidden = false;
+        /**
+         * Fires when users select the action button.
+         */
+        this.actionClick = new EventEmitter();
+        this.#changeDetector = changeDetector;
+    }
+    buttonClicked() {
+        this.actionClick.emit();
+    }
+    enterPress() {
+        this.actionClick.emit();
+    }
+    onSkyHrefDisplayChange($event) {
+        if (this.hidden === $event.userHasAccess) {
+            setTimeout(() => {
+                this.hidden = !$event.userHasAccess;
+                this.#changeDetector.markForCheck();
+            });
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyActionButtonComponent, deps: [{ token: i0.ChangeDetectorRef, skipSelf: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: SkyActionButtonComponent, selector: "sky-action-button", inputs: { permalink: "permalink" }, outputs: { actionClick: "actionClick" }, host: { properties: { "hidden": "this.hidden" } }, ngImport: i0, template: "<ng-container [ngSwitch]=\"true\">\n  <a\n    *ngSwitchCase=\"!!permalink?.route?.commands\"\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    *ngSwitchCase=\"\n      !permalink?.route &&\n      permalink?.url &&\n      (!permalink?.url?.includes('://') ||\n        permalink?.url?.startsWith('https://'))\n    \"\n    class=\"sky-action-button sky-btn-default sky-rounded-corners\"\n    tabindex=\"0\"\n    [href]=\"permalink?.url\"\n    [skyThemeClass]=\"{\n      'sky-btn sky-box': 'modern'\n    }\"\n  >\n    <ng-container *ngTemplateOutlet=\"actionButtonContent\"></ng-container>\n  </a>\n\n  <a\n    *ngSwitchCase=\"\n      !permalink?.route &&\n      permalink?.url &&\n      permalink?.url?.includes('://') &&\n      !permalink?.url?.startsWith('https://')\n    \"\n    class=\"sky-action-button sky-btn-default sky-rounded-corners\"\n    tabindex=\"0\"\n    [skyHref]=\"permalink?.url\"\n    (skyHrefChange)=\"onSkyHrefDisplayChange($event)\"\n    [skyThemeClass]=\"{\n      'sky-btn sky-box': 'modern'\n    }\"\n  >\n    <ng-container *ngTemplateOutlet=\"actionButtonContent\"></ng-container>\n  </a>\n\n  <div\n    *ngSwitchDefault\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</ng-container>\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,.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"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.λ1, selector: "[skyHref]", inputs: ["skyHref", "skyHrefElse"], outputs: ["skyHrefChange"] }, { kind: "directive", type: i4.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { kind: "directive", type: i4.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyActionButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sky-action-button', encapsulation: ViewEncapsulation.None, template: "<ng-container [ngSwitch]=\"true\">\n  <a\n    *ngSwitchCase=\"!!permalink?.route?.commands\"\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    *ngSwitchCase=\"\n      !permalink?.route &&\n      permalink?.url &&\n      (!permalink?.url?.includes('://') ||\n        permalink?.url?.startsWith('https://'))\n    \"\n    class=\"sky-action-button sky-btn-default sky-rounded-corners\"\n    tabindex=\"0\"\n    [href]=\"permalink?.url\"\n    [skyThemeClass]=\"{\n      'sky-btn sky-box': 'modern'\n    }\"\n  >\n    <ng-container *ngTemplateOutlet=\"actionButtonContent\"></ng-container>\n  </a>\n\n  <a\n    *ngSwitchCase=\"\n      !permalink?.route &&\n      permalink?.url &&\n      permalink?.url?.includes('://') &&\n      !permalink?.url?.startsWith('https://')\n    \"\n    class=\"sky-action-button sky-btn-default sky-rounded-corners\"\n    tabindex=\"0\"\n    [skyHref]=\"permalink?.url\"\n    (skyHrefChange)=\"onSkyHrefDisplayChange($event)\"\n    [skyThemeClass]=\"{\n      'sky-btn sky-box': 'modern'\n    }\"\n  >\n    <ng-container *ngTemplateOutlet=\"actionButtonContent\"></ng-container>\n  </a>\n\n  <div\n    *ngSwitchDefault\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</ng-container>\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,.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"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef, decorators: [{
+                    type: SkipSelf
+                }] }]; }, propDecorators: { hidden: [{
+                type: HostBinding,
+                args: ['hidden']
+            }], permalink: [{
+                type: Input
+            }], actionClick: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvbGF5b3V0L3NyYy9saWIvbW9kdWxlcy9hY3Rpb24tYnV0dG9uL2FjdGlvbi1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2xheW91dC9zcmMvbGliL21vZHVsZXMvYWN0aW9uLWJ1dHRvbi9hY3Rpb24tYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLFdBQVcsRUFDWCxLQUFLLEVBQ0wsTUFBTSxFQUNOLFFBQVEsRUFDUixpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7Ozs7OztBQUt2Qjs7R0FFRztBQU9ILE1BQU0sT0FBTyx3QkFBd0I7SUFnQm5DLGVBQWUsQ0FBb0I7SUFFbkMsWUFBd0IsY0FBaUM7UUFoQmxELFdBQU0sR0FBRyxLQUFLLENBQUM7UUFRdEI7O1dBRUc7UUFFSSxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFLM0MsSUFBSSxDQUFDLGVBQWUsR0FBRyxjQUFjLENBQUM7SUFDeEMsQ0FBQztJQUVNLGFBQWE7UUFDbEIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUMxQixDQUFDO0lBRU0sVUFBVTtRQUNmLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVNLHNCQUFzQixDQUFDLE1BQXFCO1FBQ2pELElBQUksSUFBSSxDQUFDLE1BQU0sS0FBSyxNQUFNLENBQUMsYUFBYSxFQUFFO1lBQ3hDLFVBQVUsQ0FBQyxHQUFHLEVBQUU7Z0JBQ2QsSUFBSSxDQUFDLE1BQU0sR0FBRyxDQUFDLE1BQU0sQ0FBQyxhQUFhLENBQUM7Z0JBQ3BDLElBQUksQ0FBQyxlQUFlLENBQUMsWUFBWSxFQUFFLENBQUM7WUFDdEMsQ0FBQyxDQUFDLENBQUM7U0FDSjtJQUNILENBQUM7OEdBckNVLHdCQUF3QjtrR0FBeEIsd0JBQXdCLHlMQ3ZCckMsMGtHQXNHQTs7MkZEL0VhLHdCQUF3QjtrQkFOcEMsU0FBUzsrQkFDRSxtQkFBbUIsaUJBR2QsaUJBQWlCLENBQUMsSUFBSTs7MEJBb0J4QixRQUFROzRDQWhCZCxNQUFNO3NCQURaLFdBQVc7dUJBQUMsUUFBUTtnQkFPZCxTQUFTO3NCQURmLEtBQUs7Z0JBT0MsV0FBVztzQkFEakIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdG9yUmVmLFxuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSG9zdEJpbmRpbmcsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIFNraXBTZWxmLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTa3lIcmVmQ2hhbmdlIH0gZnJvbSAnQHNreXV4L3JvdXRlcic7XG5cbmltcG9ydCB7IFNreUFjdGlvbkJ1dHRvblBlcm1hbGluayB9IGZyb20gJy4vYWN0aW9uLWJ1dHRvbi1wZXJtYWxpbmsnO1xuXG4vKipcbiAqIENyZWF0ZXMgYSBidXR0b24gdG8gcHJlc2VudCB1c2VycyB3aXRoIGFuIG9wdGlvbiB0byBtb3ZlIGZvcndhcmQgd2l0aCB0YXNrcy5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2t5LWFjdGlvbi1idXR0b24nLFxuICBzdHlsZVVybHM6IFsnLi9hY3Rpb24tYnV0dG9uLmNvbXBvbmVudC5zY3NzJ10sXG4gIHRlbXBsYXRlVXJsOiAnLi9hY3Rpb24tYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgU2t5QWN0aW9uQnV0dG9uQ29tcG9uZW50IHtcbiAgQEhvc3RCaW5kaW5nKCdoaWRkZW4nKVxuICBwdWJsaWMgaGlkZGVuID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIFRoZSBsaW5rIGZvciB0aGUgYWN0aW9uIGJ1dHRvbi5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBwZXJtYWxpbms6IFNreUFjdGlvbkJ1dHRvblBlcm1hbGluayB8IHVuZGVmaW5lZDtcblxuICAvKipcbiAgICogRmlyZXMgd2hlbiB1c2VycyBzZWxlY3QgdGhlIGFjdGlvbiBidXR0b24uXG4gICAqL1xuICBAT3V0cHV0KClcbiAgcHVibGljIGFjdGlvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG5cbiAgI2NoYW5nZURldGVjdG9yOiBDaGFuZ2VEZXRlY3RvclJlZjtcblxuICBjb25zdHJ1Y3RvcihAU2tpcFNlbGYoKSBjaGFuZ2VEZXRlY3RvcjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHtcbiAgICB0aGlzLiNjaGFuZ2VEZXRlY3RvciA9IGNoYW5nZURldGVjdG9yO1xuICB9XG5cbiAgcHVibGljIGJ1dHRvbkNsaWNrZWQoKSB7XG4gICAgdGhpcy5hY3Rpb25DbGljay5lbWl0KCk7XG4gIH1cblxuICBwdWJsaWMgZW50ZXJQcmVzcygpIHtcbiAgICB0aGlzLmFjdGlvbkNsaWNrLmVtaXQoKTtcbiAgfVxuXG4gIHB1YmxpYyBvblNreUhyZWZEaXNwbGF5Q2hhbmdlKCRldmVudDogU2t5SHJlZkNoYW5nZSkge1xuICAgIGlmICh0aGlzLmhpZGRlbiA9PT0gJGV2ZW50LnVzZXJIYXNBY2Nlc3MpIHtcbiAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICB0aGlzLmhpZGRlbiA9ICEkZXZlbnQudXNlckhhc0FjY2VzcztcbiAgICAgICAgdGhpcy4jY2hhbmdlRGV0ZWN0b3IubWFya0ZvckNoZWNrKCk7XG4gICAgICB9KTtcbiAgICB9XG4gIH1cbn1cbiIsIjxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cInRydWVcIj5cbiAgPGFcbiAgICAqbmdTd2l0Y2hDYXNlPVwiISFwZXJtYWxpbms/LnJvdXRlPy5jb21tYW5kc1wiXG4gICAgY2xhc3M9XCJza3ktYWN0aW9uLWJ1dHRvbiBza3ktYnRuLWRlZmF1bHQgc2t5LXJvdW5kZWQtY29ybmVyc1wiXG4gICAgdGFiaW5kZXg9XCIwXCJcbiAgICBbZnJhZ21lbnRdPVwicGVybWFsaW5rPy5yb3V0ZT8uZXh0cmFzPy5mcmFnbWVudFwiXG4gICAgW3NreVRoZW1lQ2xhc3NdPVwie1xuICAgICAgJ3NreS1idG4gc2t5LWJveCc6ICdtb2Rlcm4nXG4gICAgfVwiXG4gICAgW3F1ZXJ5UGFyYW1zXT1cInBlcm1hbGluaz8ucm91dGU/LmV4dHJhcz8ucXVlcnlQYXJhbXNcIlxuICAgIFtxdWVyeVBhcmFtc0hhbmRsaW5nXT1cInBlcm1hbGluaz8ucm91dGU/LmV4dHJhcz8ucXVlcnlQYXJhbXNIYW5kbGluZ1wiXG4gICAgW3JvdXRlckxpbmtdPVwicGVybWFsaW5rPy5yb3V0ZT8uY29tbWFuZHNcIlxuICA+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImFjdGlvbkJ1dHRvbkNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cbiAgPC9hPlxuXG4gIDxhXG4gICAgKm5nU3dpdGNoQ2FzZT1cIlxuICAgICAgIXBlcm1hbGluaz8ucm91dGUgJiZcbiAgICAgIHBlcm1hbGluaz8udXJsICYmXG4gICAgICAoIXBlcm1hbGluaz8udXJsPy5pbmNsdWRlcygnOi8vJykgfHxcbiAgICAgICAgcGVybWFsaW5rPy51cmw/LnN0YXJ0c1dpdGgoJ2h0dHBzOi8vJykpXG4gICAgXCJcbiAgICBjbGFzcz1cInNreS1hY3Rpb24tYnV0dG9uIHNreS1idG4tZGVmYXVsdCBza3ktcm91bmRlZC1jb3JuZXJzXCJcbiAgICB0YWJpbmRleD1cIjBcIlxuICAgIFtocmVmXT1cInBlcm1hbGluaz8udXJsXCJcbiAgICBbc2t5VGhlbWVDbGFzc109XCJ7XG4gICAgICAnc2t5LWJ0biBza3ktYm94JzogJ21vZGVybidcbiAgICB9XCJcbiAgPlxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJhY3Rpb25CdXR0b25Db250ZW50XCI+PC9uZy1jb250YWluZXI+XG4gIDwvYT5cblxuICA8YVxuICAgICpuZ1N3aXRjaENhc2U9XCJcbiAgICAgICFwZXJtYWxpbms/LnJvdXRlICYmXG4gICAgICBwZXJtYWxpbms/LnVybCAmJlxuICAgICAgcGVybWFsaW5rPy51cmw/LmluY2x1ZGVzKCc6Ly8nKSAmJlxuICAgICAgIXBlcm1hbGluaz8udXJsPy5zdGFydHNXaXRoKCdodHRwczovLycpXG4gICAgXCJcbiAgICBjbGFzcz1cInNreS1hY3Rpb24tYnV0dG9uIHNreS1idG4tZGVmYXVsdCBza3ktcm91bmRlZC1jb3JuZXJzXCJcbiAgICB0YWJpbmRleD1cIjBcIlxuICAgIFtza3lIcmVmXT1cInBlcm1hbGluaz8udXJsXCJcbiAgICAoc2t5SHJlZkNoYW5nZSk9XCJvblNreUhyZWZEaXNwbGF5Q2hhbmdlKCRldmVudClcIlxuICAgIFtza3lUaGVtZUNsYXNzXT1cIntcbiAgICAgICdza3ktYnRuIHNreS1ib3gnOiAnbW9kZXJuJ1xuICAgIH1cIlxuICA+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImFjdGlvbkJ1dHRvbkNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cbiAgPC9hPlxuXG4gIDxkaXZcbiAgICAqbmdTd2l0Y2hEZWZhdWx0XG4gICAgY2xhc3M9XCJza3ktYWN0aW9uLWJ1dHRvbiBza3ktYnRuLWRlZmF1bHQgc2t5LXJvdW5kZWQtY29ybmVyc1wiXG4gICAgdGFiaW5kZXg9XCIwXCJcbiAgICByb2xlPVwiYnV0dG9uXCJcbiAgICBbc2t5VGhlbWVDbGFzc109XCJ7XG4gICAgICAnc2t5LWJ0biBza3ktYm94JzogJ21vZGVybidcbiAgICB9XCJcbiAgICAoY2xpY2spPVwiYnV0dG9uQ2xpY2tlZCgpXCJcbiAgICAoa2V5ZG93bi5lbnRlcik9XCJlbnRlclByZXNzKClcIlxuICA+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImFjdGlvbkJ1dHRvbkNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cbiAgPC9kaXY+XG48L25nLWNvbnRhaW5lcj5cblxuPG5nLXRlbXBsYXRlICNhY3Rpb25CdXR0b25Db250ZW50PlxuICA8bmctY29udGFpbmVyICpza3lUaGVtZUlmPVwiJ2RlZmF1bHQnXCI+XG4gICAgPGRpdiBjbGFzcz1cInNreS1hY3Rpb24tYnV0dG9uLWljb24taGVhZGVyLWNvbnRhaW5lclwiPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImljb25cIj48L25nLWNvbnRhaW5lcj5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJoZWFkZXJcIj48L25nLWNvbnRhaW5lcj5cbiAgICA8L2Rpdj5cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiZGV0YWlsc1wiPjwvbmctY29udGFpbmVyPlxuICA8L25nLWNvbnRhaW5lcj5cblxuICA8bmctY29udGFpbmVyICpza3lUaGVtZUlmPVwiJ21vZGVybidcIj5cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiaWNvblwiPjwvbmctY29udGFpbmVyPlxuICAgIDxkaXYgY2xhc3M9XCJza3ktYWN0aW9uLWJ1dHRvbi1jb250ZW50XCI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiaGVhZGVyXCI+PC9uZy1jb250YWluZXI+XG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzPVwic2t5LWFjdGlvbi1idXR0b24tZGV0YWlsc1wiXG4gICAgICAgIFtza3lUaGVtZUNsYXNzXT1cIntcbiAgICAgICAgICAnc2t5LWZvbnQtZGVlbXBoYXNpemVkJzogJ21vZGVybidcbiAgICAgICAgfVwiXG4gICAgICA+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJkZXRhaWxzXCI+PC9uZy1jb250YWluZXI+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9uZy1jb250YWluZXI+XG48L25nLXRlbXBsYXRlPlxuXG48bmctdGVtcGxhdGUgI2ljb24+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cInNreS1hY3Rpb24tYnV0dG9uLWljb25cIj48L25nLWNvbnRlbnQ+XG48L25nLXRlbXBsYXRlPlxuXG48bmctdGVtcGxhdGUgI2hlYWRlcj5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwic2t5LWFjdGlvbi1idXR0b24taGVhZGVyXCI+PC9uZy1jb250ZW50PlxuPC9uZy10ZW1wbGF0ZT5cblxuPG5nLXRlbXBsYXRlICNkZXRhaWxzPlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJza3ktYWN0aW9uLWJ1dHRvbi1kZXRhaWxzXCI+PC9uZy1jb250ZW50PlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==

package/{esm2020 → esm2022}/lib/modules/action-button/action-button.module.mjs

@@ -12,29 +12,29 @@ import { SkyActionButtonIconComponent } from './action-button-icon.component';
 import { SkyActionButtonComponent } from './action-button.component';
 import * as i0 from "@angular/core";
 export class SkyActionButtonModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyActionButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.7", ngImport: i0, type: SkyActionButtonModule, declarations: [SkyActionButtonComponent,
+            SkyActionButtonContainerComponent,
+            SkyActionButtonDetailsComponent,
+            SkyActionButtonHeaderComponent,
+            SkyActionButtonIconComponent], imports: [CommonModule,
+            ObserversModule,
+            RouterModule,
+            SkyHrefModule,
+            SkyIconModule,
+            SkyThemeModule], exports: [SkyActionButtonComponent,
+            SkyActionButtonContainerComponent,
+            SkyActionButtonDetailsComponent,
+            SkyActionButtonHeaderComponent,
+            SkyActionButtonIconComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyActionButtonModule, imports: [CommonModule,
+            ObserversModule,
+            RouterModule,
+            SkyHrefModule,
+            SkyIconModule,
+            SkyThemeModule] }); }
 }
-SkyActionButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyActionButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyActionButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyActionButtonModule, declarations: [SkyActionButtonComponent,
-        SkyActionButtonContainerComponent,
-        SkyActionButtonDetailsComponent,
-        SkyActionButtonHeaderComponent,
-        SkyActionButtonIconComponent], imports: [CommonModule,
-        ObserversModule,
-        RouterModule,
-        SkyHrefModule,
-        SkyIconModule,
-        SkyThemeModule], exports: [SkyActionButtonComponent,
-        SkyActionButtonContainerComponent,
-        SkyActionButtonDetailsComponent,
-        SkyActionButtonHeaderComponent,
-        SkyActionButtonIconComponent] });
-SkyActionButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyActionButtonModule, imports: [CommonModule,
-        ObserversModule,
-        RouterModule,
-        SkyHrefModule,
-        SkyIconModule,
-        SkyThemeModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyActionButtonModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyActionButtonModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -61,4 +61,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                     ],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWJ1dHRvbi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvbGF5b3V0L3NyYy9saWIvbW9kdWxlcy9hY3Rpb24tYnV0dG9uL2FjdGlvbi1idXR0b24ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN6RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ2xELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDOUMsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUU5QyxPQUFPLEVBQUUsaUNBQWlDLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUN4RixPQUFPLEVBQUUsK0JBQStCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUNwRixPQUFPLEVBQUUsOEJBQThCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNsRixPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUM5RSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7QUEwQnJFLE1BQU0sT0FBTyxxQkFBcUI7O2tIQUFyQixxQkFBcUI7bUhBQXJCLHFCQUFxQixpQkF0QjlCLHdCQUF3QjtRQUN4QixpQ0FBaUM7UUFDakMsK0JBQStCO1FBQy9CLDhCQUE4QjtRQUM5Qiw0QkFBNEIsYUFHNUIsWUFBWTtRQUNaLGVBQWU7UUFDZixZQUFZO1FBQ1osYUFBYTtRQUNiLGFBQWE7UUFDYixjQUFjLGFBR2Qsd0JBQXdCO1FBQ3hCLGlDQUFpQztRQUNqQywrQkFBK0I7UUFDL0IsOEJBQThCO1FBQzlCLDRCQUE0QjttSEFHbkIscUJBQXFCLFlBZjlCLFlBQVk7UUFDWixlQUFlO1FBQ2YsWUFBWTtRQUNaLGFBQWE7UUFDYixhQUFhO1FBQ2IsY0FBYzsyRkFVTCxxQkFBcUI7a0JBeEJqQyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWix3QkFBd0I7d0JBQ3hCLGlDQUFpQzt3QkFDakMsK0JBQStCO3dCQUMvQiw4QkFBOEI7d0JBQzlCLDRCQUE0QjtxQkFDN0I7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osZUFBZTt3QkFDZixZQUFZO3dCQUNaLGFBQWE7d0JBQ2IsYUFBYTt3QkFDYixjQUFjO3FCQUNmO29CQUNELE9BQU8sRUFBRTt3QkFDUCx3QkFBd0I7d0JBQ3hCLGlDQUFpQzt3QkFDakMsK0JBQStCO3dCQUMvQiw4QkFBOEI7d0JBQzlCLDRCQUE0QjtxQkFDN0I7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBPYnNlcnZlcnNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jZGsvb2JzZXJ2ZXJzJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUm91dGVyTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7IFNreUljb25Nb2R1bGUgfSBmcm9tICdAc2t5dXgvaW5kaWNhdG9ycyc7XG5pbXBvcnQgeyBTa3lIcmVmTW9kdWxlIH0gZnJvbSAnQHNreXV4L3JvdXRlcic7XG5pbXBvcnQgeyBTa3lUaGVtZU1vZHVsZSB9IGZyb20gJ0Bza3l1eC90aGVtZSc7XG5cbmltcG9ydCB7IFNreUFjdGlvbkJ1dHRvbkNvbnRhaW5lckNvbXBvbmVudCB9IGZyb20gJy4vYWN0aW9uLWJ1dHRvbi1jb250YWluZXIuY29tcG9uZW50JztcbmltcG9ydCB7IFNreUFjdGlvbkJ1dHRvbkRldGFpbHNDb21wb25lbnQgfSBmcm9tICcuL2FjdGlvbi1idXR0b24tZGV0YWlscy5jb21wb25lbnQnO1xuaW1wb3J0IHsgU2t5QWN0aW9uQnV0dG9uSGVhZGVyQ29tcG9uZW50IH0gZnJvbSAnLi9hY3Rpb24tYnV0dG9uLWhlYWRlci5jb21wb25lbnQnO1xuaW1wb3J0IHsgU2t5QWN0aW9uQnV0dG9uSWNvbkNvbXBvbmVudCB9IGZyb20gJy4vYWN0aW9uLWJ1dHRvbi1pY29uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTa3lBY3Rpb25CdXR0b25Db21wb25lbnQgfSBmcm9tICcuL2FjdGlvbi1idXR0b24uY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgU2t5QWN0aW9uQnV0dG9uQ29tcG9uZW50LFxuICAgIFNreUFjdGlvbkJ1dHRvbkNvbnRhaW5lckNvbXBvbmVudCxcbiAgICBTa3lBY3Rpb25CdXR0b25EZXRhaWxzQ29tcG9uZW50LFxuICAgIFNreUFjdGlvbkJ1dHRvbkhlYWRlckNvbXBvbmVudCxcbiAgICBTa3lBY3Rpb25CdXR0b25JY29uQ29tcG9uZW50LFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIE9ic2VydmVyc01vZHVsZSxcbiAgICBSb3V0ZXJNb2R1bGUsXG4gICAgU2t5SHJlZk1vZHVsZSxcbiAgICBTa3lJY29uTW9kdWxlLFxuICAgIFNreVRoZW1lTW9kdWxlLFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgU2t5QWN0aW9uQnV0dG9uQ29tcG9uZW50LFxuICAgIFNreUFjdGlvbkJ1dHRvbkNvbnRhaW5lckNvbXBvbmVudCxcbiAgICBTa3lBY3Rpb25CdXR0b25EZXRhaWxzQ29tcG9uZW50LFxuICAgIFNreUFjdGlvbkJ1dHRvbkhlYWRlckNvbXBvbmVudCxcbiAgICBTa3lBY3Rpb25CdXR0b25JY29uQ29tcG9uZW50LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lBY3Rpb25CdXR0b25Nb2R1bGUge31cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWJ1dHRvbi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvbGF5b3V0L3NyYy9saWIvbW9kdWxlcy9hY3Rpb24tYnV0dG9uL2FjdGlvbi1idXR0b24ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN6RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ2xELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDOUMsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUU5QyxPQUFPLEVBQUUsaUNBQWlDLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUN4RixPQUFPLEVBQUUsK0JBQStCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUNwRixPQUFPLEVBQUUsOEJBQThCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNsRixPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUM5RSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7QUEwQnJFLE1BQU0sT0FBTyxxQkFBcUI7OEdBQXJCLHFCQUFxQjsrR0FBckIscUJBQXFCLGlCQXRCOUIsd0JBQXdCO1lBQ3hCLGlDQUFpQztZQUNqQywrQkFBK0I7WUFDL0IsOEJBQThCO1lBQzlCLDRCQUE0QixhQUc1QixZQUFZO1lBQ1osZUFBZTtZQUNmLFlBQVk7WUFDWixhQUFhO1lBQ2IsYUFBYTtZQUNiLGNBQWMsYUFHZCx3QkFBd0I7WUFDeEIsaUNBQWlDO1lBQ2pDLCtCQUErQjtZQUMvQiw4QkFBOEI7WUFDOUIsNEJBQTRCOytHQUduQixxQkFBcUIsWUFmOUIsWUFBWTtZQUNaLGVBQWU7WUFDZixZQUFZO1lBQ1osYUFBYTtZQUNiLGFBQWE7WUFDYixjQUFjOzsyRkFVTCxxQkFBcUI7a0JBeEJqQyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWix3QkFBd0I7d0JBQ3hCLGlDQUFpQzt3QkFDakMsK0JBQStCO3dCQUMvQiw4QkFBOEI7d0JBQzlCLDRCQUE0QjtxQkFDN0I7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osZUFBZTt3QkFDZixZQUFZO3dCQUNaLGFBQWE7d0JBQ2IsYUFBYTt3QkFDYixjQUFjO3FCQUNmO29CQUNELE9BQU8sRUFBRTt3QkFDUCx3QkFBd0I7d0JBQ3hCLGlDQUFpQzt3QkFDakMsK0JBQStCO3dCQUMvQiw4QkFBOEI7d0JBQzlCLDRCQUE0QjtxQkFDN0I7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBPYnNlcnZlcnNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jZGsvb2JzZXJ2ZXJzJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUm91dGVyTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7IFNreUljb25Nb2R1bGUgfSBmcm9tICdAc2t5dXgvaW5kaWNhdG9ycyc7XG5pbXBvcnQgeyBTa3lIcmVmTW9kdWxlIH0gZnJvbSAnQHNreXV4L3JvdXRlcic7XG5pbXBvcnQgeyBTa3lUaGVtZU1vZHVsZSB9IGZyb20gJ0Bza3l1eC90aGVtZSc7XG5cbmltcG9ydCB7IFNreUFjdGlvbkJ1dHRvbkNvbnRhaW5lckNvbXBvbmVudCB9IGZyb20gJy4vYWN0aW9uLWJ1dHRvbi1jb250YWluZXIuY29tcG9uZW50JztcbmltcG9ydCB7IFNreUFjdGlvbkJ1dHRvbkRldGFpbHNDb21wb25lbnQgfSBmcm9tICcuL2FjdGlvbi1idXR0b24tZGV0YWlscy5jb21wb25lbnQnO1xuaW1wb3J0IHsgU2t5QWN0aW9uQnV0dG9uSGVhZGVyQ29tcG9uZW50IH0gZnJvbSAnLi9hY3Rpb24tYnV0dG9uLWhlYWRlci5jb21wb25lbnQnO1xuaW1wb3J0IHsgU2t5QWN0aW9uQnV0dG9uSWNvbkNvbXBvbmVudCB9IGZyb20gJy4vYWN0aW9uLWJ1dHRvbi1pY29uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTa3lBY3Rpb25CdXR0b25Db21wb25lbnQgfSBmcm9tICcuL2FjdGlvbi1idXR0b24uY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgU2t5QWN0aW9uQnV0dG9uQ29tcG9uZW50LFxuICAgIFNreUFjdGlvbkJ1dHRvbkNvbnRhaW5lckNvbXBvbmVudCxcbiAgICBTa3lBY3Rpb25CdXR0b25EZXRhaWxzQ29tcG9uZW50LFxuICAgIFNreUFjdGlvbkJ1dHRvbkhlYWRlckNvbXBvbmVudCxcbiAgICBTa3lBY3Rpb25CdXR0b25JY29uQ29tcG9uZW50LFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIE9ic2VydmVyc01vZHVsZSxcbiAgICBSb3V0ZXJNb2R1bGUsXG4gICAgU2t5SHJlZk1vZHVsZSxcbiAgICBTa3lJY29uTW9kdWxlLFxuICAgIFNreVRoZW1lTW9kdWxlLFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgU2t5QWN0aW9uQnV0dG9uQ29tcG9uZW50LFxuICAgIFNreUFjdGlvbkJ1dHRvbkNvbnRhaW5lckNvbXBvbmVudCxcbiAgICBTa3lBY3Rpb25CdXR0b25EZXRhaWxzQ29tcG9uZW50LFxuICAgIFNreUFjdGlvbkJ1dHRvbkhlYWRlckNvbXBvbmVudCxcbiAgICBTa3lBY3Rpb25CdXR0b25JY29uQ29tcG9uZW50LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lBY3Rpb25CdXR0b25Nb2R1bGUge31cbiJdfQ==