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

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.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/package.json

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