@coolon/angular-ui-powerups 1.4.2 → 1.5.0

package/fesm5/coolon-angular-ui-powerups.js

@@ -16,6 +16,7 @@ import { MatDialogModule, MatDialog, MatDialogConfig, MAT_DIALOG_DEFAULT_OPTIONS
 import { RouterModule, UrlSegment, Router, UrlSerializer, NavigationStart, NavigationEnd, NavigationError, NavigationCancel, RouterOutlet } from '@angular/router';
 import { assert as assert$1, lang as lang$1, Opts, Klass } from '@coolon/typescript-utilities';
 import ___default, { isEqual, isNil } from 'lodash';
+import { FlexModule } from '@angular/flex-layout';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { MatListModule } from '@angular/material/list';
 import { MatTooltipModule } from '@angular/material/tooltip';
@@ -1044,6 +1045,46 @@ var VerticalFocusContainerComponent = /** @class */ (function (_super) {
     return VerticalFocusContainerComponent;
 }(FocusContainerComponent));
 
+/**
+ * @example
+ * // CSS Vars
+ * --resolved-card-gap: var(--card-gap, 16px);
+ * --resolved-card-width: var(--card-width, 300px);
+ * --resolved-card-height: var(--card-height, auto);
+ * --resolved-card-background: var(--card-background, #fcfcfb);
+ *
+ * // Content Templates:
+ * #addCardTemplate
+ * <ng-template #addCardTemplate>
+ *  This is a new card template, it will the the size of the other cards.
+ * </nav-template>
+ *
+ */
+var CardContainerComponent = /** @class */ (function () {
+    function CardContainerComponent() {
+    }
+    CardContainerComponent.prototype.ngOnInit = function () {
+    };
+    __decorate([
+        Input(),
+        TrackExternal(),
+        __metadata("design:type", Command)
+    ], CardContainerComponent.prototype, "addCardCommand", void 0);
+    __decorate([
+        ContentChild("addCardTemplate"),
+        __metadata("design:type", TemplateRef)
+    ], CardContainerComponent.prototype, "addCardTemplate", void 0);
+    CardContainerComponent = __decorate([
+        Component({
+            selector: 'aup-card-container',
+            template: "<div class=\"card-container\">\n  <ng-content></ng-content>\n\n  <div class=\"add-card-container\" *ngIf=\"addCardCommand.enabled.value\" [pectinCommand]=\"addCardCommand\">\n    <mat-icon>add</mat-icon>\n  </div>\n\n  <div class=\"add-card-template\" *ngIf=\"addCardTemplate\">\n    <ng-container [ngTemplateOutlet]=\"addCardTemplate\"></ng-container>\n  </div>\n\n</div>\n",
+            styles: [":root{--aup-default-padding:var(--default-padding, 18px)}.dialog-interaction-context{max-width:95vw!important;max-height:95vh!important}.dialog-interaction-context mat-dialog-container{max-width:95vw!important;max-height:95vh!important;padding:0}[no-tab-header]>mat-tab-header{display:none}[full-height-tabs] .mat-tab-body-wrapper,mat-tab-group.full-height-tabs .mat-tab-body-wrapper{flex:1}[full-height-tabs] .mat-tab-body-wrapper .mat-tab-body-content,[full-height-tabs] .mat-tab-body-wrapper mat-tab-body,mat-tab-group.full-height-tabs .mat-tab-body-wrapper .mat-tab-body-content,mat-tab-group.full-height-tabs .mat-tab-body-wrapper mat-tab-body{display:flex;flex-direction:column;justify-content:stretch}.router-outlet-container>*{position:absolute;top:0;left:0;bottom:0;right:0}:host{--resolved-card-gap:var(--card-gap, 16px);--resolved-card-width:var(--card-width, 300px);--resolved-card-height:var(--card-height, auto);--resolved-card-background:var(--card-background, #fcfcfb);flex:1;display:block;background:var(--resolved-card-background)}.card-container{display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fill,var(--resolved-card-width));grid-template-rows:repeat(auto-fit,minmax(0,var(--resolved-card-height)));grid-gap:var(--resolved-card-gap);box-sizing:border-box;padding:var(--resolved-card-gap);min-height:calc(var(--resolved-card-height) + 2 * var(--resolved-card-gap));min-width:calc(var(--resolved-card-width) + 2 * var(--resolved-card-gap));width:calc((var(--resolved-card-width) + var(--resolved-card-gap)) * 2 + var(--grid-gap));max-width:100%}.add-card-container{width:var(--resolved-card-width);height:var(--resolved-card-height);display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;border:2px dashed rgba(0,0,0,.1);border-radius:6px;font-weight:300;cursor:pointer;color:rgba(0,0,0,.54);background-color:rgba(255,255,255,.8);transition:280ms cubic-bezier(.4,0,.2,1)}.add-card-container mat-icon{font-size:200%}.add-card-container:hover{transition:280ms cubic-bezier(.4,0,.2,1);border-color:transparent;background-color:#fff;color:rgba(0,0,0,.54)}.add-card-container:hover:hover{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.add-card-template-container{width:var(--resolved-card-width);height:var(--resolved-card-height);display:flex;flex-direction:column;align-items:stretch;justify-content:stretch}"]
+        }),
+        __metadata("design:paramtypes", [])
+    ], CardContainerComponent);
+    return CardContainerComponent;
+}());
+
 var ComponentsModule = /** @class */ (function () {
     function ComponentsModule() {
     }
@@ -1063,7 +1104,8 @@ var ComponentsModule = /** @class */ (function () {
                 SwitchCaseDefaultDirective,
                 FocusContainerComponent,
                 VerticalFocusContainerComponent,
-                FocusableComponent
+                FocusableComponent,
+                CardContainerComponent
             ],
             imports: [
                 CommonModule,
@@ -1091,7 +1133,8 @@ var ComponentsModule = /** @class */ (function () {
                 SwitchCaseDefaultDirective,
                 FocusContainerComponent,
                 VerticalFocusContainerComponent,
-                FocusableComponent
+                FocusableComponent,
+                CardContainerComponent
             ],
             providers: [
                 FocusBindingFactory
@@ -1148,7 +1191,7 @@ var Activity = /** @class */ (function (_super) {
         return !!this._activityContext;
     };
     return Activity;
-}(GarbageCollector));
+}(DisposableComponent));
 
 var AlertDialogComponent = /** @class */ (function (_super) {
     __extends(AlertDialogComponent, _super);
@@ -4069,8 +4112,8 @@ var ListPlaceNavComponent = /** @class */ (function (_super) {
     ListPlaceNavComponent = __decorate([
         Component({
             selector: 'aup-list-place-nav',
-            template: "<mat-nav-list class=\"app-menu\">\n  <a mat-list-item *ngFor=\"let placeDefinition of placeDefinitions.value\"\n     [pectinCommand]=\"commandFactory.create(placeDefinition)\"\n     [class.active]=\"isActive(placeDefinition)\"\n     [matTooltip]=\"getNav(placeDefinition).tooltip()\">\n    <mat-icon *ngIf=\"getNav(placeDefinition).icon()\">{{getNav(placeDefinition).icon()}}</mat-icon>\n    <span class=\"expanded-only\">{{getNav(placeDefinition).title()}}</span>\n  </a>\n</mat-nav-list>\n",
-            styles: [":host{display:flex;flex-direction:column;--expanded-width:235px;--nav-item-width:var(--nav-bar-height);width:var(--nav-item-width);transition:width 125ms linear}:host.expanded{width:var(--expanded-width);max-width:var(--expanded-width)}.expanded-only{max-width:0;overflow:hidden}.collapsed-only{max-width:100%;overflow:hidden}.header{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;height:var(--nav-bar-height);border-bottom:var(--pinstripe-border);cursor:pointer}.header .menu{flex:1}.header button{color:inherit;width:var(--nav-item-width);height:var(--nav-bar-height)}mat-nav-list{flex:1;display:flex;flex-direction:column}.mat-list-item{width:var(--nav-item-width);height:var(--nav-bar-height);color:rgba(0,0,0,.6)}.mat-list-item.active{background-color:rgba(0,0,0,.1);color:rgba(0,0,0,.9)}mat-icon{color:inherit}mat-icon.flip-horizontal{transform:scaleX(-1)}:host-context(.expanded) .expanded-only{max-width:100%}:host-context(.expanded) .collapsed-only{max-width:0}:host-context(.expanded) .mat-list-item mat-icon{margin-right:12px}:host-context(.expanded) .mat-list-item span{text-wrap:none;white-space:nowrap}a[ng-reflect-router-link=manage-instruments] mat-icon{transform:rotate(90deg)}.app-menu{padding-top:0}"]
+            template: "<mat-nav-list fxFlex>\n  <a mat-list-item *ngFor=\"let placeDefinition of placeDefinitions.value\"\n     [pectinCommand]=\"commandFactory.create(placeDefinition)\"\n     [class.active]=\"isActive(placeDefinition)\"\n     [matTooltip]=\"getNav(placeDefinition).tooltip()\">\n    <mat-icon *ngIf=\"getNav(placeDefinition).icon()\">{{getNav(placeDefinition).icon()}}</mat-icon>\n    <span class=\"expanded-only\">{{getNav(placeDefinition).title()}}</span>\n  </a>\n</mat-nav-list>\n",
+            styles: [":host{display:flex;flex-direction:column}"]
         }),
         __metadata("design:paramtypes", [PlaceRouter])
     ], ListPlaceNavComponent);
@@ -4096,6 +4139,86 @@ var TabbedPlaceNavigationComponent = /** @class */ (function (_super) {
     return TabbedPlaceNavigationComponent;
 }(AbstractPlaceNavigationComponent));
 
+/**
+ * @example
+ * // Usage
+ * <aup-vertical-place-navigation [places]="placeConstructorArray"
+ *                                [placeOutlet]="placeOutletComponent">
+ * </aup-vertical-place-navigation>
+ * <aup-place-outlet #placeOutletComponent></aup-place-outlet>
+ *
+ * // CSS overrides:
+ * --nav-width: 56px
+ * --nav-expanded-width: 235px
+ * --nav-item-height: var(--nav-width)
+ * --nav-background-color: #555;
+ * --nav-color: rgba(255, 255, 255, 0.9);
+ *
+ * // Content Templates:
+ * #navEndTemplate
+ * <ng-template #navEndTemplate>
+ *    <a mat-list-item (click)="logout()" matTooltip="Logout">
+ *    <mat-icon>exit_to_app</mat-icon>
+ *    <span class="expanded-only">Logout</span>
+ *    </a>
+ * </nav-template>
+ *
+ * // Place nav item in an i18n.yml
+ * places:
+ *   myPlace:
+ *     nav(NavItem):
+ *       title: "Activities"
+ *       icon: "build"
+ *       tooltip: "Alerts, confirms and dialogs"
+ *
+ * // In your place
+ * (at)Place({
+ *   path: 'myPlace',
+ *   data: {
+ *     nav: I18n.places.myPlace.nav()
+ *   }
+ * })
+ */
+var SidePlaceNavigationComponent = /** @class */ (function (_super) {
+    __extends(SidePlaceNavigationComponent, _super);
+    function SidePlaceNavigationComponent(router, placeRouter) {
+        var _this = _super.call(this, placeRouter) || this;
+        _this.router = router;
+        _this.expanded = false;
+        return _this;
+    }
+    SidePlaceNavigationComponent.prototype.expandMenu = function () {
+        this.expanded = true;
+    };
+    SidePlaceNavigationComponent.prototype.collapseMenu = function () {
+        this.expanded = false;
+    };
+    SidePlaceNavigationComponent.prototype.toggleMenu = function () {
+        this.expanded = !this.expanded;
+    };
+    SidePlaceNavigationComponent.ctorParameters = function () { return [
+        { type: Router },
+        { type: PlaceRouter }
+    ]; };
+    __decorate([
+        HostBinding('class.expanded'),
+        __metadata("design:type", Object)
+    ], SidePlaceNavigationComponent.prototype, "expanded", void 0);
+    __decorate([
+        ContentChild('navEndTemplate'),
+        __metadata("design:type", TemplateRef)
+    ], SidePlaceNavigationComponent.prototype, "navEndTemplate", void 0);
+    SidePlaceNavigationComponent = __decorate([
+        Component({
+            selector: 'aup-side-place-navigation',
+            template: "<mat-nav-list>\n  <a mat-list-item (click)=\"toggleMenu()\" class=\"home\">\n    <mat-icon class=\"collapsed-only\">menu</mat-icon>\n    <mat-icon class=\"expanded-only\">arrow_back</mat-icon>\n    <span class=\"expanded-only\">Menu</span>\n  </a>\n  <a mat-list-item *ngFor=\"let placeDefinition of placeDefinitions.value\"\n     [pectinCommand]=\"commandFactory.create(placeDefinition)\"\n     [class.active]=\"isActive(placeDefinition)\"\n     [matTooltip]=\"getNav(placeDefinition).tooltip()\">\n    <mat-icon *ngIf=\"getNav(placeDefinition).icon()\">{{getNav(placeDefinition).icon()}}</mat-icon>\n    <span\n      class=\"expanded-only\">{{getNav(placeDefinition).title()}}</span>\n  </a>\n  <span [style.flex]=\"1\"></span>\n  <ng-container *ngIf=\"navEndTemplate\" [ngTemplateOutlet]=\"navEndTemplate\"></ng-container>\n</mat-nav-list>\n",
+            styles: [":host{display:flex;flex-direction:column;--resolved-nav-item-width:var(--nav-width, 56px);--resolved-nav-item-height:var(--nav-item-height, var(--resolved-nav-item-width));--resolved-expanded-width:var(--nav-expanded-width, 235px);--resolved-color:var(--nav-color, rgba(255, 255, 255, 0.9));--resolved-background-color:var(--nav-background-color, #555);width:var(--resolved-nav-item-width);transition:width 125ms linear;background-color:var(--resolved-background-color);color:var(--resolved-color)}:host.expanded{width:var(--resolved-expanded-width);max-width:var(--resolved-expanded-width)}:host-context(.expanded) .expanded-only{max-width:100%}:host-context(.expanded) .collapsed-only{max-width:0}:host-context(.expanded) .mat-list-item mat-icon:not(.collapsed-only){margin-right:12px}:host-context(.expanded) .mat-list-item span{text-wrap:none;white-space:nowrap}.expanded-only{max-width:0;overflow:hidden}.collapsed-only{max-width:100%;overflow:hidden}mat-nav-list{flex:1;display:flex;flex-direction:column}.mat-list-item{width:var(--resolved-nav-item-width);height:var(--resolved-nav-item-height);color:inherit}.mat-list-item.active{background-color:#444}.mat-list-item.home{text-align:left}mat-icon{color:inherit}mat-icon.flip-horizontal{transform:scaleX(-1)}"]
+        }),
+        __metadata("design:paramtypes", [Router, PlaceRouter])
+    ], SidePlaceNavigationComponent);
+    return SidePlaceNavigationComponent;
+}(AbstractPlaceNavigationComponent));
+
 var PlaceModule = /** @class */ (function () {
     function PlaceModule() {
     }
@@ -4110,7 +4233,8 @@ var PlaceModule = /** @class */ (function () {
                 MatListModule,
                 MatTooltipModule,
                 MatIconModule,
-                DirectivesModule
+                DirectivesModule,
+                FlexModule
             ],
             declarations: [
                 EmptyStateComponent,
@@ -4118,6 +4242,7 @@ var PlaceModule = /** @class */ (function () {
                 PlaceOutletComponent,
                 TabbedPlaceNavigationComponent,
                 ListPlaceNavComponent,
+                SidePlaceNavigationComponent,
                 AbstractPlaceNavigationComponent
             ],
             entryComponents: [BusyOverlayComponent],
@@ -4127,6 +4252,7 @@ var PlaceModule = /** @class */ (function () {
                 EmptyStateComponent,
                 TabbedPlaceNavigationComponent,
                 ListPlaceNavComponent,
+                SidePlaceNavigationComponent,
                 AbstractPlaceNavigationComponent
             ],
             providers: [
@@ -4813,5 +4939,5 @@ function VisitParameterList(options) {
  * Generated bundle index. Do not edit.
  */
 
-export { ACTIVITY_DATA, AUP_PLACE_CONFIG, AbstractInputComponent, AbstractInteractionContext, AbstractPlaceNavigationComponent, AbstractPopStateNavigation, Activity, ActivityContainerComponent, ActivityOutletComponent, ActivityRef, AlertDialogComponent, AngularUiPowerupsModule, Bounds, BusyOverlayComponent, CheckboxInputComponent, CommandDirective, ComponentsModule, ConfirmThenDialogComponent, ConfirmationDialogComponent, ConsolidatedParameterMap, DEFINITION_META_DATA_KEY, DIALOG_INTERACTION_SERVICE_DEFAULTS, DialogInteractionContext, DialogInteractionContextFactory, Dimension, DirectivesModule, DisposableComponent, EmptyStateComponent, EventCleanUpSession, FocusBinding, FocusBindingDirective, FocusBindingFactory, FocusContainerComponent, FocusableComponent, Formatter, InPlaceInteractionContextComponent, InteractionModule, InteractionService, InteractionServiceRoutingAdapter, LEFT_RIGHT_PLACE_ANIMATION, ListPlaceNavComponent, ModalInteractionContextFactory, Navigating, NavigatingDuringInteraction, NavigationContext, NavigationSession, NoopAuthGuard, NoopComponent, NumberInputComponent, ParameterDefinition, PasswordInputComponent, Place, PlaceComponent, PlaceComponentDeactivationHandler, PlaceDefinition, PlaceGuard, PlaceHistory, PlaceModule, PlaceOutletComponent, PlaceRouter, Point, PopStateDuringInteractionNavigation, PopStateNavigation, ROUTE_PARAMETER_LIST_KEY, RemoveLastInteractionFromUrlNavigationSession, ResizeAwareComponent, RouteId, ScrollContainerComponent, SelectInputComponent, StringInputComponent, SwitchCaseComponent, SwitchCaseDefaultDirective, SwitchCaseOption, SwitchCaseWhenDirective, SynchroniseInteractionContextIdsWithRoute, TabbedPlaceNavigationComponent, UrlService, UrlSnapshot, VerticalFocusContainerComponent, Visit, VisitParameter, VisitParameterList, VisitSanitiser, WaitUntilLeavingInteractionTransitionCancelled, WaitUntilLinkTriggeredNavigationInteractionCancellationEventsFinish, WaitUntilPopStateDuringCanDeactivateInteractionFinishes, leftRightPlaceAnimation, slideDownOnEnterAnimation, slideRightOnEnterAnimation, DirectivesModule as ɵa, CommandDirective as ɵb, LEFT_RIGHT_PLACE_ANIMATION as ɵba, AUP_PLACE_CONFIG as ɵbb, PlaceRouter as ɵbd, InteractionService as ɵbe, ModalInteractionContextFactory as ɵbf, UrlService as ɵbg, PlaceHistory as ɵbh, TabbedPlaceNavigationComponent as ɵbi, AbstractPlaceNavigationComponent as ɵbj, ListPlaceNavComponent as ɵbk, InteractionModule as ɵbl, ActivityContainerComponent as ɵbm, AbstractInteractionContext as ɵbn, ActivityOutletComponent as ɵbo, ConfirmationDialogComponent as ɵbp, ACTIVITY_DATA as ɵbq, Activity as ɵbr, ConfirmThenDialogComponent as ɵbt, AlertDialogComponent as ɵbu, InPlaceInteractionContextComponent as ɵbw, FocusBindingDirective as ɵc, DisposableComponent as ɵd, FocusBindingFactory as ɵe, ComponentsModule as ɵf, NumberInputComponent as ɵg, AbstractInputComponent as ɵh, StringInputComponent as ɵi, PasswordInputComponent as ɵj, SelectInputComponent as ɵk, CheckboxInputComponent as ɵl, ScrollContainerComponent as ɵm, NoopComponent as ɵn, SwitchCaseOption as ɵo, SwitchCaseWhenDirective as ɵp, SwitchCaseDefaultDirective as ɵq, SwitchCaseComponent as ɵr, FocusContainerComponent as ɵs, VerticalFocusContainerComponent as ɵt, FocusableComponent as ɵu, PlaceModule as ɵv, EmptyStateComponent as ɵw, BusyOverlayComponent as ɵx, PlaceOutletComponent as ɵy, leftRightPlaceAnimation as ɵz };
+export { ACTIVITY_DATA, AUP_PLACE_CONFIG, AbstractInputComponent, AbstractInteractionContext, AbstractPlaceNavigationComponent, AbstractPopStateNavigation, Activity, ActivityContainerComponent, ActivityOutletComponent, ActivityRef, AlertDialogComponent, AngularUiPowerupsModule, Bounds, BusyOverlayComponent, CardContainerComponent, CheckboxInputComponent, CommandDirective, ComponentsModule, ConfirmThenDialogComponent, ConfirmationDialogComponent, ConsolidatedParameterMap, DEFINITION_META_DATA_KEY, DIALOG_INTERACTION_SERVICE_DEFAULTS, DialogInteractionContext, DialogInteractionContextFactory, Dimension, DirectivesModule, DisposableComponent, EmptyStateComponent, EventCleanUpSession, FocusBinding, FocusBindingDirective, FocusBindingFactory, FocusContainerComponent, FocusableComponent, Formatter, InPlaceInteractionContextComponent, InteractionModule, InteractionService, InteractionServiceRoutingAdapter, LEFT_RIGHT_PLACE_ANIMATION, ListPlaceNavComponent, ModalInteractionContextFactory, Navigating, NavigatingDuringInteraction, NavigationContext, NavigationSession, NoopAuthGuard, NoopComponent, NumberInputComponent, ParameterDefinition, PasswordInputComponent, Place, PlaceComponent, PlaceComponentDeactivationHandler, PlaceDefinition, PlaceGuard, PlaceHistory, PlaceModule, PlaceOutletComponent, PlaceRouter, Point, PopStateDuringInteractionNavigation, PopStateNavigation, ROUTE_PARAMETER_LIST_KEY, RemoveLastInteractionFromUrlNavigationSession, ResizeAwareComponent, RouteId, ScrollContainerComponent, SelectInputComponent, SidePlaceNavigationComponent, StringInputComponent, SwitchCaseComponent, SwitchCaseDefaultDirective, SwitchCaseOption, SwitchCaseWhenDirective, SynchroniseInteractionContextIdsWithRoute, TabbedPlaceNavigationComponent, UrlService, UrlSnapshot, VerticalFocusContainerComponent, Visit, VisitParameter, VisitParameterList, VisitSanitiser, WaitUntilLeavingInteractionTransitionCancelled, WaitUntilLinkTriggeredNavigationInteractionCancellationEventsFinish, WaitUntilPopStateDuringCanDeactivateInteractionFinishes, leftRightPlaceAnimation, slideDownOnEnterAnimation, slideRightOnEnterAnimation, DirectivesModule as ɵa, CommandDirective as ɵb, leftRightPlaceAnimation as ɵba, LEFT_RIGHT_PLACE_ANIMATION as ɵbb, AUP_PLACE_CONFIG as ɵbc, PlaceRouter as ɵbe, InteractionService as ɵbf, ModalInteractionContextFactory as ɵbg, UrlService as ɵbh, PlaceHistory as ɵbi, TabbedPlaceNavigationComponent as ɵbj, AbstractPlaceNavigationComponent as ɵbk, ListPlaceNavComponent as ɵbl, SidePlaceNavigationComponent as ɵbm, InteractionModule as ɵbn, ActivityContainerComponent as ɵbo, AbstractInteractionContext as ɵbp, ActivityOutletComponent as ɵbq, ConfirmationDialogComponent as ɵbr, ACTIVITY_DATA as ɵbs, Activity as ɵbt, ConfirmThenDialogComponent as ɵbv, AlertDialogComponent as ɵbw, InPlaceInteractionContextComponent as ɵby, FocusBindingDirective as ɵc, DisposableComponent as ɵd, FocusBindingFactory as ɵe, ComponentsModule as ɵf, NumberInputComponent as ɵg, AbstractInputComponent as ɵh, StringInputComponent as ɵi, PasswordInputComponent as ɵj, SelectInputComponent as ɵk, CheckboxInputComponent as ɵl, ScrollContainerComponent as ɵm, NoopComponent as ɵn, SwitchCaseOption as ɵo, SwitchCaseWhenDirective as ɵp, SwitchCaseDefaultDirective as ɵq, SwitchCaseComponent as ɵr, FocusContainerComponent as ɵs, VerticalFocusContainerComponent as ɵt, FocusableComponent as ɵu, CardContainerComponent as ɵv, PlaceModule as ɵw, EmptyStateComponent as ɵx, BusyOverlayComponent as ɵy, PlaceOutletComponent as ɵz };
 //# sourceMappingURL=coolon-angular-ui-powerups.js.map