@skyux/flyout 5.0.2 → 5.0.3

package/fesm2015/skyux-flyout.js

@@ -3,7 +3,6 @@ import { EventEmitter, NgModule, Injectable, Component, Input, Output, Reflectiv
 import { Subject, BehaviorSubject, fromEvent } from 'rxjs';
 import * as i7 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i9 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import * as i2$2 from '@angular/router';
 import { RouterModule, NavigationStart } from '@angular/router';
@@ -11,7 +10,7 @@ import * as i1$1 from '@skyux/indicators';
 import { SkyIconModule } from '@skyux/indicators';
 import * as i2$1 from '@skyux/i18n';
 import { getLibStringForLocale, SkyI18nModule, SKY_LIB_RESOURCES_PROVIDERS } from '@skyux/i18n';
-import * as i10 from '@skyux/router';
+import * as i9 from '@skyux/router';
 import { SkyHrefModule } from '@skyux/router';
 import * as i2 from '@skyux/theme';
 import { SkyThemeModule } from '@skyux/theme';
@@ -131,7 +130,7 @@ class SkyFlyoutInstance {
 /**
  * NOTICE: DO NOT MODIFY THIS FILE!
  * The contents of this file were automatically generated by
- * the 'ng generate @skyux/i18n:lib-resources-module modules/shared/SkyFlyout' schematic.
+ * the 'ng generate @skyux/i18n:lib-resources-module modules/shared/sky-flyout' schematic.
  * To update this file, simply rerun the command.
  */
 const RESOURCES = {
@@ -142,7 +141,7 @@ const RESOURCES = {
         skyux_flyout_permalink_button: { message: 'View record' },
         skyux_flyout_primary_action_button: { message: 'Create list' },
         skyux_flyout_resize_handle: {
-            message: 'Resize the flyout window. Use left arrow key to expand the flyout window and right arrow key to shrink the flyout window.',
+            message: 'Resize the flyout window. Press the enter or space key to activate, then use left arrow key to expand the flyout window and right arrow key to shrink the flyout window. Press the enter, space, or tab key to deactivate.',
         },
     },
 };
@@ -156,16 +155,16 @@ class SkyFlyoutResourcesProvider {
  */
 class SkyFlyoutResourcesModule {
 }
-SkyFlyoutResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyFlyoutResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyFlyoutResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyFlyoutResourcesModule, exports: [SkyI18nModule] });
-SkyFlyoutResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyFlyoutResourcesModule, providers: [
+SkyFlyoutResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyFlyoutResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyFlyoutResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyFlyoutResourcesModule, exports: [SkyI18nModule] });
+SkyFlyoutResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyFlyoutResourcesModule, providers: [
         {
             provide: SKY_LIB_RESOURCES_PROVIDERS,
             useClass: SkyFlyoutResourcesProvider,
             multi: true,
         },
     ], imports: [SkyI18nModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyFlyoutResourcesModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyFlyoutResourcesModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [SkyI18nModule],
@@ -233,9 +232,9 @@ class SkyFlyoutAdapterService {
         }
     }
 }
-SkyFlyoutAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyFlyoutAdapterService, deps: [{ token: i0.RendererFactory2 }, { token: i1.SkyAppWindowRef }], target: i0.ɵɵFactoryTarget.Injectable });
-SkyFlyoutAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyFlyoutAdapterService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyFlyoutAdapterService, decorators: [{
+SkyFlyoutAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyFlyoutAdapterService, deps: [{ token: i0.RendererFactory2 }, { token: i1.SkyAppWindowRef }], target: i0.ɵɵFactoryTarget.Injectable });
+SkyFlyoutAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyFlyoutAdapterService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyFlyoutAdapterService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i0.RendererFactory2 }, { type: i1.SkyAppWindowRef }]; } });
 
@@ -301,9 +300,9 @@ class SkyFlyoutMediaQueryService {
         this.currentSubject.complete();
     }
 }
-SkyFlyoutMediaQueryService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyFlyoutMediaQueryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-SkyFlyoutMediaQueryService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyFlyoutMediaQueryService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyFlyoutMediaQueryService, decorators: [{
+SkyFlyoutMediaQueryService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyFlyoutMediaQueryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+SkyFlyoutMediaQueryService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyFlyoutMediaQueryService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyFlyoutMediaQueryService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return []; } });
 
@@ -341,9 +340,9 @@ class SkyFlyoutIteratorComponent {
         }
     }
 }
-SkyFlyoutIteratorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyFlyoutIteratorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyFlyoutIteratorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyFlyoutIteratorComponent, selector: "sky-flyout-iterator", inputs: { nextButtonDisabled: "nextButtonDisabled", previousButtonDisabled: "previousButtonDisabled" }, outputs: { previousButtonClick: "previousButtonClick", nextButtonClick: "nextButtonClick" }, ngImport: i0, template: "<div id=\"iterators\" class=\"sky-flyout-iterators\">\n  <button\n    class=\"sky-btn\"\n    [attr.aria-label]=\"\n      'skyux_flyout_iterator_previous_button' | skyLibResources\n    \"\n    [disabled]=\"previousButtonDisabled\"\n    [skyThemeClass]=\"{\n      'sky-btn-default sky-margin-inline-compact': 'default',\n      'sky-btn-icon-borderless sky-margin-inline-sm': 'modern'\n    }\"\n    (click)=\"onIteratorPreviousClick()\"\n  >\n    <sky-icon *skyThemeIf=\"'default'\" icon=\"chevron-up\"> </sky-icon>\n    <sky-icon\n      *skyThemeIf=\"'modern'\"\n      icon=\"chevron-up\"\n      iconType=\"skyux\"\n      size=\"lg\"\n    >\n    </sky-icon>\n  </button>\n  <button\n    class=\"sky-btn\"\n    [attr.aria-label]=\"'skyux_flyout_iterator_next_button' | skyLibResources\"\n    [disabled]=\"nextButtonDisabled\"\n    [skyThemeClass]=\"{\n      'sky-btn-default sky-margin-inline-compact': 'default',\n      'sky-btn-icon-borderless sky-margin-inline-sm': 'modern'\n    }\"\n    (click)=\"onIteratorNextClick()\"\n  >\n    <sky-icon *skyThemeIf=\"'default'\" icon=\"chevron-down\"> </sky-icon>\n    <sky-icon\n      *skyThemeIf=\"'modern'\"\n      icon=\"chevron-down\"\n      iconType=\"skyux\"\n      size=\"lg\"\n    >\n    </sky-icon>\n  </button>\n</div>\n", styles: [":host-context(.sky-theme-modern) .sky-flyout-iterators{display:inline}.sky-theme-modern .sky-flyout-iterators{display:inline}\n"], components: [{ type: i1$1.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }], directives: [{ type: i2.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { type: i2.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }], pipes: { "skyLibResources": i2$1.SkyLibResourcesPipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyFlyoutIteratorComponent, decorators: [{
+SkyFlyoutIteratorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyFlyoutIteratorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyFlyoutIteratorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyFlyoutIteratorComponent, selector: "sky-flyout-iterator", inputs: { nextButtonDisabled: "nextButtonDisabled", previousButtonDisabled: "previousButtonDisabled" }, outputs: { previousButtonClick: "previousButtonClick", nextButtonClick: "nextButtonClick" }, ngImport: i0, template: "<div id=\"iterators\" class=\"sky-flyout-iterators\">\n  <button\n    class=\"sky-btn\"\n    [attr.aria-label]=\"\n      'skyux_flyout_iterator_previous_button' | skyLibResources\n    \"\n    [disabled]=\"previousButtonDisabled\"\n    [skyThemeClass]=\"{\n      'sky-btn-default sky-margin-inline-compact': 'default',\n      'sky-btn-icon-borderless sky-margin-inline-sm': 'modern'\n    }\"\n    (click)=\"onIteratorPreviousClick()\"\n  >\n    <sky-icon *skyThemeIf=\"'default'\" icon=\"chevron-up\"> </sky-icon>\n    <sky-icon\n      *skyThemeIf=\"'modern'\"\n      icon=\"chevron-up\"\n      iconType=\"skyux\"\n      size=\"lg\"\n    >\n    </sky-icon>\n  </button>\n  <button\n    class=\"sky-btn\"\n    [attr.aria-label]=\"'skyux_flyout_iterator_next_button' | skyLibResources\"\n    [disabled]=\"nextButtonDisabled\"\n    [skyThemeClass]=\"{\n      'sky-btn-default sky-margin-inline-compact': 'default',\n      'sky-btn-icon-borderless sky-margin-inline-sm': 'modern'\n    }\"\n    (click)=\"onIteratorNextClick()\"\n  >\n    <sky-icon *skyThemeIf=\"'default'\" icon=\"chevron-down\"> </sky-icon>\n    <sky-icon\n      *skyThemeIf=\"'modern'\"\n      icon=\"chevron-down\"\n      iconType=\"skyux\"\n      size=\"lg\"\n    >\n    </sky-icon>\n  </button>\n</div>\n", styles: [":host-context(.sky-theme-modern) .sky-flyout-iterators{display:inline}.sky-theme-modern .sky-flyout-iterators{display:inline}\n"], components: [{ type: i1$1.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }], directives: [{ type: i2.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { type: i2.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }], pipes: { "skyLibResources": i2$1.SkyLibResourcesPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyFlyoutIteratorComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-flyout-iterator',
@@ -383,6 +382,7 @@ class SkyFlyoutComponent {
         this.flyoutWidth = 0;
         this.isDragging = false;
         this.isFullscreen = false;
+        this.resizeKeyControlActive = false;
         this.xCoord = 0;
         this.windowBufferSize = 20;
         /**
@@ -529,27 +529,10 @@ class SkyFlyoutComponent {
         this.onResizeHandleMouseDown(event);
     }
     onHeaderGrabHandleKeyDown(event) {
-        /* istanbul ignore else */
-        if (event.key) {
-            const direction = event.key.toLowerCase().replace('arrow', '');
-            switch (direction) {
-                case 'left':
-                    /* istanbul ignore else */
-                    if (this.flyoutWidth < this.config.maxWidth) {
-                        this.flyoutWidth = Math.min(this.flyoutWidth + this.widthStep, this.config.maxWidth);
-                    }
-                    break;
-                case 'right':
-                    /* istanbul ignore else */
-                    if (this.flyoutWidth > this.config.minWidth) {
-                        this.flyoutWidth = Math.max(this.flyoutWidth - this.widthStep, this.config.minWidth);
-                    }
-                    break;
-                /* istanbul ignore next */
-                default:
-                    break;
-            }
-        }
+        this.handleResizeKeyDown(event);
+    }
+    onResizeHandleKeyDown(event) {
+        this.handleResizeKeyDown(event);
     }
     onResizeHandleMouseDown(event) {
         event.preventDefault();
@@ -711,13 +694,49 @@ class SkyFlyoutComponent {
         // TODO: Need to implement the async `getString` method in a breaking change.
         return this.resourcesService.getStringForLocale({ locale: 'en-US' }, key);
     }
+    handleResizeKeyDown(event) {
+        /* istanbul ignore else */
+        if (event.key) {
+            const keyPressed = event.key.toLowerCase().replace('arrow', '');
+            switch (keyPressed) {
+                case 'enter':
+                case ' ':
+                    this.resizeKeyControlActive = !this.resizeKeyControlActive;
+                    break;
+                case 'tab':
+                    /* istanbul ignore else */
+                    if (this.resizeKeyControlActive) {
+                        this.resizeKeyControlActive = false;
+                    }
+                case 'left':
+                    if (this.resizeKeyControlActive) {
+                        /* istanbul ignore else */
+                        if (this.flyoutWidth < this.config.maxWidth) {
+                            this.flyoutWidth = Math.min(this.flyoutWidth + this.widthStep, this.config.maxWidth);
+                        }
+                    }
+                    break;
+                case 'right':
+                    if (this.resizeKeyControlActive) {
+                        /* istanbul ignore else */
+                        if (this.flyoutWidth > this.config.minWidth) {
+                            this.flyoutWidth = Math.max(this.flyoutWidth - this.widthStep, this.config.minWidth);
+                        }
+                    }
+                    break;
+                /* istanbul ignore next */
+                default:
+                    break;
+            }
+        }
+    }
 }
-SkyFlyoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyFlyoutComponent, deps: [{ token: SkyFlyoutAdapterService }, { token: i0.ChangeDetectorRef }, { token: i0.Injector }, { token: i0.ComponentFactoryResolver }, { token: i2$1.SkyLibResourcesService }, { token: SkyFlyoutMediaQueryService }, { token: i0.ElementRef }, { token: i1.SkyUIConfigService }], target: i0.ɵɵFactoryTarget.Component });
-SkyFlyoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyFlyoutComponent, selector: "sky-flyout", host: { listeners: { "window:resize": "onWindowResize($event)" } }, providers: [
+SkyFlyoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyFlyoutComponent, deps: [{ token: SkyFlyoutAdapterService }, { token: i0.ChangeDetectorRef }, { token: i0.Injector }, { token: i0.ComponentFactoryResolver }, { token: i2$1.SkyLibResourcesService }, { token: SkyFlyoutMediaQueryService }, { token: i0.ElementRef }, { token: i1.SkyUIConfigService }], target: i0.ɵɵFactoryTarget.Component });
+SkyFlyoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyFlyoutComponent, selector: "sky-flyout", host: { listeners: { "window:resize": "onWindowResize($event)" } }, providers: [
         SkyFlyoutAdapterService,
         SkyFlyoutMediaQueryService,
         { provide: SkyMediaQueryService, useExisting: SkyFlyoutMediaQueryService },
-    ], viewQueries: [{ propertyName: "flyoutRef", first: true, predicate: ["flyoutRef"], descendants: true, read: ElementRef, static: true }, { propertyName: "target", first: true, predicate: ["target"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "flyoutHeader", first: true, predicate: ["flyoutHeader"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<div\n  class=\"sky-flyout\"\n  tabindex=\"-1\"\n  [attr.role]=\"config?.ariaRole\"\n  [attr.aria-describedby]=\"config?.ariaDescribedBy\"\n  [attr.aria-labelledby]=\"config?.ariaLabelledBy\"\n  [id]=\"flyoutId\"\n  [ngClass]=\"{\n    'sky-flyout-hidden': !isOpen && !isOpening,\n    'sky-flyout-fullscreen': isFullscreen\n  }\"\n  [skyThemeClass]=\"{\n    'sky-shadow': 'default',\n    'sky-elevation-8': 'modern'\n  }\"\n  (@flyoutState.done)=\"animationDone($event)\"\n  [@flyoutState]=\"getAnimationState()\"\n  [style.width.px]=\"flyoutWidth\"\n  #flyoutRef\n>\n  <input\n    class=\"sky-flyout-resize-handle\"\n    role=\"separator\"\n    type=\"range\"\n    [attr.aria-controls]=\"flyoutId\"\n    [attr.aria-label]=\"'skyux_flyout_resize_handle' | skyLibResources\"\n    [attr.aria-valuemax]=\"config.maxWidth\"\n    [attr.aria-valuemin]=\"config.minWidth\"\n    [attr.aria-valuenow]=\"flyoutWidth\"\n    [attr.step]=\"widthStep\"\n    [max]=\"config.maxWidth\"\n    [min]=\"config.minWidth\"\n    [(ngModel)]=\"flyoutWidth\"\n    (mousedown)=\"onResizeHandleMouseDown($event)\"\n  />\n\n  <div\n    class=\"sky-flyout-header\"\n    [skyThemeClass]=\"{\n      'sky-padding-squish-large': 'default'\n    }\"\n    #flyoutHeader\n  >\n    <div class=\"sky-flyout-header-content\">\n      <button\n        *skyThemeIf=\"'modern'\"\n        class=\"\n          sky-btn\n          sky-btn-icon-borderless\n          sky-margin-inline-sm\n          sky-flyout-header-grab-handle\n        \"\n        [attr.aria-label]=\"'skyux_flyout_resize_handle' | skyLibResources\"\n        (keydown)=\"onHeaderGrabHandleKeyDown($event)\"\n        (mousedown)=\"onHeaderGrabHandleMouseDown($event)\"\n      >\n        <sky-icon icon=\"tile-drag\" iconType=\"skyux\" size=\"lg\"> </sky-icon>\n      </button>\n\n      <sky-flyout-iterator\n        *ngIf=\"config.showIterator\"\n        [nextButtonDisabled]=\"config.iteratorNextButtonDisabled\"\n        [previousButtonDisabled]=\"config.iteratorPreviousButtonDisabled\"\n        (nextButtonClick)=\"onIteratorNextButtonClick()\"\n        (previousButtonClick)=\"onIteratorPreviousButtonClick()\"\n      >\n      </sky-flyout-iterator>\n    </div>\n    <div class=\"sky-flyout-header-buttons\">\n      <ng-container *ngTemplateOutlet=\"permalinkTemplate\"> </ng-container>\n      <ng-container *ngTemplateOutlet=\"primaryActionTemplate\"> </ng-container>\n      <button\n        class=\"sky-btn sky-flyout-btn-close sky-label-icon-theme-default\"\n        type=\"button\"\n        [attr.aria-label]=\"'skyux_flyout_close' | skyLibResources\"\n        [skyThemeClass]=\"{\n          'sky-btn-default': 'default',\n          'sky-btn-icon-borderless': 'modern'\n        }\"\n        (click)=\"close()\"\n      >\n        <sky-icon *skyThemeIf=\"'default'\" icon=\"close\"> </sky-icon>\n        <sky-icon\n          *skyThemeIf=\"'modern'\"\n          icon=\"close\"\n          iconType=\"skyux\"\n          size=\"lg\"\n        >\n        </sky-icon>\n      </button>\n    </div>\n  </div>\n  <div class=\"sky-flyout-content\">\n    <div #target></div>\n  </div>\n</div>\n\n<ng-template #permalinkTemplate>\n  <ng-template [ngIf]=\"permalink\">\n    <ng-template [ngIf]=\"permalink.url\">\n      <a\n        class=\"sky-btn sky-flyout-btn-permalink sky-margin-inline-default\"\n        [skyHref]=\"permalink.url\"\n        [skyThemeClass]=\"{\n          'sky-btn-default': 'default',\n          'sky-btn-borderless': 'modern'\n        }\"\n        (click)=\"close()\"\n      >\n        {{ permalinkLabel }}\n      </a>\n    </ng-template>\n    <ng-template [ngIf]=\"permalink.route\">\n      <a\n        class=\"sky-btn sky-flyout-btn-permalink sky-margin-inline-default\"\n        [routerLink]=\"permalink.route.commands\"\n        [fragment]=\"permalink.route.extras?.fragment\"\n        [skyThemeClass]=\"{\n          'sky-btn-default': 'default',\n          'sky-btn-borderless': 'modern'\n        }\"\n        [queryParams]=\"permalink.route.extras?.queryParams\"\n        [queryParamsHandling]=\"permalink.route.extras?.queryParamsHandling\"\n        [state]=\"permalink.route.extras?.state\"\n        (click)=\"close()\"\n      >\n        {{ permalinkLabel }}\n      </a>\n    </ng-template>\n  </ng-template>\n</ng-template>\n\n<ng-template #primaryActionTemplate>\n  <ng-template [ngIf]=\"primaryAction && primaryAction.callback\">\n    <button\n      type=\"button\"\n      class=\"\n        sky-btn\n        sky-btn-default\n        sky-flyout-btn-primary-action\n        sky-margin-inline-default\n      \"\n      (click)=\"invokePrimaryAction()\"\n    >\n      {{ primaryActionLabel }}\n    </button>\n  </ng-template>\n</ng-template>\n", styles: [".sky-flyout{position:fixed;right:0;top:0;bottom:0;height:100%;background-color:#fff;border-left:6px solid #0974a1;z-index:1001}.sky-flyout:focus{outline:none}.sky-flyout.sky-flyout-fullscreen{min-width:100%;max-width:100%}.sky-flyout.sky-flyout-fullscreen .sky-flyout-resize-handle{cursor:initial}.sky-flyout.sky-flyout-hidden{visibility:hidden}.sky-flyout .sky-flyout-input-aria-only{width:0;height:0;padding:0;opacity:0;position:absolute;margin:-1px;border:0;overflow:hidden;clip:rect(0 0 0 0);outline:none}.sky-flyout-resize-handle{-webkit-appearance:none;-moz-appearance:none;height:100%;width:14px;position:absolute;left:-10px;cursor:ew-resize;padding:0;border:0;background:transparent;display:block;top:0;bottom:0;direction:rtl}.sky-flyout-resize-handle::-moz-range-thumb,.sky-flyout-resize-handle::-moz-range-track{-webkit-appearance:none;-moz-appearance:none;width:0;height:0;border-radius:0;border:0 none;background:none;display:none}.sky-flyout-resize-handle::-ms-thumb,.sky-flyout-resize-handle::-ms-track{-webkit-appearance:none;-moz-appearance:none;width:0;height:0;border-radius:0;border:0 none;background:none;display:none}.sky-flyout-resize-handle::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;width:0;height:0;border-radius:0;border:0 none;background:none;display:none}.sky-flyout-header{border-bottom:1px solid #cdcfd2;width:100%;background:#eeeeef;height:50px;display:flex;align-items:flex-start}.sky-flyout-header-content{flex-grow:1}.sky-flyout-btn-permalink:hover{text-decoration:none}.sky-flyout-help-shim{padding-right:8px}@media (min-width: 768px){.sky-flyout-help-shim{padding-right:50px}}.sky-flyout-content{overflow-y:auto;height:calc(100% - 50px)}:host-context(.sky-theme-modern) .sky-flyout{border-left:0}:host-context(.sky-theme-modern) .sky-flyout-header{border-bottom:none;background:#fff;padding:15px 10px}:host-context(.sky-theme-modern) .sky-flyout-header-grab-handle{cursor:move;cursor:-moz-grab}.sky-theme-modern .sky-flyout{border-left:0}.sky-theme-modern .sky-flyout-header{border-bottom:none;background:#fff;padding:15px 10px}.sky-theme-modern .sky-flyout-header-grab-handle{cursor:move;cursor:-moz-grab}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-flyout{background:#000}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-flyout-header{background:#000}.sky-theme-modern.sky-theme-mode-dark .sky-flyout{background:#000}.sky-theme-modern.sky-theme-mode-dark .sky-flyout-header{background:#000}\n"], components: [{ type: i1$1.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { type: SkyFlyoutIteratorComponent, selector: "sky-flyout-iterator", inputs: ["nextButtonDisabled", "previousButtonDisabled"], outputs: ["previousButtonClick", "nextButtonClick"] }], directives: [{ type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { type: i9.RangeValueAccessor, selector: "input[type=range][formControlName],input[type=range][formControl],input[type=range][ngModel]" }, { type: i9.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i9.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i2.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }, { type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i10.λ1, selector: "[skyHref]", inputs: ["skyHref", "skyHrefElse"] }, { type: i2$2.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }], pipes: { "skyLibResources": i2$1.SkyLibResourcesPipe }, animations: [
+    ], viewQueries: [{ propertyName: "flyoutRef", first: true, predicate: ["flyoutRef"], descendants: true, read: ElementRef, static: true }, { propertyName: "target", first: true, predicate: ["target"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "flyoutHeader", first: true, predicate: ["flyoutHeader"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<div\n  class=\"sky-flyout\"\n  tabindex=\"-1\"\n  [attr.role]=\"config?.ariaRole\"\n  [attr.aria-describedby]=\"config?.ariaDescribedBy\"\n  [attr.aria-labelledby]=\"config?.ariaLabelledBy\"\n  [id]=\"flyoutId\"\n  [ngClass]=\"{\n    'sky-flyout-hidden': !isOpen && !isOpening,\n    'sky-flyout-fullscreen': isFullscreen\n  }\"\n  [skyThemeClass]=\"{\n    'sky-shadow': 'default',\n    'sky-elevation-8': 'modern'\n  }\"\n  (@flyoutState.done)=\"animationDone($event)\"\n  [@flyoutState]=\"getAnimationState()\"\n  [style.width.px]=\"flyoutWidth\"\n  #flyoutRef\n>\n  <div\n    class=\"sky-flyout-resize-handle\"\n    role=\"separator\"\n    tabindex=\"0\"\n    type=\"range\"\n    [attr.aria-controls]=\"flyoutId\"\n    [attr.aria-label]=\"'skyux_flyout_resize_handle' | skyLibResources\"\n    [attr.aria-valuemax]=\"config.maxWidth\"\n    [attr.aria-valuemin]=\"config.minWidth\"\n    [attr.aria-valuenow]=\"flyoutWidth\"\n    (keydown)=\"onResizeHandleKeyDown($event)\"\n    (mousedown)=\"onResizeHandleMouseDown($event)\"\n  ></div>\n\n  <div\n    class=\"sky-flyout-header\"\n    [skyThemeClass]=\"{\n      'sky-padding-squish-large': 'default'\n    }\"\n    #flyoutHeader\n  >\n    <div class=\"sky-flyout-header-content\">\n      <button\n        *skyThemeIf=\"'modern'\"\n        class=\"\n          sky-btn\n          sky-btn-icon-borderless\n          sky-margin-inline-sm\n          sky-flyout-header-grab-handle\n        \"\n        [attr.aria-label]=\"'skyux_flyout_resize_handle' | skyLibResources\"\n        (keydown)=\"onHeaderGrabHandleKeyDown($event)\"\n        (mousedown)=\"onHeaderGrabHandleMouseDown($event)\"\n      >\n        <sky-icon icon=\"tile-drag\" iconType=\"skyux\" size=\"lg\"> </sky-icon>\n      </button>\n\n      <sky-flyout-iterator\n        *ngIf=\"config.showIterator\"\n        [nextButtonDisabled]=\"config.iteratorNextButtonDisabled\"\n        [previousButtonDisabled]=\"config.iteratorPreviousButtonDisabled\"\n        (nextButtonClick)=\"onIteratorNextButtonClick()\"\n        (previousButtonClick)=\"onIteratorPreviousButtonClick()\"\n      >\n      </sky-flyout-iterator>\n    </div>\n    <div class=\"sky-flyout-header-buttons\">\n      <ng-container *ngTemplateOutlet=\"permalinkTemplate\"> </ng-container>\n      <ng-container *ngTemplateOutlet=\"primaryActionTemplate\"> </ng-container>\n      <button\n        class=\"sky-btn sky-flyout-btn-close sky-label-icon-theme-default\"\n        type=\"button\"\n        [attr.aria-label]=\"'skyux_flyout_close' | skyLibResources\"\n        [skyThemeClass]=\"{\n          'sky-btn-default': 'default',\n          'sky-btn-icon-borderless': 'modern'\n        }\"\n        (click)=\"close()\"\n      >\n        <sky-icon *skyThemeIf=\"'default'\" icon=\"close\"> </sky-icon>\n        <sky-icon\n          *skyThemeIf=\"'modern'\"\n          icon=\"close\"\n          iconType=\"skyux\"\n          size=\"lg\"\n        >\n        </sky-icon>\n      </button>\n    </div>\n  </div>\n  <div class=\"sky-flyout-content\">\n    <div #target></div>\n  </div>\n</div>\n\n<ng-template #permalinkTemplate>\n  <ng-template [ngIf]=\"permalink\">\n    <ng-template [ngIf]=\"permalink.url\">\n      <a\n        class=\"sky-btn sky-flyout-btn-permalink sky-margin-inline-default\"\n        [skyHref]=\"permalink.url\"\n        [skyThemeClass]=\"{\n          'sky-btn-default': 'default',\n          'sky-btn-borderless': 'modern'\n        }\"\n        (click)=\"close()\"\n      >\n        {{ permalinkLabel }}\n      </a>\n    </ng-template>\n    <ng-template [ngIf]=\"permalink.route\">\n      <a\n        class=\"sky-btn sky-flyout-btn-permalink sky-margin-inline-default\"\n        [routerLink]=\"permalink.route.commands\"\n        [fragment]=\"permalink.route.extras?.fragment\"\n        [skyThemeClass]=\"{\n          'sky-btn-default': 'default',\n          'sky-btn-borderless': 'modern'\n        }\"\n        [queryParams]=\"permalink.route.extras?.queryParams\"\n        [queryParamsHandling]=\"permalink.route.extras?.queryParamsHandling\"\n        [state]=\"permalink.route.extras?.state\"\n        (click)=\"close()\"\n      >\n        {{ permalinkLabel }}\n      </a>\n    </ng-template>\n  </ng-template>\n</ng-template>\n\n<ng-template #primaryActionTemplate>\n  <ng-template [ngIf]=\"primaryAction && primaryAction.callback\">\n    <button\n      type=\"button\"\n      class=\"\n        sky-btn\n        sky-btn-default\n        sky-flyout-btn-primary-action\n        sky-margin-inline-default\n      \"\n      (click)=\"invokePrimaryAction()\"\n    >\n      {{ primaryActionLabel }}\n    </button>\n  </ng-template>\n</ng-template>\n", styles: [".sky-flyout{position:fixed;right:0;top:0;bottom:0;height:100%;background-color:#fff;border-left:6px solid #0974a1;z-index:1001}.sky-flyout:focus{outline:none}.sky-flyout.sky-flyout-fullscreen{min-width:100%;max-width:100%}.sky-flyout.sky-flyout-fullscreen .sky-flyout-resize-handle{cursor:initial}.sky-flyout.sky-flyout-hidden{visibility:hidden}.sky-flyout .sky-flyout-input-aria-only{width:0;height:0;padding:0;opacity:0;position:absolute;margin:-1px;border:0;overflow:hidden;clip:rect(0 0 0 0);outline:none}.sky-flyout-resize-handle{-webkit-appearance:none;-moz-appearance:none;height:100%;width:14px;position:absolute;left:-10px;cursor:ew-resize;padding:0;border:0;background:transparent;display:block;top:0;bottom:0;direction:rtl}.sky-flyout-resize-handle::-moz-range-thumb,.sky-flyout-resize-handle::-moz-range-track{-webkit-appearance:none;-moz-appearance:none;width:0;height:0;border-radius:0;border:0 none;background:none;display:none}.sky-flyout-resize-handle::-ms-thumb,.sky-flyout-resize-handle::-ms-track{-webkit-appearance:none;-moz-appearance:none;width:0;height:0;border-radius:0;border:0 none;background:none;display:none}.sky-flyout-resize-handle::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;width:0;height:0;border-radius:0;border:0 none;background:none;display:none}.sky-flyout-header{border-bottom:1px solid #cdcfd2;width:100%;background:#eeeeef;height:50px;display:flex;align-items:flex-start}.sky-flyout-header-content{flex-grow:1}.sky-flyout-btn-permalink:hover{text-decoration:none}.sky-flyout-help-shim{padding-right:8px}@media (min-width: 768px){.sky-flyout-help-shim{padding-right:50px}}.sky-flyout-content{overflow-y:auto;height:calc(100% - 50px)}:host-context(.sky-theme-modern) .sky-flyout{border-left:0}:host-context(.sky-theme-modern) .sky-flyout-header{border-bottom:none;background:#fff;padding:15px 10px}:host-context(.sky-theme-modern) .sky-flyout-header-grab-handle{cursor:move;cursor:-moz-grab}.sky-theme-modern .sky-flyout{border-left:0}.sky-theme-modern .sky-flyout-header{border-bottom:none;background:#fff;padding:15px 10px}.sky-theme-modern .sky-flyout-header-grab-handle{cursor:move;cursor:-moz-grab}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-flyout{background:#000}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-flyout-header{background:#000}.sky-theme-modern.sky-theme-mode-dark .sky-flyout{background:#000}.sky-theme-modern.sky-theme-mode-dark .sky-flyout-header{background:#000}\n"], components: [{ type: i1$1.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { type: SkyFlyoutIteratorComponent, selector: "sky-flyout-iterator", inputs: ["nextButtonDisabled", "previousButtonDisabled"], outputs: ["previousButtonClick", "nextButtonClick"] }], directives: [{ type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { type: i2.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }, { type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i9.λ1, selector: "[skyHref]", inputs: ["skyHref", "skyHrefElse"] }, { type: i2$2.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }], pipes: { "skyLibResources": i2$1.SkyLibResourcesPipe }, animations: [
         trigger('flyoutState', [
             state(FLYOUT_OPEN_STATE, style({ transform: 'initial' })),
             state(FLYOUT_CLOSED_STATE, style({ transform: 'translateX(100%)' })),
@@ -728,7 +747,7 @@ SkyFlyoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
             transition(`* <=> *`, animate('250ms ease-in')),
         ]),
     ], changeDetection: i0.ChangeDetectionStrategy.Default });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyFlyoutComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyFlyoutComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-flyout',
@@ -778,8 +797,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
 
 class SkyFlyoutModule {
 }
-SkyFlyoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyFlyoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyFlyoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyFlyoutModule, declarations: [SkyFlyoutComponent, SkyFlyoutIteratorComponent], imports: [CommonModule,
+SkyFlyoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyFlyoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyFlyoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyFlyoutModule, declarations: [SkyFlyoutComponent, SkyFlyoutIteratorComponent], imports: [CommonModule,
         FormsModule,
         RouterModule,
         SkyI18nModule,
@@ -787,7 +806,7 @@ SkyFlyoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version
         SkyFlyoutResourcesModule,
         SkyThemeModule,
         SkyHrefModule], exports: [SkyFlyoutComponent] });
-SkyFlyoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyFlyoutModule, imports: [[
+SkyFlyoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyFlyoutModule, imports: [[
             CommonModule,
             FormsModule,
             RouterModule,
@@ -797,7 +816,7 @@ SkyFlyoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version
             SkyThemeModule,
             SkyHrefModule,
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyFlyoutModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyFlyoutModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [SkyFlyoutComponent, SkyFlyoutIteratorComponent],
@@ -953,9 +972,9 @@ class SkyFlyoutService {
         this.ngUnsubscribe = new Subject();
     }
 }
-SkyFlyoutService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyFlyoutService, deps: [{ token: i1.SkyCoreAdapterService }, { token: i1.SkyAppWindowRef }, { token: i1.SkyDynamicComponentService }, { token: i2$2.Router }], target: i0.ɵɵFactoryTarget.Injectable });
-SkyFlyoutService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyFlyoutService, providedIn: 'any' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyFlyoutService, decorators: [{
+SkyFlyoutService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyFlyoutService, deps: [{ token: i1.SkyCoreAdapterService }, { token: i1.SkyAppWindowRef }, { token: i1.SkyDynamicComponentService }, { token: i2$2.Router }], target: i0.ɵɵFactoryTarget.Injectable });
+SkyFlyoutService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyFlyoutService, providedIn: 'any' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyFlyoutService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'any',

package/fesm2015/skyux-flyout.js.map

@@ -1 +1 @@
-{"version":3,"file":"skyux-flyout.js","sources":["../../../projects/flyout/src/modules/flyout/types/flyout-message-type.ts","../../../projects/flyout/src/modules/flyout/flyout-instance.ts","../../../projects/flyout/src/modules/shared/flyout-resources.module.ts","../../../projects/flyout/src/modules/flyout/flyout-adapter.service.ts","../../../projects/flyout/src/modules/flyout/flyout-media-query.service.ts","../../../projects/flyout/src/modules/flyout/flyout-iterator.component.ts","../../../projects/flyout/src/modules/flyout/flyout-iterator.component.html","../../../projects/flyout/src/modules/flyout/flyout.component.ts","../../../projects/flyout/src/modules/flyout/flyout.component.html","../../../projects/flyout/src/modules/flyout/flyout.module.ts","../../../projects/flyout/src/modules/flyout/flyout.service.ts","../../../projects/flyout/src/skyux-flyout.ts"],"sourcesContent":["/**\n * @internal\n */\nexport enum SkyFlyoutMessageType {\n  Open = 0,\n  Close,\n  EnableIteratorNextButton,\n  EnableIteratorPreviousButton,\n  DisableIteratorNextButton,\n  DisableIteratorPreviousButton,\n}\n","import { EventEmitter } from '@angular/core';\n\nimport { Subject } from 'rxjs';\n\nimport { SkyFlyoutMessage } from './types/flyout-message';\n\nimport { SkyFlyoutMessageType } from './types/flyout-message-type';\n\n/**\n * Represents a single displayed flyout.\n */\nexport class SkyFlyoutInstance<T> {\n  /**\n   * An event that the flyout instance emits when it closes.\n   */\n  public closed = new EventEmitter<void>();\n\n  /**\n   * Specifies the instance of the component to display in the flyout.\n   */\n  public componentInstance: T;\n\n  /**\n   * Used to communicate with the host component.\n   * @internal\n   */\n  public get hostController(): Subject<SkyFlyoutMessage> {\n    return this._hostController;\n  }\n\n  /**\n   * A `boolean` value that returns `true` if the flyout is open.\n   * @default true\n   */\n  public isOpen = true;\n\n  /**\n   * An event that the flyout instance emits when users click the next iterator button.\n   */\n  public get iteratorNextButtonClick(): EventEmitter<void> {\n    return this._iteratorNextButtonClick;\n  }\n\n  /**\n   * An event that the flyout instance emits when users click the previous iterator button.\n   */\n  public get iteratorPreviousButtonClick(): EventEmitter<void> {\n    return this._iteratorPreviousButtonClick;\n  }\n\n  /**\n   * Disables the next iterator button.\n   * @default false\n   */\n  public set iteratorNextButtonDisabled(newValue: boolean) {\n    this._iteratorNextButtonDisabled = newValue;\n    if (newValue) {\n      this.hostController.next({\n        type: SkyFlyoutMessageType.DisableIteratorNextButton,\n      });\n    } else {\n      this.hostController.next({\n        type: SkyFlyoutMessageType.EnableIteratorNextButton,\n      });\n    }\n  }\n\n  public get iteratorNextButtonDisabled(): boolean {\n    return this._iteratorNextButtonDisabled;\n  }\n\n  /**\n   * Disables the previous iterator button.\n   * @default false\n   */\n  public set iteratorPreviousButtonDisabled(newValue: boolean) {\n    this._iteratorPreviousButtonDisabled = newValue;\n    if (newValue) {\n      this.hostController.next({\n        type: SkyFlyoutMessageType.DisableIteratorPreviousButton,\n      });\n    } else {\n      this.hostController.next({\n        type: SkyFlyoutMessageType.EnableIteratorPreviousButton,\n      });\n    }\n  }\n\n  public get iteratorPreviousButtonDisabled(): boolean {\n    return this._iteratorPreviousButtonDisabled;\n  }\n\n  private _iteratorNextButtonClick = new EventEmitter<void>();\n\n  private _iteratorPreviousButtonClick = new EventEmitter<void>();\n\n  private _iteratorNextButtonDisabled = false;\n\n  private _iteratorPreviousButtonDisabled = false;\n\n  private _hostController = new Subject<SkyFlyoutMessage>();\n\n  constructor() {\n    this.closed.subscribe(() => {\n      this.isOpen = false;\n    });\n  }\n\n  /**\n   * Closes the flyout instance and emits its `closed` event.\n   */\n  public close(): void {\n    this.hostController.next({\n      type: SkyFlyoutMessageType.Close,\n    });\n\n    this._iteratorPreviousButtonClick.complete();\n    this._iteratorNextButtonClick.complete();\n\n    this.hostController.complete();\n  }\n}\n","/**\n * NOTICE: DO NOT MODIFY THIS FILE!\n * The contents of this file were automatically generated by\n * the 'ng generate @skyux/i18n:lib-resources-module modules/shared/SkyFlyout' schematic.\n * To update this file, simply rerun the command.\n */\n\nimport { NgModule } from '@angular/core';\nimport {\n  getLibStringForLocale,\n  SkyAppLocaleInfo,\n  SkyI18nModule,\n  SkyLibResources,\n  SkyLibResourcesProvider,\n  SKY_LIB_RESOURCES_PROVIDERS,\n} from '@skyux/i18n';\n\nconst RESOURCES: { [locale: string]: SkyLibResources } = {\n  'EN-US': {\n    skyux_flyout_close: { message: 'Close flyout' },\n    skyux_flyout_iterator_previous_button: { message: 'Previous' },\n    skyux_flyout_iterator_next_button: { message: 'Next' },\n    skyux_flyout_permalink_button: { message: 'View record' },\n    skyux_flyout_primary_action_button: { message: 'Create list' },\n    skyux_flyout_resize_handle: {\n      message:\n        'Resize the flyout window. Use left arrow key to expand the flyout window and right arrow key to shrink the flyout window.',\n    },\n  },\n};\n\nexport class SkyFlyoutResourcesProvider implements SkyLibResourcesProvider {\n  public getString(localeInfo: SkyAppLocaleInfo, name: string): string {\n    return getLibStringForLocale(RESOURCES, localeInfo.locale, name);\n  }\n}\n\n/**\n * Import into any component library module that needs to use resource strings.\n */\n@NgModule({\n  exports: [SkyI18nModule],\n  providers: [\n    {\n      provide: SKY_LIB_RESOURCES_PROVIDERS,\n      useClass: SkyFlyoutResourcesProvider,\n      multi: true,\n    },\n  ],\n})\nexport class SkyFlyoutResourcesModule {}\n","import {\n  ElementRef,\n  Injectable,\n  Renderer2,\n  RendererFactory2,\n} from '@angular/core';\n\nimport { SkyAppWindowRef, SkyMediaBreakpoints } from '@skyux/core';\n\n/**\n * @internal\n */\n@Injectable()\nexport class SkyFlyoutAdapterService {\n  private renderer: Renderer2;\n\n  constructor(\n    private rendererFactory: RendererFactory2,\n    private windowRef: SkyAppWindowRef\n  ) {\n    this.renderer = this.rendererFactory.createRenderer(undefined, undefined);\n  }\n\n  public adjustHeaderForHelp(header: ElementRef): void {\n    const windowObj = this.windowRef.nativeWindow;\n    const helpWidget = windowObj.document.getElementById('bb-help-invoker');\n\n    if (helpWidget) {\n      this.renderer.addClass(header.nativeElement, 'sky-flyout-help-shim');\n    }\n  }\n\n  public setResponsiveClass(\n    element: ElementRef,\n    breakpoint: SkyMediaBreakpoints\n  ): void {\n    const nativeEl: HTMLElement = element.nativeElement;\n\n    this.renderer.removeClass(nativeEl, 'sky-responsive-container-xs');\n    this.renderer.removeClass(nativeEl, 'sky-responsive-container-sm');\n    this.renderer.removeClass(nativeEl, 'sky-responsive-container-md');\n    this.renderer.removeClass(nativeEl, 'sky-responsive-container-lg');\n\n    let newClass: string;\n\n    switch (breakpoint) {\n      case SkyMediaBreakpoints.xs: {\n        newClass = 'sky-responsive-container-xs';\n        break;\n      }\n      case SkyMediaBreakpoints.sm: {\n        newClass = 'sky-responsive-container-sm';\n        break;\n      }\n      case SkyMediaBreakpoints.md: {\n        newClass = 'sky-responsive-container-md';\n        break;\n      }\n      default: {\n        newClass = 'sky-responsive-container-lg';\n        break;\n      }\n    }\n\n    this.renderer.addClass(nativeEl, newClass);\n  }\n\n  public toggleIframePointerEvents(enable: boolean): void {\n    // When iframes are present on the page, they may interfere with dragging\n    // temporarily disable pointer events in iframes when dragging starts.\n    // When re-enabling we set to the empty string as it will remove the element styling\n    // and fall back to any css originally given to iframe\n    const iframes = document.querySelectorAll('iframe');\n    for (let i = 0; i < iframes.length; i++) {\n      iframes[i].style.pointerEvents = enable ? '' : 'none';\n    }\n  }\n}\n","import { Injectable } from '@angular/core';\n\nimport { SkyMediaBreakpoints, SkyMediaQueryListener } from '@skyux/core';\n\nimport { BehaviorSubject, Subscription } from 'rxjs';\n\n/**\n * @internal\n */\n@Injectable()\nexport class SkyFlyoutMediaQueryService {\n  public get current(): SkyMediaBreakpoints {\n    return this._current;\n  }\n\n  private currentSubject = new BehaviorSubject<SkyMediaBreakpoints>(\n    this.current\n  );\n\n  private _current = SkyMediaBreakpoints.xs;\n\n  constructor() {\n    this.currentSubject.next(this._current);\n  }\n\n  public subscribe(listener: SkyMediaQueryListener): Subscription {\n    return this.currentSubject.subscribe({\n      next: (breakpoints: SkyMediaBreakpoints) => {\n        listener(breakpoints);\n      },\n    });\n  }\n\n  public setBreakpointForWidth(width: number): void {\n    let breakpoint: SkyMediaBreakpoints;\n\n    if (this.isWidthWithinBreakpiont(width, SkyMediaBreakpoints.xs)) {\n      breakpoint = SkyMediaBreakpoints.xs;\n    } else if (this.isWidthWithinBreakpiont(width, SkyMediaBreakpoints.sm)) {\n      breakpoint = SkyMediaBreakpoints.sm;\n    } else if (this.isWidthWithinBreakpiont(width, SkyMediaBreakpoints.md)) {\n      breakpoint = SkyMediaBreakpoints.md;\n    } else {\n      breakpoint = SkyMediaBreakpoints.lg;\n    }\n\n    this._current = breakpoint;\n    this.currentSubject.next(this._current);\n  }\n\n  public isWidthWithinBreakpiont(\n    width: number,\n    breakpoint: SkyMediaBreakpoints\n  ): boolean {\n    const xsBreakpointMaxPixels = 767;\n    const smBreakpointMinPixels = 768;\n    const smBreakpointMaxPixels = 991;\n    const mdBreakpointMinPixels = 992;\n    const mdBreakpointMaxPixels = 1199;\n    const lgBreakpointMinPixels = 1200;\n\n    switch (breakpoint) {\n      case SkyMediaBreakpoints.xs: {\n        return width <= xsBreakpointMaxPixels;\n      }\n      case SkyMediaBreakpoints.sm: {\n        return width >= smBreakpointMinPixels && width <= smBreakpointMaxPixels;\n      }\n      case SkyMediaBreakpoints.md: {\n        return width >= mdBreakpointMinPixels && width <= mdBreakpointMaxPixels;\n      }\n      default: {\n        return width >= lgBreakpointMinPixels;\n      }\n    }\n  }\n\n  public destroy(): void {\n    this.currentSubject.complete();\n  }\n}\n","import {\n  Component,\n  OnDestroy,\n  EventEmitter,\n  Input,\n  Output,\n} from '@angular/core';\n\nimport { Subject } from 'rxjs';\n\n/**\n * @internal\n */\n@Component({\n  selector: 'sky-flyout-iterator',\n  templateUrl: './flyout-iterator.component.html',\n  styleUrls: ['./flyout-iterator.component.scss'],\n})\nexport class SkyFlyoutIteratorComponent implements OnDestroy {\n  @Input()\n  public nextButtonDisabled: boolean;\n\n  @Input()\n  public previousButtonDisabled: boolean;\n\n  @Output()\n  public get previousButtonClick(): EventEmitter<void> {\n    return this._previousButtonClick;\n  }\n\n  @Output()\n  public get nextButtonClick(): EventEmitter<void> {\n    return this._nextButtonClick;\n  }\n\n  private ngUnsubscribe = new Subject();\n\n  private _nextButtonClick = new EventEmitter<void>();\n\n  private _previousButtonClick = new EventEmitter<void>();\n\n  public ngOnDestroy(): void {\n    this.ngUnsubscribe.next();\n    this.ngUnsubscribe.complete();\n    this._previousButtonClick.complete();\n    this._nextButtonClick.complete();\n  }\n\n  public onIteratorPreviousClick(): void {\n    /* istanbul ignore else */\n    if (!this.previousButtonDisabled) {\n      this._previousButtonClick.emit();\n    }\n  }\n\n  public onIteratorNextClick(): void {\n    /* istanbul ignore else */\n    if (!this.nextButtonDisabled) {\n      this._nextButtonClick.emit();\n    }\n  }\n}\n","<div id=\"iterators\" class=\"sky-flyout-iterators\">\n  <button\n    class=\"sky-btn\"\n    [attr.aria-label]=\"\n      'skyux_flyout_iterator_previous_button' | skyLibResources\n    \"\n    [disabled]=\"previousButtonDisabled\"\n    [skyThemeClass]=\"{\n      'sky-btn-default sky-margin-inline-compact': 'default',\n      'sky-btn-icon-borderless sky-margin-inline-sm': 'modern'\n    }\"\n    (click)=\"onIteratorPreviousClick()\"\n  >\n    <sky-icon *skyThemeIf=\"'default'\" icon=\"chevron-up\"> </sky-icon>\n    <sky-icon\n      *skyThemeIf=\"'modern'\"\n      icon=\"chevron-up\"\n      iconType=\"skyux\"\n      size=\"lg\"\n    >\n    </sky-icon>\n  </button>\n  <button\n    class=\"sky-btn\"\n    [attr.aria-label]=\"'skyux_flyout_iterator_next_button' | skyLibResources\"\n    [disabled]=\"nextButtonDisabled\"\n    [skyThemeClass]=\"{\n      'sky-btn-default sky-margin-inline-compact': 'default',\n      'sky-btn-icon-borderless sky-margin-inline-sm': 'modern'\n    }\"\n    (click)=\"onIteratorNextClick()\"\n  >\n    <sky-icon *skyThemeIf=\"'default'\" icon=\"chevron-down\"> </sky-icon>\n    <sky-icon\n      *skyThemeIf=\"'modern'\"\n      icon=\"chevron-down\"\n      iconType=\"skyux\"\n      size=\"lg\"\n    >\n    </sky-icon>\n  </button>\n</div>\n","import {\n  Component,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  ComponentFactoryResolver,\n  ElementRef,\n  HostListener,\n  Injector,\n  OnDestroy,\n  OnInit,\n  ReflectiveInjector,\n  Type,\n  ViewChild,\n  ViewContainerRef,\n} from '@angular/core';\n\nimport {\n  animate,\n  AnimationEvent,\n  state,\n  style,\n  transition,\n  trigger,\n} from '@angular/animations';\n\nimport { fromEvent, Subject } from 'rxjs';\n\nimport { take, takeUntil, takeWhile } from 'rxjs/operators';\n\nimport {\n  SkyMediaBreakpoints,\n  SkyMediaQueryService,\n  SkyUIConfigService,\n} from '@skyux/core';\n\nimport { SkyLibResourcesService } from '@skyux/i18n';\n\nimport { SkyFlyoutAdapterService } from './flyout-adapter.service';\n\nimport { SkyFlyoutInstance } from './flyout-instance';\n\nimport { SkyFlyoutMediaQueryService } from './flyout-media-query.service';\n\nimport { SkyFlyoutAction } from './types/flyout-action';\n\nimport { SkyFlyoutConfig } from './types/flyout-config';\n\nimport { SkyFlyoutMessage } from './types/flyout-message';\n\nimport { SkyFlyoutMessageType } from './types/flyout-message-type';\n\nimport { SkyFlyoutPermalink } from './types/flyout-permalink';\n\nconst FLYOUT_OPEN_STATE = 'flyoutOpen';\nconst FLYOUT_CLOSED_STATE = 'flyoutClosed';\n\nlet nextId = 0;\n\n/**\n * @internal\n */\n@Component({\n  selector: 'sky-flyout',\n  templateUrl: './flyout.component.html',\n  styleUrls: ['./flyout.component.scss'],\n  providers: [\n    SkyFlyoutAdapterService,\n    SkyFlyoutMediaQueryService,\n    { provide: SkyMediaQueryService, useExisting: SkyFlyoutMediaQueryService },\n  ],\n  animations: [\n    trigger('flyoutState', [\n      state(FLYOUT_OPEN_STATE, style({ transform: 'initial' })),\n      state(FLYOUT_CLOSED_STATE, style({ transform: 'translateX(100%)' })),\n      transition('void => *', [\n        style({ transform: 'translateX(100%)' }),\n        animate(250),\n      ]),\n      transition(`* <=> *`, animate('250ms ease-in')),\n    ]),\n  ],\n  // Allow automatic change detection for child components.\n  changeDetection: ChangeDetectionStrategy.Default,\n})\nexport class SkyFlyoutComponent implements OnDestroy, OnInit {\n  public config: SkyFlyoutConfig;\n  public flyoutId: string = `sky-flyout-${++nextId}`;\n  public flyoutState = FLYOUT_CLOSED_STATE;\n  public isOpen = false;\n  public isOpening = false;\n\n  public flyoutWidth = 0;\n  public isDragging = false;\n  public isFullscreen = false;\n\n  private xCoord = 0;\n  private windowBufferSize = 20;\n\n  public get messageStream(): Subject<SkyFlyoutMessage> {\n    return this._messageStream;\n  }\n\n  public get permalink(): SkyFlyoutPermalink {\n    const permalink = this.config.permalink;\n    if (permalink) {\n      return permalink;\n    }\n\n    return {};\n  }\n\n  public get permalinkLabel(): string {\n    if (this.permalink.label) {\n      return this.permalink.label;\n    }\n\n    return this.getString('skyux_flyout_permalink_button');\n  }\n\n  public get primaryAction(): SkyFlyoutAction {\n    let primaryAction = this.config.primaryAction;\n    if (primaryAction) {\n      return primaryAction;\n    }\n\n    return {};\n  }\n\n  public get primaryActionLabel(): string {\n    if (this.config.primaryAction && this.config.primaryAction.label) {\n      return this.config.primaryAction.label;\n    }\n\n    return this.getString('skyux_flyout_primary_action_button');\n  }\n\n  public themeName: string;\n\n  /**\n   * @internal\n   */\n  public widthStep: number = 10;\n\n  /**\n   * @internal\n   */\n  @ViewChild('flyoutRef', {\n    read: ElementRef,\n    static: true,\n  })\n  public flyoutRef: ElementRef;\n\n  @ViewChild('target', {\n    read: ViewContainerRef,\n    static: true,\n  })\n  private target: ViewContainerRef;\n\n  @ViewChild('flyoutHeader', {\n    read: ElementRef,\n    static: true,\n  })\n  private flyoutHeader: ElementRef;\n\n  private flyoutInstance: SkyFlyoutInstance<any>;\n\n  private ngUnsubscribe = new Subject();\n\n  private _messageStream = new Subject<SkyFlyoutMessage>();\n\n  constructor(\n    private adapter: SkyFlyoutAdapterService,\n    private changeDetector: ChangeDetectorRef,\n    private injector: Injector,\n    private resolver: ComponentFactoryResolver,\n    private resourcesService: SkyLibResourcesService,\n    private flyoutMediaQueryService: SkyFlyoutMediaQueryService,\n    private elementRef: ElementRef,\n    private uiConfigService: SkyUIConfigService\n  ) {\n    // All commands flow through the message stream.\n    this.messageStream\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe((message: SkyFlyoutMessage) => {\n        this.handleIncomingMessages(message);\n      });\n  }\n\n  public ngOnInit(): void {\n    this.adapter.adjustHeaderForHelp(this.flyoutHeader);\n  }\n\n  public ngOnDestroy(): void {\n    this.ngUnsubscribe.next();\n    this.ngUnsubscribe.complete();\n  }\n\n  @HostListener('window:resize', ['$event'])\n  public onWindowResize(event: any): void {\n    if (\n      this.flyoutMediaQueryService.isWidthWithinBreakpiont(\n        event.target.innerWidth,\n        SkyMediaBreakpoints.xs\n      )\n    ) {\n      this.updateBreakpointAndResponsiveClass(event.target.innerWidth);\n    } else {\n      this.updateBreakpointAndResponsiveClass(this.flyoutWidth);\n    }\n\n    this.setFullscreen();\n\n    if (event.target.innerWidth - this.flyoutWidth < this.windowBufferSize) {\n      this.flyoutWidth = event.target.innerWidth - this.windowBufferSize;\n      this.xCoord = this.windowBufferSize;\n      this.setUserData();\n    }\n  }\n\n  public attach<T>(\n    component: Type<T>,\n    config: SkyFlyoutConfig\n  ): SkyFlyoutInstance<T> {\n    this.cleanTemplate();\n\n    // Emit the closed event on any previously opened flyout instance\n    if (this.flyoutInstance) {\n      this.notifyClosed();\n    }\n\n    this.config = Object.assign({ providers: [] }, config);\n    this.config.defaultWidth =\n      this.config.defaultWidth || window.innerWidth / 2;\n    this.config.minWidth = this.config.minWidth || 320;\n    this.config.maxWidth = this.config.maxWidth || this.config.defaultWidth;\n\n    this.config.showIterator = this.config.showIterator || false;\n    this.config.iteratorNextButtonDisabled =\n      this.config.iteratorNextButtonDisabled || false;\n    this.config.iteratorPreviousButtonDisabled =\n      this.config.iteratorPreviousButtonDisabled || false;\n\n    const factory = this.resolver.resolveComponentFactory(component);\n\n    /* tslint:disable:deprecation */\n    /**\n     * NOTE: We need to update this to use the new Injector.create(options) method\n     * after Angular 4 support is dropped.\n     */\n    const providers = ReflectiveInjector.resolve(this.config.providers);\n    const injector = ReflectiveInjector.fromResolvedProviders(\n      providers,\n      this.injector\n    );\n    /* tslint:enable:deprecation */\n\n    const componentRef = this.target.createComponent(\n      factory,\n      undefined,\n      injector\n    );\n\n    this.flyoutInstance = this.createFlyoutInstance<T>(componentRef.instance);\n\n    // Open the flyout immediately.\n    this.messageStream.next({\n      type: SkyFlyoutMessageType.Open,\n    });\n\n    if (this.config.settingsKey) {\n      this.uiConfigService\n        .getConfig(this.config.settingsKey)\n        .pipe(take(1))\n        .subscribe((value: any) => {\n          if (value && value.flyoutWidth) {\n            this.flyoutWidth = value.flyoutWidth;\n          } else {\n            // Bad data, or config is the default config.\n            this.flyoutWidth = this.config.defaultWidth;\n          }\n          this.checkInitialSize();\n        });\n    } else {\n      this.flyoutWidth = this.config.defaultWidth;\n      this.checkInitialSize();\n    }\n\n    return this.flyoutInstance;\n  }\n\n  public close(): void {\n    this.messageStream.next({\n      type: SkyFlyoutMessageType.Close,\n    });\n  }\n\n  public invokePrimaryAction(): boolean {\n    this.primaryAction.callback();\n\n    if (this.primaryAction.closeAfterInvoking) {\n      this.close();\n    }\n\n    return false;\n  }\n\n  public getAnimationState(): string {\n    return this.isOpening ? FLYOUT_OPEN_STATE : FLYOUT_CLOSED_STATE;\n  }\n\n  public animationDone(event: AnimationEvent): void {\n    if (event.toState === FLYOUT_OPEN_STATE) {\n      this.isOpen = true;\n    }\n\n    if (event.toState === FLYOUT_CLOSED_STATE) {\n      this.isOpen = false;\n      this.notifyClosed();\n      this.cleanTemplate();\n    }\n  }\n\n  public onHeaderGrabHandleMouseDown(event: MouseEvent): void {\n    this.onResizeHandleMouseDown(event);\n  }\n\n  public onHeaderGrabHandleKeyDown(event: KeyboardEvent): void {\n    /* istanbul ignore else */\n    if (event.key) {\n      const direction = event.key.toLowerCase().replace('arrow', '');\n      switch (direction) {\n        case 'left':\n          /* istanbul ignore else */\n          if (this.flyoutWidth < this.config.maxWidth) {\n            this.flyoutWidth = Math.min(\n              this.flyoutWidth + this.widthStep,\n              this.config.maxWidth\n            );\n          }\n          break;\n\n        case 'right':\n          /* istanbul ignore else */\n          if (this.flyoutWidth > this.config.minWidth) {\n            this.flyoutWidth = Math.max(\n              this.flyoutWidth - this.widthStep,\n              this.config.minWidth\n            );\n          }\n          break;\n\n        /* istanbul ignore next */\n        default:\n          break;\n      }\n    }\n  }\n\n  public onResizeHandleMouseDown(event: MouseEvent): void {\n    event.preventDefault();\n    event.stopPropagation();\n\n    if (this.isFullscreen) {\n      return;\n    }\n\n    this.isDragging = true;\n    this.xCoord = event.clientX;\n\n    this.adapter.toggleIframePointerEvents(false);\n\n    fromEvent(document, 'mousemove')\n      .pipe(\n        takeWhile(() => {\n          return this.isDragging;\n        })\n      )\n      .subscribe((moveEvent: any) => {\n        this.onMouseMove(moveEvent);\n      });\n\n    fromEvent(document, 'mouseup')\n      .pipe(\n        takeWhile(() => {\n          return this.isDragging;\n        })\n      )\n      .subscribe((mouseUpEvent: any) => {\n        this.onHandleRelease(mouseUpEvent);\n      });\n  }\n\n  public onMouseMove(event: MouseEvent): void {\n    /* Sanity check */\n    /* istanbul ignore if */\n    if (!this.isDragging) {\n      return;\n    }\n\n    const offsetX = event.clientX - this.xCoord;\n    let width = this.flyoutWidth;\n\n    width -= offsetX;\n\n    if (width < this.config.minWidth || width > this.config.maxWidth) {\n      return;\n    }\n\n    if (window.innerWidth - width < this.windowBufferSize) {\n      width = window.innerWidth - this.windowBufferSize;\n      this.xCoord = this.windowBufferSize;\n    } else {\n      this.xCoord = event.clientX;\n    }\n\n    this.flyoutWidth = width;\n\n    this.updateBreakpointAndResponsiveClass(this.flyoutWidth);\n\n    this.changeDetector.markForCheck();\n  }\n\n  public onHandleRelease(event: MouseEvent): void {\n    fromEvent(document, 'click')\n      .pipe(take(1))\n      .subscribe(() => {\n        this.isDragging = false;\n        this.adapter.toggleIframePointerEvents(true);\n        this.setUserData();\n      });\n  }\n\n  public onIteratorPreviousButtonClick(): void {\n    this.flyoutInstance.iteratorPreviousButtonClick.emit();\n  }\n\n  public onIteratorNextButtonClick(): void {\n    this.flyoutInstance.iteratorNextButtonClick.emit();\n  }\n\n  private createFlyoutInstance<T>(component: T): SkyFlyoutInstance<T> {\n    const instance = new SkyFlyoutInstance<T>();\n\n    instance.componentInstance = component;\n    instance.hostController\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe((message: SkyFlyoutMessage) => {\n        this.messageStream.next(message);\n      });\n\n    return instance;\n  }\n\n  private handleIncomingMessages(message: SkyFlyoutMessage): void {\n    /* tslint:disable-next-line:switch-default */\n    switch (message.type) {\n      case SkyFlyoutMessageType.Open:\n        if (!this.isOpen) {\n          this.isOpen = false;\n          this.isOpening = true;\n        }\n        break;\n\n      case SkyFlyoutMessageType.Close:\n        this.isOpen = true;\n        this.isOpening = false;\n        break;\n\n      case SkyFlyoutMessageType.EnableIteratorNextButton:\n        this.config.iteratorNextButtonDisabled = false;\n        break;\n\n      case SkyFlyoutMessageType.EnableIteratorPreviousButton:\n        this.config.iteratorPreviousButtonDisabled = false;\n        break;\n\n      case SkyFlyoutMessageType.DisableIteratorNextButton:\n        this.config.iteratorNextButtonDisabled = true;\n        break;\n\n      case SkyFlyoutMessageType.DisableIteratorPreviousButton:\n        this.config.iteratorPreviousButtonDisabled = true;\n        break;\n    }\n\n    this.changeDetector.markForCheck();\n  }\n\n  private notifyClosed(): void {\n    this.flyoutInstance.closed.emit();\n    this.flyoutInstance.closed.complete();\n  }\n\n  private cleanTemplate(): void {\n    this.target.clear();\n  }\n\n  private updateBreakpointAndResponsiveClass(width: number): void {\n    this.flyoutMediaQueryService.setBreakpointForWidth(width);\n\n    const newBreakpiont = this.flyoutMediaQueryService.current;\n\n    this.adapter.setResponsiveClass(this.elementRef, newBreakpiont);\n  }\n\n  private setFullscreen(): void {\n    if (window.innerWidth - this.windowBufferSize < this.config.minWidth) {\n      this.isFullscreen = true;\n    } else {\n      this.isFullscreen = false;\n    }\n  }\n\n  private setUserData(): void {\n    if (this.config.settingsKey) {\n      this.uiConfigService\n        .setConfig(this.config.settingsKey, {\n          flyoutWidth: this.flyoutWidth,\n        })\n        .pipe(take(1))\n        .subscribe(\n          () => {},\n          (err) => {\n            console.warn('Could not save flyout data.');\n            console.warn(err);\n          }\n        );\n    }\n  }\n\n  private checkInitialSize(): void {\n    if (this.flyoutWidth < this.config.minWidth) {\n      this.flyoutWidth = this.config.minWidth;\n      this.setUserData();\n    } else if (this.flyoutWidth > this.config.maxWidth) {\n      this.flyoutWidth = this.config.maxWidth;\n      this.setUserData();\n    }\n\n    // Ensure flyout does not load larger than the window and its buffer\n    if (window.innerWidth - this.flyoutWidth < this.windowBufferSize) {\n      this.flyoutWidth = window.innerWidth - this.windowBufferSize;\n      this.xCoord = this.windowBufferSize;\n      this.setUserData();\n    }\n\n    if (\n      this.flyoutMediaQueryService.isWidthWithinBreakpiont(\n        window.innerWidth,\n        SkyMediaBreakpoints.xs\n      )\n    ) {\n      this.updateBreakpointAndResponsiveClass(window.innerWidth);\n    } else {\n      this.updateBreakpointAndResponsiveClass(this.flyoutWidth);\n    }\n\n    this.setFullscreen();\n  }\n\n  private getString(key: string): string {\n    // TODO: Need to implement the async `getString` method in a breaking change.\n    return this.resourcesService.getStringForLocale({ locale: 'en-US' }, key);\n  }\n}\n","<div\n  class=\"sky-flyout\"\n  tabindex=\"-1\"\n  [attr.role]=\"config?.ariaRole\"\n  [attr.aria-describedby]=\"config?.ariaDescribedBy\"\n  [attr.aria-labelledby]=\"config?.ariaLabelledBy\"\n  [id]=\"flyoutId\"\n  [ngClass]=\"{\n    'sky-flyout-hidden': !isOpen && !isOpening,\n    'sky-flyout-fullscreen': isFullscreen\n  }\"\n  [skyThemeClass]=\"{\n    'sky-shadow': 'default',\n    'sky-elevation-8': 'modern'\n  }\"\n  (@flyoutState.done)=\"animationDone($event)\"\n  [@flyoutState]=\"getAnimationState()\"\n  [style.width.px]=\"flyoutWidth\"\n  #flyoutRef\n>\n  <input\n    class=\"sky-flyout-resize-handle\"\n    role=\"separator\"\n    type=\"range\"\n    [attr.aria-controls]=\"flyoutId\"\n    [attr.aria-label]=\"'skyux_flyout_resize_handle' | skyLibResources\"\n    [attr.aria-valuemax]=\"config.maxWidth\"\n    [attr.aria-valuemin]=\"config.minWidth\"\n    [attr.aria-valuenow]=\"flyoutWidth\"\n    [attr.step]=\"widthStep\"\n    [max]=\"config.maxWidth\"\n    [min]=\"config.minWidth\"\n    [(ngModel)]=\"flyoutWidth\"\n    (mousedown)=\"onResizeHandleMouseDown($event)\"\n  />\n\n  <div\n    class=\"sky-flyout-header\"\n    [skyThemeClass]=\"{\n      'sky-padding-squish-large': 'default'\n    }\"\n    #flyoutHeader\n  >\n    <div class=\"sky-flyout-header-content\">\n      <button\n        *skyThemeIf=\"'modern'\"\n        class=\"\n          sky-btn\n          sky-btn-icon-borderless\n          sky-margin-inline-sm\n          sky-flyout-header-grab-handle\n        \"\n        [attr.aria-label]=\"'skyux_flyout_resize_handle' | skyLibResources\"\n        (keydown)=\"onHeaderGrabHandleKeyDown($event)\"\n        (mousedown)=\"onHeaderGrabHandleMouseDown($event)\"\n      >\n        <sky-icon icon=\"tile-drag\" iconType=\"skyux\" size=\"lg\"> </sky-icon>\n      </button>\n\n      <sky-flyout-iterator\n        *ngIf=\"config.showIterator\"\n        [nextButtonDisabled]=\"config.iteratorNextButtonDisabled\"\n        [previousButtonDisabled]=\"config.iteratorPreviousButtonDisabled\"\n        (nextButtonClick)=\"onIteratorNextButtonClick()\"\n        (previousButtonClick)=\"onIteratorPreviousButtonClick()\"\n      >\n      </sky-flyout-iterator>\n    </div>\n    <div class=\"sky-flyout-header-buttons\">\n      <ng-container *ngTemplateOutlet=\"permalinkTemplate\"> </ng-container>\n      <ng-container *ngTemplateOutlet=\"primaryActionTemplate\"> </ng-container>\n      <button\n        class=\"sky-btn sky-flyout-btn-close sky-label-icon-theme-default\"\n        type=\"button\"\n        [attr.aria-label]=\"'skyux_flyout_close' | skyLibResources\"\n        [skyThemeClass]=\"{\n          'sky-btn-default': 'default',\n          'sky-btn-icon-borderless': 'modern'\n        }\"\n        (click)=\"close()\"\n      >\n        <sky-icon *skyThemeIf=\"'default'\" icon=\"close\"> </sky-icon>\n        <sky-icon\n          *skyThemeIf=\"'modern'\"\n          icon=\"close\"\n          iconType=\"skyux\"\n          size=\"lg\"\n        >\n        </sky-icon>\n      </button>\n    </div>\n  </div>\n  <div class=\"sky-flyout-content\">\n    <div #target></div>\n  </div>\n</div>\n\n<ng-template #permalinkTemplate>\n  <ng-template [ngIf]=\"permalink\">\n    <ng-template [ngIf]=\"permalink.url\">\n      <a\n        class=\"sky-btn sky-flyout-btn-permalink sky-margin-inline-default\"\n        [skyHref]=\"permalink.url\"\n        [skyThemeClass]=\"{\n          'sky-btn-default': 'default',\n          'sky-btn-borderless': 'modern'\n        }\"\n        (click)=\"close()\"\n      >\n        {{ permalinkLabel }}\n      </a>\n    </ng-template>\n    <ng-template [ngIf]=\"permalink.route\">\n      <a\n        class=\"sky-btn sky-flyout-btn-permalink sky-margin-inline-default\"\n        [routerLink]=\"permalink.route.commands\"\n        [fragment]=\"permalink.route.extras?.fragment\"\n        [skyThemeClass]=\"{\n          'sky-btn-default': 'default',\n          'sky-btn-borderless': 'modern'\n        }\"\n        [queryParams]=\"permalink.route.extras?.queryParams\"\n        [queryParamsHandling]=\"permalink.route.extras?.queryParamsHandling\"\n        [state]=\"permalink.route.extras?.state\"\n        (click)=\"close()\"\n      >\n        {{ permalinkLabel }}\n      </a>\n    </ng-template>\n  </ng-template>\n</ng-template>\n\n<ng-template #primaryActionTemplate>\n  <ng-template [ngIf]=\"primaryAction && primaryAction.callback\">\n    <button\n      type=\"button\"\n      class=\"\n        sky-btn\n        sky-btn-default\n        sky-flyout-btn-primary-action\n        sky-margin-inline-default\n      \"\n      (click)=\"invokePrimaryAction()\"\n    >\n      {{ primaryActionLabel }}\n    </button>\n  </ng-template>\n</ng-template>\n","import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { FormsModule } from '@angular/forms';\n\nimport { RouterModule } from '@angular/router';\n\nimport { SkyIconModule } from '@skyux/indicators';\n\nimport { SkyI18nModule } from '@skyux/i18n';\n\nimport { SkyHrefModule } from '@skyux/router';\n\nimport { SkyThemeModule } from '@skyux/theme';\n\nimport { SkyFlyoutResourcesModule } from '../shared/flyout-resources.module';\n\nimport { SkyFlyoutComponent } from './flyout.component';\n\nimport { SkyFlyoutIteratorComponent } from './flyout-iterator.component';\n\n@NgModule({\n  declarations: [SkyFlyoutComponent, SkyFlyoutIteratorComponent],\n  imports: [\n    CommonModule,\n    FormsModule,\n    RouterModule,\n    SkyI18nModule,\n    SkyIconModule,\n    SkyFlyoutResourcesModule,\n    SkyThemeModule,\n    SkyHrefModule,\n  ],\n  exports: [SkyFlyoutComponent],\n  entryComponents: [SkyFlyoutComponent],\n})\nexport class SkyFlyoutModule {}\n","import { ComponentRef, Injectable, OnDestroy, Type } from '@angular/core';\n\nimport { NavigationStart, Router } from '@angular/router';\n\nimport {\n  SkyAppWindowRef,\n  SkyCoreAdapterService,\n  SkyDynamicComponentService,\n} from '@skyux/core';\n\nimport { fromEvent, Subject } from 'rxjs';\n\nimport { take, takeUntil, takeWhile } from 'rxjs/operators';\n\nimport { SkyFlyoutComponent } from './flyout.component';\n\nimport { SkyFlyoutInstance } from './flyout-instance';\n\nimport { SkyFlyoutConfig } from './types/flyout-config';\n\nimport { SkyFlyoutMessage } from './types/flyout-message';\n\nimport { SkyFlyoutMessageType } from './types/flyout-message-type';\n\n/**\n * Launches flyouts and provides a common look and feel.\n * This service dynamically generates the flyout component and appends it directly to the\n * document's `body` element. The `SkyFlyoutInstance` class watches for and triggers flyout events.\n */\n@Injectable({\n  providedIn: 'any',\n})\nexport class SkyFlyoutService implements OnDestroy {\n  private host: ComponentRef<SkyFlyoutComponent>;\n  private removeAfterClosed = false;\n  private isOpening: boolean = false;\n  private ngUnsubscribe = new Subject<boolean>();\n\n  constructor(\n    private coreAdapter: SkyCoreAdapterService,\n    private windowRef: SkyAppWindowRef,\n    private dynamicComponentService: SkyDynamicComponentService,\n    private router: Router\n  ) {}\n\n  public ngOnDestroy(): void {\n    this.removeListners();\n    if (this.host) {\n      this.removeHostComponent();\n    }\n  }\n\n  /**\n   * Closes the flyout. This method also removes the flyout's HTML elements from the DOM.\n   */\n  public close(): void {\n    if (this.host && !this.isOpening) {\n      this.removeAfterClosed = true;\n      this.host.instance.messageStream.next({\n        type: SkyFlyoutMessageType.Close,\n      });\n    }\n  }\n\n  /**\n   * Opens a flyout and displays the specified component.\n   * @param component Specifies the component to render. Since you generate the component dynamically instead of\n   * with HTML selectors, you must register it with the `entryComponents` property in the\n   * `app-extras.module.ts` file. For more information, see the\n   * [entry components tutorial](https://developer.blackbaud.com/skyux/learn/get-started/advanced/entry-components).\n   * @param config Specifies the flyout configuration passed to the specified component's constructor.\n   */\n  public open<T>(\n    component: Type<T>,\n    config?: SkyFlyoutConfig\n  ): SkyFlyoutInstance<T> {\n    // isOpening flag will prevent close() from firing when open() is also fired.\n    this.isOpening = true;\n    this.windowRef.nativeWindow.setTimeout(() => {\n      this.isOpening = false;\n    });\n\n    if (!this.host) {\n      this.host = this.createHostComponent();\n\n      this.router.events\n        .pipe(takeWhile(() => this.host !== undefined))\n        .subscribe((event) => {\n          if (event instanceof NavigationStart) {\n            this.close();\n          }\n        });\n    }\n\n    const flyout = this.host.instance.attach(component, config);\n\n    this.addListeners(flyout);\n\n    return flyout;\n  }\n\n  private createHostComponent(): ComponentRef<SkyFlyoutComponent> {\n    this.host =\n      this.dynamicComponentService.createComponent(SkyFlyoutComponent);\n    return this.host;\n  }\n\n  private removeHostComponent(): void {\n    if (this.host) {\n      this.dynamicComponentService.removeComponent(this.host);\n      this.host = undefined;\n    }\n  }\n\n  private addListeners<T>(flyout: SkyFlyoutInstance<T>): void {\n    /* istanbul ignore else */\n    if (this.host) {\n      const flyoutInstance = this.host.instance;\n\n      let doClose = false;\n\n      /**\n       * Handles when to close a flyout.\n       * Note: We're using `mouseup` in order to capture the parent of certain targets that will be\n       * deleted immediately after being clicked. If we use `click`, the event is fired after the\n       * element is removed from the DOM making it impossible to check the parent's z-index\n       * relative to the flyout's container.\n       */\n      fromEvent(document, 'mouseup')\n        .pipe(takeUntil(this.ngUnsubscribe))\n        .subscribe((event: MouseEvent) => {\n          doClose = false;\n\n          if (this.host.instance.isDragging) {\n            return;\n          }\n\n          if (flyoutInstance.flyoutRef.nativeElement.contains(event.target)) {\n            return;\n          }\n\n          const isAbove =\n            event.target === document\n              ? false\n              : this.coreAdapter.isTargetAboveElement(\n                  event.target,\n                  flyoutInstance.flyoutRef.nativeElement\n                );\n\n          /* istanbul ignore else */\n          if (!isAbove) {\n            doClose = true;\n          }\n        });\n\n      /**\n       * Check if we should close the flyout specifically on a `click` event so that we can keep\n       * it open when consumers fire another `click` event on a trigger button. Since the consumer\n       * will likely use a `click` event to open the flyout, we want to wait for that event to fire\n       * before determining if the flyout should be closed.\n       */\n      fromEvent(document, 'click')\n        .pipe(takeUntil(this.ngUnsubscribe))\n        .subscribe(() => {\n          if (doClose) {\n            this.close();\n          }\n        });\n\n      this.removeAfterClosed = false;\n      flyoutInstance.messageStream\n        .pipe(take(1))\n        .subscribe((message: SkyFlyoutMessage) => {\n          if (message.type === SkyFlyoutMessageType.Close) {\n            this.removeAfterClosed = true;\n            this.isOpening = false;\n          }\n        });\n\n      flyout.closed.pipe(take(1)).subscribe(() => {\n        this.removeListners();\n        if (this.removeAfterClosed) {\n          this.removeHostComponent();\n        }\n      });\n    }\n  }\n\n  private removeListners(): void {\n    this.ngUnsubscribe.next(true);\n    this.ngUnsubscribe.unsubscribe();\n    this.ngUnsubscribe = new Subject<boolean>();\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;;IAGY;AAAZ,WAAY,oBAAoB;IAC9B,+DAAQ,CAAA;IACR,iEAAK,CAAA;IACL,uGAAwB,CAAA;IACxB,+GAA4B,CAAA;IAC5B,yGAAyB,CAAA;IACzB,iHAA6B,CAAA;AAC/B,CAAC,EAPW,oBAAoB,KAApB,oBAAoB;;ACKhC;;;MAGa,iBAAiB;IA2F5B;;;;QAvFO,WAAM,GAAG,IAAI,YAAY,EAAQ,CAAC;;;;;QAmBlC,WAAM,GAAG,IAAI,CAAC;QA0Db,6BAAwB,GAAG,IAAI,YAAY,EAAQ,CAAC;QAEpD,iCAA4B,GAAG,IAAI,YAAY,EAAQ,CAAC;QAExD,gCAA2B,GAAG,KAAK,CAAC;QAEpC,oCAA+B,GAAG,KAAK,CAAC;QAExC,oBAAe,GAAG,IAAI,OAAO,EAAoB,CAAC;QAGxD,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC;YACpB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;SACrB,CAAC,CAAC;KACJ;;;;;IAhFD,IAAW,cAAc;QACvB,OAAO,IAAI,CAAC,eAAe,CAAC;KAC7B;;;;IAWD,IAAW,uBAAuB;QAChC,OAAO,IAAI,CAAC,wBAAwB,CAAC;KACtC;;;;IAKD,IAAW,2BAA2B;QACpC,OAAO,IAAI,CAAC,4BAA4B,CAAC;KAC1C;;;;;IAMD,IAAW,0BAA0B,CAAC,QAAiB;QACrD,IAAI,CAAC,2BAA2B,GAAG,QAAQ,CAAC;QAC5C,IAAI,QAAQ,EAAE;YACZ,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC;gBACvB,IAAI,EAAE,oBAAoB,CAAC,yBAAyB;aACrD,CAAC,CAAC;SACJ;aAAM;YACL,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC;gBACvB,IAAI,EAAE,oBAAoB,CAAC,wBAAwB;aACpD,CAAC,CAAC;SACJ;KACF;IAED,IAAW,0BAA0B;QACnC,OAAO,IAAI,CAAC,2BAA2B,CAAC;KACzC;;;;;IAMD,IAAW,8BAA8B,CAAC,QAAiB;QACzD,IAAI,CAAC,+BAA+B,GAAG,QAAQ,CAAC;QAChD,IAAI,QAAQ,EAAE;YACZ,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC;gBACvB,IAAI,EAAE,oBAAoB,CAAC,6BAA6B;aACzD,CAAC,CAAC;SACJ;aAAM;YACL,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC;gBACvB,IAAI,EAAE,oBAAoB,CAAC,4BAA4B;aACxD,CAAC,CAAC;SACJ;KACF;IAED,IAAW,8BAA8B;QACvC,OAAO,IAAI,CAAC,+BAA+B,CAAC;KAC7C;;;;IAqBM,KAAK;QACV,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC;YACvB,IAAI,EAAE,oBAAoB,CAAC,KAAK;SACjC,CAAC,CAAC;QAEH,IAAI,CAAC,4BAA4B,CAAC,QAAQ,EAAE,CAAC;QAC7C,IAAI,CAAC,wBAAwB,CAAC,QAAQ,EAAE,CAAC;QAEzC,IAAI,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC;KAChC;;;ACxHH;;;;;;AAiBA,MAAM,SAAS,GAA0C;IACvD,OAAO,EAAE;QACP,kBAAkB,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE;QAC/C,qCAAqC,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE;QAC9D,iCAAiC,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QACtD,6BAA6B,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE;QACzD,kCAAkC,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE;QAC9D,0BAA0B,EAAE;YAC1B,OAAO,EACL,2HAA2H;SAC9H;KACF;CACF,CAAC;MAEW,0BAA0B;IAC9B,SAAS,CAAC,UAA4B,EAAE,IAAY;QACzD,OAAO,qBAAqB,CAAC,SAAS,EAAE,UAAU,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;KAClE;CACF;AAED;;;MAaa,wBAAwB;;sHAAxB,wBAAwB;uHAAxB,wBAAwB,YATzB,aAAa;uHASZ,wBAAwB,aARxB;QACT;YACE,OAAO,EAAE,2BAA2B;YACpC,QAAQ,EAAE,0BAA0B;YACpC,KAAK,EAAE,IAAI;SACZ;KACF,YAPS,aAAa;4FASZ,wBAAwB;kBAVpC,QAAQ;mBAAC;oBACR,OAAO,EAAE,CAAC,aAAa,CAAC;oBACxB,SAAS,EAAE;wBACT;4BACE,OAAO,EAAE,2BAA2B;4BACpC,QAAQ,EAAE,0BAA0B;4BACpC,KAAK,EAAE,IAAI;yBACZ;qBACF;iBACF;;;ACxCD;;;MAIa,uBAAuB;IAGlC,YACU,eAAiC,EACjC,SAA0B;QAD1B,oBAAe,GAAf,eAAe,CAAkB;QACjC,cAAS,GAAT,SAAS,CAAiB;QAElC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,eAAe,CAAC,cAAc,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;KAC3E;IAEM,mBAAmB,CAAC,MAAkB;QAC3C,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC;QAC9C,MAAM,UAAU,GAAG,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC;QAExE,IAAI,UAAU,EAAE;YACd,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,aAAa,EAAE,sBAAsB,CAAC,CAAC;SACtE;KACF;IAEM,kBAAkB,CACvB,OAAmB,EACnB,UAA+B;QAE/B,MAAM,QAAQ,GAAgB,OAAO,CAAC,aAAa,CAAC;QAEpD,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,QAAQ,EAAE,6BAA6B,CAAC,CAAC;QACnE,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,QAAQ,EAAE,6BAA6B,CAAC,CAAC;QACnE,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,QAAQ,EAAE,6BAA6B,CAAC,CAAC;QACnE,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,QAAQ,EAAE,6BAA6B,CAAC,CAAC;QAEnE,IAAI,QAAgB,CAAC;QAErB,QAAQ,UAAU;YAChB,KAAK,mBAAmB,CAAC,EAAE,EAAE;gBAC3B,QAAQ,GAAG,6BAA6B,CAAC;gBACzC,MAAM;aACP;YACD,KAAK,mBAAmB,CAAC,EAAE,EAAE;gBAC3B,QAAQ,GAAG,6BAA6B,CAAC;gBACzC,MAAM;aACP;YACD,KAAK,mBAAmB,CAAC,EAAE,EAAE;gBAC3B,QAAQ,GAAG,6BAA6B,CAAC;gBACzC,MAAM;aACP;YACD,SAAS;gBACP,QAAQ,GAAG,6BAA6B,CAAC;gBACzC,MAAM;aACP;SACF;QAED,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;KAC5C;IAEM,yBAAyB,CAAC,MAAe;;;;;QAK9C,MAAM,OAAO,GAAG,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;QACpD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACvC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,aAAa,GAAG,MAAM,GAAG,EAAE,GAAG,MAAM,CAAC;SACvD;KACF;;qHA/DU,uBAAuB;yHAAvB,uBAAuB;4FAAvB,uBAAuB;kBADnC,UAAU;;;ACNX;;;MAIa,0BAA0B;IAWrC;QANQ,mBAAc,GAAG,IAAI,eAAe,CAC1C,IAAI,CAAC,OAAO,CACb,CAAC;QAEM,aAAQ,GAAG,mBAAmB,CAAC,EAAE,CAAC;QAGxC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;KACzC;IAZD,IAAW,OAAO;QAChB,OAAO,IAAI,CAAC,QAAQ,CAAC;KACtB;IAYM,SAAS,CAAC,QAA+B;QAC9C,OAAO,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC;YACnC,IAAI,EAAE,CAAC,WAAgC;gBACrC,QAAQ,CAAC,WAAW,CAAC,CAAC;aACvB;SACF,CAAC,CAAC;KACJ;IAEM,qBAAqB,CAAC,KAAa;QACxC,IAAI,UAA+B,CAAC;QAEpC,IAAI,IAAI,CAAC,uBAAuB,CAAC,KAAK,EAAE,mBAAmB,CAAC,EAAE,CAAC,EAAE;YAC/D,UAAU,GAAG,mBAAmB,CAAC,EAAE,CAAC;SACrC;aAAM,IAAI,IAAI,CAAC,uBAAuB,CAAC,KAAK,EAAE,mBAAmB,CAAC,EAAE,CAAC,EAAE;YACtE,UAAU,GAAG,mBAAmB,CAAC,EAAE,CAAC;SACrC;aAAM,IAAI,IAAI,CAAC,uBAAuB,CAAC,KAAK,EAAE,mBAAmB,CAAC,EAAE,CAAC,EAAE;YACtE,UAAU,GAAG,mBAAmB,CAAC,EAAE,CAAC;SACrC;aAAM;YACL,UAAU,GAAG,mBAAmB,CAAC,EAAE,CAAC;SACrC;QAED,IAAI,CAAC,QAAQ,GAAG,UAAU,CAAC;QAC3B,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;KACzC;IAEM,uBAAuB,CAC5B,KAAa,EACb,UAA+B;QAE/B,MAAM,qBAAqB,GAAG,GAAG,CAAC;QAClC,MAAM,qBAAqB,GAAG,GAAG,CAAC;QAClC,MAAM,qBAAqB,GAAG,GAAG,CAAC;QAClC,MAAM,qBAAqB,GAAG,GAAG,CAAC;QAClC,MAAM,qBAAqB,GAAG,IAAI,CAAC;QACnC,MAAM,qBAAqB,GAAG,IAAI,CAAC;QAEnC,QAAQ,UAAU;YAChB,KAAK,mBAAmB,CAAC,EAAE,EAAE;gBAC3B,OAAO,KAAK,IAAI,qBAAqB,CAAC;aACvC;YACD,KAAK,mBAAmB,CAAC,EAAE,EAAE;gBAC3B,OAAO,KAAK,IAAI,qBAAqB,IAAI,KAAK,IAAI,qBAAqB,CAAC;aACzE;YACD,KAAK,mBAAmB,CAAC,EAAE,EAAE;gBAC3B,OAAO,KAAK,IAAI,qBAAqB,IAAI,KAAK,IAAI,qBAAqB,CAAC;aACzE;YACD,SAAS;gBACP,OAAO,KAAK,IAAI,qBAAqB,CAAC;aACvC;SACF;KACF;IAEM,OAAO;QACZ,IAAI,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC;KAChC;;wHArEU,0BAA0B;4HAA1B,0BAA0B;4FAA1B,0BAA0B;kBADtC,UAAU;;;ACCX;;;MAQa,0BAA0B;IALvC;QAsBU,kBAAa,GAAG,IAAI,OAAO,EAAE,CAAC;QAE9B,qBAAgB,GAAG,IAAI,YAAY,EAAQ,CAAC;QAE5C,yBAAoB,GAAG,IAAI,YAAY,EAAQ,CAAC;KAsBzD;IApCC,IACW,mBAAmB;QAC5B,OAAO,IAAI,CAAC,oBAAoB,CAAC;KAClC;IAED,IACW,eAAe;QACxB,OAAO,IAAI,CAAC,gBAAgB,CAAC;KAC9B;IAQM,WAAW;QAChB,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;QAC1B,IAAI,CAAC,aAAa,CAAC,QAAQ,EAAE,CAAC;QAC9B,IAAI,CAAC,oBAAoB,CAAC,QAAQ,EAAE,CAAC;QACrC,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC;KAClC;IAEM,uBAAuB;;QAE5B,IAAI,CAAC,IAAI,CAAC,sBAAsB,EAAE;YAChC,IAAI,CAAC,oBAAoB,CAAC,IAAI,EAAE,CAAC;SAClC;KACF;IAEM,mBAAmB;;QAExB,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE;YAC5B,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,CAAC;SAC9B;KACF;;wHA1CU,0BAA0B;4GAA1B,0BAA0B,gQClBvC,yvCA0CA;4FDxBa,0BAA0B;kBALtC,SAAS;mBAAC;oBACT,QAAQ,EAAE,qBAAqB;oBAC/B,WAAW,EAAE,kCAAkC;oBAC/C,SAAS,EAAE,CAAC,kCAAkC,CAAC;iBAChD;8BAGQ,kBAAkB;sBADxB,KAAK;gBAIC,sBAAsB;sBAD5B,KAAK;gBAIK,mBAAmB;sBAD7B,MAAM;gBAMI,eAAe;sBADzB,MAAM;;;AEuBT,MAAM,iBAAiB,GAAG,YAAY,CAAC;AACvC,MAAM,mBAAmB,GAAG,cAAc,CAAC;AAE3C,IAAI,MAAM,GAAG,CAAC,CAAC;AAEf;;;MA0Ba,kBAAkB;IAsF7B,YACU,OAAgC,EAChC,cAAiC,EACjC,QAAkB,EAClB,QAAkC,EAClC,gBAAwC,EACxC,uBAAmD,EACnD,UAAsB,EACtB,eAAmC;QAPnC,YAAO,GAAP,OAAO,CAAyB;QAChC,mBAAc,GAAd,cAAc,CAAmB;QACjC,aAAQ,GAAR,QAAQ,CAAU;QAClB,aAAQ,GAAR,QAAQ,CAA0B;QAClC,qBAAgB,GAAhB,gBAAgB,CAAwB;QACxC,4BAAuB,GAAvB,uBAAuB,CAA4B;QACnD,eAAU,GAAV,UAAU,CAAY;QACtB,oBAAe,GAAf,eAAe,CAAoB;QA5FtC,aAAQ,GAAW,cAAc,EAAE,MAAM,EAAE,CAAC;QAC5C,gBAAW,GAAG,mBAAmB,CAAC;QAClC,WAAM,GAAG,KAAK,CAAC;QACf,cAAS,GAAG,KAAK,CAAC;QAElB,gBAAW,GAAG,CAAC,CAAC;QAChB,eAAU,GAAG,KAAK,CAAC;QACnB,iBAAY,GAAG,KAAK,CAAC;QAEpB,WAAM,GAAG,CAAC,CAAC;QACX,qBAAgB,GAAG,EAAE,CAAC;;;;QA6CvB,cAAS,GAAW,EAAE,CAAC;QAyBtB,kBAAa,GAAG,IAAI,OAAO,EAAE,CAAC;QAE9B,mBAAc,GAAG,IAAI,OAAO,EAAoB,CAAC;;QAavD,IAAI,CAAC,aAAa;aACf,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;aACnC,SAAS,CAAC,CAAC,OAAyB;YACnC,IAAI,CAAC,sBAAsB,CAAC,OAAO,CAAC,CAAC;SACtC,CAAC,CAAC;KACN;IAxFD,IAAW,aAAa;QACtB,OAAO,IAAI,CAAC,cAAc,CAAC;KAC5B;IAED,IAAW,SAAS;QAClB,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC;QACxC,IAAI,SAAS,EAAE;YACb,OAAO,SAAS,CAAC;SAClB;QAED,OAAO,EAAE,CAAC;KACX;IAED,IAAW,cAAc;QACvB,IAAI,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE;YACxB,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC;SAC7B;QAED,OAAO,IAAI,CAAC,SAAS,CAAC,+BAA+B,CAAC,CAAC;KACxD;IAED,IAAW,aAAa;QACtB,IAAI,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC;QAC9C,IAAI,aAAa,EAAE;YACjB,OAAO,aAAa,CAAC;SACtB;QAED,OAAO,EAAE,CAAC;KACX;IAED,IAAW,kBAAkB;QAC3B,IAAI,IAAI,CAAC,MAAM,CAAC,aAAa,IAAI,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,KAAK,EAAE;YAChE,OAAO,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,KAAK,CAAC;SACxC;QAED,OAAO,IAAI,CAAC,SAAS,CAAC,oCAAoC,CAAC,CAAC;KAC7D;IAsDM,QAAQ;QACb,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;KACrD;IAEM,WAAW;QAChB,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;QAC1B,IAAI,CAAC,aAAa,CAAC,QAAQ,EAAE,CAAC;KAC/B;IAGM,cAAc,CAAC,KAAU;QAC9B,IACE,IAAI,CAAC,uBAAuB,CAAC,uBAAuB,CAClD,KAAK,CAAC,MAAM,CAAC,UAAU,EACvB,mBAAmB,CAAC,EAAE,CACvB,EACD;YACA,IAAI,CAAC,kCAAkC,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;SAClE;aAAM;YACL,IAAI,CAAC,kCAAkC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;SAC3D;QAED,IAAI,CAAC,aAAa,EAAE,CAAC;QAErB,IAAI,KAAK,CAAC,MAAM,CAAC,UAAU,GAAG,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,gBAAgB,EAAE;YACtE,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,UAAU,GAAG,IAAI,CAAC,gBAAgB,CAAC;YACnE,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,gBAAgB,CAAC;YACpC,IAAI,CAAC,WAAW,EAAE,CAAC;SACpB;KACF;IAEM,MAAM,CACX,SAAkB,EAClB,MAAuB;QAEvB,IAAI,CAAC,aAAa,EAAE,CAAC;;QAGrB,IAAI,IAAI,CAAC,cAAc,EAAE;YACvB,IAAI,CAAC,YAAY,EAAE,CAAC;SACrB;QAED,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,MAAM,CAAC,CAAC;QACvD,IAAI,CAAC,MAAM,CAAC,YAAY;YACtB,IAAI,CAAC,MAAM,CAAC,YAAY,IAAI,MAAM,CAAC,UAAU,GAAG,CAAC,CAAC;QACpD,IAAI,CAAC,MAAM,CAAC,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,IAAI,GAAG,CAAC;QACnD,IAAI,CAAC,MAAM,CAAC,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,IAAI,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC;QAExE,IAAI,CAAC,MAAM,CAAC,YAAY,GAAG,IAAI,CAAC,MAAM,CAAC,YAAY,IAAI,KAAK,CAAC;QAC7D,IAAI,CAAC,MAAM,CAAC,0BAA0B;YACpC,IAAI,CAAC,MAAM,CAAC,0BAA0B,IAAI,KAAK,CAAC;QAClD,IAAI,CAAC,MAAM,CAAC,8BAA8B;YACxC,IAAI,CAAC,MAAM,CAAC,8BAA8B,IAAI,KAAK,CAAC;QAEtD,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,uBAAuB,CAAC,SAAS,CAAC,CAAC;;;;;;QAOjE,MAAM,SAAS,GAAG,kBAAkB,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;QACpE,MAAM,QAAQ,GAAG,kBAAkB,CAAC,qBAAqB,CACvD,SAAS,EACT,IAAI,CAAC,QAAQ,CACd,CAAC;;QAGF,MAAM,YAAY,GAAG,IAAI,CAAC,MAAM,CAAC,eAAe,CAC9C,OAAO,EACP,SAAS,EACT,QAAQ,CACT,CAAC;QAEF,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,oBAAoB,CAAI,YAAY,CAAC,QAAQ,CAAC,CAAC;;QAG1E,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC;YACtB,IAAI,EAAE,oBAAoB,CAAC,IAAI;SAChC,CAAC,CAAC;QAEH,IAAI,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE;YAC3B,IAAI,CAAC,eAAe;iBACjB,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC;iBAClC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;iBACb,SAAS,CAAC,CAAC,KAAU;gBACpB,IAAI,KAAK,IAAI,KAAK,CAAC,WAAW,EAAE;oBAC9B,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC;iBACtC;qBAAM;;oBAEL,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC;iBAC7C;gBACD,IAAI,CAAC,gBAAgB,EAAE,CAAC;aACzB,CAAC,CAAC;SACN;aAAM;YACL,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC;YAC5C,IAAI,CAAC,gBAAgB,EAAE,CAAC;SACzB;QAED,OAAO,IAAI,CAAC,cAAc,CAAC;KAC5B;IAEM,KAAK;QACV,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC;YACtB,IAAI,EAAE,oBAAoB,CAAC,KAAK;SACjC,CAAC,CAAC;KACJ;IAEM,mBAAmB;QACxB,IAAI,CAAC,aAAa,CAAC,QAAQ,EAAE,CAAC;QAE9B,IAAI,IAAI,CAAC,aAAa,CAAC,kBAAkB,EAAE;YACzC,IAAI,CAAC,KAAK,EAAE,CAAC;SACd;QAED,OAAO,KAAK,CAAC;KACd;IAEM,iBAAiB;QACtB,OAAO,IAAI,CAAC,SAAS,GAAG,iBAAiB,GAAG,mBAAmB,CAAC;KACjE;IAEM,aAAa,CAAC,KAAqB;QACxC,IAAI,KAAK,CAAC,OAAO,KAAK,iBAAiB,EAAE;YACvC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;SACpB;QAED,IAAI,KAAK,CAAC,OAAO,KAAK,mBAAmB,EAAE;YACzC,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;YACpB,IAAI,CAAC,YAAY,EAAE,CAAC;YACpB,IAAI,CAAC,aAAa,EAAE,CAAC;SACtB;KACF;IAEM,2BAA2B,CAAC,KAAiB;QAClD,IAAI,CAAC,uBAAuB,CAAC,KAAK,CAAC,CAAC;KACrC;IAEM,yBAAyB,CAAC,KAAoB;;QAEnD,IAAI,KAAK,CAAC,GAAG,EAAE;YACb,MAAM,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;YAC/D,QAAQ,SAAS;gBACf,KAAK,MAAM;;oBAET,IAAI,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE;wBAC3C,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,CACzB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,SAAS,EACjC,IAAI,CAAC,MAAM,CAAC,QAAQ,CACrB,CAAC;qBACH;oBACD,MAAM;gBAER,KAAK,OAAO;;oBAEV,IAAI,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE;wBAC3C,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,CACzB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,SAAS,EACjC,IAAI,CAAC,MAAM,CAAC,QAAQ,CACrB,CAAC;qBACH;oBACD,MAAM;;gBAGR;oBACE,MAAM;aACT;SACF;KACF;IAEM,uBAAuB,CAAC,KAAiB;QAC9C,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QAExB,IAAI,IAAI,CAAC,YAAY,EAAE;YACrB,OAAO;SACR;QAED,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QACvB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC;QAE5B,IAAI,CAAC,OAAO,CAAC,yBAAyB,CAAC,KAAK,CAAC,CAAC;QAE9C,SAAS,CAAC,QAAQ,EAAE,WAAW,CAAC;aAC7B,IAAI,CACH,SAAS,CAAC;YACR,OAAO,IAAI,CAAC,UAAU,CAAC;SACxB,CAAC,CACH;aACA,SAAS,CAAC,CAAC,SAAc;YACxB,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;SAC7B,CAAC,CAAC;QAEL,SAAS,CAAC,QAAQ,EAAE,SAAS,CAAC;aAC3B,IAAI,CACH,SAAS,CAAC;YACR,OAAO,IAAI,CAAC,UAAU,CAAC;SACxB,CAAC,CACH;aACA,SAAS,CAAC,CAAC,YAAiB;YAC3B,IAAI,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;SACpC,CAAC,CAAC;KACN;IAEM,WAAW,CAAC,KAAiB;;;QAGlC,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;YACpB,OAAO;SACR;QAED,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC;QAC5C,IAAI,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC;QAE7B,KAAK,IAAI,OAAO,CAAC;QAEjB,IAAI,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,IAAI,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE;YAChE,OAAO;SACR;QAED,IAAI,MAAM,CAAC,UAAU,GAAG,KAAK,GAAG,IAAI,CAAC,gBAAgB,EAAE;YACrD,KAAK,GAAG,MAAM,CAAC,UAAU,GAAG,IAAI,CAAC,gBAAgB,CAAC;YAClD,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,gBAAgB,CAAC;SACrC;aAAM;YACL,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC;SAC7B;QAED,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;QAEzB,IAAI,CAAC,kCAAkC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAE1D,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE,CAAC;KACpC;IAEM,eAAe,CAAC,KAAiB;QACtC,SAAS,CAAC,QAAQ,EAAE,OAAO,CAAC;aACzB,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;aACb,SAAS,CAAC;YACT,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;YACxB,IAAI,CAAC,OAAO,CAAC,yBAAyB,CAAC,IAAI,CAAC,CAAC;YAC7C,IAAI,CAAC,WAAW,EAAE,CAAC;SACpB,CAAC,CAAC;KACN;IAEM,6BAA6B;QAClC,IAAI,CAAC,cAAc,CAAC,2BAA2B,CAAC,IAAI,EAAE,CAAC;KACxD;IAEM,yBAAyB;QAC9B,IAAI,CAAC,cAAc,CAAC,uBAAuB,CAAC,IAAI,EAAE,CAAC;KACpD;IAEO,oBAAoB,CAAI,SAAY;QAC1C,MAAM,QAAQ,GAAG,IAAI,iBAAiB,EAAK,CAAC;QAE5C,QAAQ,CAAC,iBAAiB,GAAG,SAAS,CAAC;QACvC,QAAQ,CAAC,cAAc;aACpB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;aACnC,SAAS,CAAC,CAAC,OAAyB;YACnC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;SAClC,CAAC,CAAC;QAEL,OAAO,QAAQ,CAAC;KACjB;IAEO,sBAAsB,CAAC,OAAyB;;QAEtD,QAAQ,OAAO,CAAC,IAAI;YAClB,KAAK,oBAAoB,CAAC,IAAI;gBAC5B,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;oBAChB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;oBACpB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;iBACvB;gBACD,MAAM;YAER,KAAK,oBAAoB,CAAC,KAAK;gBAC7B,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;gBACnB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;gBACvB,MAAM;YAER,KAAK,oBAAoB,CAAC,wBAAwB;gBAChD,IAAI,CAAC,MAAM,CAAC,0BAA0B,GAAG,KAAK,CAAC;gBAC/C,MAAM;YAER,KAAK,oBAAoB,CAAC,4BAA4B;gBACpD,IAAI,CAAC,MAAM,CAAC,8BAA8B,GAAG,KAAK,CAAC;gBACnD,MAAM;YAER,KAAK,oBAAoB,CAAC,yBAAyB;gBACjD,IAAI,CAAC,MAAM,CAAC,0BAA0B,GAAG,IAAI,CAAC;gBAC9C,MAAM;YAER,KAAK,oBAAoB,CAAC,6BAA6B;gBACrD,IAAI,CAAC,MAAM,CAAC,8BAA8B,GAAG,IAAI,CAAC;gBAClD,MAAM;SACT;QAED,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE,CAAC;KACpC;IAEO,YAAY;QAClB,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;QAClC,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;KACvC;IAEO,aAAa;QACnB,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;KACrB;IAEO,kCAAkC,CAAC,KAAa;QACtD,IAAI,CAAC,uBAAuB,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC;QAE1D,MAAM,aAAa,GAAG,IAAI,CAAC,uBAAuB,CAAC,OAAO,CAAC;QAE3D,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,CAAC;KACjE;IAEO,aAAa;QACnB,IAAI,MAAM,CAAC,UAAU,GAAG,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE;YACpE,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;SAC1B;aAAM;YACL,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;SAC3B;KACF;IAEO,WAAW;QACjB,IAAI,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE;YAC3B,IAAI,CAAC,eAAe;iBACjB,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE;gBAClC,WAAW,EAAE,IAAI,CAAC,WAAW;aAC9B,CAAC;iBACD,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;iBACb,SAAS,CACR,SAAQ,EACR,CAAC,GAAG;gBACF,OAAO,CAAC,IAAI,CAAC,6BAA6B,CAAC,CAAC;gBAC5C,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;aACnB,CACF,CAAC;SACL;KACF;IAEO,gBAAgB;QACtB,IAAI,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE;YAC3C,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC;YACxC,IAAI,CAAC,WAAW,EAAE,CAAC;SACpB;aAAM,IAAI,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE;YAClD,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC;YACxC,IAAI,CAAC,WAAW,EAAE,CAAC;SACpB;;QAGD,IAAI,MAAM,CAAC,UAAU,GAAG,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,gBAAgB,EAAE;YAChE,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,UAAU,GAAG,IAAI,CAAC,gBAAgB,CAAC;YAC7D,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,gBAAgB,CAAC;YACpC,IAAI,CAAC,WAAW,EAAE,CAAC;SACpB;QAED,IACE,IAAI,CAAC,uBAAuB,CAAC,uBAAuB,CAClD,MAAM,CAAC,UAAU,EACjB,mBAAmB,CAAC,EAAE,CACvB,EACD;YACA,IAAI,CAAC,kCAAkC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;SAC5D;aAAM;YACL,IAAI,CAAC,kCAAkC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;SAC3D;QAED,IAAI,CAAC,aAAa,EAAE,CAAC;KACtB;IAEO,SAAS,CAAC,GAAW;;QAE3B,OAAO,IAAI,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,GAAG,CAAC,CAAC;KAC3E;;gHA/dU,kBAAkB;oGAAlB,kBAAkB,yGAnBlB;QACT,uBAAuB;QACvB,0BAA0B;QAC1B,EAAE,OAAO,EAAE,oBAAoB,EAAE,WAAW,EAAE,0BAA0B,EAAE;KAC3E,6GA8EO,UAAU,yGAMV,gBAAgB,qHAMhB,UAAU,2CC/JpB,8kJAoJA,osID9Ec;QACV,OAAO,CAAC,aAAa,EAAE;YACrB,KAAK,CAAC,iBAAiB,EAAE,KAAK,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC;YACzD,KAAK,CAAC,mBAAmB,EAAE,KAAK,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC,CAAC;YACpE,UAAU,CAAC,WAAW,EAAE;gBACtB,KAAK,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;gBACxC,OAAO,CAAC,GAAG,CAAC;aACb,CAAC;YACF,UAAU,CAAC,SAAS,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;SAChD,CAAC;KACH;4FAIU,kBAAkB;kBAvB9B,SAAS;mBAAC;oBACT,QAAQ,EAAE,YAAY;oBACtB,WAAW,EAAE,yBAAyB;oBACtC,SAAS,EAAE,CAAC,yBAAyB,CAAC;oBACtC,SAAS,EAAE;wBACT,uBAAuB;wBACvB,0BAA0B;wBAC1B,EAAE,OAAO,EAAE,oBAAoB,EAAE,WAAW,EAAE,0BAA0B,EAAE;qBAC3E;oBACD,UAAU,EAAE;wBACV,OAAO,CAAC,aAAa,EAAE;4BACrB,KAAK,CAAC,iBAAiB,EAAE,KAAK,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC;4BACzD,KAAK,CAAC,mBAAmB,EAAE,KAAK,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC,CAAC;4BACpE,UAAU,CAAC,WAAW,EAAE;gCACtB,KAAK,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;gCACxC,OAAO,CAAC,GAAG,CAAC;6BACb,CAAC;4BACF,UAAU,CAAC,SAAS,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;yBAChD,CAAC;qBACH;;oBAED,eAAe,EAAE,uBAAuB,CAAC,OAAO;iBACjD;gVAmEQ,SAAS;sBAJf,SAAS;uBAAC,WAAW,EAAE;wBACtB,IAAI,EAAE,UAAU;wBAChB,MAAM,EAAE,IAAI;qBACb;gBAOO,MAAM;sBAJb,SAAS;uBAAC,QAAQ,EAAE;wBACnB,IAAI,EAAE,gBAAgB;wBACtB,MAAM,EAAE,IAAI;qBACb;gBAOO,YAAY;sBAJnB,SAAS;uBAAC,cAAc,EAAE;wBACzB,IAAI,EAAE,UAAU;wBAChB,MAAM,EAAE,IAAI;qBACb;gBAqCM,cAAc;sBADpB,YAAY;uBAAC,eAAe,EAAE,CAAC,QAAQ,CAAC;;;MEhK9B,eAAe;;6GAAf,eAAe;8GAAf,eAAe,iBAdX,kBAAkB,EAAE,0BAA0B,aAE3D,YAAY;QACZ,WAAW;QACX,YAAY;QACZ,aAAa;QACb,aAAa;QACb,wBAAwB;QACxB,cAAc;QACd,aAAa,aAEL,kBAAkB;8GAGjB,eAAe,YAbjB;YACP,YAAY;YACZ,WAAW;YACX,YAAY;YACZ,aAAa;YACb,aAAa;YACb,wBAAwB;YACxB,cAAc;YACd,aAAa;SACd;4FAIU,eAAe;kBAf3B,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,kBAAkB,EAAE,0BAA0B,CAAC;oBAC9D,OAAO,EAAE;wBACP,YAAY;wBACZ,WAAW;wBACX,YAAY;wBACZ,aAAa;wBACb,aAAa;wBACb,wBAAwB;wBACxB,cAAc;wBACd,aAAa;qBACd;oBACD,OAAO,EAAE,CAAC,kBAAkB,CAAC;oBAC7B,eAAe,EAAE,CAAC,kBAAkB,CAAC;iBACtC;;;ACZD;;;;;MAQa,gBAAgB;IAM3B,YACU,WAAkC,EAClC,SAA0B,EAC1B,uBAAmD,EACnD,MAAc;QAHd,gBAAW,GAAX,WAAW,CAAuB;QAClC,cAAS,GAAT,SAAS,CAAiB;QAC1B,4BAAuB,GAAvB,uBAAuB,CAA4B;QACnD,WAAM,GAAN,MAAM,CAAQ;QARhB,sBAAiB,GAAG,KAAK,CAAC;QAC1B,cAAS,GAAY,KAAK,CAAC;QAC3B,kBAAa,GAAG,IAAI,OAAO,EAAW,CAAC;KAO3C;IAEG,WAAW;QAChB,IAAI,CAAC,cAAc,EAAE,CAAC;QACtB,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,IAAI,CAAC,mBAAmB,EAAE,CAAC;SAC5B;KACF;;;;IAKM,KAAK;QACV,IAAI,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;YAChC,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;YAC9B,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC;gBACpC,IAAI,EAAE,oBAAoB,CAAC,KAAK;aACjC,CAAC,CAAC;SACJ;KACF;;;;;;;;;IAUM,IAAI,CACT,SAAkB,EAClB,MAAwB;;QAGxB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACtB,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,UAAU,CAAC;YACrC,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;SACxB,CAAC,CAAC;QAEH,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YACd,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,mBAAmB,EAAE,CAAC;YAEvC,IAAI,CAAC,MAAM,CAAC,MAAM;iBACf,IAAI,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC;iBAC9C,SAAS,CAAC,CAAC,KAAK;gBACf,IAAI,KAAK,YAAY,eAAe,EAAE;oBACpC,IAAI,CAAC,KAAK,EAAE,CAAC;iBACd;aACF,CAAC,CAAC;SACN;QAED,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;QAE5D,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;QAE1B,OAAO,MAAM,CAAC;KACf;IAEO,mBAAmB;QACzB,IAAI,CAAC,IAAI;YACP,IAAI,CAAC,uBAAuB,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAC;QACnE,OAAO,IAAI,CAAC,IAAI,CAAC;KAClB;IAEO,mBAAmB;QACzB,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,IAAI,CAAC,uBAAuB,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACxD,IAAI,CAAC,IAAI,GAAG,SAAS,CAAC;SACvB;KACF;IAEO,YAAY,CAAI,MAA4B;;QAElD,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,MAAM,cAAc,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC;YAE1C,IAAI,OAAO,GAAG,KAAK,CAAC;;;;;;;;YASpB,SAAS,CAAC,QAAQ,EAAE,SAAS,CAAC;iBAC3B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;iBACnC,SAAS,CAAC,CAAC,KAAiB;gBAC3B,OAAO,GAAG,KAAK,CAAC;gBAEhB,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE;oBACjC,OAAO;iBACR;gBAED,IAAI,cAAc,CAAC,SAAS,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE;oBACjE,OAAO;iBACR;gBAED,MAAM,OAAO,GACX,KAAK,CAAC,MAAM,KAAK,QAAQ;sBACrB,KAAK;sBACL,IAAI,CAAC,WAAW,CAAC,oBAAoB,CACnC,KAAK,CAAC,MAAM,EACZ,cAAc,CAAC,SAAS,CAAC,aAAa,CACvC,CAAC;;gBAGR,IAAI,CAAC,OAAO,EAAE;oBACZ,OAAO,GAAG,IAAI,CAAC;iBAChB;aACF,CAAC,CAAC;;;;;;;YAQL,SAAS,CAAC,QAAQ,EAAE,OAAO,CAAC;iBACzB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;iBACnC,SAAS,CAAC;gBACT,IAAI,OAAO,EAAE;oBACX,IAAI,CAAC,KAAK,EAAE,CAAC;iBACd;aACF,CAAC,CAAC;YAEL,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC;YAC/B,cAAc,CAAC,aAAa;iBACzB,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;iBACb,SAAS,CAAC,CAAC,OAAyB;gBACnC,IAAI,OAAO,CAAC,IAAI,KAAK,oBAAoB,CAAC,KAAK,EAAE;oBAC/C,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;oBAC9B,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;iBACxB;aACF,CAAC,CAAC;YAEL,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;gBACpC,IAAI,CAAC,cAAc,EAAE,CAAC;gBACtB,IAAI,IAAI,CAAC,iBAAiB,EAAE;oBAC1B,IAAI,CAAC,mBAAmB,EAAE,CAAC;iBAC5B;aACF,CAAC,CAAC;SACJ;KACF;IAEO,cAAc;QACpB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC9B,IAAI,CAAC,aAAa,CAAC,WAAW,EAAE,CAAC;QACjC,IAAI,CAAC,aAAa,GAAG,IAAI,OAAO,EAAW,CAAC;KAC7C;;8GAhKU,gBAAgB;kHAAhB,gBAAgB,cAFf,KAAK;4FAEN,gBAAgB;kBAH5B,UAAU;mBAAC;oBACV,UAAU,EAAE,KAAK;iBAClB;;;AC/BD;;;;;;"}
+{"version":3,"file":"skyux-flyout.js","sources":["../../../projects/flyout/src/modules/flyout/types/flyout-message-type.ts","../../../projects/flyout/src/modules/flyout/flyout-instance.ts","../../../projects/flyout/src/modules/shared/sky-flyout-resources.module.ts","../../../projects/flyout/src/modules/flyout/flyout-adapter.service.ts","../../../projects/flyout/src/modules/flyout/flyout-media-query.service.ts","../../../projects/flyout/src/modules/flyout/flyout-iterator.component.ts","../../../projects/flyout/src/modules/flyout/flyout-iterator.component.html","../../../projects/flyout/src/modules/flyout/flyout.component.ts","../../../projects/flyout/src/modules/flyout/flyout.component.html","../../../projects/flyout/src/modules/flyout/flyout.module.ts","../../../projects/flyout/src/modules/flyout/flyout.service.ts","../../../projects/flyout/src/skyux-flyout.ts"],"sourcesContent":["/**\n * @internal\n */\nexport enum SkyFlyoutMessageType {\n  Open = 0,\n  Close,\n  EnableIteratorNextButton,\n  EnableIteratorPreviousButton,\n  DisableIteratorNextButton,\n  DisableIteratorPreviousButton,\n}\n","import { EventEmitter } from '@angular/core';\n\nimport { Subject } from 'rxjs';\n\nimport { SkyFlyoutMessage } from './types/flyout-message';\n\nimport { SkyFlyoutMessageType } from './types/flyout-message-type';\n\n/**\n * Represents a single displayed flyout.\n */\nexport class SkyFlyoutInstance<T> {\n  /**\n   * An event that the flyout instance emits when it closes.\n   */\n  public closed = new EventEmitter<void>();\n\n  /**\n   * Specifies the instance of the component to display in the flyout.\n   */\n  public componentInstance: T;\n\n  /**\n   * Used to communicate with the host component.\n   * @internal\n   */\n  public get hostController(): Subject<SkyFlyoutMessage> {\n    return this._hostController;\n  }\n\n  /**\n   * A `boolean` value that returns `true` if the flyout is open.\n   * @default true\n   */\n  public isOpen = true;\n\n  /**\n   * An event that the flyout instance emits when users click the next iterator button.\n   */\n  public get iteratorNextButtonClick(): EventEmitter<void> {\n    return this._iteratorNextButtonClick;\n  }\n\n  /**\n   * An event that the flyout instance emits when users click the previous iterator button.\n   */\n  public get iteratorPreviousButtonClick(): EventEmitter<void> {\n    return this._iteratorPreviousButtonClick;\n  }\n\n  /**\n   * Disables the next iterator button.\n   * @default false\n   */\n  public set iteratorNextButtonDisabled(newValue: boolean) {\n    this._iteratorNextButtonDisabled = newValue;\n    if (newValue) {\n      this.hostController.next({\n        type: SkyFlyoutMessageType.DisableIteratorNextButton,\n      });\n    } else {\n      this.hostController.next({\n        type: SkyFlyoutMessageType.EnableIteratorNextButton,\n      });\n    }\n  }\n\n  public get iteratorNextButtonDisabled(): boolean {\n    return this._iteratorNextButtonDisabled;\n  }\n\n  /**\n   * Disables the previous iterator button.\n   * @default false\n   */\n  public set iteratorPreviousButtonDisabled(newValue: boolean) {\n    this._iteratorPreviousButtonDisabled = newValue;\n    if (newValue) {\n      this.hostController.next({\n        type: SkyFlyoutMessageType.DisableIteratorPreviousButton,\n      });\n    } else {\n      this.hostController.next({\n        type: SkyFlyoutMessageType.EnableIteratorPreviousButton,\n      });\n    }\n  }\n\n  public get iteratorPreviousButtonDisabled(): boolean {\n    return this._iteratorPreviousButtonDisabled;\n  }\n\n  private _iteratorNextButtonClick = new EventEmitter<void>();\n\n  private _iteratorPreviousButtonClick = new EventEmitter<void>();\n\n  private _iteratorNextButtonDisabled = false;\n\n  private _iteratorPreviousButtonDisabled = false;\n\n  private _hostController = new Subject<SkyFlyoutMessage>();\n\n  constructor() {\n    this.closed.subscribe(() => {\n      this.isOpen = false;\n    });\n  }\n\n  /**\n   * Closes the flyout instance and emits its `closed` event.\n   */\n  public close(): void {\n    this.hostController.next({\n      type: SkyFlyoutMessageType.Close,\n    });\n\n    this._iteratorPreviousButtonClick.complete();\n    this._iteratorNextButtonClick.complete();\n\n    this.hostController.complete();\n  }\n}\n","/**\n * NOTICE: DO NOT MODIFY THIS FILE!\n * The contents of this file were automatically generated by\n * the 'ng generate @skyux/i18n:lib-resources-module modules/shared/sky-flyout' schematic.\n * To update this file, simply rerun the command.\n */\n\nimport { NgModule } from '@angular/core';\nimport {\n  getLibStringForLocale,\n  SkyAppLocaleInfo,\n  SkyI18nModule,\n  SkyLibResources,\n  SkyLibResourcesProvider,\n  SKY_LIB_RESOURCES_PROVIDERS,\n} from '@skyux/i18n';\n\nconst RESOURCES: { [locale: string]: SkyLibResources } = {\n  'EN-US': {\n    skyux_flyout_close: { message: 'Close flyout' },\n    skyux_flyout_iterator_previous_button: { message: 'Previous' },\n    skyux_flyout_iterator_next_button: { message: 'Next' },\n    skyux_flyout_permalink_button: { message: 'View record' },\n    skyux_flyout_primary_action_button: { message: 'Create list' },\n    skyux_flyout_resize_handle: {\n      message:\n        'Resize the flyout window. Press the enter or space key to activate, then use left arrow key to expand the flyout window and right arrow key to shrink the flyout window. Press the enter, space, or tab key to deactivate.',\n    },\n  },\n};\n\nexport class SkyFlyoutResourcesProvider implements SkyLibResourcesProvider {\n  public getString(localeInfo: SkyAppLocaleInfo, name: string): string {\n    return getLibStringForLocale(RESOURCES, localeInfo.locale, name);\n  }\n}\n\n/**\n * Import into any component library module that needs to use resource strings.\n */\n@NgModule({\n  exports: [SkyI18nModule],\n  providers: [\n    {\n      provide: SKY_LIB_RESOURCES_PROVIDERS,\n      useClass: SkyFlyoutResourcesProvider,\n      multi: true,\n    },\n  ],\n})\nexport class SkyFlyoutResourcesModule {}\n","import {\n  ElementRef,\n  Injectable,\n  Renderer2,\n  RendererFactory2,\n} from '@angular/core';\n\nimport { SkyAppWindowRef, SkyMediaBreakpoints } from '@skyux/core';\n\n/**\n * @internal\n */\n@Injectable()\nexport class SkyFlyoutAdapterService {\n  private renderer: Renderer2;\n\n  constructor(\n    private rendererFactory: RendererFactory2,\n    private windowRef: SkyAppWindowRef\n  ) {\n    this.renderer = this.rendererFactory.createRenderer(undefined, undefined);\n  }\n\n  public adjustHeaderForHelp(header: ElementRef): void {\n    const windowObj = this.windowRef.nativeWindow;\n    const helpWidget = windowObj.document.getElementById('bb-help-invoker');\n\n    if (helpWidget) {\n      this.renderer.addClass(header.nativeElement, 'sky-flyout-help-shim');\n    }\n  }\n\n  public setResponsiveClass(\n    element: ElementRef,\n    breakpoint: SkyMediaBreakpoints\n  ): void {\n    const nativeEl: HTMLElement = element.nativeElement;\n\n    this.renderer.removeClass(nativeEl, 'sky-responsive-container-xs');\n    this.renderer.removeClass(nativeEl, 'sky-responsive-container-sm');\n    this.renderer.removeClass(nativeEl, 'sky-responsive-container-md');\n    this.renderer.removeClass(nativeEl, 'sky-responsive-container-lg');\n\n    let newClass: string;\n\n    switch (breakpoint) {\n      case SkyMediaBreakpoints.xs: {\n        newClass = 'sky-responsive-container-xs';\n        break;\n      }\n      case SkyMediaBreakpoints.sm: {\n        newClass = 'sky-responsive-container-sm';\n        break;\n      }\n      case SkyMediaBreakpoints.md: {\n        newClass = 'sky-responsive-container-md';\n        break;\n      }\n      default: {\n        newClass = 'sky-responsive-container-lg';\n        break;\n      }\n    }\n\n    this.renderer.addClass(nativeEl, newClass);\n  }\n\n  public toggleIframePointerEvents(enable: boolean): void {\n    // When iframes are present on the page, they may interfere with dragging\n    // temporarily disable pointer events in iframes when dragging starts.\n    // When re-enabling we set to the empty string as it will remove the element styling\n    // and fall back to any css originally given to iframe\n    const iframes = document.querySelectorAll('iframe');\n    for (let i = 0; i < iframes.length; i++) {\n      iframes[i].style.pointerEvents = enable ? '' : 'none';\n    }\n  }\n}\n","import { Injectable } from '@angular/core';\n\nimport { SkyMediaBreakpoints, SkyMediaQueryListener } from '@skyux/core';\n\nimport { BehaviorSubject, Subscription } from 'rxjs';\n\n/**\n * @internal\n */\n@Injectable()\nexport class SkyFlyoutMediaQueryService {\n  public get current(): SkyMediaBreakpoints {\n    return this._current;\n  }\n\n  private currentSubject = new BehaviorSubject<SkyMediaBreakpoints>(\n    this.current\n  );\n\n  private _current = SkyMediaBreakpoints.xs;\n\n  constructor() {\n    this.currentSubject.next(this._current);\n  }\n\n  public subscribe(listener: SkyMediaQueryListener): Subscription {\n    return this.currentSubject.subscribe({\n      next: (breakpoints: SkyMediaBreakpoints) => {\n        listener(breakpoints);\n      },\n    });\n  }\n\n  public setBreakpointForWidth(width: number): void {\n    let breakpoint: SkyMediaBreakpoints;\n\n    if (this.isWidthWithinBreakpiont(width, SkyMediaBreakpoints.xs)) {\n      breakpoint = SkyMediaBreakpoints.xs;\n    } else if (this.isWidthWithinBreakpiont(width, SkyMediaBreakpoints.sm)) {\n      breakpoint = SkyMediaBreakpoints.sm;\n    } else if (this.isWidthWithinBreakpiont(width, SkyMediaBreakpoints.md)) {\n      breakpoint = SkyMediaBreakpoints.md;\n    } else {\n      breakpoint = SkyMediaBreakpoints.lg;\n    }\n\n    this._current = breakpoint;\n    this.currentSubject.next(this._current);\n  }\n\n  public isWidthWithinBreakpiont(\n    width: number,\n    breakpoint: SkyMediaBreakpoints\n  ): boolean {\n    const xsBreakpointMaxPixels = 767;\n    const smBreakpointMinPixels = 768;\n    const smBreakpointMaxPixels = 991;\n    const mdBreakpointMinPixels = 992;\n    const mdBreakpointMaxPixels = 1199;\n    const lgBreakpointMinPixels = 1200;\n\n    switch (breakpoint) {\n      case SkyMediaBreakpoints.xs: {\n        return width <= xsBreakpointMaxPixels;\n      }\n      case SkyMediaBreakpoints.sm: {\n        return width >= smBreakpointMinPixels && width <= smBreakpointMaxPixels;\n      }\n      case SkyMediaBreakpoints.md: {\n        return width >= mdBreakpointMinPixels && width <= mdBreakpointMaxPixels;\n      }\n      default: {\n        return width >= lgBreakpointMinPixels;\n      }\n    }\n  }\n\n  public destroy(): void {\n    this.currentSubject.complete();\n  }\n}\n","import {\n  Component,\n  OnDestroy,\n  EventEmitter,\n  Input,\n  Output,\n} from '@angular/core';\n\nimport { Subject } from 'rxjs';\n\n/**\n * @internal\n */\n@Component({\n  selector: 'sky-flyout-iterator',\n  templateUrl: './flyout-iterator.component.html',\n  styleUrls: ['./flyout-iterator.component.scss'],\n})\nexport class SkyFlyoutIteratorComponent implements OnDestroy {\n  @Input()\n  public nextButtonDisabled: boolean;\n\n  @Input()\n  public previousButtonDisabled: boolean;\n\n  @Output()\n  public get previousButtonClick(): EventEmitter<void> {\n    return this._previousButtonClick;\n  }\n\n  @Output()\n  public get nextButtonClick(): EventEmitter<void> {\n    return this._nextButtonClick;\n  }\n\n  private ngUnsubscribe = new Subject();\n\n  private _nextButtonClick = new EventEmitter<void>();\n\n  private _previousButtonClick = new EventEmitter<void>();\n\n  public ngOnDestroy(): void {\n    this.ngUnsubscribe.next();\n    this.ngUnsubscribe.complete();\n    this._previousButtonClick.complete();\n    this._nextButtonClick.complete();\n  }\n\n  public onIteratorPreviousClick(): void {\n    /* istanbul ignore else */\n    if (!this.previousButtonDisabled) {\n      this._previousButtonClick.emit();\n    }\n  }\n\n  public onIteratorNextClick(): void {\n    /* istanbul ignore else */\n    if (!this.nextButtonDisabled) {\n      this._nextButtonClick.emit();\n    }\n  }\n}\n","<div id=\"iterators\" class=\"sky-flyout-iterators\">\n  <button\n    class=\"sky-btn\"\n    [attr.aria-label]=\"\n      'skyux_flyout_iterator_previous_button' | skyLibResources\n    \"\n    [disabled]=\"previousButtonDisabled\"\n    [skyThemeClass]=\"{\n      'sky-btn-default sky-margin-inline-compact': 'default',\n      'sky-btn-icon-borderless sky-margin-inline-sm': 'modern'\n    }\"\n    (click)=\"onIteratorPreviousClick()\"\n  >\n    <sky-icon *skyThemeIf=\"'default'\" icon=\"chevron-up\"> </sky-icon>\n    <sky-icon\n      *skyThemeIf=\"'modern'\"\n      icon=\"chevron-up\"\n      iconType=\"skyux\"\n      size=\"lg\"\n    >\n    </sky-icon>\n  </button>\n  <button\n    class=\"sky-btn\"\n    [attr.aria-label]=\"'skyux_flyout_iterator_next_button' | skyLibResources\"\n    [disabled]=\"nextButtonDisabled\"\n    [skyThemeClass]=\"{\n      'sky-btn-default sky-margin-inline-compact': 'default',\n      'sky-btn-icon-borderless sky-margin-inline-sm': 'modern'\n    }\"\n    (click)=\"onIteratorNextClick()\"\n  >\n    <sky-icon *skyThemeIf=\"'default'\" icon=\"chevron-down\"> </sky-icon>\n    <sky-icon\n      *skyThemeIf=\"'modern'\"\n      icon=\"chevron-down\"\n      iconType=\"skyux\"\n      size=\"lg\"\n    >\n    </sky-icon>\n  </button>\n</div>\n","import {\n  Component,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  ComponentFactoryResolver,\n  ElementRef,\n  HostListener,\n  Injector,\n  OnDestroy,\n  OnInit,\n  ReflectiveInjector,\n  Type,\n  ViewChild,\n  ViewContainerRef,\n} from '@angular/core';\n\nimport {\n  animate,\n  AnimationEvent,\n  state,\n  style,\n  transition,\n  trigger,\n} from '@angular/animations';\n\nimport { fromEvent, Subject } from 'rxjs';\n\nimport { take, takeUntil, takeWhile } from 'rxjs/operators';\n\nimport {\n  SkyMediaBreakpoints,\n  SkyMediaQueryService,\n  SkyUIConfigService,\n} from '@skyux/core';\n\nimport { SkyLibResourcesService } from '@skyux/i18n';\n\nimport { SkyFlyoutAdapterService } from './flyout-adapter.service';\n\nimport { SkyFlyoutInstance } from './flyout-instance';\n\nimport { SkyFlyoutMediaQueryService } from './flyout-media-query.service';\n\nimport { SkyFlyoutAction } from './types/flyout-action';\n\nimport { SkyFlyoutConfig } from './types/flyout-config';\n\nimport { SkyFlyoutMessage } from './types/flyout-message';\n\nimport { SkyFlyoutMessageType } from './types/flyout-message-type';\n\nimport { SkyFlyoutPermalink } from './types/flyout-permalink';\n\nconst FLYOUT_OPEN_STATE = 'flyoutOpen';\nconst FLYOUT_CLOSED_STATE = 'flyoutClosed';\n\nlet nextId = 0;\n\n/**\n * @internal\n */\n@Component({\n  selector: 'sky-flyout',\n  templateUrl: './flyout.component.html',\n  styleUrls: ['./flyout.component.scss'],\n  providers: [\n    SkyFlyoutAdapterService,\n    SkyFlyoutMediaQueryService,\n    { provide: SkyMediaQueryService, useExisting: SkyFlyoutMediaQueryService },\n  ],\n  animations: [\n    trigger('flyoutState', [\n      state(FLYOUT_OPEN_STATE, style({ transform: 'initial' })),\n      state(FLYOUT_CLOSED_STATE, style({ transform: 'translateX(100%)' })),\n      transition('void => *', [\n        style({ transform: 'translateX(100%)' }),\n        animate(250),\n      ]),\n      transition(`* <=> *`, animate('250ms ease-in')),\n    ]),\n  ],\n  // Allow automatic change detection for child components.\n  changeDetection: ChangeDetectionStrategy.Default,\n})\nexport class SkyFlyoutComponent implements OnDestroy, OnInit {\n  public config: SkyFlyoutConfig;\n  public flyoutId: string = `sky-flyout-${++nextId}`;\n  public flyoutState = FLYOUT_CLOSED_STATE;\n  public isOpen = false;\n  public isOpening = false;\n\n  public flyoutWidth = 0;\n  public isDragging = false;\n  public isFullscreen = false;\n  public resizeKeyControlActive = false;\n\n  private xCoord = 0;\n  private windowBufferSize = 20;\n\n  public get messageStream(): Subject<SkyFlyoutMessage> {\n    return this._messageStream;\n  }\n\n  public get permalink(): SkyFlyoutPermalink {\n    const permalink = this.config.permalink;\n    if (permalink) {\n      return permalink;\n    }\n\n    return {};\n  }\n\n  public get permalinkLabel(): string {\n    if (this.permalink.label) {\n      return this.permalink.label;\n    }\n\n    return this.getString('skyux_flyout_permalink_button');\n  }\n\n  public get primaryAction(): SkyFlyoutAction {\n    let primaryAction = this.config.primaryAction;\n    if (primaryAction) {\n      return primaryAction;\n    }\n\n    return {};\n  }\n\n  public get primaryActionLabel(): string {\n    if (this.config.primaryAction && this.config.primaryAction.label) {\n      return this.config.primaryAction.label;\n    }\n\n    return this.getString('skyux_flyout_primary_action_button');\n  }\n\n  public themeName: string;\n\n  /**\n   * @internal\n   */\n  public widthStep: number = 10;\n\n  /**\n   * @internal\n   */\n  @ViewChild('flyoutRef', {\n    read: ElementRef,\n    static: true,\n  })\n  public flyoutRef: ElementRef;\n\n  @ViewChild('target', {\n    read: ViewContainerRef,\n    static: true,\n  })\n  private target: ViewContainerRef;\n\n  @ViewChild('flyoutHeader', {\n    read: ElementRef,\n    static: true,\n  })\n  private flyoutHeader: ElementRef;\n\n  private flyoutInstance: SkyFlyoutInstance<any>;\n\n  private ngUnsubscribe = new Subject();\n\n  private _messageStream = new Subject<SkyFlyoutMessage>();\n\n  constructor(\n    private adapter: SkyFlyoutAdapterService,\n    private changeDetector: ChangeDetectorRef,\n    private injector: Injector,\n    private resolver: ComponentFactoryResolver,\n    private resourcesService: SkyLibResourcesService,\n    private flyoutMediaQueryService: SkyFlyoutMediaQueryService,\n    private elementRef: ElementRef,\n    private uiConfigService: SkyUIConfigService\n  ) {\n    // All commands flow through the message stream.\n    this.messageStream\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe((message: SkyFlyoutMessage) => {\n        this.handleIncomingMessages(message);\n      });\n  }\n\n  public ngOnInit(): void {\n    this.adapter.adjustHeaderForHelp(this.flyoutHeader);\n  }\n\n  public ngOnDestroy(): void {\n    this.ngUnsubscribe.next();\n    this.ngUnsubscribe.complete();\n  }\n\n  @HostListener('window:resize', ['$event'])\n  public onWindowResize(event: any): void {\n    if (\n      this.flyoutMediaQueryService.isWidthWithinBreakpiont(\n        event.target.innerWidth,\n        SkyMediaBreakpoints.xs\n      )\n    ) {\n      this.updateBreakpointAndResponsiveClass(event.target.innerWidth);\n    } else {\n      this.updateBreakpointAndResponsiveClass(this.flyoutWidth);\n    }\n\n    this.setFullscreen();\n\n    if (event.target.innerWidth - this.flyoutWidth < this.windowBufferSize) {\n      this.flyoutWidth = event.target.innerWidth - this.windowBufferSize;\n      this.xCoord = this.windowBufferSize;\n      this.setUserData();\n    }\n  }\n\n  public attach<T>(\n    component: Type<T>,\n    config: SkyFlyoutConfig\n  ): SkyFlyoutInstance<T> {\n    this.cleanTemplate();\n\n    // Emit the closed event on any previously opened flyout instance\n    if (this.flyoutInstance) {\n      this.notifyClosed();\n    }\n\n    this.config = Object.assign({ providers: [] }, config);\n    this.config.defaultWidth =\n      this.config.defaultWidth || window.innerWidth / 2;\n    this.config.minWidth = this.config.minWidth || 320;\n    this.config.maxWidth = this.config.maxWidth || this.config.defaultWidth;\n\n    this.config.showIterator = this.config.showIterator || false;\n    this.config.iteratorNextButtonDisabled =\n      this.config.iteratorNextButtonDisabled || false;\n    this.config.iteratorPreviousButtonDisabled =\n      this.config.iteratorPreviousButtonDisabled || false;\n\n    const factory = this.resolver.resolveComponentFactory(component);\n\n    /* tslint:disable:deprecation */\n    /**\n     * NOTE: We need to update this to use the new Injector.create(options) method\n     * after Angular 4 support is dropped.\n     */\n    const providers = ReflectiveInjector.resolve(this.config.providers);\n    const injector = ReflectiveInjector.fromResolvedProviders(\n      providers,\n      this.injector\n    );\n    /* tslint:enable:deprecation */\n\n    const componentRef = this.target.createComponent(\n      factory,\n      undefined,\n      injector\n    );\n\n    this.flyoutInstance = this.createFlyoutInstance<T>(componentRef.instance);\n\n    // Open the flyout immediately.\n    this.messageStream.next({\n      type: SkyFlyoutMessageType.Open,\n    });\n\n    if (this.config.settingsKey) {\n      this.uiConfigService\n        .getConfig(this.config.settingsKey)\n        .pipe(take(1))\n        .subscribe((value: any) => {\n          if (value && value.flyoutWidth) {\n            this.flyoutWidth = value.flyoutWidth;\n          } else {\n            // Bad data, or config is the default config.\n            this.flyoutWidth = this.config.defaultWidth;\n          }\n          this.checkInitialSize();\n        });\n    } else {\n      this.flyoutWidth = this.config.defaultWidth;\n      this.checkInitialSize();\n    }\n\n    return this.flyoutInstance;\n  }\n\n  public close(): void {\n    this.messageStream.next({\n      type: SkyFlyoutMessageType.Close,\n    });\n  }\n\n  public invokePrimaryAction(): boolean {\n    this.primaryAction.callback();\n\n    if (this.primaryAction.closeAfterInvoking) {\n      this.close();\n    }\n\n    return false;\n  }\n\n  public getAnimationState(): string {\n    return this.isOpening ? FLYOUT_OPEN_STATE : FLYOUT_CLOSED_STATE;\n  }\n\n  public animationDone(event: AnimationEvent): void {\n    if (event.toState === FLYOUT_OPEN_STATE) {\n      this.isOpen = true;\n    }\n\n    if (event.toState === FLYOUT_CLOSED_STATE) {\n      this.isOpen = false;\n      this.notifyClosed();\n      this.cleanTemplate();\n    }\n  }\n\n  public onHeaderGrabHandleMouseDown(event: MouseEvent): void {\n    this.onResizeHandleMouseDown(event);\n  }\n\n  public onHeaderGrabHandleKeyDown(event: KeyboardEvent): void {\n    this.handleResizeKeyDown(event);\n  }\n\n  public onResizeHandleKeyDown(event: KeyboardEvent): void {\n    this.handleResizeKeyDown(event);\n  }\n\n  public onResizeHandleMouseDown(event: MouseEvent): void {\n    event.preventDefault();\n    event.stopPropagation();\n\n    if (this.isFullscreen) {\n      return;\n    }\n\n    this.isDragging = true;\n    this.xCoord = event.clientX;\n\n    this.adapter.toggleIframePointerEvents(false);\n\n    fromEvent(document, 'mousemove')\n      .pipe(\n        takeWhile(() => {\n          return this.isDragging;\n        })\n      )\n      .subscribe((moveEvent: any) => {\n        this.onMouseMove(moveEvent);\n      });\n\n    fromEvent(document, 'mouseup')\n      .pipe(\n        takeWhile(() => {\n          return this.isDragging;\n        })\n      )\n      .subscribe((mouseUpEvent: any) => {\n        this.onHandleRelease(mouseUpEvent);\n      });\n  }\n\n  public onMouseMove(event: MouseEvent): void {\n    /* Sanity check */\n    /* istanbul ignore if */\n    if (!this.isDragging) {\n      return;\n    }\n\n    const offsetX = event.clientX - this.xCoord;\n    let width = this.flyoutWidth;\n\n    width -= offsetX;\n\n    if (width < this.config.minWidth || width > this.config.maxWidth) {\n      return;\n    }\n\n    if (window.innerWidth - width < this.windowBufferSize) {\n      width = window.innerWidth - this.windowBufferSize;\n      this.xCoord = this.windowBufferSize;\n    } else {\n      this.xCoord = event.clientX;\n    }\n\n    this.flyoutWidth = width;\n\n    this.updateBreakpointAndResponsiveClass(this.flyoutWidth);\n\n    this.changeDetector.markForCheck();\n  }\n\n  public onHandleRelease(event: MouseEvent): void {\n    fromEvent(document, 'click')\n      .pipe(take(1))\n      .subscribe(() => {\n        this.isDragging = false;\n        this.adapter.toggleIframePointerEvents(true);\n        this.setUserData();\n      });\n  }\n\n  public onIteratorPreviousButtonClick(): void {\n    this.flyoutInstance.iteratorPreviousButtonClick.emit();\n  }\n\n  public onIteratorNextButtonClick(): void {\n    this.flyoutInstance.iteratorNextButtonClick.emit();\n  }\n\n  private createFlyoutInstance<T>(component: T): SkyFlyoutInstance<T> {\n    const instance = new SkyFlyoutInstance<T>();\n\n    instance.componentInstance = component;\n    instance.hostController\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe((message: SkyFlyoutMessage) => {\n        this.messageStream.next(message);\n      });\n\n    return instance;\n  }\n\n  private handleIncomingMessages(message: SkyFlyoutMessage): void {\n    /* tslint:disable-next-line:switch-default */\n    switch (message.type) {\n      case SkyFlyoutMessageType.Open:\n        if (!this.isOpen) {\n          this.isOpen = false;\n          this.isOpening = true;\n        }\n        break;\n\n      case SkyFlyoutMessageType.Close:\n        this.isOpen = true;\n        this.isOpening = false;\n        break;\n\n      case SkyFlyoutMessageType.EnableIteratorNextButton:\n        this.config.iteratorNextButtonDisabled = false;\n        break;\n\n      case SkyFlyoutMessageType.EnableIteratorPreviousButton:\n        this.config.iteratorPreviousButtonDisabled = false;\n        break;\n\n      case SkyFlyoutMessageType.DisableIteratorNextButton:\n        this.config.iteratorNextButtonDisabled = true;\n        break;\n\n      case SkyFlyoutMessageType.DisableIteratorPreviousButton:\n        this.config.iteratorPreviousButtonDisabled = true;\n        break;\n    }\n\n    this.changeDetector.markForCheck();\n  }\n\n  private notifyClosed(): void {\n    this.flyoutInstance.closed.emit();\n    this.flyoutInstance.closed.complete();\n  }\n\n  private cleanTemplate(): void {\n    this.target.clear();\n  }\n\n  private updateBreakpointAndResponsiveClass(width: number): void {\n    this.flyoutMediaQueryService.setBreakpointForWidth(width);\n\n    const newBreakpiont = this.flyoutMediaQueryService.current;\n\n    this.adapter.setResponsiveClass(this.elementRef, newBreakpiont);\n  }\n\n  private setFullscreen(): void {\n    if (window.innerWidth - this.windowBufferSize < this.config.minWidth) {\n      this.isFullscreen = true;\n    } else {\n      this.isFullscreen = false;\n    }\n  }\n\n  private setUserData(): void {\n    if (this.config.settingsKey) {\n      this.uiConfigService\n        .setConfig(this.config.settingsKey, {\n          flyoutWidth: this.flyoutWidth,\n        })\n        .pipe(take(1))\n        .subscribe(\n          () => {},\n          (err) => {\n            console.warn('Could not save flyout data.');\n            console.warn(err);\n          }\n        );\n    }\n  }\n\n  private checkInitialSize(): void {\n    if (this.flyoutWidth < this.config.minWidth) {\n      this.flyoutWidth = this.config.minWidth;\n      this.setUserData();\n    } else if (this.flyoutWidth > this.config.maxWidth) {\n      this.flyoutWidth = this.config.maxWidth;\n      this.setUserData();\n    }\n\n    // Ensure flyout does not load larger than the window and its buffer\n    if (window.innerWidth - this.flyoutWidth < this.windowBufferSize) {\n      this.flyoutWidth = window.innerWidth - this.windowBufferSize;\n      this.xCoord = this.windowBufferSize;\n      this.setUserData();\n    }\n\n    if (\n      this.flyoutMediaQueryService.isWidthWithinBreakpiont(\n        window.innerWidth,\n        SkyMediaBreakpoints.xs\n      )\n    ) {\n      this.updateBreakpointAndResponsiveClass(window.innerWidth);\n    } else {\n      this.updateBreakpointAndResponsiveClass(this.flyoutWidth);\n    }\n\n    this.setFullscreen();\n  }\n\n  private getString(key: string): string {\n    // TODO: Need to implement the async `getString` method in a breaking change.\n    return this.resourcesService.getStringForLocale({ locale: 'en-US' }, key);\n  }\n\n  private handleResizeKeyDown(event: KeyboardEvent): void {\n    /* istanbul ignore else */\n    if (event.key) {\n      const keyPressed = event.key.toLowerCase().replace('arrow', '');\n      switch (keyPressed) {\n        case 'enter':\n        case ' ':\n          this.resizeKeyControlActive = !this.resizeKeyControlActive;\n          break;\n        case 'tab':\n          /* istanbul ignore else */\n          if (this.resizeKeyControlActive) {\n            this.resizeKeyControlActive = false;\n          }\n        case 'left':\n          if (this.resizeKeyControlActive) {\n            /* istanbul ignore else */\n            if (this.flyoutWidth < this.config.maxWidth) {\n              this.flyoutWidth = Math.min(\n                this.flyoutWidth + this.widthStep,\n                this.config.maxWidth\n              );\n            }\n          }\n          break;\n\n        case 'right':\n          if (this.resizeKeyControlActive) {\n            /* istanbul ignore else */\n            if (this.flyoutWidth > this.config.minWidth) {\n              this.flyoutWidth = Math.max(\n                this.flyoutWidth - this.widthStep,\n                this.config.minWidth\n              );\n            }\n          }\n          break;\n\n        /* istanbul ignore next */\n        default:\n          break;\n      }\n    }\n  }\n}\n","<div\n  class=\"sky-flyout\"\n  tabindex=\"-1\"\n  [attr.role]=\"config?.ariaRole\"\n  [attr.aria-describedby]=\"config?.ariaDescribedBy\"\n  [attr.aria-labelledby]=\"config?.ariaLabelledBy\"\n  [id]=\"flyoutId\"\n  [ngClass]=\"{\n    'sky-flyout-hidden': !isOpen && !isOpening,\n    'sky-flyout-fullscreen': isFullscreen\n  }\"\n  [skyThemeClass]=\"{\n    'sky-shadow': 'default',\n    'sky-elevation-8': 'modern'\n  }\"\n  (@flyoutState.done)=\"animationDone($event)\"\n  [@flyoutState]=\"getAnimationState()\"\n  [style.width.px]=\"flyoutWidth\"\n  #flyoutRef\n>\n  <div\n    class=\"sky-flyout-resize-handle\"\n    role=\"separator\"\n    tabindex=\"0\"\n    type=\"range\"\n    [attr.aria-controls]=\"flyoutId\"\n    [attr.aria-label]=\"'skyux_flyout_resize_handle' | skyLibResources\"\n    [attr.aria-valuemax]=\"config.maxWidth\"\n    [attr.aria-valuemin]=\"config.minWidth\"\n    [attr.aria-valuenow]=\"flyoutWidth\"\n    (keydown)=\"onResizeHandleKeyDown($event)\"\n    (mousedown)=\"onResizeHandleMouseDown($event)\"\n  ></div>\n\n  <div\n    class=\"sky-flyout-header\"\n    [skyThemeClass]=\"{\n      'sky-padding-squish-large': 'default'\n    }\"\n    #flyoutHeader\n  >\n    <div class=\"sky-flyout-header-content\">\n      <button\n        *skyThemeIf=\"'modern'\"\n        class=\"\n          sky-btn\n          sky-btn-icon-borderless\n          sky-margin-inline-sm\n          sky-flyout-header-grab-handle\n        \"\n        [attr.aria-label]=\"'skyux_flyout_resize_handle' | skyLibResources\"\n        (keydown)=\"onHeaderGrabHandleKeyDown($event)\"\n        (mousedown)=\"onHeaderGrabHandleMouseDown($event)\"\n      >\n        <sky-icon icon=\"tile-drag\" iconType=\"skyux\" size=\"lg\"> </sky-icon>\n      </button>\n\n      <sky-flyout-iterator\n        *ngIf=\"config.showIterator\"\n        [nextButtonDisabled]=\"config.iteratorNextButtonDisabled\"\n        [previousButtonDisabled]=\"config.iteratorPreviousButtonDisabled\"\n        (nextButtonClick)=\"onIteratorNextButtonClick()\"\n        (previousButtonClick)=\"onIteratorPreviousButtonClick()\"\n      >\n      </sky-flyout-iterator>\n    </div>\n    <div class=\"sky-flyout-header-buttons\">\n      <ng-container *ngTemplateOutlet=\"permalinkTemplate\"> </ng-container>\n      <ng-container *ngTemplateOutlet=\"primaryActionTemplate\"> </ng-container>\n      <button\n        class=\"sky-btn sky-flyout-btn-close sky-label-icon-theme-default\"\n        type=\"button\"\n        [attr.aria-label]=\"'skyux_flyout_close' | skyLibResources\"\n        [skyThemeClass]=\"{\n          'sky-btn-default': 'default',\n          'sky-btn-icon-borderless': 'modern'\n        }\"\n        (click)=\"close()\"\n      >\n        <sky-icon *skyThemeIf=\"'default'\" icon=\"close\"> </sky-icon>\n        <sky-icon\n          *skyThemeIf=\"'modern'\"\n          icon=\"close\"\n          iconType=\"skyux\"\n          size=\"lg\"\n        >\n        </sky-icon>\n      </button>\n    </div>\n  </div>\n  <div class=\"sky-flyout-content\">\n    <div #target></div>\n  </div>\n</div>\n\n<ng-template #permalinkTemplate>\n  <ng-template [ngIf]=\"permalink\">\n    <ng-template [ngIf]=\"permalink.url\">\n      <a\n        class=\"sky-btn sky-flyout-btn-permalink sky-margin-inline-default\"\n        [skyHref]=\"permalink.url\"\n        [skyThemeClass]=\"{\n          'sky-btn-default': 'default',\n          'sky-btn-borderless': 'modern'\n        }\"\n        (click)=\"close()\"\n      >\n        {{ permalinkLabel }}\n      </a>\n    </ng-template>\n    <ng-template [ngIf]=\"permalink.route\">\n      <a\n        class=\"sky-btn sky-flyout-btn-permalink sky-margin-inline-default\"\n        [routerLink]=\"permalink.route.commands\"\n        [fragment]=\"permalink.route.extras?.fragment\"\n        [skyThemeClass]=\"{\n          'sky-btn-default': 'default',\n          'sky-btn-borderless': 'modern'\n        }\"\n        [queryParams]=\"permalink.route.extras?.queryParams\"\n        [queryParamsHandling]=\"permalink.route.extras?.queryParamsHandling\"\n        [state]=\"permalink.route.extras?.state\"\n        (click)=\"close()\"\n      >\n        {{ permalinkLabel }}\n      </a>\n    </ng-template>\n  </ng-template>\n</ng-template>\n\n<ng-template #primaryActionTemplate>\n  <ng-template [ngIf]=\"primaryAction && primaryAction.callback\">\n    <button\n      type=\"button\"\n      class=\"\n        sky-btn\n        sky-btn-default\n        sky-flyout-btn-primary-action\n        sky-margin-inline-default\n      \"\n      (click)=\"invokePrimaryAction()\"\n    >\n      {{ primaryActionLabel }}\n    </button>\n  </ng-template>\n</ng-template>\n","import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { FormsModule } from '@angular/forms';\n\nimport { RouterModule } from '@angular/router';\n\nimport { SkyIconModule } from '@skyux/indicators';\n\nimport { SkyI18nModule } from '@skyux/i18n';\n\nimport { SkyHrefModule } from '@skyux/router';\n\nimport { SkyThemeModule } from '@skyux/theme';\n\nimport { SkyFlyoutResourcesModule } from '../shared/sky-flyout-resources.module';\n\nimport { SkyFlyoutComponent } from './flyout.component';\n\nimport { SkyFlyoutIteratorComponent } from './flyout-iterator.component';\n\n@NgModule({\n  declarations: [SkyFlyoutComponent, SkyFlyoutIteratorComponent],\n  imports: [\n    CommonModule,\n    FormsModule,\n    RouterModule,\n    SkyI18nModule,\n    SkyIconModule,\n    SkyFlyoutResourcesModule,\n    SkyThemeModule,\n    SkyHrefModule,\n  ],\n  exports: [SkyFlyoutComponent],\n  entryComponents: [SkyFlyoutComponent],\n})\nexport class SkyFlyoutModule {}\n","import { ComponentRef, Injectable, OnDestroy, Type } from '@angular/core';\n\nimport { NavigationStart, Router } from '@angular/router';\n\nimport {\n  SkyAppWindowRef,\n  SkyCoreAdapterService,\n  SkyDynamicComponentService,\n} from '@skyux/core';\n\nimport { fromEvent, Subject } from 'rxjs';\n\nimport { take, takeUntil, takeWhile } from 'rxjs/operators';\n\nimport { SkyFlyoutComponent } from './flyout.component';\n\nimport { SkyFlyoutInstance } from './flyout-instance';\n\nimport { SkyFlyoutConfig } from './types/flyout-config';\n\nimport { SkyFlyoutMessage } from './types/flyout-message';\n\nimport { SkyFlyoutMessageType } from './types/flyout-message-type';\n\n/**\n * Launches flyouts and provides a common look and feel.\n * This service dynamically generates the flyout component and appends it directly to the\n * document's `body` element. The `SkyFlyoutInstance` class watches for and triggers flyout events.\n */\n@Injectable({\n  providedIn: 'any',\n})\nexport class SkyFlyoutService implements OnDestroy {\n  private host: ComponentRef<SkyFlyoutComponent>;\n  private removeAfterClosed = false;\n  private isOpening: boolean = false;\n  private ngUnsubscribe = new Subject<boolean>();\n\n  constructor(\n    private coreAdapter: SkyCoreAdapterService,\n    private windowRef: SkyAppWindowRef,\n    private dynamicComponentService: SkyDynamicComponentService,\n    private router: Router\n  ) {}\n\n  public ngOnDestroy(): void {\n    this.removeListners();\n    if (this.host) {\n      this.removeHostComponent();\n    }\n  }\n\n  /**\n   * Closes the flyout. This method also removes the flyout's HTML elements from the DOM.\n   */\n  public close(): void {\n    if (this.host && !this.isOpening) {\n      this.removeAfterClosed = true;\n      this.host.instance.messageStream.next({\n        type: SkyFlyoutMessageType.Close,\n      });\n    }\n  }\n\n  /**\n   * Opens a flyout and displays the specified component.\n   * @param component Specifies the component to render. Since you generate the component dynamically instead of\n   * with HTML selectors, you must register it with the `entryComponents` property in the\n   * `app-extras.module.ts` file. For more information, see the\n   * [entry components tutorial](https://developer.blackbaud.com/skyux/learn/get-started/advanced/entry-components).\n   * @param config Specifies the flyout configuration passed to the specified component's constructor.\n   */\n  public open<T>(\n    component: Type<T>,\n    config?: SkyFlyoutConfig\n  ): SkyFlyoutInstance<T> {\n    // isOpening flag will prevent close() from firing when open() is also fired.\n    this.isOpening = true;\n    this.windowRef.nativeWindow.setTimeout(() => {\n      this.isOpening = false;\n    });\n\n    if (!this.host) {\n      this.host = this.createHostComponent();\n\n      this.router.events\n        .pipe(takeWhile(() => this.host !== undefined))\n        .subscribe((event) => {\n          if (event instanceof NavigationStart) {\n            this.close();\n          }\n        });\n    }\n\n    const flyout = this.host.instance.attach(component, config);\n\n    this.addListeners(flyout);\n\n    return flyout;\n  }\n\n  private createHostComponent(): ComponentRef<SkyFlyoutComponent> {\n    this.host =\n      this.dynamicComponentService.createComponent(SkyFlyoutComponent);\n    return this.host;\n  }\n\n  private removeHostComponent(): void {\n    if (this.host) {\n      this.dynamicComponentService.removeComponent(this.host);\n      this.host = undefined;\n    }\n  }\n\n  private addListeners<T>(flyout: SkyFlyoutInstance<T>): void {\n    /* istanbul ignore else */\n    if (this.host) {\n      const flyoutInstance = this.host.instance;\n\n      let doClose = false;\n\n      /**\n       * Handles when to close a flyout.\n       * Note: We're using `mouseup` in order to capture the parent of certain targets that will be\n       * deleted immediately after being clicked. If we use `click`, the event is fired after the\n       * element is removed from the DOM making it impossible to check the parent's z-index\n       * relative to the flyout's container.\n       */\n      fromEvent(document, 'mouseup')\n        .pipe(takeUntil(this.ngUnsubscribe))\n        .subscribe((event: MouseEvent) => {\n          doClose = false;\n\n          if (this.host.instance.isDragging) {\n            return;\n          }\n\n          if (flyoutInstance.flyoutRef.nativeElement.contains(event.target)) {\n            return;\n          }\n\n          const isAbove =\n            event.target === document\n              ? false\n              : this.coreAdapter.isTargetAboveElement(\n                  event.target,\n                  flyoutInstance.flyoutRef.nativeElement\n                );\n\n          /* istanbul ignore else */\n          if (!isAbove) {\n            doClose = true;\n          }\n        });\n\n      /**\n       * Check if we should close the flyout specifically on a `click` event so that we can keep\n       * it open when consumers fire another `click` event on a trigger button. Since the consumer\n       * will likely use a `click` event to open the flyout, we want to wait for that event to fire\n       * before determining if the flyout should be closed.\n       */\n      fromEvent(document, 'click')\n        .pipe(takeUntil(this.ngUnsubscribe))\n        .subscribe(() => {\n          if (doClose) {\n            this.close();\n          }\n        });\n\n      this.removeAfterClosed = false;\n      flyoutInstance.messageStream\n        .pipe(take(1))\n        .subscribe((message: SkyFlyoutMessage) => {\n          if (message.type === SkyFlyoutMessageType.Close) {\n            this.removeAfterClosed = true;\n            this.isOpening = false;\n          }\n        });\n\n      flyout.closed.pipe(take(1)).subscribe(() => {\n        this.removeListners();\n        if (this.removeAfterClosed) {\n          this.removeHostComponent();\n        }\n      });\n    }\n  }\n\n  private removeListners(): void {\n    this.ngUnsubscribe.next(true);\n    this.ngUnsubscribe.unsubscribe();\n    this.ngUnsubscribe = new Subject<boolean>();\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}