@coolon/angular-ui-powerups 1.18.0 → 1.19.0

package/esm5/lib/components/table/table-model.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-model.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/table/table-model.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  assert,\n  BooleanValueModelChain,\n  CanIdentify,\n  Dsl,\n  Form,\n  GarbageCollector,\n  lang,\n  ListModel,\n  ListModelChain,\n  MapModelChain,\n  MutableListModel,\n  SelectionModel,\n  TrackExternal,\n  Types,\n  UnaryCommand,\n  ValueModelChain\n} from '@coolon/pectin';\nimport {\n  ColumnModel,\n  CustomTemplateColumnModel,\n  CustomValueColumnModel,\n  EditorControlColumnModel,\n  ListPropertyColumnModel,\n  PropertyColumnModel,\n  SelectionColumnModel\n} from './column-model';\nimport { ColumnTextProperties } from './column-text-properties';\nimport { EditSession } from './edit-session';\n\n// export type StringPropertiesOf<T> = { [K in keyof T]: T[K] extends string ? K : never }[keyof T];\n// export type NumberPropertiesOf<T> = { [K in keyof T]: T[K] extends number ? K : never }[keyof T];\n\n\n/**\n * Example:\n * @example\n * const model = TableModel.fromList(heroList, table => {\n *   table.pluck(\"firstName\");\n *   table.pluck(\"lastName\");\n *   table.addCustomColumn(\"fullName\", hero => `${hero.firstName} ${hero.lastName}`);\n * });\n *\n * Editable tables\n * @example\n * const saveCommand = UnaryCommand.create((form: Form<Hero>) => {\n *   if (form.validate()) {\n *     // normal form save stuff\n *     return true; // finish editing\n *   }\n *   return false; // continue editiing\n * }\n * const colorsNames: ListModel<string> = ...;\n * const model = TableModel.fromList(heroList, table => {\n *   table.pluck(\"firstName\").cellEditor(StringInputComponent); <-- interface CellEditor { valueModel: FormValueModel<string> | ValueModel<string>; }\n *   table.pluck(\"lastName\").cellEditor(StringInputComponent, {\n *     validators: [Validator.present(\"We need a last name\")]\n *   });\n *   table.pluck(\"age\").cellEditor(NumberInputComponent);\n *   table.pluck(\"favoriteColor\").cellEditor(SelectInputComponent, {\n *     initialiseComponent(component: SelectInputComponent) {\n *       selectInput.optionsModel = colorsNames; // <- initialise our component\n *     }\n *   });\n *   table.addEditControls(saveCommand); // <- required to enable editing\n * });\n *\n * Selection models\n * @example\n * const model = TableModel.fromList(heroList, table => {\n *   table.addSelectionColumn(selectionModel); // <- can be single or multiple selection model\n *   table.pluck(\"firstName\");\n *   table.pluck(\"lastName\");\n * });\n *\n * Custom cell renderers and editors\n * @example\n * const model = TableModel.fromList(heroList, table => {\n *   table.pluck(\"favoriteColor\")\n *      .cellHeaderRenderer(CellHeaderRendererComponent, (component, column) => {\n *        // configure your component with what ever you need.\n *      });\n *      .cellRenderer(CellRendererComponent) // <-- interface CellEditor { value: string; }\n *      .cellEditor(CellEditorComponent.); // <-- interface CellEditor { valueModel: FormValueModel<string> | ValueModel<string>; }\n *   table.addCustomColumn(\"fullName\", hero => `${hero.firstName} ${hero.lastName}`);\n * });\n *\n * I18n\n * @example\n * [table.yml]\n * table:\n *   columns(ColumnTextProperties[]):\n *      firstName:\n *         headerText: \"First Name\"\n *      fullName:\n *         headerText: \"Full Name\"\n *\n * const model = TableModel.fromList(heroList, table => {\n *   table.pluck(\"favoriteColor\").cellRenderer(...).cellEditor(...);\n *   table.addCustomColumn(\"fullName\", hero => `${hero.firstName} ${hero.lastName}`);\n *\n *   table.columnTextProperties(I18n.table.columns); // <- configures all columns\n * });\n */\n@TrackExternal.Strategy(new TrackExternal.OneTimeBinding())\nexport class TableModel<Row> {\n\n  private readonly _garbage = new GarbageCollector();\n\n  private readonly _columns = new MutableListModel<ColumnModel<Row>>();\n  private _columnsById: MapModelChain<string, ColumnModel<Row>>;\n  private _editorSessions = new MutableListModel<EditSession<Row>>();\n  private readonly _rowsBeingEdited: MutableListModel<Row>;\n\n  private _columnTextPropertiesLookup: { [columnName: string]: () => ColumnTextProperties };\n\n  readonly identityOf: CanIdentify<Row>['identityOf'];\n  private saveCommand: UnaryCommand<Form<Row>, boolean>;\n  private _editorSessionByRowId: MapModelChain<any, EditSession<Row>>;\n\n  readonly editing: BooleanValueModelChain;\n  readonly dataSource: ListModelChain<Row>;\n  readonly firstEditableColumn: ValueModelChain<ColumnModel<Row>>;\n  private selectionColumnModel: SelectionColumnModel<Row>;\n\n  static fromList<Row>(sourceOfTruth: ListModel<Row>, builder?: (tableModel: TableModel<Row>) => void): TableModel<Row> {\n    const model = new TableModel<Row>(sourceOfTruth);\n    builder(model);\n    return model;\n  }\n\n  private _createForm: (row: Row) => Form<Row> = (row) => new Form<Row>();\n\n  protected constructor(private sourceOfTruth: ListModel<Row>) {\n    this.identityOf = sourceOfTruth.identityOf;\n    const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this._garbage);\n    this._columnsById = chain(this._columns).indexBy('columnId');\n    this._rowsBeingEdited = new MutableListModel<Row>([], {\n      identifiedWith: this.identityOf\n    });\n    this._editorSessionByRowId = chain(this._editorSessions).indexBy('rowId');\n    this.editing = chain(this._editorSessions).count().isGreaterThan(0);\n    this.dataSource = chain(this.sourceOfTruth).replaceAll(this.rowsBeingEdited);\n    this.firstEditableColumn = chain(this.columns).select(c => c.hasEditorPortal()).first();\n  }\n\n  get rowsBeingEdited(): ListModel<Row> {\n    return this._rowsBeingEdited.readonly;\n  }\n\n  getTrackByFunction() {\n    return (index: number, item: Row) => {\n      return this.identityOf ? this.identityOf(item) : index;\n    };\n  }\n\n  get columns(): ListModel<ColumnModel<Row>> {\n    return this._columns.readonly;\n  }\n\n  pluck<P extends Types.ValuePropertiesOf<Row>>(property: P): PropertyColumnModel<Row, P> {\n    return this.addColumn(new PropertyColumnModel<Row, P>(property, this));\n  }\n\n  pluckList<P extends Types.ArrayPropertiesOf<Row>>(property: P): ListPropertyColumnModel<Row, P> {\n    return this.addColumn(new ListPropertyColumnModel<Row, P>(property, this));\n  }\n\n  addSelectionColumn(selectionModel: SelectionModel<Row>, options?: SelectionColumnModel.SelectionOptions): SelectionColumnModel<Row> {\n    assert.isNil(this.selectionColumnModel);\n    this.selectionColumnModel = new SelectionColumnModel<Row>('selection', this, selectionModel, options);\n    return this.addColumn(this.selectionColumnModel);\n  }\n\n  addEditControls(saveCommand: UnaryCommand<Form<Row>, boolean>): EditorControlColumnModel<Row> {\n    this.saveCommand = saveCommand;\n    return this.addColumn(new EditorControlColumnModel<Row>('editControls', saveCommand, this));\n  }\n\n  addCustomColumn<V>(columnId: string, dataAccessor: (row: Row) => V): CustomValueColumnModel<Row, V> {\n    return this.addColumn(new CustomValueColumnModel<Row, V>(columnId, this, dataAccessor));\n  }\n\n  addTemplateColumn<V>(columnId: string): CustomTemplateColumnModel<Row> {\n    return this.addColumn(new CustomTemplateColumnModel<Row>(columnId, this));\n  }\n\n  useFormFactory(factory: (row: Row) => Form<Row>): this {\n    this._createForm = factory;\n    return this;\n  }\n\n  protected addColumn<C extends ColumnModel<Row>>(column: C): C {\n    if (this._columnsById.get(column.columnId)) {\n      lang.illegalState(`Column with id=${column.columnId} already exists`);\n    } else {\n      this._columns.push(column);\n    }\n    return column;\n  }\n\n  columnTextProperties(columnTextProperties: { [columnName: string]: () => ColumnTextProperties }) {\n    this._columnTextPropertiesLookup = columnTextProperties;\n  }\n\n  getColumnTextProperties(column: ColumnModel<Row>): ColumnTextProperties {\n    const factory = this._columnTextPropertiesLookup ? this._columnTextPropertiesLookup[column.columnId] : undefined;\n    return factory ? factory() : undefined;\n  }\n\n  startEditSession(row: Row): EditSession<Row> {\n    const rowId = this.identityOf(row);\n    if (this._rowsBeingEdited.query().indexOf(row) > -1) {\n      return lang.illegalState(`Row with id=${rowId} already being edited`);\n    } else {\n      const editSession = new EditSession<Row>(rowId, row, this._createForm(row), this.saveCommand);\n      const { when } = Dsl.disposeWith(editSession);\n      when.valueOf(editSession.liveRowValue).changes((editedValue) => {\n        this._rowsBeingEdited.replaceOrPush(editedValue);\n      }, { initialValue: 'triggerChangeUnlessNil' });\n\n      this._editorSessions.push(editSession);\n      editSession.onDispose(() => {\n        this._rowsBeingEdited.remove(editSession.liveRowValue.value);\n        this._editorSessions.remove(editSession);\n      });\n      return editSession;\n    }\n  }\n\n  getEditSessionFor(row: Row): EditSession<Row> {\n    return this._editorSessionByRowId.get(this.identityOf(row));\n  }\n\n  cancelAllEditorSessions() {\n    this._editorSessions.runInTransaction((draft) => {\n      this._rowsBeingEdited.runInTransaction(() => {\n        draft.value.forEach(session => session.dispose());\n      });\n    });\n  }\n\n  onRowClicked(row: Row) {\n    this.selectionColumnModel?.onRowClick(row);\n  }\n\n  isRowSelectionEnabled() {\n    return this.selectionColumnModel ? this.selectionColumnModel.selectOnRowClick : false;\n  }\n}\n\n"]}
+{"version":3,"file":"table-model.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/table/table-model.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  assert,\n  BooleanValueModelChain,\n  CanIdentify,\n  Dsl,\n  Form,\n  GarbageCollector,\n  lang,\n  ListModel,\n  ListModelChain,\n  MapModelChain,\n  MutableListModel,\n  SelectionModel,\n  TrackExternal,\n  Types,\n  UnaryCommand,\n  ValueModelChain\n} from '@coolon/pectin';\nimport {\n  ColumnModel,\n  CustomTemplateColumnModel,\n  CustomValueColumnModel,\n  EditorControlColumnModel,\n  ListPropertyColumnModel,\n  PropertyColumnModel,\n  SelectionColumnModel\n} from './column-model';\nimport { ColumnTextProperties } from './column-text-properties';\nimport { EditSession } from './edit-session';\n\n// export type StringPropertiesOf<T> = { [K in keyof T]: T[K] extends string ? K : never }[keyof T];\n// export type NumberPropertiesOf<T> = { [K in keyof T]: T[K] extends number ? K : never }[keyof T];\n\n\n/**\n * Example:\n * @example\n * const model = TableModel.fromList(heroList, table => {\n *   table.pluck(\"firstName\");\n *   table.pluck(\"lastName\");\n *   table.addCustomColumn(\"fullName\", hero => `${hero.firstName} ${hero.lastName}`);\n * });\n *\n * Editable tables\n * @example\n * const saveCommand = UnaryCommand.create((form: Form<Hero>) => {\n *   if (form.validate()) {\n *     // normal form save stuff\n *     return true; // finish editing\n *   }\n *   return false; // continue editiing\n * }\n * const colorsNames: ListModel<string> = ...;\n * const model = TableModel.fromList(heroList, table => {\n *   table.pluck(\"firstName\").cellEditor(StringInputComponent); <-- interface CellEditor { valueModel: FormValueModel<string> | ValueModel<string>; }\n *   table.pluck(\"lastName\").cellEditor(StringInputComponent, {\n *     validators: [Validator.present(\"We need a last name\")]\n *   });\n *   table.pluck(\"age\").cellEditor(NumberInputComponent);\n *   table.pluck(\"favoriteColor\").cellEditor(SelectInputComponent, {\n *     initialiseComponent(component: SelectInputComponent) {\n *       selectInput.optionsModel = colorsNames; // <- initialise our component\n *     }\n *   });\n *   table.addEditControls(saveCommand); // <- required to enable editing\n * });\n *\n * Selection models\n * @example\n * const model = TableModel.fromList(heroList, table => {\n *   table.addSelectionColumn(selectionModel); // <- can be single or multiple selection model\n *   table.pluck(\"firstName\");\n *   table.pluck(\"lastName\");\n * });\n *\n * Custom cell renderers and editors\n * @example\n * const model = TableModel.fromList(heroList, table => {\n *   table.pluck(\"favoriteColor\")\n *      .cellHeaderRenderer(CellHeaderRendererComponent, (component, column) => {\n *        // configure your component with what ever you need.\n *      });\n *      .cellRenderer(CellRendererComponent) // <-- interface CellEditor { value: string; }\n *      .cellEditor(CellEditorComponent.); // <-- interface CellEditor { valueModel: FormValueModel<string> | ValueModel<string>; }\n *   table.addCustomColumn(\"fullName\", hero => `${hero.firstName} ${hero.lastName}`);\n * });\n *\n * I18n\n * @example\n * [table.yml]\n * table:\n *   columns(ColumnTextProperties[]):\n *      firstName:\n *         headerText: \"First Name\"\n *      fullName:\n *         headerText: \"Full Name\"\n *\n * const model = TableModel.fromList(heroList, table => {\n *   table.pluck(\"favoriteColor\").cellRenderer(...).cellEditor(...);\n *   table.addCustomColumn(\"fullName\", hero => `${hero.firstName} ${hero.lastName}`);\n *\n *   table.columnTextProperties(I18n.table.columns); // <- configures all columns\n * });\n */\n@TrackExternal.Strategy(new TrackExternal.OneTimeBinding())\nexport class TableModel<Row> {\n\n  private readonly _garbage = new GarbageCollector();\n\n  private readonly _columns = new MutableListModel<ColumnModel<Row>>();\n  private _columnsById: MapModelChain<string, ColumnModel<Row>>;\n  private _editorSessions = new MutableListModel<EditSession<Row>>();\n  private readonly _rowsBeingEdited: MutableListModel<Row>;\n\n  private _columnTextPropertiesLookup: { [columnName: string]: () => ColumnTextProperties };\n\n  readonly identityOf: CanIdentify<Row>['identityOf'];\n  private saveCommand: UnaryCommand<Form<Row>, boolean>;\n  private _editorSessionByRowId: MapModelChain<any, EditSession<Row>>;\n\n  readonly editing: BooleanValueModelChain;\n  readonly dataSource: ListModelChain<Row>;\n  readonly firstEditableColumn: ValueModelChain<ColumnModel<Row>>;\n  private selectionColumnModel: SelectionColumnModel<Row>;\n  private hasColumnsWithRowSelectionExplicitlyEnabled: BooleanValueModelChain;\n\n  static fromList<Row>(sourceOfTruth: ListModel<Row>, builder?: (tableModel: TableModel<Row>) => void): TableModel<Row> {\n    const model = new TableModel<Row>(sourceOfTruth);\n    builder(model);\n    return model;\n  }\n\n  private _createForm: (row: Row) => Form<Row> = (row) => new Form<Row>();\n\n  protected constructor(private sourceOfTruth: ListModel<Row>) {\n    this.identityOf = sourceOfTruth.identityOf;\n    const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this._garbage);\n    this._columnsById = chain(this._columns).indexBy('columnId');\n    this._rowsBeingEdited = new MutableListModel<Row>([], {\n      identifiedWith: this.identityOf\n    });\n    this._editorSessionByRowId = chain(this._editorSessions).indexBy('rowId');\n    this.editing = chain(this._editorSessions).count().isGreaterThan(0);\n    this.dataSource = chain(this.sourceOfTruth).replaceAll(this.rowsBeingEdited);\n    this.firstEditableColumn = chain(this.columns).select(c => c.hasEditorPortal()).first();\n    this.hasColumnsWithRowSelectionExplicitlyEnabled = chain(this._columns).findIndex(column => column.isRowSelectionExplicitlyEnabled()).isGreaterThanOrEqualTo(0);\n  }\n\n  get rowsBeingEdited(): ListModel<Row> {\n    return this._rowsBeingEdited.readonly;\n  }\n\n  getTrackByFunction() {\n    return (index: number, item: Row) => {\n      return this.identityOf ? this.identityOf(item) : index;\n    };\n  }\n\n  get columns(): ListModel<ColumnModel<Row>> {\n    return this._columns.readonly;\n  }\n\n  pluck<P extends Types.ValuePropertiesOf<Row>>(property: P): PropertyColumnModel<Row, P> {\n    return this.addColumn(new PropertyColumnModel<Row, P>(property, this));\n  }\n\n  pluckList<P extends Types.ArrayPropertiesOf<Row>>(property: P): ListPropertyColumnModel<Row, P> {\n    return this.addColumn(new ListPropertyColumnModel<Row, P>(property, this));\n  }\n\n  addSelectionColumn(selectionModel: SelectionModel<Row>): SelectionColumnModel<Row> {\n    assert.isNil(this.selectionColumnModel);\n    this.selectionColumnModel = new SelectionColumnModel<Row>('selection', this, selectionModel);\n    return this.addColumn(this.selectionColumnModel);\n  }\n\n  addEditControls(saveCommand: UnaryCommand<Form<Row>, boolean>): EditorControlColumnModel<Row> {\n    this.saveCommand = saveCommand;\n    return this.addColumn(new EditorControlColumnModel<Row>('editControls', saveCommand, this));\n  }\n\n  addCustomColumn<V>(columnId: string, dataAccessor: (row: Row) => V): CustomValueColumnModel<Row, V> {\n    return this.addColumn(new CustomValueColumnModel<Row, V>(columnId, this, dataAccessor));\n  }\n\n  addTemplateColumn<V>(columnId: string): CustomTemplateColumnModel<Row> {\n    return this.addColumn(new CustomTemplateColumnModel<Row>(columnId, this));\n  }\n\n  useFormFactory(factory: (row: Row) => Form<Row>): this {\n    this._createForm = factory;\n    return this;\n  }\n\n  protected addColumn<C extends ColumnModel<Row>>(column: C): C {\n    if (this._columnsById.get(column.columnId)) {\n      lang.illegalState(`Column with id=${column.columnId} already exists`);\n    } else {\n      this._columns.push(column);\n    }\n    return column;\n  }\n\n  columnTextProperties(columnTextProperties: { [columnName: string]: () => ColumnTextProperties }) {\n    this._columnTextPropertiesLookup = columnTextProperties;\n  }\n\n  getColumnTextProperties(column: ColumnModel<Row>): ColumnTextProperties {\n    const factory = this._columnTextPropertiesLookup ? this._columnTextPropertiesLookup[column.columnId] : undefined;\n    return factory ? factory() : undefined;\n  }\n\n  startEditSession(row: Row): EditSession<Row> {\n    const rowId = this.identityOf(row);\n    if (this._rowsBeingEdited.query().indexOf(row) > -1) {\n      return lang.illegalState(`Row with id=${rowId} already being edited`);\n    } else {\n      const editSession = new EditSession<Row>(rowId, row, this._createForm(row), this.saveCommand);\n      const { when } = Dsl.disposeWith(editSession);\n      when.valueOf(editSession.liveRowValue).changes((editedValue) => {\n        this._rowsBeingEdited.replaceOrPush(editedValue);\n      }, { initialValue: 'triggerChangeUnlessNil' });\n\n      this._editorSessions.push(editSession);\n      editSession.onDispose(() => {\n        this._rowsBeingEdited.remove(editSession.liveRowValue.value);\n        this._editorSessions.remove(editSession);\n      });\n      return editSession;\n    }\n  }\n\n  getEditSessionFor(row: Row): EditSession<Row> {\n    return this._editorSessionByRowId.get(this.identityOf(row));\n  }\n\n  cancelAllEditorSessions() {\n    this._editorSessions.runInTransaction((draft) => {\n      this._rowsBeingEdited.runInTransaction(() => {\n        draft.value.forEach(session => session.dispose());\n      });\n    });\n  }\n\n  isRowSelectionEnabledFor(column: ColumnModel<Row>): boolean | undefined {\n    return this.selectionColumnModel && (column.isRowSelectionEnabled() ?? this.isRowSelectionEnabledByDefault())\n  }\n\n  isRowSelectionEnabledByDefault(): boolean {\n    return this.selectionColumnModel.isRowSelectionEnabledByDefault();\n  }\n\n  isRowSelectionEnabled() {\n    return this.hasColumnsWithRowSelectionExplicitlyEnabled.value || this.isRowSelectionEnabledByDefault();\n  }\n\n  selectRow(row: Row) {\n    this.selectionColumnModel?.selectRow(row);\n  }\n}\n\n"]}

