@coolon/angular-ui-powerups 2.0.0-alpha.33 → 2.0.0-alpha.35

package/lib/components/commands/command-face/command-face.component.d.ts

@@ -4,7 +4,14 @@ import { DisposableComponent } from '../../disposable-component';
 import { CommandContainer } from '../command-container';
 import { CommandFace } from '../command-face';
 /**
- *
+ * Custom CSS:
+ * @example
+ * root: { // globally
+ *   --aup-command-face-icon-gap: 8px;
+ * }
+ * aup-command-face { // per instance
+ *   --icon-gap: 4px;
+ * }
  */
 export declare class CommandFaceComponent<T> extends DisposableComponent implements OnInit {
     readonly commandContainer: CommandContainer;

package/lib/place/components/abstract-place-navigation.component.d.ts

@@ -1,7 +1,7 @@
 import { OnInit } from '@angular/core';
 import { Command, Constructable, DelegatingValueModel, ListModel, ListModelChain, ValueModel } from '@coolon/pectin';
+import { CommandFace } from '../../components/commands/command-face';
 import { DisposableComponent } from '../../components/disposable-component';
-import { NavItem } from '../nav-item';
 import { PlaceComponent } from '../place-component';
 import { PlaceDefinition } from '../place-definition';
 import { PlaceRouter } from '../place-router';
@@ -16,7 +16,7 @@ export declare class AbstractPlaceNavigationComponent extends DisposableComponen
     readonly _activePlaceComponent: DelegatingValueModel<PlaceComponent>;
     private activePlaceDefinition;
     constructor(placeRouter: PlaceRouter);
-    getNav(placeDef: PlaceDefinition): NavItem;
+    getNavigationFace(placeDef: PlaceDefinition): CommandFace;
     isActive(place: PlaceDefinition): boolean;
     ngOnInit(): void;
 }

package/lib/place/components/place-outlet/place-outlet.component.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter, OnInit } from '@angular/core';
 import { ActivatedRoute, Router, RouterOutlet } from '@angular/router';
-import { Constructable, ListModel, ValueModel, ValueModelChain } from '@coolon/pectin';
+import { BooleanValueModelChain, Constructable, ListModel, ValueModel, ValueModelChain } from '@coolon/pectin';
 import { DisposableComponent } from '../../../components/disposable-component';
 import { PlaceComponent } from '../../place-component';
 import { PlaceConfig } from '../../place-config';
@@ -16,16 +16,21 @@ export declare class PlaceOutletComponent extends DisposableComponent implements
     customPlaceAnimationOrder: Constructable<PlaceComponent>[];
     readonly placeChanged: EventEmitter<PlaceComponent>;
     routerOut: RouterOutlet;
+    private onAnimationFinishedJob;
     private outletActivated;
     private readonly _activatedRouteModel;
     private readonly _activePlaceModel;
     private readonly _activePlaceDefinition;
     private parentOutletModel;
-    readonly placeAnimationOrder: ValueModelChain<number>;
+    readonly activePlaceAnimationPosition: ValueModelChain<number>;
     private initialPlaceIndex;
     private routerVisitModel;
     private _isPushingVisitToRoute;
     private navigationInProgress;
+    private isVeryFirstLoad;
+    private placesInAnimationOrder;
+    private animationSupported;
+    readonly animationEnabled: BooleanValueModelChain;
     constructor(router: Router, placeRouter: PlaceRouter, placeConfig: PlaceConfig, parentOutlet: PlaceOutletComponent);
     ngOnInit(): void;
     getAnimationOrder(): number;
@@ -35,6 +40,7 @@ export declare class PlaceOutletComponent extends DisposableComponent implements
     get activePlaceModel(): ValueModel<PlaceComponent>;
     get activatedRouteModel(): ValueModel<ActivatedRoute>;
     onOutletActivated(routerOutlet: RouterOutlet, place: PlaceComponent): void;
+    private validateAnimationState;
     onOutletDeactivated(): void;
     private checkStateAndInitialise;
     private initialisePlace;

package/lib/place/place-component.d.ts

@@ -10,6 +10,7 @@ export declare const ROUTE_PARAMETER_LIST_KEY: unique symbol;
 export declare class PlaceComponent extends DisposableComponent {
     private visitModel;
     private _inVisitUpdate;
+    private _active;
     interactionContext?: InteractionContext;
     canDeactivate?(interactionContext: InteractionContext): boolean | Promise<boolean>;
     constructor();
@@ -19,6 +20,11 @@ export declare class PlaceComponent extends DisposableComponent {
     private installBinding;
     get placeDefinition(): PlaceDefinition;
     get childPlaces(): Constructable<PlaceComponent>[];
+    get active(): import("@coolon/pectin").ValueModel<boolean>;
+    /**
+     * Called by the router when the place is ready to interact after any animations have run.
+     */
+    _notifyActive(active: boolean): void;
     onPlaceReady(): void;
 }
 export declare namespace PlaceComponent {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coolon/angular-ui-powerups",
-  "version": "2.0.0-alpha.33",
+  "version": "2.0.0-alpha.35",
   "schematics": "./schematics/collection.json",
   "dependencies": {
     "@coolon/typescript-utilities": "^2.0.0",