@coolon/angular-ui-powerups 11.0.0-alpha.6 → 11.0.0-alpha.9

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

@@ -1,5 +1,5 @@
 import { AfterViewInit, ElementRef, OnInit } from '@angular/core';
-import { Command, ListModelChain, ValueModel, ValueModelChain } from '@coolon/pectin';
+import { BooleanValueModelChain, Command, ListModelChain, ValueModel, ValueModelChain } from '@coolon/pectin';
 import { CommandFace } from '../command-face';
 import { PopupAwareComponent } from '../group/popup-aware.component';
 import { PopupContainer } from '../group/popup-container';
@@ -17,6 +17,7 @@ export declare class CommandComponent extends PopupAwareComponent implements OnI
     readonly buttonStyle: ValueModelChain<string>;
     readonly colorModel: ValueModelChain<'primary' | 'accent' | 'warn' | undefined>;
     private activeFace;
+    readonly iconOnly: BooleanValueModelChain;
     constructor(element: ElementRef, parent?: PopupContainer);
     isActive(face: CommandFace): boolean;
     ngOnInit(): void;

package/lib/components/table/column-model.d.ts

@@ -32,6 +32,7 @@ export declare class ColumnModel<Row> {
     private _selectRowOnClick;
     private _flex;
     private _visibleModel;
+    readonly dasherisedColumnId: string;
     constructor(columnId: string, textPropertiesProvider: ColumnModel.TextPropertiesProvider);
     protected installHeaderRenderer(): void;
     getHeaderText(): string;

package/lib/components/table/table-model.d.ts

@@ -54,6 +54,15 @@ import { SelectionColumnModel } from './column-model';
  *   table.addCustomColumn("fullName", hero => `${hero.firstName} ${hero.lastName}`);
  * });
  *
+ * Template columns
+ * @example
+ * const model = TableModel.fromList(heroList, table => {
+ *   table.addSelectionColumn(selectionModel); // <- can be single or multiple selection model
+ *   table.addTemplateColumn("myTemplate");
+ * });
+ *
+ * <div *aupColumnTemplate="let hero; columnId: 'myTemplate'">{{hero.age}}</div>
+ *
  * I18n
  * @example
  * [table.yml]

package/lib/components/table/table.component.d.ts

@@ -31,15 +31,32 @@ import { ColumnModel } from './column-model';
  *
  * Styling
  * @example
+ *  // global settings
+ * :root {
+ *   --aup-table-column-gap: 10px; // defaults to 24px
+ *   --aup-table-row-hover-background-color, rgba(0, 0, 0, 0.05)
+ *   --aup-table-row-selected-background-color: rebeccapurple; // defaults to transparent
+ *   --aup-table-first-column-padding-left: 18px // defaults to --column-gap
+ *   --aup-table-last-column-padding-right: 18px // defaults to --column-gap
+ * }
+ *
+ * // per table settings.
  * aup-table {
  *   --column-gap: 10px; // defaults to 24px
  *   --row-hover-background-color, rgba(0, 0, 0, 0.05)
  *   --row-selected-background-color: rebeccapurple; // defaults to transparent
+ *   --first-column-padding-left: 18px // defaults to --column-gap
+ *   --last-column-padding-right: 18px // defaults to --column-gap
+ *
+ *   aup-table-header-cell-renderer,
  *   aup-table-cell-renderer {
- *     &:first-column {
+ *     &.aup-col-my-dasherised-column-id {
+ *       // do stuff
+ *     }
+ *     &.first-visible-column {
  *       // do stuff
  *     }
- *     &:last-column {
+ *     &.last-visible-column {
  *       // do stuff
  *     }
  *   }
@@ -69,4 +86,5 @@ export declare class TableComponent<Row> extends ResizeAwareComponent implements
     notifyCellClicked(columnModel: ColumnModel<Row>, row: Row): void;
     isFirstVisibleColumn(columnId: string): boolean;
     isLastVisibleColumn(columnId: string): boolean;
+    getColumnClasses(columnId: string): string[];
 }

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

@@ -6,18 +6,25 @@ import { PlaceComponent } from '../place-component';
 import { PlaceDefinition } from '../place-definition';
 import { PlaceRouter } from '../place-router';
 import { PlaceOutletComponent } from './place-outlet/place-outlet.component';
+interface MenuItem {
+    active: boolean;
+    place: PlaceDefinition;
+}
 export declare class AbstractPlaceNavigationComponent extends DisposableComponent implements OnInit {
     readonly placeRouter: PlaceRouter;
     places: Constructable<PlaceComponent>[];
     placesModel: ListModel<Constructable<PlaceComponent>>;
     placeOutlet: PlaceOutletComponent;
     placeOutletModel: ValueModel<PlaceOutletComponent>;
-    readonly placeDefinitions: ListModelChain<PlaceDefinition>;
+    private readonly placeDefinitions;
+    readonly menuItems: ListModelChain<MenuItem>;
     readonly commandFactory: Command.Factory<PlaceDefinition, void>;
     readonly _activePlaceComponent: DelegatingValueModel<PlaceComponent>;
     private activePlaceDefinition;
+    readonly trackByPlaceDef: (data: MenuItem) => PlaceDefinition;
     constructor(placeRouter: PlaceRouter);
     getNavigationFace(placeDef: PlaceDefinition): CommandFace;
     isActive(place: PlaceDefinition): boolean;
     ngOnInit(): void;
 }
+export {};

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

@@ -13,6 +13,7 @@ export declare class PlaceComponent extends DisposableComponent {
     private _inVisitUpdate;
     private _active;
     interactionContext?: InteractionContext;
+    readonly childPlaces: ReadonlyArray<Constructable<PlaceComponent>>;
     canDeactivate?(interactionContext: InteractionContext): boolean | Promise<boolean>;
     constructor();
     initialiseVisit(visit: Visit, notifyVisitChanged: (current: Visit, previous: Visit) => void): void;
@@ -20,7 +21,6 @@ export declare class PlaceComponent extends DisposableComponent {
     isInitialised(): boolean;
     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.

package/package.json

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