package/esm5/lib/components/table/table.component.js

@@ -51,11 +51,10 @@ var TableComponent = /** @class */ (function (_super) {
             column.setTemplate(templateRef, viewContainer, fillCell, padChild);
         }
     };
-    TableComponent.prototype.onRowClicked = function (row) {
-        this.tableModel.onRowClicked(row);
-    };
-    TableComponent.prototype.isRowSelectionEnabled = function () {
-        return this.tableModel.isRowSelectionEnabled();
+    TableComponent.prototype.onCellClicked = function (columnModel, row) {
+        if (this.tableModel.isRowSelectionEnabledFor(columnModel)) {
+            this.tableModel.selectRow(row);
+        }
     };
     __decorate([
         Input(),
@@ -65,8 +64,8 @@ var TableComponent = /** @class */ (function (_super) {
     TableComponent = __decorate([
         Component({
             selector: 'aup-table',
-            template: "<table mat-table [dataSource]=\"tableModel.dataSource.value\" [trackBy]=\"tableModel.getTrackByFunction()\">\n\n  <ng-container *ngFor=\"let column of columns.value; index as index; first as first; last as last\" matColumnDef=\"{{column.columnId}}\">\n    <th mat-header-cell *matHeaderCellDef>\n      <aup-table-header-cell-renderer [column]=\"column\"\n                                      [attr.column-index]=\"index\"\n                                      [class.first-column]=\"first\"\n                                      [class.last-column]=\"last\"\n      ></aup-table-header-cell-renderer>\n    </th>\n    <td mat-cell *matCellDef=\"let row\">\n      <aup-table-cell-renderer [column]=\"column\"\n                               [row]=\"row\"\n                               [tableModel]=\"tableModel\"\n                               [editSession]=\"tableModel.getEditSessionFor(row)\"\n                               [attr.column-index]=\"index\"\n                               [class.first-column]=\"first\"\n                               [class.last-column]=\"last\"\n      ></aup-table-cell-renderer>\n    </td>\n  </ng-container>\n\n  <tr mat-header-row *matHeaderRowDef=\"columnIds.value\"></tr>\n  <tr mat-row *matRowDef=\"let row; columns: columnIds.value;\" (click)=\"onRowClicked(row)\" [class.select-row-on-click]=\"isRowSelectionEnabled()\"></tr>\n\n</table>\n",
-            styles: [":host{display:flex;flex-direction:column;align-items:stretch}:host table{flex:1}:host table tr.select-row-on-click td{cursor:pointer}"]
+            template: "<table mat-table [dataSource]=\"tableModel.dataSource.value\" [trackBy]=\"tableModel.getTrackByFunction()\">\n\n  <ng-container *ngFor=\"let column of columns.value; index as index; first as first; last as last\" matColumnDef=\"{{column.columnId}}\">\n    <th mat-header-cell *matHeaderCellDef>\n      <aup-table-header-cell-renderer [column]=\"column\"\n                                      [attr.column-index]=\"index\"\n                                      [class.first-column]=\"first\"\n                                      [class.last-column]=\"last\"\n      ></aup-table-header-cell-renderer>\n    </th>\n    <td mat-cell *matCellDef=\"let row\" (click)=\"onCellClicked(column, row)\" [class.enable-cursor]=\"tableModel.isRowSelectionEnabledFor(column)\">\n      <aup-table-cell-renderer [column]=\"column\"\n                               [row]=\"row\"\n                               [tableModel]=\"tableModel\"\n                               [editSession]=\"tableModel.getEditSessionFor(row)\"\n                               [attr.column-index]=\"index\"\n                               [class.first-column]=\"first\"\n                               [class.last-column]=\"last\"\n      ></aup-table-cell-renderer>\n    </td>\n  </ng-container>\n\n  <tr mat-header-row *matHeaderRowDef=\"columnIds.value\"></tr>\n  <tr mat-row *matRowDef=\"let row; columns: columnIds.value;\" [class.enable-hover]=\"tableModel.isRowSelectionEnabled()\"></tr>\n\n</table>\n",
+            styles: [":host{display:flex;flex-direction:column;align-items:stretch}:host table{flex:1}"]
         }),
         __metadata("design:paramtypes", [])
     ], TableComponent);

package/esm5/lib/components/table/table.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/table/table.component.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAyC,MAAM,eAAe,CAAC;AACxF,OAAO,EAAE,GAAG,EAAwC,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC1F,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAe,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAMH;IAAuC,kCAAmB;IAUxD;eACE,iBAAO;IACT,CAAC;IAED,iCAAQ,GAAR;QACQ,IAAA,0BAAkF,EAAhF,gBAAK,EAAE,oBAAO,EAAE,kBAAM,EAAE,cAAI,EAAE,gBAAK,EAAE,oBAAO,EAAE,sBAAkC,CAAC;QACzF,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QAC9C,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;QACvD,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;IAC7D,CAAC;IAED,kCAAS,GAAT,UAAU,GAAM;QACd,OAAO,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC;IAClD,CAAC;IAED,+CAAsB,GAAtB,UAAuB,QAAgB,EAAE,WAA6B,EAAE,aAA+B,EAAE,QAAiB,EAAE,QAAiB;QAC3I,IAAM,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QAC9C,IAAI,MAAM,YAAY,yBAAyB,EAAE;YAC/C,MAAM,CAAC,WAAW,CAAC,WAAW,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;SACpE;IACH,CAAC;IAED,qCAAY,GAAZ,UAAa,GAAQ;QACnB,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;IACpC,CAAC;IAED,8CAAqB,GAArB;QACE,OAAO,IAAI,CAAC,UAAU,CAAC,qBAAqB,EAAE,CAAC;IACjD,CAAC;IAlCD;QAFC,KAAK,EAAE;QACP,aAAa,EAAE;kCACJ,UAAU;sDAAI;IAJf,cAAc;QAL1B,SAAS,CAAC;YACT,QAAQ,EAAE,WAAW;YACrB,u3CAAqC;;SAEtC,CAAC;;OACW,cAAc,CAuC1B;IAAD,qBAAC;CAAA,AAvCD,CAAuC,mBAAmB,GAuCzD;SAvCY,cAAc","sourcesContent":["import { TemplatePortal } from '@angular/cdk/portal';\nimport { Component, Input, OnInit, TemplateRef, ViewContainerRef } from '@angular/core';\nimport { Dsl, ListModelChain, MapModelChain, Trace, TrackExternal } from '@coolon/pectin';\nimport { DisposableComponent } from '../disposable-component';\nimport { ColumnModel, CustomTemplateColumnModel } from './column-model';\nimport { TableModel } from './table-model';\n\n/**\n * Create your model:\n * @example\n * this.heroTableModel = TableModel.fromList(heroList, table => {\n *   table.pluck(\"firstName\");\n *   table.pluck(\"lastName\");\n *   table.addCustomColumn(\"fullName\", hero => `${hero.firstName} ${hero.lastName}`);\n * });\n *\n * Create your table\n * @example\n * <aup-table [tableModel]=\"heroTableModel\"></aup-table>\n *\n * Styling\n * @example\n * aup-table {\n *   --column-gap: 10px; // defaults to 24px\n *   aup-table-cell-renderer {\n *     &:first-column {\n *       // do stuff\n *     }\n *     &:last-column {\n *       // do stuff\n *     }\n *   }\n * }\n */\n@Component({\n  selector: 'aup-table',\n  templateUrl: './table.component.html',\n  styleUrls: ['./table.component.scss']\n})\nexport class TableComponent<T> extends DisposableComponent implements OnInit {\n\n  @Input()\n  @TrackExternal()\n  tableModel: TableModel<T>;\n\n  columns: ListModelChain<ColumnModel<T>>;\n  columnIds: ListModelChain<string>;\n  private columnsById: MapModelChain<string, ColumnModel<T>>;\n\n  constructor() {\n    super();\n  }\n\n  ngOnInit(): void {\n    const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);\n    this.columns = chain(this.tableModel.columns);\n    this.columnIds = chain(this.columns).pluck('columnId');\n    this.columnsById = chain(this.columns).indexBy('columnId');\n  }\n\n  isEditing(row: T): boolean {\n    return !!this.tableModel.getEditSessionFor(row);\n  }\n\n  registerColumnTemplate(columnId: string, templateRef: TemplateRef<any>, viewContainer: ViewContainerRef, fillCell: boolean, padChild: boolean) {\n    const column = this.columnsById.get(columnId);\n    if (column instanceof CustomTemplateColumnModel) {\n      column.setTemplate(templateRef, viewContainer, fillCell, padChild);\n    }\n  }\n\n  onRowClicked(row: any) {\n    this.tableModel.onRowClicked(row);\n  }\n\n  isRowSelectionEnabled() {\n    return this.tableModel.isRowSelectionEnabled();\n  }\n}\n"]}
+{"version":3,"file":"table.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/table/table.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAyC,MAAM,eAAe,CAAC;AACxF,OAAO,EAAE,GAAG,EAAiC,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACnF,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAe,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAMH;IAAyC,kCAAmB;IAU1D;eACE,iBAAO;IACT,CAAC;IAED,iCAAQ,GAAR;QACQ,IAAA,0BAAkF,EAAhF,gBAAK,EAAE,oBAAO,EAAE,kBAAM,EAAE,cAAI,EAAE,gBAAK,EAAE,oBAAO,EAAE,sBAAkC,CAAC;QACzF,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QAC9C,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;QACvD,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;IAC7D,CAAC;IAED,kCAAS,GAAT,UAAU,GAAQ;QAChB,OAAO,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC;IAClD,CAAC;IAED,+CAAsB,GAAtB,UAAuB,QAAgB,EAAE,WAA6B,EAAE,aAA+B,EAAE,QAAiB,EAAE,QAAiB;QAC3I,IAAM,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QAC9C,IAAI,MAAM,YAAY,yBAAyB,EAAE;YAC/C,MAAM,CAAC,WAAW,CAAC,WAAW,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;SACpE;IACH,CAAC;IAED,sCAAa,GAAb,UAAc,WAA6B,EAAE,GAAQ;QACnD,IAAI,IAAI,CAAC,UAAU,CAAC,wBAAwB,CAAC,WAAW,CAAC,EAAE;YACzD,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;SAChC;IACH,CAAC;IAhCD;QAFC,KAAK,EAAE;QACP,aAAa,EAAE;kCACJ,UAAU;sDAAM;IAJjB,cAAc;QAL1B,SAAS,CAAC;YACT,QAAQ,EAAE,WAAW;YACrB,08CAAqC;;SAEtC,CAAC;;OACW,cAAc,CAsC1B;IAAD,qBAAC;CAAA,AAtCD,CAAyC,mBAAmB,GAsC3D;SAtCY,cAAc","sourcesContent":["import { Component, Input, OnInit, TemplateRef, ViewContainerRef } from '@angular/core';\nimport { Dsl, ListModelChain, MapModelChain, TrackExternal } from '@coolon/pectin';\nimport { DisposableComponent } from '../disposable-component';\nimport { ColumnModel, CustomTemplateColumnModel } from './column-model';\nimport { TableModel } from './table-model';\n\n/**\n * Create your model:\n * @example\n * this.heroTableModel = TableModel.fromList(heroList, table => {\n *   table.pluck(\"firstName\");\n *   table.pluck(\"lastName\");\n *   table.addCustomColumn(\"fullName\", hero => `${hero.firstName} ${hero.lastName}`);\n * });\n *\n * Create your table\n * @example\n * <aup-table [tableModel]=\"heroTableModel\"></aup-table>\n *\n * Styling\n * @example\n * aup-table {\n *   --column-gap: 10px; // defaults to 24px\n *   aup-table-cell-renderer {\n *     &:first-column {\n *       // do stuff\n *     }\n *     &:last-column {\n *       // do stuff\n *     }\n *   }\n * }\n */\n@Component({\n  selector: 'aup-table',\n  templateUrl: './table.component.html',\n  styleUrls: ['./table.component.scss']\n})\nexport class TableComponent<Row> extends DisposableComponent implements OnInit {\n\n  @Input()\n  @TrackExternal()\n  tableModel: TableModel<Row>;\n\n  columns: ListModelChain<ColumnModel<Row>>;\n  columnIds: ListModelChain<string>;\n  private columnsById: MapModelChain<string, ColumnModel<Row>>;\n\n  constructor() {\n    super();\n  }\n\n  ngOnInit(): void {\n    const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);\n    this.columns = chain(this.tableModel.columns);\n    this.columnIds = chain(this.columns).pluck('columnId');\n    this.columnsById = chain(this.columns).indexBy('columnId');\n  }\n\n  isEditing(row: Row): boolean {\n    return !!this.tableModel.getEditSessionFor(row);\n  }\n\n  registerColumnTemplate(columnId: string, templateRef: TemplateRef<any>, viewContainer: ViewContainerRef, fillCell: boolean, padChild: boolean) {\n    const column = this.columnsById.get(columnId);\n    if (column instanceof CustomTemplateColumnModel) {\n      column.setTemplate(templateRef, viewContainer, fillCell, padChild);\n    }\n  }\n\n  onCellClicked(columnModel: ColumnModel<Row>, row: Row) {\n    if (this.tableModel.isRowSelectionEnabledFor(columnModel)) {\n      this.tableModel.selectRow(row);\n    }\n  }\n\n}\n"]}

package/esm5/lib/interaction/components/activity-actions/activity-actions.component.js

@@ -1,6 +1,6 @@
 import { __decorate, __extends, __metadata } from "tslib";
 import { Component, HostBinding, Input } from '@angular/core';
-import { Command, TrackExternal } from '@coolon/pectin';
+import { Command, DelegatingCommand, TrackExternal } from '@coolon/pectin';
 import _ from 'lodash';
 import { DisposableComponent } from '../../../components/disposable-component';
 var ActivityActionsComponent = /** @class */ (function (_super) {
@@ -32,6 +32,12 @@ var ActivityActionsComponent = /** @class */ (function (_super) {
     ActivityActionsComponent.prototype.hasCancelText = function () {
         return !_.isEmpty(this.cancelText);
     };
+    ActivityActionsComponent.prototype.hasConfirmCommand = function () {
+        return DelegatingCommand.hasDelegate(this.confirmCommand);
+    };
+    ActivityActionsComponent.prototype.hasCancelCommand = function () {
+        return DelegatingCommand.hasDelegate(this.cancelCommand);
+    };
     __decorate([
         Input(),
         TrackExternal(),
@@ -67,7 +73,7 @@ var ActivityActionsComponent = /** @class */ (function (_super) {
     ActivityActionsComponent = __decorate([
         Component({
             selector: 'aup-activity-actions',
-            template: "<button class=\"cancel\" *ngIf=\"hasCancelText()\" mat-icon-button [pectinCommand]=\"cancelCommand\">{{cancelText}}</button>\n<button class=\"cancel\" *ngIf=\"!hasCancelText()\" mat-icon-button [pectinCommand]=\"cancelCommand\">\n  <aup-icon icon=\"mat:clear\"></aup-icon>\n</button>\n<button class=\"confirm\" *ngIf=\"!hasConfirmText()\" mat-icon-button [pectinCommand]=\"confirmCommand\">\n  <aup-icon icon=\"done\"></aup-icon>\n</button>\n<button class=\"confirm\" *ngIf=\"hasConfirmText()\" mat-button [pectinCommand]=\"confirmCommand\">{{confirmText}}</button>\n<div class=\"content\">\n  <ng-content></ng-content>\n</div>\n",
+            template: "<ng-container *ngIf=\"hasCancelCommand()\">\n  <button class=\"cancel\" *ngIf=\"!hasCancelText()\" mat-icon-button [pectinCommand]=\"cancelCommand\">\n    <aup-icon icon=\"mat:clear\"></aup-icon>\n  </button>\n  <button class=\"cancel\" *ngIf=\"hasCancelText()\" mat-button [pectinCommand]=\"cancelCommand\">{{cancelText}}</button>\n</ng-container>\n<ng-container *ngIf=\"hasConfirmCommand()\">\n  <button class=\"confirm\" *ngIf=\"!hasConfirmText()\" mat-icon-button [pectinCommand]=\"confirmCommand\">\n    <aup-icon icon=\"mat:done\"></aup-icon>\n  </button>\n  <button class=\"confirm\" *ngIf=\"hasConfirmText()\" mat-button [pectinCommand]=\"confirmCommand\">{{confirmText}}</button>\n</ng-container>\n<div class=\"content\">\n  <ng-content></ng-content>\n</div>\n",
             styles: [":host{display:-ms-grid;display:grid;grid-template-areas:\"cancel confirm content\";-ms-grid-columns:auto auto 1fr;grid-template-columns:auto auto 1fr;-ms-grid-rows:auto;grid-template-rows:auto;align-items:center;justify-content:end}:host.align-end{grid-template-areas:\"content cancel confirm\";-ms-grid-columns:1fr auto auto;grid-template-columns:1fr auto auto}:host.align-stretch{grid-template-areas:\"cancel content confirm\";-ms-grid-columns:auto 1fr auto;grid-template-columns:auto 1fr auto}.cancel{-ms-grid-row:1;-ms-grid-column:1;grid-area:cancel}:host.align-end>.cancel{-ms-grid-row:1;-ms-grid-column:2}:host.align-stretch>.cancel{-ms-grid-row:1;-ms-grid-column:1}.confirm{-ms-grid-row:1;-ms-grid-column:2;grid-area:confirm}:host.align-end>.confirm{-ms-grid-row:1;-ms-grid-column:3}:host.align-stretch>.confirm{-ms-grid-row:1;-ms-grid-column:3}.content{-ms-grid-row:1;-ms-grid-column:3;grid-area:content;text-align:left}:host.align-end>.content{-ms-grid-row:1;-ms-grid-column:1}:host.align-stretch>.content{-ms-grid-row:1;-ms-grid-column:2}"]
         })
     ], ActivityActionsComponent);

package/esm5/lib/interaction/components/activity-actions/activity-actions.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"activity-actions.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/interaction/components/activity-actions/activity-actions.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAU,MAAM,eAAe,CAAC;AACtE,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,CAAC,MAAM,QAAQ,CAAC;AACvB,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAO/E;IAA8C,4CAAmB;IAAjE;QAAA,qEA0CC;QAxBC,WAAK,GAAgC,OAAO,CAAC;;IAwB/C,CAAC;IArBC,sBAAI,8CAAQ;aAAZ;YACE,OAAO,IAAI,CAAC,KAAK,KAAK,KAAK,CAAA;QAC7B,CAAC;;;OAAA;IAGD,sBAAI,kDAAY;aAAhB;YACE,OAAO,IAAI,CAAC,KAAK,KAAK,SAAS,CAAA;QACjC,CAAC;;;OAAA;IAED,2CAAQ,GAAR;IACA,CAAC;IAED,iDAAc,GAAd;QACE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IACtC,CAAC;IAED,gDAAa,GAAb;QACE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;IACpC,CAAC;IAnCD;QAFC,KAAK,EAAE;QACP,aAAa,EAAE;kCACA,OAAO;oEAAM;IAG7B;QADC,KAAK,EAAE;;iEACY;IAIpB;QAFC,KAAK,EAAE;QACP,aAAa,EAAE;kCACD,OAAO;mEAAM;IAG5B;QADC,KAAK,EAAE;;gEACW;IAInB;QADC,KAAK,EAAE;;2DACqC;IAG7C;QADC,WAAW,CAAC,iBAAiB,CAAC;;;4DAG9B;IAGD;QADC,WAAW,CAAC,qBAAqB,CAAC;;;gEAGlC;IA5BU,wBAAwB;QALpC,SAAS,CAAC;YACT,QAAQ,EAAE,sBAAsB;YAChC,ioBAAgD;;SAEjD,CAAC;OACW,wBAAwB,CA0CpC;IAAD,+BAAC;CAAA,AA1CD,CAA8C,mBAAmB,GA0ChE;SA1CY,wBAAwB","sourcesContent":["import { Component, HostBinding, Input, OnInit } from '@angular/core';\nimport { Command, TrackExternal } from '@coolon/pectin';\nimport _ from 'lodash';\nimport { DisposableComponent } from '../../../components/disposable-component';\n\n@Component({\n  selector: 'aup-activity-actions',\n  templateUrl: './activity-actions.component.html',\n  styleUrls: ['./activity-actions.component.scss']\n})\nexport class ActivityActionsComponent extends DisposableComponent implements OnInit {\n\n  @Input()\n  @TrackExternal()\n  confirmCommand: Command<any>;\n\n  @Input()\n  confirmText: string;\n\n  @Input()\n  @TrackExternal()\n  cancelCommand: Command<any>;\n\n  @Input()\n  cancelText: string;\n\n\n  @Input()\n  align: 'start' | 'end' | 'stretch' = 'start';\n\n  @HostBinding('class.align-end')\n  get alignEnd():boolean {\n    return this.align === 'end'\n  }\n\n  @HostBinding('class.align-stretch')\n  get alignStretch():boolean {\n    return this.align === 'stretch'\n  }\n\n  ngOnInit() {\n  }\n\n  hasConfirmText() {\n    return !_.isEmpty(this.confirmText);\n  }\n\n  hasCancelText() {\n    return !_.isEmpty(this.cancelText)\n  }\n\n\n}\n"]}
+{"version":3,"file":"activity-actions.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/interaction/components/activity-actions/activity-actions.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAU,MAAM,eAAe,CAAC;AACtE,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC3E,OAAO,CAAC,MAAM,QAAQ,CAAC;AACvB,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAO/E;IAA8C,4CAAmB;IAAjE;QAAA,qEAiDC;QA/BC,WAAK,GAAgC,OAAO,CAAC;;IA+B/C,CAAC;IA5BC,sBAAI,8CAAQ;aAAZ;YACE,OAAO,IAAI,CAAC,KAAK,KAAK,KAAK,CAAA;QAC7B,CAAC;;;OAAA;IAGD,sBAAI,kDAAY;aAAhB;YACE,OAAO,IAAI,CAAC,KAAK,KAAK,SAAS,CAAA;QACjC,CAAC;;;OAAA;IAED,2CAAQ,GAAR;IACA,CAAC;IAED,iDAAc,GAAd;QACE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IACtC,CAAC;IAED,gDAAa,GAAb;QACE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;IACpC,CAAC;IAED,oDAAiB,GAAjB;QACE,OAAO,iBAAiB,CAAC,WAAW,CAAC,IAAI,CAAC,cAAc,CAAC,CAAA;IAC3D,CAAC;IAED,mDAAgB,GAAhB;QACE,OAAO,iBAAiB,CAAC,WAAW,CAAC,IAAI,CAAC,aAAa,CAAC,CAAA;IAC1D,CAAC;IA3CD;QAFC,KAAK,EAAE;QACP,aAAa,EAAE;kCACA,OAAO;oEAAM;IAG7B;QADC,KAAK,EAAE;;iEACY;IAIpB;QAFC,KAAK,EAAE;QACP,aAAa,EAAE;kCACD,OAAO;mEAAM;IAG5B;QADC,KAAK,EAAE;;gEACW;IAInB;QADC,KAAK,EAAE;;2DACqC;IAG7C;QADC,WAAW,CAAC,iBAAiB,CAAC;;;4DAG9B;IAGD;QADC,WAAW,CAAC,qBAAqB,CAAC;;;gEAGlC;IA5BU,wBAAwB;QALpC,SAAS,CAAC;YACT,QAAQ,EAAE,sBAAsB;YAChC,6wBAAgD;;SAEjD,CAAC;OACW,wBAAwB,CAiDpC;IAAD,+BAAC;CAAA,AAjDD,CAA8C,mBAAmB,GAiDhE;SAjDY,wBAAwB","sourcesContent":["import { Component, HostBinding, Input, OnInit } from '@angular/core';\nimport { Command, DelegatingCommand, TrackExternal } from '@coolon/pectin';\nimport _ from 'lodash';\nimport { DisposableComponent } from '../../../components/disposable-component';\n\n@Component({\n  selector: 'aup-activity-actions',\n  templateUrl: './activity-actions.component.html',\n  styleUrls: ['./activity-actions.component.scss']\n})\nexport class ActivityActionsComponent extends DisposableComponent implements OnInit {\n\n  @Input()\n  @TrackExternal()\n  confirmCommand: Command<any>;\n\n  @Input()\n  confirmText: string;\n\n  @Input()\n  @TrackExternal()\n  cancelCommand: Command<any>;\n\n  @Input()\n  cancelText: string;\n\n\n  @Input()\n  align: 'start' | 'end' | 'stretch' = 'start';\n\n  @HostBinding('class.align-end')\n  get alignEnd():boolean {\n    return this.align === 'end'\n  }\n\n  @HostBinding('class.align-stretch')\n  get alignStretch():boolean {\n    return this.align === 'stretch'\n  }\n\n  ngOnInit() {\n  }\n\n  hasConfirmText() {\n    return !_.isEmpty(this.confirmText);\n  }\n\n  hasCancelText() {\n    return !_.isEmpty(this.cancelText)\n  }\n\n  hasConfirmCommand() {\n    return DelegatingCommand.hasDelegate(this.confirmCommand)\n  }\n\n  hasCancelCommand() {\n    return DelegatingCommand.hasDelegate(this.cancelCommand)\n  }\n\n}\n"]}

package/esm5/lib/interaction/interaction.module.ngfactory.js.map

@@ -1 +1 @@
-{"version":3,"file":"interaction.module.ngfactory.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/interaction/interaction.module.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\nimport * as i1 from './interaction.module';\nimport * as i2 from '@angular/common';\nimport * as i3 from '@angular/cdk/bidi';\nimport * as i4 from '@angular/material/button';\nimport * as i5 from '@angular/material/dialog';\nimport * as i6 from '@angular/material/tabs';\nimport * as i7 from '@angular/cdk/portal';\nimport * as i8 from '@angular/router';\nimport * as i9 from '@angular/material/icon';\nimport * as i10 from '../directives/command.directive';\nimport * as i11 from '../directives/focus-binding.directive';\nimport * as i12 from '@angular/flex-layout/flex';\nimport * as i13 from '@angular/flex-layout/grid';\nimport * as i14 from '../components/forms/number-input/number-input.component';\nimport * as i15 from '../components/forms/string-input/string-input.component';\nimport * as i16 from '../components/forms/text-input/text-input.component';\nimport * as i17 from '../components/forms/password-input/password-input.component';\nimport * as i18 from '../components/forms/checkbox-input/checkbox-input.component';\nimport * as i19 from '../components/forms/select-input/select-input.component';\nimport * as i20 from '../components/scroll-container/scroll-container.component';\nimport * as i21 from '../components/noop/noop.component';\nimport * as i22 from '../components/switch-case/switch-case.component';\nimport * as i23 from '../components/focus-container/focus-container.component';\nimport * as i24 from '../components/vertical-focus-container/vertical-focus-container.component';\nimport * as i25 from '../components/focusable.component';\nimport * as i26 from '../components/card-container/card-container.component';\nimport * as i27 from '../components/table/table.component';\nimport * as i28 from '../components/table/edit-row-controls/edit-row-controls.component';\nimport * as i29 from '../components/table/column-template/column-template.directive';\nimport * as i30 from '../components/forms/multiple-select-input/multiple-select-input.component';\nimport * as i31 from '../components/icon/icon.component';\nimport * as i32 from './components/activity-container/activity-container.component';\nimport * as i33 from './components/confirmation-dialog/confirmation-dialog.component';\nimport * as i34 from './components/confirm-then-dialog/confirm-then-dialog.component';\nimport * as i35 from './components/alert-dialog/alert-dialog.component';\nimport * as i36 from './components/activity-container/activity-outlet/activity-outlet.component';\nimport * as i37 from './components/inplace-interaction-context/in-place-interaction-context.component';\nimport * as i38 from './components/add-item-interaction-context/add-item-interaction-context.component';\nimport * as i39 from './components/activity-actions/activity-actions.component';\nimport * as i40 from './components/popup-interaction-context/popup-interaction-context.component';\nimport * as i41 from './components/input-activities/string-input-activity';\nimport * as i42 from './components/input-activities/select-input-activity';\nimport * as i43 from './components/input-activities/abstract-input-activity';\nimport * as i44 from './directives/interaction-context-trigger-for.directive';\nimport * as i45 from '../directives/directives.module';\nimport * as i46 from '../components/components.module';\nexport const InteractionModuleNgFactory:i0.NgModuleFactory<i1.InteractionModule> = (null as any);\nvar _decl0_0:i2.NgClass = (<any>(null as any));\nvar _decl0_1:i2.NgComponentOutlet = (<any>(null as any));\nvar _decl0_2:i2.NgForOf<any,any> = (<any>(null as any));\nvar _decl0_3:i2.NgIf<any> = (<any>(null as any));\nvar _decl0_4:i2.NgTemplateOutlet = (<any>(null as any));\nvar _decl0_5:i2.NgStyle = (<any>(null as any));\nvar _decl0_6:i2.NgSwitch = (<any>(null as any));\nvar _decl0_7:i2.NgSwitchCase = (<any>(null as any));\nvar _decl0_8:i2.NgSwitchDefault = (<any>(null as any));\nvar _decl0_9:i2.NgPlural = (<any>(null as any));\nvar _decl0_10:i2.NgPluralCase = (<any>(null as any));\nvar _decl0_11:i3.Dir = (<any>(null as any));\nvar _decl0_12:i4.MatButton = (<any>(null as any));\nvar _decl0_13:i4.MatAnchor = (<any>(null as any));\nvar _decl0_14:i5.MatDialogContainer = (<any>(null as any));\nvar _decl0_15:i5.MatDialogClose = (<any>(null as any));\nvar _decl0_16:i5.MatDialogTitle = (<any>(null as any));\nvar _decl0_17:i5.MatDialogContent = (<any>(null as any));\nvar _decl0_18:i5.MatDialogActions = (<any>(null as any));\nvar _decl0_19:i6.MatTabGroup = (<any>(null as any));\nvar _decl0_20:i6.MatTabLabel = (<any>(null as any));\nvar _decl0_21:i6.MatTab = (<any>(null as any));\nvar _decl0_22:i6.MatTabNav = (<any>(null as any));\nvar _decl0_23:i6.MatTabLink = (<any>(null as any));\nvar _decl0_24:i6.MatTabContent = (<any>(null as any));\nvar _decl0_25:i7.CdkPortal = (<any>(null as any));\nvar _decl0_26:i7.CdkPortalOutlet = (<any>(null as any));\nvar _decl0_27:i7.TemplatePortalDirective = (<any>(null as any));\nvar _decl0_28:i7.PortalHostDirective = (<any>(null as any));\nvar _decl0_29:i8.RouterOutlet = (<any>(null as any));\nvar _decl0_30:i8.RouterLink = (<any>(null as any));\nvar _decl0_31:i8.RouterLinkWithHref = (<any>(null as any));\nvar _decl0_32:i8.RouterLinkActive = (<any>(null as any));\nvar _decl0_33:i8.ɵangular_packages_router_router_l = (<any>(null as any));\nvar _decl0_34:i9.MatIcon = (<any>(null as any));\nvar _decl0_35:i10.CommandDirective<any> = (<any>(null as any));\nvar _decl0_36:i11.FocusBindingDirective = (<any>(null as any));\nvar _decl0_37:i12.DefaultLayoutDirective = (<any>(null as any));\nvar _decl0_38:i12.DefaultLayoutGapDirective = (<any>(null as any));\nvar _decl0_39:i12.DefaultLayoutAlignDirective = (<any>(null as any));\nvar _decl0_40:i12.DefaultFlexOrderDirective = (<any>(null as any));\nvar _decl0_41:i12.DefaultFlexOffsetDirective = (<any>(null as any));\nvar _decl0_42:i12.FlexFillDirective = (<any>(null as any));\nvar _decl0_43:i12.DefaultFlexAlignDirective = (<any>(null as any));\nvar _decl0_44:i12.DefaultFlexDirective = (<any>(null as any));\nvar _decl0_45:i13.ɵgrid_privatec = (<any>(null as any));\nvar _decl0_46:i13.ɵgrid_privatef = (<any>(null as any));\nvar _decl0_47:i13.ɵgrid_privatei = (<any>(null as any));\nvar _decl0_48:i13.ɵgrid_privatel = (<any>(null as any));\nvar _decl0_49:i13.ɵgrid_privateo = (<any>(null as any));\nvar _decl0_50:i13.ɵgrid_privater = (<any>(null as any));\nvar _decl0_51:i13.ɵgrid_privateu = (<any>(null as any));\nvar _decl0_52:i13.ɵgrid_privatex = (<any>(null as any));\nvar _decl0_53:i13.ɵgrid_privateba = (<any>(null as any));\nvar _decl0_54:i13.ɵgrid_privatebd = (<any>(null as any));\nvar _decl0_55:i13.ɵgrid_privatebg = (<any>(null as any));\nvar _decl0_56:i14.NumberInputComponent = (<any>(null as any));\nvar _decl0_57:i15.StringInputComponent = (<any>(null as any));\nvar _decl0_58:i16.TextInputComponent = (<any>(null as any));\nvar _decl0_59:i17.PasswordInputComponent = (<any>(null as any));\nvar _decl0_60:i18.CheckboxInputComponent = (<any>(null as any));\nvar _decl0_61:i19.SelectInputComponent<any> = (<any>(null as any));\nvar _decl0_62:i20.ScrollContainerComponent = (<any>(null as any));\nvar _decl0_63:i21.NoopComponent = (<any>(null as any));\nvar _decl0_64:i22.SwitchCaseComponent<any> = (<any>(null as any));\nvar _decl0_65:i22.SwitchCaseWhenDirective<any> = (<any>(null as any));\nvar _decl0_66:i22.SwitchCaseDefaultDirective<any> = (<any>(null as any));\nvar _decl0_67:i23.FocusContainerComponent = (<any>(null as any));\nvar _decl0_68:i24.VerticalFocusContainerComponent = (<any>(null as any));\nvar _decl0_69:i25.FocusableComponent = (<any>(null as any));\nvar _decl0_70:i26.CardContainerComponent = (<any>(null as any));\nvar _decl0_71:i27.TableComponent<any> = (<any>(null as any));\nvar _decl0_72:i28.EditRowControls<any> = (<any>(null as any));\nvar _decl0_73:i29.ColumnTemplateDirective = (<any>(null as any));\nvar _decl0_74:i30.MultipleSelectInputComponent<any> = (<any>(null as any));\nvar _decl0_75:i31.IconComponent = (<any>(null as any));\nvar _decl0_76:i32.ActivityContainerComponent<any,any,any> = (<any>(null as any));\nvar _decl0_77:i33.ConfirmationDialogComponent = (<any>(null as any));\nvar _decl0_78:i34.ConfirmThenDialogComponent<any,any,any> = (<any>(null as any));\nvar _decl0_79:i35.AlertDialogComponent = (<any>(null as any));\nvar _decl0_80:i36.ActivityOutletComponent<any,any,any> = (<any>(null as any));\nvar _decl0_81:i37.InPlaceInteractionContextComponent<any,any,any> = (<any>(null as any));\nvar _decl0_82:i38.AddItemInteractionContextComponent = (<any>(null as any));\nvar _decl0_83:i39.ActivityActionsComponent = (<any>(null as any));\nvar _decl0_84:i40.PopupInteractionContextComponent = (<any>(null as any));\nvar _decl0_85:i41.StringInputActivity = (<any>(null as any));\nvar _decl0_86:i42.SelectInputActivity<any> = (<any>(null as any));\nvar _decl0_87:i43.AbstractInputActivity<any,any> = (<any>(null as any));\nvar _decl0_88:i44.InteractionContextTriggerFor<any,any,any> = (<any>(null as any));\nvar _decl0_89:i2.AsyncPipe = (<any>(null as any));\nvar _decl0_90:i2.UpperCasePipe = (<any>(null as any));\nvar _decl0_91:i2.LowerCasePipe = (<any>(null as any));\nvar _decl0_92:i2.JsonPipe = (<any>(null as any));\nvar _decl0_93:i2.SlicePipe = (<any>(null as any));\nvar _decl0_94:i2.DecimalPipe = (<any>(null as any));\nvar _decl0_95:i2.PercentPipe = (<any>(null as any));\nvar _decl0_96:i2.TitleCasePipe = (<any>(null as any));\nvar _decl0_97:i2.CurrencyPipe = (<any>(null as any));\nvar _decl0_98:i2.DatePipe = (<any>(null as any));\nvar _decl0_99:i2.I18nPluralPipe = (<any>(null as any));\nvar _decl0_100:i2.I18nSelectPipe = (<any>(null as any));\nvar _decl0_101:i2.KeyValuePipe = (<any>(null as any));\nvar _decl0_102:i2.CommonModule = (<any>(null as any));\nvar _decl0_103:i4.MatButtonModule = (<any>(null as any));\nvar _decl0_104:i5.MatDialogModule = (<any>(null as any));\nvar _decl0_105:i6.MatTabsModule = (<any>(null as any));\nvar _decl0_106:i7.PortalModule = (<any>(null as any));\nvar _decl0_107:i8.RouterModule = (<any>(null as any));\nvar _decl0_108:i9.MatIconModule = (<any>(null as any));\nvar _decl0_109:i45.DirectivesModule = (<any>(null as any));\nvar _decl0_110:i12.FlexModule = (<any>(null as any));\nvar _decl0_111:i13.GridModule = (<any>(null as any));\nvar _decl0_112:i46.ComponentsModule = (<any>(null as any));\nvar _decl0_113:i0.TemplateRef<any> = (<any>(null as any));\nvar _decl0_114:i0.ElementRef<any> = (<any>(null as any));\nfunction _View_ActivityContainerComponent_Host_1_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_ActivityContainerComponent_1_1():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_76;\n  currVal_0;\n  const currVal_1:any = _any;\n  currVal_1;\n}\nfunction _View_ActivityContainerComponent_1_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_76.dynamicHeight;\n  currVal_0;\n  const currVal_1:any = _decl0_19.dynamicHeight;\n  currVal_1;\n  const currVal_2:any = (_decl0_19.headerPosition === 'below');\n  currVal_2;\n  const currVal_3:any = !_decl0_76.dynamicHeight;\n  currVal_3;\n  const currVal_4:any = _decl0_76.activityTabs;\n  currVal_4;\n  const currVal_5:any = _decl0_76.activityIndex;\n  currVal_5;\n}\nfunction _View_ConfirmationDialogComponent_Host_2_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_77.class;\n  currVal_0;\n}\nfunction _View_ConfirmationDialogComponent_2_1():void {\n  if (_decl0_77.confirm.title) {\n    var _any:any = (null as any);\n    const currVal_0:any = _decl0_16.id;\n    currVal_0;\n    const currVal_1:any = _decl0_77.confirm.title();\n    currVal_1;\n  }\n}\nfunction _View_ConfirmationDialogComponent_2_2():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _any;\n  currVal_0;\n}\nfunction _View_ConfirmationDialogComponent_2_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_77.confirm.title;\n  currVal_0;\n  const currVal_1:any = _decl0_77.confirm.content();\n  currVal_1;\n  const currVal_2:any = (_decl0_12.disabled || null);\n  currVal_2;\n  const currVal_3:any = (_decl0_12._animationMode === 'NoopAnimations');\n  currVal_3;\n  const currVal_4:any = _decl0_77.confirm.cancel();\n  currVal_4;\n  const currVal_5:any = (_decl0_77.isDestructive()? 'warn': 'primary');\n  currVal_5;\n  const currVal_6:any = (_decl0_12.disabled || null);\n  currVal_6;\n  const currVal_7:any = (_decl0_12._animationMode === 'NoopAnimations');\n  currVal_7;\n  const currVal_8:any = _decl0_77.confirm.ok();\n  currVal_8;\n  const pd_9:any = ((<any>_decl0_77.cancel()) !== false);\n  const pd_10:any = ((<any>_decl0_77.done()) !== false);\n}\nfunction _View_ConfirmThenDialogComponent_Host_3_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_78.class;\n  currVal_0;\n}\nfunction _View_ConfirmThenDialogComponent_3_1():void {\n  if (_decl0_78.confirm.title) {\n    var _any:any = (null as any);\n    const currVal_0:any = _decl0_16.id;\n    currVal_0;\n    const currVal_1:any = _decl0_78.confirm.title();\n    currVal_1;\n  }\n}\nfunction _View_ConfirmThenDialogComponent_3_2():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _any;\n  currVal_0;\n}\nfunction _View_ConfirmThenDialogComponent_3_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_78.confirm.title;\n  currVal_0;\n  const currVal_1:any = _decl0_78.confirm.content();\n  currVal_1;\n  const currVal_2:any = (_decl0_12.disabled || null);\n  currVal_2;\n  const currVal_3:any = (_decl0_12._animationMode === 'NoopAnimations');\n  currVal_3;\n  const currVal_4:any = _decl0_78.confirm.cancel();\n  currVal_4;\n  const currVal_5:any = (_decl0_78.isDestructive()? 'warn': 'primary');\n  currVal_5;\n  const currVal_6:any = (_decl0_12.disabled || null);\n  currVal_6;\n  const currVal_7:any = (_decl0_12._animationMode === 'NoopAnimations');\n  currVal_7;\n  const currVal_8:any = _decl0_78.confirm.ok();\n  currVal_8;\n  const pd_9:any = ((<any>_decl0_78.cancel()) !== false);\n  const pd_10:any = ((<any>_decl0_78.onConfirm()) !== false);\n}\nfunction _View_AlertDialogComponent_Host_4_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_79.class;\n  currVal_0;\n}\nfunction _View_AlertDialogComponent_4_1():void {\n  if (_decl0_79.alert.title) {\n    var _any:any = (null as any);\n    const currVal_0:any = _decl0_16.id;\n    currVal_0;\n    const currVal_1:any = _decl0_79.alert.title();\n    currVal_1;\n  }\n}\nfunction _View_AlertDialogComponent_4_2():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _any;\n  currVal_0;\n}\nfunction _View_AlertDialogComponent_4_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_79.alert.title;\n  currVal_0;\n  const currVal_1:any = _decl0_79.alert.content();\n  currVal_1;\n  const currVal_2:any = 'primary';\n  currVal_2;\n  const currVal_3:any = (_decl0_12.disabled || null);\n  currVal_3;\n  const currVal_4:any = (_decl0_12._animationMode === 'NoopAnimations');\n  currVal_4;\n  const currVal_5:any = _decl0_79.alert.ok();\n  currVal_5;\n  const pd_6:any = ((<any>_decl0_79.done()) !== false);\n}\nfunction _View_ActivityOutletComponent_Host_5_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_ActivityOutletComponent_5_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_InPlaceInteractionContextComponent_Host_6_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_InPlaceInteractionContextComponent_6_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = false;\n  currVal_0;\n  const currVal_1:any = (_decl0_81.isActive()? 1: 0);\n  currVal_1;\n  const currVal_2:any = _decl0_81.animationDuration;\n  currVal_2;\n  const currVal_3:any = _decl0_19.dynamicHeight;\n  currVal_3;\n  const currVal_4:any = (_decl0_19.headerPosition === 'below');\n  currVal_4;\n  const currVal_5:any = false;\n  currVal_5;\n}\nfunction _View_AddItemInteractionContextComponent_Host_7_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_82.active;\n  currVal_0;\n  const currVal_1:any = _decl0_82.tabindex;\n  currVal_1;\n}\nfunction _View_AddItemInteractionContextComponent_7_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = false;\n  currVal_0;\n  const currVal_1:any = _decl0_82.clickCommand;\n  currVal_1;\n  const currVal_2:any = 'mat:add';\n  currVal_2;\n  const currVal_3:any = _decl0_82.label;\n  currVal_3;\n  const pd_4:any = ((<any>_decl0_35.notifyClick(_any)) !== false);\n}\nfunction _View_ActivityActionsComponent_Host_8_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_83.alignEnd;\n  currVal_0;\n  const currVal_1:any = _decl0_83.alignStretch;\n  currVal_1;\n}\nfunction _View_ActivityActionsComponent_8_1():void {\n  if (_decl0_83.hasCancelText()) {\n    var _any:any = (null as any);\n    const currVal_0:any = (_decl0_12.disabled || null);\n    currVal_0;\n    const currVal_1:any = (_decl0_12._animationMode === 'NoopAnimations');\n    currVal_1;\n    const currVal_2:any = _decl0_83.cancelCommand;\n    currVal_2;\n    const currVal_3:any = _decl0_83.cancelText;\n    currVal_3;\n    const pd_4:any = ((<any>_decl0_35.notifyClick(_any)) !== false);\n  }\n}\nfunction _View_ActivityActionsComponent_8_2():void {\n  if (!_decl0_83.hasCancelText()) {\n    var _any:any = (null as any);\n    const currVal_0:any = (_decl0_12.disabled || null);\n    currVal_0;\n    const currVal_1:any = (_decl0_12._animationMode === 'NoopAnimations');\n    currVal_1;\n    const currVal_2:any = _decl0_83.cancelCommand;\n    currVal_2;\n    const currVal_3:any = 'mat:clear';\n    currVal_3;\n    const pd_4:any = ((<any>_decl0_35.notifyClick(_any)) !== false);\n  }\n}\nfunction _View_ActivityActionsComponent_8_3():void {\n  if (!_decl0_83.hasConfirmText()) {\n    var _any:any = (null as any);\n    const currVal_0:any = (_decl0_12.disabled || null);\n    currVal_0;\n    const currVal_1:any = (_decl0_12._animationMode === 'NoopAnimations');\n    currVal_1;\n    const currVal_2:any = _decl0_83.confirmCommand;\n    currVal_2;\n    const currVal_3:any = 'done';\n    currVal_3;\n    const pd_4:any = ((<any>_decl0_35.notifyClick(_any)) !== false);\n  }\n}\nfunction _View_ActivityActionsComponent_8_4():void {\n  if (_decl0_83.hasConfirmText()) {\n    var _any:any = (null as any);\n    const currVal_0:any = (_decl0_12.disabled || null);\n    currVal_0;\n    const currVal_1:any = (_decl0_12._animationMode === 'NoopAnimations');\n    currVal_1;\n    const currVal_2:any = _decl0_83.confirmCommand;\n    currVal_2;\n    const currVal_3:any = _decl0_83.confirmText;\n    currVal_3;\n    const pd_4:any = ((<any>_decl0_35.notifyClick(_any)) !== false);\n  }\n}\nfunction _View_ActivityActionsComponent_8_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_83.hasCancelText();\n  currVal_0;\n  const currVal_1:any = !_decl0_83.hasCancelText();\n  currVal_1;\n  const currVal_2:any = !_decl0_83.hasConfirmText();\n  currVal_2;\n  const currVal_3:any = _decl0_83.hasConfirmText();\n  currVal_3;\n}\nfunction _View_PopupInteractionContextComponent_Host_9_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_84.active;\n  currVal_0;\n}\nfunction _View_PopupInteractionContextComponent_9_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_StringInputActivity_Host_10_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_85.class;\n  currVal_0;\n}\nfunction _View_StringInputActivity_10_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_85.data.label;\n  currVal_0;\n  const currVal_1:any = _decl0_85.data.placeholder;\n  currVal_1;\n  const currVal_2:any = _decl0_85.confirmCommand;\n  currVal_2;\n  const currVal_3:any = _decl0_85.cancelCommand;\n  currVal_3;\n  const currVal_4:any = _decl0_85.valueModel;\n  currVal_4;\n  const currVal_5:any = _decl0_57.baseClassName;\n  currVal_5;\n  const currVal_6:any = _decl0_85.confirmCommand;\n  currVal_6;\n  const currVal_7:any = _decl0_85.cancelCommand;\n  currVal_7;\n  const currVal_8:any = 'end';\n  currVal_8;\n  const currVal_9:any = _decl0_83.alignEnd;\n  currVal_9;\n  const currVal_10:any = _decl0_83.alignStretch;\n  currVal_10;\n  const pd_11:any = ((<any>_decl0_57.notifyClick()) !== false);\n  const pd_12:any = ((<any>_decl0_57.notifyFocusIn()) !== false);\n  const pd_13:any = ((<any>_decl0_57.notifyFocusOut()) !== false);\n}\nfunction _View_SelectInputActivity_Host_11_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_86.class;\n  currVal_0;\n}\nfunction _View_SelectInputActivity_11_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_86.data.label;\n  currVal_0;\n  const currVal_1:any = _decl0_86.data.placeholder;\n  currVal_1;\n  const currVal_2:any = _decl0_86.confirmCommand;\n  currVal_2;\n  const currVal_3:any = _decl0_86.cancelCommand;\n  currVal_3;\n  const currVal_4:any = _decl0_86.valueModel;\n  currVal_4;\n  const currVal_5:any = _decl0_86.options;\n  currVal_5;\n  const currVal_6:any = _decl0_86.optionLabelFormat;\n  currVal_6;\n  const currVal_7:any = _decl0_61.baseClassName;\n  currVal_7;\n  const currVal_8:any = _decl0_86.confirmCommand;\n  currVal_8;\n  const currVal_9:any = _decl0_86.cancelCommand;\n  currVal_9;\n  const currVal_10:any = 'end';\n  currVal_10;\n  const currVal_11:any = _decl0_83.alignEnd;\n  currVal_11;\n  const currVal_12:any = _decl0_83.alignStretch;\n  currVal_12;\n  const pd_13:any = ((<any>_decl0_61.notifyClick()) !== false);\n  const pd_14:any = ((<any>_decl0_61.notifyFocusIn()) !== false);\n  const pd_15:any = ((<any>_decl0_61.notifyFocusOut()) !== false);\n}\nfunction _View_AbstractInputActivity_Host_12_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_87.class;\n  currVal_0;\n}\nfunction _View_AbstractInputActivity_12_0():void {\n  var _any:any = (null as any);\n}\n"]}
+{"version":3,"file":"interaction.module.ngfactory.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/interaction/interaction.module.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\nimport * as i1 from './interaction.module';\nimport * as i2 from '@angular/common';\nimport * as i3 from '@angular/cdk/bidi';\nimport * as i4 from '@angular/material/button';\nimport * as i5 from '@angular/material/dialog';\nimport * as i6 from '@angular/material/tabs';\nimport * as i7 from '@angular/cdk/portal';\nimport * as i8 from '@angular/router';\nimport * as i9 from '@angular/material/icon';\nimport * as i10 from '../directives/command.directive';\nimport * as i11 from '../directives/focus-binding.directive';\nimport * as i12 from '@angular/flex-layout/flex';\nimport * as i13 from '@angular/flex-layout/grid';\nimport * as i14 from '../components/forms/number-input/number-input.component';\nimport * as i15 from '../components/forms/string-input/string-input.component';\nimport * as i16 from '../components/forms/text-input/text-input.component';\nimport * as i17 from '../components/forms/password-input/password-input.component';\nimport * as i18 from '../components/forms/checkbox-input/checkbox-input.component';\nimport * as i19 from '../components/forms/select-input/select-input.component';\nimport * as i20 from '../components/scroll-container/scroll-container.component';\nimport * as i21 from '../components/noop/noop.component';\nimport * as i22 from '../components/switch-case/switch-case.component';\nimport * as i23 from '../components/focus-container/focus-container.component';\nimport * as i24 from '../components/vertical-focus-container/vertical-focus-container.component';\nimport * as i25 from '../components/focusable.component';\nimport * as i26 from '../components/card-container/card-container.component';\nimport * as i27 from '../components/table/table.component';\nimport * as i28 from '../components/table/edit-row-controls/edit-row-controls.component';\nimport * as i29 from '../components/table/column-template/column-template.directive';\nimport * as i30 from '../components/forms/multiple-select-input/multiple-select-input.component';\nimport * as i31 from '../components/icon/icon.component';\nimport * as i32 from './components/activity-container/activity-container.component';\nimport * as i33 from './components/confirmation-dialog/confirmation-dialog.component';\nimport * as i34 from './components/confirm-then-dialog/confirm-then-dialog.component';\nimport * as i35 from './components/alert-dialog/alert-dialog.component';\nimport * as i36 from './components/activity-container/activity-outlet/activity-outlet.component';\nimport * as i37 from './components/inplace-interaction-context/in-place-interaction-context.component';\nimport * as i38 from './components/add-item-interaction-context/add-item-interaction-context.component';\nimport * as i39 from './components/activity-actions/activity-actions.component';\nimport * as i40 from './components/popup-interaction-context/popup-interaction-context.component';\nimport * as i41 from './components/input-activities/string-input-activity';\nimport * as i42 from './components/input-activities/select-input-activity';\nimport * as i43 from './components/input-activities/abstract-input-activity';\nimport * as i44 from './directives/interaction-context-trigger-for.directive';\nimport * as i45 from '../directives/directives.module';\nimport * as i46 from '../components/components.module';\nexport const InteractionModuleNgFactory:i0.NgModuleFactory<i1.InteractionModule> = (null as any);\nvar _decl0_0:i2.NgClass = (<any>(null as any));\nvar _decl0_1:i2.NgComponentOutlet = (<any>(null as any));\nvar _decl0_2:i2.NgForOf<any,any> = (<any>(null as any));\nvar _decl0_3:i2.NgIf<any> = (<any>(null as any));\nvar _decl0_4:i2.NgTemplateOutlet = (<any>(null as any));\nvar _decl0_5:i2.NgStyle = (<any>(null as any));\nvar _decl0_6:i2.NgSwitch = (<any>(null as any));\nvar _decl0_7:i2.NgSwitchCase = (<any>(null as any));\nvar _decl0_8:i2.NgSwitchDefault = (<any>(null as any));\nvar _decl0_9:i2.NgPlural = (<any>(null as any));\nvar _decl0_10:i2.NgPluralCase = (<any>(null as any));\nvar _decl0_11:i3.Dir = (<any>(null as any));\nvar _decl0_12:i4.MatButton = (<any>(null as any));\nvar _decl0_13:i4.MatAnchor = (<any>(null as any));\nvar _decl0_14:i5.MatDialogContainer = (<any>(null as any));\nvar _decl0_15:i5.MatDialogClose = (<any>(null as any));\nvar _decl0_16:i5.MatDialogTitle = (<any>(null as any));\nvar _decl0_17:i5.MatDialogContent = (<any>(null as any));\nvar _decl0_18:i5.MatDialogActions = (<any>(null as any));\nvar _decl0_19:i6.MatTabGroup = (<any>(null as any));\nvar _decl0_20:i6.MatTabLabel = (<any>(null as any));\nvar _decl0_21:i6.MatTab = (<any>(null as any));\nvar _decl0_22:i6.MatTabNav = (<any>(null as any));\nvar _decl0_23:i6.MatTabLink = (<any>(null as any));\nvar _decl0_24:i6.MatTabContent = (<any>(null as any));\nvar _decl0_25:i7.CdkPortal = (<any>(null as any));\nvar _decl0_26:i7.CdkPortalOutlet = (<any>(null as any));\nvar _decl0_27:i7.TemplatePortalDirective = (<any>(null as any));\nvar _decl0_28:i7.PortalHostDirective = (<any>(null as any));\nvar _decl0_29:i8.RouterOutlet = (<any>(null as any));\nvar _decl0_30:i8.RouterLink = (<any>(null as any));\nvar _decl0_31:i8.RouterLinkWithHref = (<any>(null as any));\nvar _decl0_32:i8.RouterLinkActive = (<any>(null as any));\nvar _decl0_33:i8.ɵangular_packages_router_router_l = (<any>(null as any));\nvar _decl0_34:i9.MatIcon = (<any>(null as any));\nvar _decl0_35:i10.CommandDirective<any> = (<any>(null as any));\nvar _decl0_36:i11.FocusBindingDirective = (<any>(null as any));\nvar _decl0_37:i12.DefaultLayoutDirective = (<any>(null as any));\nvar _decl0_38:i12.DefaultLayoutGapDirective = (<any>(null as any));\nvar _decl0_39:i12.DefaultLayoutAlignDirective = (<any>(null as any));\nvar _decl0_40:i12.DefaultFlexOrderDirective = (<any>(null as any));\nvar _decl0_41:i12.DefaultFlexOffsetDirective = (<any>(null as any));\nvar _decl0_42:i12.FlexFillDirective = (<any>(null as any));\nvar _decl0_43:i12.DefaultFlexAlignDirective = (<any>(null as any));\nvar _decl0_44:i12.DefaultFlexDirective = (<any>(null as any));\nvar _decl0_45:i13.ɵgrid_privatec = (<any>(null as any));\nvar _decl0_46:i13.ɵgrid_privatef = (<any>(null as any));\nvar _decl0_47:i13.ɵgrid_privatei = (<any>(null as any));\nvar _decl0_48:i13.ɵgrid_privatel = (<any>(null as any));\nvar _decl0_49:i13.ɵgrid_privateo = (<any>(null as any));\nvar _decl0_50:i13.ɵgrid_privater = (<any>(null as any));\nvar _decl0_51:i13.ɵgrid_privateu = (<any>(null as any));\nvar _decl0_52:i13.ɵgrid_privatex = (<any>(null as any));\nvar _decl0_53:i13.ɵgrid_privateba = (<any>(null as any));\nvar _decl0_54:i13.ɵgrid_privatebd = (<any>(null as any));\nvar _decl0_55:i13.ɵgrid_privatebg = (<any>(null as any));\nvar _decl0_56:i14.NumberInputComponent = (<any>(null as any));\nvar _decl0_57:i15.StringInputComponent = (<any>(null as any));\nvar _decl0_58:i16.TextInputComponent = (<any>(null as any));\nvar _decl0_59:i17.PasswordInputComponent = (<any>(null as any));\nvar _decl0_60:i18.CheckboxInputComponent = (<any>(null as any));\nvar _decl0_61:i19.SelectInputComponent<any> = (<any>(null as any));\nvar _decl0_62:i20.ScrollContainerComponent = (<any>(null as any));\nvar _decl0_63:i21.NoopComponent = (<any>(null as any));\nvar _decl0_64:i22.SwitchCaseComponent<any> = (<any>(null as any));\nvar _decl0_65:i22.SwitchCaseWhenDirective<any> = (<any>(null as any));\nvar _decl0_66:i22.SwitchCaseDefaultDirective<any> = (<any>(null as any));\nvar _decl0_67:i23.FocusContainerComponent = (<any>(null as any));\nvar _decl0_68:i24.VerticalFocusContainerComponent = (<any>(null as any));\nvar _decl0_69:i25.FocusableComponent = (<any>(null as any));\nvar _decl0_70:i26.CardContainerComponent = (<any>(null as any));\nvar _decl0_71:i27.TableComponent<any> = (<any>(null as any));\nvar _decl0_72:i28.EditRowControls<any> = (<any>(null as any));\nvar _decl0_73:i29.ColumnTemplateDirective = (<any>(null as any));\nvar _decl0_74:i30.MultipleSelectInputComponent<any> = (<any>(null as any));\nvar _decl0_75:i31.IconComponent = (<any>(null as any));\nvar _decl0_76:i32.ActivityContainerComponent<any,any,any> = (<any>(null as any));\nvar _decl0_77:i33.ConfirmationDialogComponent = (<any>(null as any));\nvar _decl0_78:i34.ConfirmThenDialogComponent<any,any,any> = (<any>(null as any));\nvar _decl0_79:i35.AlertDialogComponent = (<any>(null as any));\nvar _decl0_80:i36.ActivityOutletComponent<any,any,any> = (<any>(null as any));\nvar _decl0_81:i37.InPlaceInteractionContextComponent<any,any,any> = (<any>(null as any));\nvar _decl0_82:i38.AddItemInteractionContextComponent = (<any>(null as any));\nvar _decl0_83:i39.ActivityActionsComponent = (<any>(null as any));\nvar _decl0_84:i40.PopupInteractionContextComponent = (<any>(null as any));\nvar _decl0_85:i41.StringInputActivity = (<any>(null as any));\nvar _decl0_86:i42.SelectInputActivity<any> = (<any>(null as any));\nvar _decl0_87:i43.AbstractInputActivity<any,any> = (<any>(null as any));\nvar _decl0_88:i44.InteractionContextTriggerFor<any,any,any> = (<any>(null as any));\nvar _decl0_89:i2.AsyncPipe = (<any>(null as any));\nvar _decl0_90:i2.UpperCasePipe = (<any>(null as any));\nvar _decl0_91:i2.LowerCasePipe = (<any>(null as any));\nvar _decl0_92:i2.JsonPipe = (<any>(null as any));\nvar _decl0_93:i2.SlicePipe = (<any>(null as any));\nvar _decl0_94:i2.DecimalPipe = (<any>(null as any));\nvar _decl0_95:i2.PercentPipe = (<any>(null as any));\nvar _decl0_96:i2.TitleCasePipe = (<any>(null as any));\nvar _decl0_97:i2.CurrencyPipe = (<any>(null as any));\nvar _decl0_98:i2.DatePipe = (<any>(null as any));\nvar _decl0_99:i2.I18nPluralPipe = (<any>(null as any));\nvar _decl0_100:i2.I18nSelectPipe = (<any>(null as any));\nvar _decl0_101:i2.KeyValuePipe = (<any>(null as any));\nvar _decl0_102:i2.CommonModule = (<any>(null as any));\nvar _decl0_103:i4.MatButtonModule = (<any>(null as any));\nvar _decl0_104:i5.MatDialogModule = (<any>(null as any));\nvar _decl0_105:i6.MatTabsModule = (<any>(null as any));\nvar _decl0_106:i7.PortalModule = (<any>(null as any));\nvar _decl0_107:i8.RouterModule = (<any>(null as any));\nvar _decl0_108:i9.MatIconModule = (<any>(null as any));\nvar _decl0_109:i45.DirectivesModule = (<any>(null as any));\nvar _decl0_110:i12.FlexModule = (<any>(null as any));\nvar _decl0_111:i13.GridModule = (<any>(null as any));\nvar _decl0_112:i46.ComponentsModule = (<any>(null as any));\nvar _decl0_113:i0.TemplateRef<any> = (<any>(null as any));\nvar _decl0_114:i0.ElementRef<any> = (<any>(null as any));\nfunction _View_ActivityContainerComponent_Host_1_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_ActivityContainerComponent_1_1():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_76;\n  currVal_0;\n  const currVal_1:any = _any;\n  currVal_1;\n}\nfunction _View_ActivityContainerComponent_1_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_76.dynamicHeight;\n  currVal_0;\n  const currVal_1:any = _decl0_19.dynamicHeight;\n  currVal_1;\n  const currVal_2:any = (_decl0_19.headerPosition === 'below');\n  currVal_2;\n  const currVal_3:any = !_decl0_76.dynamicHeight;\n  currVal_3;\n  const currVal_4:any = _decl0_76.activityTabs;\n  currVal_4;\n  const currVal_5:any = _decl0_76.activityIndex;\n  currVal_5;\n}\nfunction _View_ConfirmationDialogComponent_Host_2_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_77.class;\n  currVal_0;\n}\nfunction _View_ConfirmationDialogComponent_2_1():void {\n  if (_decl0_77.confirm.title) {\n    var _any:any = (null as any);\n    const currVal_0:any = _decl0_16.id;\n    currVal_0;\n    const currVal_1:any = _decl0_77.confirm.title();\n    currVal_1;\n  }\n}\nfunction _View_ConfirmationDialogComponent_2_2():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _any;\n  currVal_0;\n}\nfunction _View_ConfirmationDialogComponent_2_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_77.confirm.title;\n  currVal_0;\n  const currVal_1:any = _decl0_77.confirm.content();\n  currVal_1;\n  const currVal_2:any = (_decl0_12.disabled || null);\n  currVal_2;\n  const currVal_3:any = (_decl0_12._animationMode === 'NoopAnimations');\n  currVal_3;\n  const currVal_4:any = _decl0_77.confirm.cancel();\n  currVal_4;\n  const currVal_5:any = (_decl0_77.isDestructive()? 'warn': 'primary');\n  currVal_5;\n  const currVal_6:any = (_decl0_12.disabled || null);\n  currVal_6;\n  const currVal_7:any = (_decl0_12._animationMode === 'NoopAnimations');\n  currVal_7;\n  const currVal_8:any = _decl0_77.confirm.ok();\n  currVal_8;\n  const pd_9:any = ((<any>_decl0_77.cancel()) !== false);\n  const pd_10:any = ((<any>_decl0_77.done()) !== false);\n}\nfunction _View_ConfirmThenDialogComponent_Host_3_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_78.class;\n  currVal_0;\n}\nfunction _View_ConfirmThenDialogComponent_3_1():void {\n  if (_decl0_78.confirm.title) {\n    var _any:any = (null as any);\n    const currVal_0:any = _decl0_16.id;\n    currVal_0;\n    const currVal_1:any = _decl0_78.confirm.title();\n    currVal_1;\n  }\n}\nfunction _View_ConfirmThenDialogComponent_3_2():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _any;\n  currVal_0;\n}\nfunction _View_ConfirmThenDialogComponent_3_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_78.confirm.title;\n  currVal_0;\n  const currVal_1:any = _decl0_78.confirm.content();\n  currVal_1;\n  const currVal_2:any = (_decl0_12.disabled || null);\n  currVal_2;\n  const currVal_3:any = (_decl0_12._animationMode === 'NoopAnimations');\n  currVal_3;\n  const currVal_4:any = _decl0_78.confirm.cancel();\n  currVal_4;\n  const currVal_5:any = (_decl0_78.isDestructive()? 'warn': 'primary');\n  currVal_5;\n  const currVal_6:any = (_decl0_12.disabled || null);\n  currVal_6;\n  const currVal_7:any = (_decl0_12._animationMode === 'NoopAnimations');\n  currVal_7;\n  const currVal_8:any = _decl0_78.confirm.ok();\n  currVal_8;\n  const pd_9:any = ((<any>_decl0_78.cancel()) !== false);\n  const pd_10:any = ((<any>_decl0_78.onConfirm()) !== false);\n}\nfunction _View_AlertDialogComponent_Host_4_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_79.class;\n  currVal_0;\n}\nfunction _View_AlertDialogComponent_4_1():void {\n  if (_decl0_79.alert.title) {\n    var _any:any = (null as any);\n    const currVal_0:any = _decl0_16.id;\n    currVal_0;\n    const currVal_1:any = _decl0_79.alert.title();\n    currVal_1;\n  }\n}\nfunction _View_AlertDialogComponent_4_2():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _any;\n  currVal_0;\n}\nfunction _View_AlertDialogComponent_4_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_79.alert.title;\n  currVal_0;\n  const currVal_1:any = _decl0_79.alert.content();\n  currVal_1;\n  const currVal_2:any = 'primary';\n  currVal_2;\n  const currVal_3:any = (_decl0_12.disabled || null);\n  currVal_3;\n  const currVal_4:any = (_decl0_12._animationMode === 'NoopAnimations');\n  currVal_4;\n  const currVal_5:any = _decl0_79.alert.ok();\n  currVal_5;\n  const pd_6:any = ((<any>_decl0_79.done()) !== false);\n}\nfunction _View_ActivityOutletComponent_Host_5_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_ActivityOutletComponent_5_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_InPlaceInteractionContextComponent_Host_6_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_InPlaceInteractionContextComponent_6_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = false;\n  currVal_0;\n  const currVal_1:any = (_decl0_81.isActive()? 1: 0);\n  currVal_1;\n  const currVal_2:any = _decl0_81.animationDuration;\n  currVal_2;\n  const currVal_3:any = _decl0_19.dynamicHeight;\n  currVal_3;\n  const currVal_4:any = (_decl0_19.headerPosition === 'below');\n  currVal_4;\n  const currVal_5:any = false;\n  currVal_5;\n}\nfunction _View_AddItemInteractionContextComponent_Host_7_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_82.active;\n  currVal_0;\n  const currVal_1:any = _decl0_82.tabindex;\n  currVal_1;\n}\nfunction _View_AddItemInteractionContextComponent_7_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = false;\n  currVal_0;\n  const currVal_1:any = _decl0_82.clickCommand;\n  currVal_1;\n  const currVal_2:any = 'mat:add';\n  currVal_2;\n  const currVal_3:any = _decl0_82.label;\n  currVal_3;\n  const pd_4:any = ((<any>_decl0_35.notifyClick(_any)) !== false);\n}\nfunction _View_ActivityActionsComponent_Host_8_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_83.alignEnd;\n  currVal_0;\n  const currVal_1:any = _decl0_83.alignStretch;\n  currVal_1;\n}\nfunction _View_ActivityActionsComponent_8_2():void {\n  if ((_decl0_83.hasCancelCommand() && !_decl0_83.hasCancelText())) {\n    var _any:any = (null as any);\n    const currVal_0:any = (_decl0_12.disabled || null);\n    currVal_0;\n    const currVal_1:any = (_decl0_12._animationMode === 'NoopAnimations');\n    currVal_1;\n    const currVal_2:any = _decl0_83.cancelCommand;\n    currVal_2;\n    const currVal_3:any = 'mat:clear';\n    currVal_3;\n    const pd_4:any = ((<any>_decl0_35.notifyClick(_any)) !== false);\n  }\n}\nfunction _View_ActivityActionsComponent_8_3():void {\n  if ((_decl0_83.hasCancelCommand() && _decl0_83.hasCancelText())) {\n    var _any:any = (null as any);\n    const currVal_0:any = (_decl0_12.disabled || null);\n    currVal_0;\n    const currVal_1:any = (_decl0_12._animationMode === 'NoopAnimations');\n    currVal_1;\n    const currVal_2:any = _decl0_83.cancelCommand;\n    currVal_2;\n    const currVal_3:any = _decl0_83.cancelText;\n    currVal_3;\n    const pd_4:any = ((<any>_decl0_35.notifyClick(_any)) !== false);\n  }\n}\nfunction _View_ActivityActionsComponent_8_1():void {\n  if (_decl0_83.hasCancelCommand()) {\n    var _any:any = (null as any);\n    const currVal_0:any = !_decl0_83.hasCancelText();\n    currVal_0;\n    const currVal_1:any = _decl0_83.hasCancelText();\n    currVal_1;\n  }\n}\nfunction _View_ActivityActionsComponent_8_5():void {\n  if ((_decl0_83.hasConfirmCommand() && !_decl0_83.hasConfirmText())) {\n    var _any:any = (null as any);\n    const currVal_0:any = (_decl0_12.disabled || null);\n    currVal_0;\n    const currVal_1:any = (_decl0_12._animationMode === 'NoopAnimations');\n    currVal_1;\n    const currVal_2:any = _decl0_83.confirmCommand;\n    currVal_2;\n    const currVal_3:any = 'mat:done';\n    currVal_3;\n    const pd_4:any = ((<any>_decl0_35.notifyClick(_any)) !== false);\n  }\n}\nfunction _View_ActivityActionsComponent_8_6():void {\n  if ((_decl0_83.hasConfirmCommand() && _decl0_83.hasConfirmText())) {\n    var _any:any = (null as any);\n    const currVal_0:any = (_decl0_12.disabled || null);\n    currVal_0;\n    const currVal_1:any = (_decl0_12._animationMode === 'NoopAnimations');\n    currVal_1;\n    const currVal_2:any = _decl0_83.confirmCommand;\n    currVal_2;\n    const currVal_3:any = _decl0_83.confirmText;\n    currVal_3;\n    const pd_4:any = ((<any>_decl0_35.notifyClick(_any)) !== false);\n  }\n}\nfunction _View_ActivityActionsComponent_8_4():void {\n  if (_decl0_83.hasConfirmCommand()) {\n    var _any:any = (null as any);\n    const currVal_0:any = !_decl0_83.hasConfirmText();\n    currVal_0;\n    const currVal_1:any = _decl0_83.hasConfirmText();\n    currVal_1;\n  }\n}\nfunction _View_ActivityActionsComponent_8_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_83.hasCancelCommand();\n  currVal_0;\n  const currVal_1:any = _decl0_83.hasConfirmCommand();\n  currVal_1;\n}\nfunction _View_PopupInteractionContextComponent_Host_9_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_84.active;\n  currVal_0;\n}\nfunction _View_PopupInteractionContextComponent_9_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_StringInputActivity_Host_10_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_85.class;\n  currVal_0;\n}\nfunction _View_StringInputActivity_10_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_85.data.label;\n  currVal_0;\n  const currVal_1:any = _decl0_85.data.placeholder;\n  currVal_1;\n  const currVal_2:any = _decl0_85.confirmCommand;\n  currVal_2;\n  const currVal_3:any = _decl0_85.cancelCommand;\n  currVal_3;\n  const currVal_4:any = _decl0_85.valueModel;\n  currVal_4;\n  const currVal_5:any = _decl0_57.baseClassName;\n  currVal_5;\n  const currVal_6:any = _decl0_85.confirmCommand;\n  currVal_6;\n  const currVal_7:any = _decl0_85.cancelCommand;\n  currVal_7;\n  const currVal_8:any = 'end';\n  currVal_8;\n  const currVal_9:any = _decl0_83.alignEnd;\n  currVal_9;\n  const currVal_10:any = _decl0_83.alignStretch;\n  currVal_10;\n  const pd_11:any = ((<any>_decl0_57.notifyClick()) !== false);\n  const pd_12:any = ((<any>_decl0_57.notifyFocusIn()) !== false);\n  const pd_13:any = ((<any>_decl0_57.notifyFocusOut()) !== false);\n}\nfunction _View_SelectInputActivity_Host_11_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_86.class;\n  currVal_0;\n}\nfunction _View_SelectInputActivity_11_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_86.data.label;\n  currVal_0;\n  const currVal_1:any = _decl0_86.data.placeholder;\n  currVal_1;\n  const currVal_2:any = _decl0_86.confirmCommand;\n  currVal_2;\n  const currVal_3:any = _decl0_86.cancelCommand;\n  currVal_3;\n  const currVal_4:any = _decl0_86.valueModel;\n  currVal_4;\n  const currVal_5:any = _decl0_86.options;\n  currVal_5;\n  const currVal_6:any = _decl0_86.optionLabelFormat;\n  currVal_6;\n  const currVal_7:any = _decl0_61.baseClassName;\n  currVal_7;\n  const currVal_8:any = _decl0_86.confirmCommand;\n  currVal_8;\n  const currVal_9:any = _decl0_86.cancelCommand;\n  currVal_9;\n  const currVal_10:any = 'end';\n  currVal_10;\n  const currVal_11:any = _decl0_83.alignEnd;\n  currVal_11;\n  const currVal_12:any = _decl0_83.alignStretch;\n  currVal_12;\n  const pd_13:any = ((<any>_decl0_61.notifyClick()) !== false);\n  const pd_14:any = ((<any>_decl0_61.notifyFocusIn()) !== false);\n  const pd_15:any = ((<any>_decl0_61.notifyFocusOut()) !== false);\n}\nfunction _View_AbstractInputActivity_Host_12_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_87.class;\n  currVal_0;\n}\nfunction _View_AbstractInputActivity_12_0():void {\n  var _any:any = (null as any);\n}\n"]}

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

@@ -13,7 +13,7 @@ import { MatButtonModule } from '@angular/material/button';
 import { MatCheckboxModule } from '@angular/material/checkbox';
 import { MatIconModule } from '@angular/material/icon';
 import { MatTableModule } from '@angular/material/table';
-import { GarbageCollector, DelegatingValueModel, assert, UnaryCommand, lang, Dsl, Logger, TrackExternal, Command, FocusManager, DelegatingFormListModel, DelegatingFormValueModel, ListModel, StoreInListModel, ValueModel, StoreInValueModel, MutableValueModel, OptionsHelper, MultipleSelectionModel, MutableListModel, Form, Deferred, Trace, Guard, DebugContext, Binding, Functions } from '@coolon/pectin';
+import { GarbageCollector, DelegatingValueModel, assert, UnaryCommand, lang, Dsl, Logger, TrackExternal, Command, FocusManager, DelegatingFormListModel, DelegatingFormValueModel, ListModel, StoreInListModel, ValueModel, StoreInValueModel, MutableValueModel, MultipleSelectionModel, MutableListModel, Form, DelegatingCommand, Deferred, Trace, Guard, DebugContext, Binding, Functions } from '@coolon/pectin';
 import { assert as assert$1, Opts, lang as lang$1, Klass } from '@coolon/typescript-utilities';
 import { Memoize } from '@typescript-plus/fast-memoize-decorator/dist/src';
 import ___default, { isEqual, isNil } from 'lodash';
@@ -369,7 +369,7 @@ 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    <aup-icon icon=\"mat:add\"></aup-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);--aup-default-background:white}.router-outlet-container>*{position:absolute;top:0;left:0;bottom:0;right: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}.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}.aup-popup-interaction-panel{background:var(--aup-default-background,#fff);box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);transition:box-shadow 280ms cubic-bezier(.4,0,.2,1)}.aup-input-activity{padding:calc(var(--aup-default-padding)/2)}.aup-input-component{display:block}.aup-input-component input,.aup-input-component mat-form-field{width:100%}.aup-input-component input mat-hint.faux-error,.aup-input-component mat-form-field mat-hint.faux-error{color:#f44336}aup-table-cell-renderer>.aup-input-component .mat-form-field-flex{padding-top:0}aup-table-cell-renderer>.aup-input-component .mat-form-field-infix{width:0}aup-table-cell-renderer>.aup-input-component .mat-form-field-label-wrapper{display:none}aup-table{--default-column-gap:var(--column-gap, 24px)}aup-table .mat-table td.mat-cell:first-of-type,aup-table .mat-table td.mat-footer-cell:first-of-type,aup-table .mat-table th.mat-header-cell:first-of-type{padding-left:0}aup-table aup-table-cell-renderer,aup-table aup-table-header-cell-renderer{display:flex;flex-direction:column;align-items:stretch;justify-content:center;height:100%;min-height:47px}aup-table aup-table-cell-renderer.first-column,aup-table aup-table-cell-renderer:not(.first-column),aup-table aup-table-header-cell-renderer.first-column,aup-table aup-table-header-cell-renderer:not(.first-column){padding-left:var(--default-column-gap)}aup-table aup-table-cell-renderer.fillCell{justify-content:stretch;padding-left:0!important}aup-table aup-table-cell-renderer.padChild>:first-child{padding-left:var(--default-column-gap);flex:1}:host{--resolved-card-gap:var(--card-gap, 16px);--resolved-card-width:var(--card-width, 300px);--resolved-card-height:var(--card-height, auto);--resolved-card-min-height:var(--card-min-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);min-height:var(--resolved-card-min-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}"]
+        styles: [":root{--aup-default-padding:var(--default-padding, 18px);--aup-default-background:white}.router-outlet-container>*{position:absolute;top:0;left:0;bottom:0;right: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}.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}.aup-popup-interaction-panel{background:var(--aup-default-background,#fff);box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);transition:box-shadow 280ms cubic-bezier(.4,0,.2,1)}.aup-input-activity{padding:calc(var(--aup-default-padding)/2)}.aup-input-component{display:block}.aup-input-component input,.aup-input-component mat-form-field{width:100%}.aup-input-component input mat-hint.faux-error,.aup-input-component mat-form-field mat-hint.faux-error{color:#f44336}aup-table-cell-renderer>.aup-input-component .mat-form-field-flex{padding-top:0}aup-table-cell-renderer>.aup-input-component .mat-form-field-infix{width:0}aup-table-cell-renderer>.aup-input-component .mat-form-field-label-wrapper{display:none}aup-table{--default-column-gap:var(--column-gap, 24px);--resolved-row-hover-background-color:var(--row-hover-background-color, rgba(0, 0, 0, 0.05))}aup-table .mat-table td.mat-cell:first-of-type,aup-table .mat-table td.mat-footer-cell:first-of-type,aup-table .mat-table th.mat-header-cell:first-of-type{padding-left:0}aup-table .mat-table tr.enable-hover:hover{background-color:var(--resolved-row-hover-background-color)}aup-table .mat-table td.enable-cursor{cursor:pointer}aup-table aup-table-cell-renderer,aup-table aup-table-header-cell-renderer{display:flex;flex-direction:column;align-items:stretch;justify-content:center;height:100%;min-height:47px}aup-table aup-table-cell-renderer.first-column,aup-table aup-table-cell-renderer:not(.first-column),aup-table aup-table-header-cell-renderer.first-column,aup-table aup-table-header-cell-renderer:not(.first-column){padding-left:var(--default-column-gap)}aup-table aup-table-cell-renderer.fillCell{justify-content:stretch;padding-left:0!important}aup-table aup-table-cell-renderer.padChild>:first-child{padding-left:var(--default-column-gap);flex:1}:host{--resolved-card-gap:var(--card-gap, 16px);--resolved-card-width:var(--card-width, 300px);--resolved-card-height:var(--card-height, auto);--resolved-card-min-height:var(--card-min-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);min-height:var(--resolved-card-min-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);
@@ -1235,6 +1235,7 @@ class ColumnModel {
     constructor(columnId, defaults) {
         this.columnId = columnId;
         this.defaults = defaults;
+        this._selectRowOnClick = undefined;
         this.cellHeaderRenderer(DefaultHeaderCellRendererComponent, (component, column) => {
             component.headerText = column.getHeaderText();
         });
@@ -1291,6 +1292,19 @@ class ColumnModel {
     updatePortalContent(host) {
         this._cellRendererPortalRef.pushState(host);
     }
+    selectRowOnClick(selectOnRowClick) {
+        this._selectRowOnClick = selectOnRowClick;
+        return this;
+    }
+    isRowSelectionEnabled() {
+        return this._selectRowOnClick;
+    }
+    isRowSelectionExplicitlyEnabled() {
+        return this._selectRowOnClick === true;
+    }
+    isRowSelectionExplicitlyDisabled() {
+        return this._selectRowOnClick === false;
+    }
 }
 __decorate([
     Memoize(),
@@ -1337,6 +1351,9 @@ class PropertyColumnModel extends ColumnModel {
         this._format = formatter;
         return this;
     }
+    selectRowOnClick(selectOnRowClick) {
+        return super.selectRowOnClick(selectOnRowClick);
+    }
 }
 class ListPropertyColumnModel extends ColumnModel {
     constructor(property, defaults) {
@@ -1371,6 +1388,9 @@ class ListPropertyColumnModel extends ColumnModel {
         this._format = formatter;
         return this;
     }
+    selectRowOnClick(selectOnRowClick) {
+        return super.selectRowOnClick(selectOnRowClick);
+    }
 }
 class CustomValueColumnModel extends ColumnModel {
     constructor(columnId, defaults, getValue) {
@@ -1384,6 +1404,9 @@ class CustomValueColumnModel extends ColumnModel {
         }));
         return this;
     }
+    selectRowOnClick(selectOnRowClick) {
+        return super.selectRowOnClick(selectOnRowClick);
+    }
 }
 class EditorControlColumnModel extends ColumnModel {
     constructor(columnId, saveCommand, defaults) {
@@ -1411,17 +1434,20 @@ class CustomTemplateColumnModel extends ColumnModel {
     setTemplate(templateRef, viewContainer, fillCell, padChild) {
         this.config.registerPortal(templateRef, viewContainer, fillCell, padChild);
     }
+    selectRowOnClick(selectOnRowClick) {
+        return super.selectRowOnClick(selectOnRowClick);
+    }
 }
 class SelectionColumnModel extends ColumnModel {
-    constructor(columnId, defaults, selectionModel, options) {
+    constructor(columnId, defaults, selectionModel) {
         super(columnId, defaults);
         this.selectionModel = selectionModel;
-        const opts = OptionsHelper.for(options);
-        this.selectOnRowClick = opts.get("selectOnRowClick", false);
+        this._enableHeaderControls = true;
+        this.selectOnRowClick(false);
         if (selectionModel instanceof MultipleSelectionModel) {
             this.cellHeaderRenderer(SelectHeaderCellRendererComponent, (component) => {
                 component.selectionModel = selectionModel;
-                component.enableHeaderControls = opts.get("headerControl", true);
+                component.enableHeaderControls = this._enableHeaderControls;
             });
         }
         this.configureCellRenderer(new ComponentCellRendererPortalRef(SelectCellRendererComponent, (component, rowData) => {
@@ -1432,10 +1458,20 @@ class SelectionColumnModel extends ColumnModel {
     getDefaultHeaderText() {
         return '';
     }
-    onRowClick(row) {
-        if (this.selectOnRowClick) {
-            this.selectionModel.selectCommand.execute(row);
-        }
+    isRowSelectionEnabledByDefault() {
+        return this.isRowSelectionExplicitlyEnabled();
+    }
+    selectOnRowClick(selectOnRowClick) {
+        // note we're using different method name as the selection column treats this
+        // state as the default for all columns.
+        return super.selectRowOnClick(selectOnRowClick);
+    }
+    enableHeaderControls(enable) {
+        this._enableHeaderControls = enable;
+        return this;
+    }
+    selectRow(row) {
+        this.selectionModel.selectCommand.execute(row);
     }
 }
 
@@ -1529,6 +1565,7 @@ let TableModel = TableModel_1 = class TableModel {
         this.editing = chain(this._editorSessions).count().isGreaterThan(0);
         this.dataSource = chain(this.sourceOfTruth).replaceAll(this.rowsBeingEdited);
         this.firstEditableColumn = chain(this.columns).select(c => c.hasEditorPortal()).first();
+        this.hasColumnsWithRowSelectionExplicitlyEnabled = chain(this._columns).findIndex(column => column.isRowSelectionExplicitlyEnabled()).isGreaterThanOrEqualTo(0);
     }
     static fromList(sourceOfTruth, builder) {
         const model = new TableModel_1(sourceOfTruth);
@@ -1552,9 +1589,9 @@ let TableModel = TableModel_1 = class TableModel {
     pluckList(property) {
         return this.addColumn(new ListPropertyColumnModel(property, this));
     }
-    addSelectionColumn(selectionModel, options) {
+    addSelectionColumn(selectionModel) {
         assert.isNil(this.selectionColumnModel);
-        this.selectionColumnModel = new SelectionColumnModel('selection', this, selectionModel, options);
+        this.selectionColumnModel = new SelectionColumnModel('selection', this, selectionModel);
         return this.addColumn(this.selectionColumnModel);
     }
     addEditControls(saveCommand) {
@@ -1616,12 +1653,19 @@ let TableModel = TableModel_1 = class TableModel {
             });
         });
     }
-    onRowClicked(row) {
+    isRowSelectionEnabledFor(column) {
         var _a;
-        (_a = this.selectionColumnModel) === null || _a === void 0 ? void 0 : _a.onRowClick(row);
+        return this.selectionColumnModel && ((_a = column.isRowSelectionEnabled()) !== null && _a !== void 0 ? _a : this.isRowSelectionEnabledByDefault());
+    }
+    isRowSelectionEnabledByDefault() {
+        return this.selectionColumnModel.isRowSelectionEnabledByDefault();
     }
     isRowSelectionEnabled() {
-        return this.selectionColumnModel ? this.selectionColumnModel.selectOnRowClick : false;
+        return this.hasColumnsWithRowSelectionExplicitlyEnabled.value || this.isRowSelectionEnabledByDefault();
+    }
+    selectRow(row) {
+        var _a;
+        (_a = this.selectionColumnModel) === null || _a === void 0 ? void 0 : _a.selectRow(row);
     }
 };
 TableModel.ctorParameters = () => [
@@ -1678,11 +1722,10 @@ let TableComponent = class TableComponent extends DisposableComponent {
             column.setTemplate(templateRef, viewContainer, fillCell, padChild);
         }
     }
-    onRowClicked(row) {
-        this.tableModel.onRowClicked(row);
-    }
-    isRowSelectionEnabled() {
-        return this.tableModel.isRowSelectionEnabled();
+    onCellClicked(columnModel, row) {
+        if (this.tableModel.isRowSelectionEnabledFor(columnModel)) {
+            this.tableModel.selectRow(row);
+        }
     }
 };
 __decorate([
@@ -1693,8 +1736,8 @@ __decorate([
 TableComponent = __decorate([
     Component({
         selector: 'aup-table',
-        template: "<table mat-table [dataSource]=\"tableModel.dataSource.value\" [trackBy]=\"tableModel.getTrackByFunction()\">\n\n  <ng-container *ngFor=\"let column of columns.value; index as index; first as first; last as last\" matColumnDef=\"{{column.columnId}}\">\n    <th mat-header-cell *matHeaderCellDef>\n      <aup-table-header-cell-renderer [column]=\"column\"\n                                      [attr.column-index]=\"index\"\n                                      [class.first-column]=\"first\"\n                                      [class.last-column]=\"last\"\n      ></aup-table-header-cell-renderer>\n    </th>\n    <td mat-cell *matCellDef=\"let row\">\n      <aup-table-cell-renderer [column]=\"column\"\n                               [row]=\"row\"\n                               [tableModel]=\"tableModel\"\n                               [editSession]=\"tableModel.getEditSessionFor(row)\"\n                               [attr.column-index]=\"index\"\n                               [class.first-column]=\"first\"\n                               [class.last-column]=\"last\"\n      ></aup-table-cell-renderer>\n    </td>\n  </ng-container>\n\n  <tr mat-header-row *matHeaderRowDef=\"columnIds.value\"></tr>\n  <tr mat-row *matRowDef=\"let row; columns: columnIds.value;\" (click)=\"onRowClicked(row)\" [class.select-row-on-click]=\"isRowSelectionEnabled()\"></tr>\n\n</table>\n",
-        styles: [":host{display:flex;flex-direction:column;align-items:stretch}:host table{flex:1}:host table tr.select-row-on-click td{cursor:pointer}"]
+        template: "<table mat-table [dataSource]=\"tableModel.dataSource.value\" [trackBy]=\"tableModel.getTrackByFunction()\">\n\n  <ng-container *ngFor=\"let column of columns.value; index as index; first as first; last as last\" matColumnDef=\"{{column.columnId}}\">\n    <th mat-header-cell *matHeaderCellDef>\n      <aup-table-header-cell-renderer [column]=\"column\"\n                                      [attr.column-index]=\"index\"\n                                      [class.first-column]=\"first\"\n                                      [class.last-column]=\"last\"\n      ></aup-table-header-cell-renderer>\n    </th>\n    <td mat-cell *matCellDef=\"let row\" (click)=\"onCellClicked(column, row)\" [class.enable-cursor]=\"tableModel.isRowSelectionEnabledFor(column)\">\n      <aup-table-cell-renderer [column]=\"column\"\n                               [row]=\"row\"\n                               [tableModel]=\"tableModel\"\n                               [editSession]=\"tableModel.getEditSessionFor(row)\"\n                               [attr.column-index]=\"index\"\n                               [class.first-column]=\"first\"\n                               [class.last-column]=\"last\"\n      ></aup-table-cell-renderer>\n    </td>\n  </ng-container>\n\n  <tr mat-header-row *matHeaderRowDef=\"columnIds.value\"></tr>\n  <tr mat-row *matRowDef=\"let row; columns: columnIds.value;\" [class.enable-hover]=\"tableModel.isRowSelectionEnabled()\"></tr>\n\n</table>\n",
+        styles: [":host{display:flex;flex-direction:column;align-items:stretch}:host table{flex:1}"]
     }),
     __metadata("design:paramtypes", [])
 ], TableComponent);
@@ -2142,6 +2185,12 @@ let ActivityActionsComponent = class ActivityActionsComponent extends Disposable
     hasCancelText() {
         return !___default.isEmpty(this.cancelText);
     }
+    hasConfirmCommand() {
+        return DelegatingCommand.hasDelegate(this.confirmCommand);
+    }
+    hasCancelCommand() {
+        return DelegatingCommand.hasDelegate(this.cancelCommand);
+    }
 };
 __decorate([
     Input(),
@@ -2178,7 +2227,7 @@ __decorate([
 ActivityActionsComponent = __decorate([
     Component({
         selector: 'aup-activity-actions',
-        template: "<button class=\"cancel\" *ngIf=\"hasCancelText()\" mat-icon-button [pectinCommand]=\"cancelCommand\">{{cancelText}}</button>\n<button class=\"cancel\" *ngIf=\"!hasCancelText()\" mat-icon-button [pectinCommand]=\"cancelCommand\">\n  <aup-icon icon=\"mat:clear\"></aup-icon>\n</button>\n<button class=\"confirm\" *ngIf=\"!hasConfirmText()\" mat-icon-button [pectinCommand]=\"confirmCommand\">\n  <aup-icon icon=\"done\"></aup-icon>\n</button>\n<button class=\"confirm\" *ngIf=\"hasConfirmText()\" mat-button [pectinCommand]=\"confirmCommand\">{{confirmText}}</button>\n<div class=\"content\">\n  <ng-content></ng-content>\n</div>\n",
+        template: "<ng-container *ngIf=\"hasCancelCommand()\">\n  <button class=\"cancel\" *ngIf=\"!hasCancelText()\" mat-icon-button [pectinCommand]=\"cancelCommand\">\n    <aup-icon icon=\"mat:clear\"></aup-icon>\n  </button>\n  <button class=\"cancel\" *ngIf=\"hasCancelText()\" mat-button [pectinCommand]=\"cancelCommand\">{{cancelText}}</button>\n</ng-container>\n<ng-container *ngIf=\"hasConfirmCommand()\">\n  <button class=\"confirm\" *ngIf=\"!hasConfirmText()\" mat-icon-button [pectinCommand]=\"confirmCommand\">\n    <aup-icon icon=\"mat:done\"></aup-icon>\n  </button>\n  <button class=\"confirm\" *ngIf=\"hasConfirmText()\" mat-button [pectinCommand]=\"confirmCommand\">{{confirmText}}</button>\n</ng-container>\n<div class=\"content\">\n  <ng-content></ng-content>\n</div>\n",
         styles: [":host{display:-ms-grid;display:grid;grid-template-areas:\"cancel confirm content\";-ms-grid-columns:auto auto 1fr;grid-template-columns:auto auto 1fr;-ms-grid-rows:auto;grid-template-rows:auto;align-items:center;justify-content:end}:host.align-end{grid-template-areas:\"content cancel confirm\";-ms-grid-columns:1fr auto auto;grid-template-columns:1fr auto auto}:host.align-stretch{grid-template-areas:\"cancel content confirm\";-ms-grid-columns:auto 1fr auto;grid-template-columns:auto 1fr auto}.cancel{-ms-grid-row:1;-ms-grid-column:1;grid-area:cancel}:host.align-end>.cancel{-ms-grid-row:1;-ms-grid-column:2}:host.align-stretch>.cancel{-ms-grid-row:1;-ms-grid-column:1}.confirm{-ms-grid-row:1;-ms-grid-column:2;grid-area:confirm}:host.align-end>.confirm{-ms-grid-row:1;-ms-grid-column:3}:host.align-stretch>.confirm{-ms-grid-row:1;-ms-grid-column:3}.content{-ms-grid-row:1;-ms-grid-column:3;grid-area:content;text-align:left}:host.align-end>.content{-ms-grid-row:1;-ms-grid-column:1}:host.align-stretch>.content{-ms-grid-row:1;-ms-grid-column:2}"]
     })
 ], ActivityActionsComponent);