@coolon/angular-ui-powerups 1.10.0 → 1.11.1

package/esm5/lib/components/forms/abstract-input-activity.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"abstract-input-activity.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/forms/abstract-input-activity.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,IAAI,EAA6B,MAAM,gBAAgB,CAAC;AAC1E,OAAO,EAAsB,QAAQ,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAehF;IAA8C,yCAAiC;IAQ7E,+BAA4C,IAA0B;QAAtE,YACE,iBAAO,SAmBR;QApB2C,UAAI,GAAJ,IAAI,CAAsB;QAFhD,WAAK,GAAG,oBAAoB,CAAC;QAKjD,IAAM,IAAI,GAAG,IAAI,IAAI,EAAE,CAAC;QACxB,KAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAI,KAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAC7D,KAAI,CAAC,UAAU,CAAC,aAAa,CAAC,IAAI,CAAC,UAAU,IAAI,EAAE,CAAC,CAAC;QAErD,KAAI,CAAC,cAAc,GAAG,OAAO,CAAC,MAAM,CAAC;YACnC,IAAI,KAAI,CAAC,UAAU,CAAC,QAAQ,EAAE,EAAE;gBAC9B,IAAI,IAAI,CAAC,IAAI,EAAE;oBACb,OAAO,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,KAAI,CAAC,UAAU,EAAE,KAAI,CAAC,kBAAkB,CAAC,CAAC;yBACxE,IAAI,CAAC,cAAM,OAAA,KAAI,CAAC,IAAI,EAAE,EAAX,CAAW,CAAC,CAAA;iBAC3B;qBAAM;oBACL,KAAI,CAAC,IAAI,CAAC,KAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;iBAClC;aACF;QACH,CAAC,CAAC,CAAC;QACH,KAAI,CAAC,aAAa,GAAG,OAAO,CAAC,MAAM,CAAC;YAClC,KAAI,CAAC,MAAM,EAAE,CAAC;QAChB,CAAC,CAAC,CAAC;;IACL,CAAC;IAED,+CAAe,GAAf;QACE,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,YAAY,EAAE,CAAC;IAC9C,CAAC;;gDAxBY,MAAM,SAAC,aAAa;;IAFX;QAArB,WAAW,CAAC,OAAO,CAAC;;wDAA8B;IANxC,qBAAqB;QAHjC,SAAS,CAAC;YACT,QAAQ,EAAE,EAAE;SACb,CAAC;QASa,WAAA,MAAM,CAAC,aAAa,CAAC,CAAA;;OARvB,qBAAqB,CAkCjC;IAAD,4BAAC;CAAA,AAlCD,CAA8C,QAAQ,GAkCrD;SAlCY,qBAAqB","sourcesContent":["import { Component, HostBinding, Inject } from '@angular/core';\nimport { Command, Form, FormValueModel, Validator } from '@coolon/pectin';\nimport { InteractionContext, Activity, ACTIVITY_DATA } from '../../interaction';\n\n\nexport interface InputActivityData<T> {\n  label?: string;\n  placeholder?: string;\n  initialValue: T;\n  validators?: Validator<T>[]\n\n  save?(valueModel: FormValueModel<T>, interactionContext?: InteractionContext): void | Promise<unknown>\n}\n\n@Component({\n  template: ``\n})\nexport class AbstractInputActivity<T> extends Activity<InputActivityData<T>, T> {\n\n  readonly confirmCommand: Command<void>;\n  readonly cancelCommand: Command<void>;\n  readonly valueModel: FormValueModel<T>;\n\n  @HostBinding('class') class = 'aup-input-activity';\n\n  constructor(@Inject(ACTIVITY_DATA) readonly data: InputActivityData<T>) {\n    super();\n\n    const form = new Form();\n    this.valueModel = form.valueModel<T>(this.data.initialValue);\n    this.valueModel.validateUsing(data.validators || []);\n\n    this.confirmCommand = Command.create(() => {\n      if (this.valueModel.validate()) {\n        if (data.save) {\n          return Promise.resolve(data.save(this.valueModel, this.interactionContext))\n            .then(() => this.done())\n        } else {\n          this.done(this.valueModel.value);\n        }\n      }\n    });\n    this.cancelCommand = Command.create(() => {\n      this.cancel();\n    });\n  }\n\n  onActivityReady() {\n    this.valueModel.focusContext.requestFocus();\n  }\n\n}\n"]}

package/esm5/lib/components/forms/abstract-input-activity.ngfactory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"abstract-input-activity.ngfactory.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/forms/abstract-input-activity.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}

package/esm5/lib/components/forms/abstract-input.component.js

@@ -1,6 +1,6 @@
 import { __decorate, __extends, __metadata } from "tslib";
 /* tslint:disable:no-input-rename */
-import { Component, EventEmitter, HostListener, Input, Output } from '@angular/core';
+import { Component, EventEmitter, HostBinding, HostListener, Input, Output } from '@angular/core';
 import { Command, DelegatingFormValueModel } from '@coolon/pectin';
 import { DisposableComponent } from '../disposable-component';
 var AbstractInputComponent = /** @class */ (function (_super) {
@@ -28,6 +28,7 @@ var AbstractInputComponent = /** @class */ (function (_super) {
         _this.enterKey = new EventEmitter();
         // tslint:disable-next-line:no-output-native
         _this.escapeKey = new EventEmitter();
+        _this.baseClassName = 'aup-input-component';
         var self = _this;
         _this.errorStateMatcher = {
             isErrorState: function (control, form) {
@@ -141,6 +142,10 @@ var AbstractInputComponent = /** @class */ (function (_super) {
         Output(),
         __metadata("design:type", Object)
     ], AbstractInputComponent.prototype, "escapeKey", void 0);
+    __decorate([
+        HostBinding('class'),
+        __metadata("design:type", Object)
+    ], AbstractInputComponent.prototype, "baseClassName", void 0);
     __decorate([
         HostListener('click'),
         __metadata("design:type", Function),

package/esm5/lib/components/forms/abstract-input.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"abstract-input.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/forms/abstract-input.component.ts"],"names":[],"mappings":"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","sourcesContent":["/* tslint:disable:no-input-rename */\nimport { Component, EventEmitter, HostListener, Input, OnInit, Output } from '@angular/core';\nimport { FormControl, FormGroupDirective, NgForm } from '@angular/forms';\nimport { ErrorStateMatcher } from '@angular/material/core';\nimport { Command, DelegatingFormValueModel, ListModel, ValueModel } from '@coolon/pectin';\nimport { DisposableComponent } from '../disposable-component';\n\n@Component({ template: '' })\nexport class AbstractInputComponent<T> extends DisposableComponent implements OnInit {\n\n  /**\n   * A backing model for all our @Input() valueModel properties which should be defined as follows.\n   *\n   *    @Input() @TrackExternal({useExisting: \"delegatingFormValueModel\"})\n   *    valueModel: FormValueModel<string> | MutableValueModel<string>;\n   *\n   * This approach allows the input to accept plain or form models but all backed by a form\n   * friendly delegate.  We have to use an existing delegate for union types as pectin just\n   * gets told it's an Object and can't scan for a base type annotated with @DelegateUsing(..).\n   */\n    // We have to register it as a disposable so it ditches any listeners when we're disposed.\n  readonly delegatingFormValueModel = this.registerDisposable(new DelegatingFormValueModel<T>());\n\n  @Input() label: string;\n  @Input() floatLabel: 'auto' | 'always' | 'never';\n  @Input() hint: string;\n  @Input() placeholder: string;\n\n  // Note: I don't need to use delegates here as I never subscribe to the commands models\n  @Input('command.focus') focusCommand: Command<any>;\n  @Input('command.blur') blurCommand: Command<any>;\n  @Input('command.enter') enterCommand: Command<any>;\n  @Input('command.escape') escapeCommand: Command<any>;\n  @Input('command.click') clickCommand: Command<any>;\n\n  // TODO: fix this.\n  // tslint:disable-next-line:no-output-native\n  @Output() focus = new EventEmitter();\n  // tslint:disable-next-line:no-output-native\n  @Output() blur = new EventEmitter();\n  // tslint:disable-next-line:no-output-native\n  @Output() enterKey = new EventEmitter();\n  // tslint:disable-next-line:no-output-native\n  @Output() escapeKey = new EventEmitter();\n\n  readonly errorStateMatcher: ErrorStateMatcher;\n\n  @HostListener('click')\n  notifyClick() {\n    this.safelyInvoke(this.clickCommand);\n  }\n\n  @HostListener('focusin')\n  notifyFocusIn() {\n    this.safelyInvoke(this.focusCommand);\n    this.focus.emit();\n  }\n\n  @HostListener('focusout')\n  notifyFocusOut() {\n    this.safelyInvoke(this.blurCommand);\n    this.blur.emit();\n  }\n\n  notifyEnterKey() {\n    this.safelyInvoke(this.enterCommand);\n    this.enterKey.emit();\n  }\n\n  notifyEscapeKey() {\n    this.safelyInvoke(this.escapeCommand);\n    this.escapeKey.emit();\n  }\n\n  protected safelyInvoke(command: Command<any>) {\n    if (command && command.enabled.value) {\n      command.execute();\n    }\n  }\n\n  constructor() {\n    super();\n    const self = this;\n    this.errorStateMatcher = {\n      isErrorState(control: FormControl | null, form: FormGroupDirective | NgForm | null): boolean {\n        return self.hasErrors();\n      }\n    };\n  }\n\n  ngOnInit(): void {\n  }\n\n  isEnabled(): boolean {\n    return this.enabled.value;\n  }\n\n  get enabled(): ValueModel<boolean> {\n    return this.delegatingFormValueModel.enabled;\n  }\n\n  hasErrors(): boolean {\n    return !this.errorList.query().isEmpty();\n  }\n\n  get errorList(): ListModel<string> {\n    return this.delegatingFormValueModel.errorList;\n  }\n\n  get firstError() {\n    return this.hasErrors() ? this.errorList.value[0] : null;\n  }\n\n\n}\n"]}
+{"version":3,"file":"abstract-input.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/forms/abstract-input.component.ts"],"names":[],"mappings":"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","sourcesContent":["/* tslint:disable:no-input-rename */\nimport { Component, EventEmitter, HostBinding, HostListener, Input, OnInit, Output } from '@angular/core';\nimport { FormControl, FormGroupDirective, NgForm } from '@angular/forms';\nimport { ErrorStateMatcher } from '@angular/material/core';\nimport { Command, DelegatingFormValueModel, ListModel, ValueModel } from '@coolon/pectin';\nimport { DisposableComponent } from '../disposable-component';\n\n@Component({ template: '' })\nexport class AbstractInputComponent<T> extends DisposableComponent implements OnInit {\n\n  /**\n   * A backing model for all our @Input() valueModel properties which should be defined as follows.\n   *\n   *    @Input() @TrackExternal({useExisting: \"delegatingFormValueModel\"})\n   *    valueModel: FormValueModel<string> | MutableValueModel<string>;\n   *\n   * This approach allows the input to accept plain or form models but all backed by a form\n   * friendly delegate.  We have to use an existing delegate for union types as pectin just\n   * gets told it's an Object and can't scan for a base type annotated with @DelegateUsing(..).\n   */\n    // We have to register it as a disposable so it ditches any listeners when we're disposed.\n  readonly delegatingFormValueModel = this.registerDisposable(new DelegatingFormValueModel<T>());\n\n  @Input() label: string;\n  @Input() floatLabel: 'auto' | 'always' | 'never';\n  @Input() hint: string;\n  @Input() placeholder: string;\n\n  // Note: I don't need to use delegates here as I never subscribe to the commands models\n  @Input('command.focus') focusCommand: Command<any>;\n  @Input('command.blur') blurCommand: Command<any>;\n  @Input('command.enter') enterCommand: Command<any>;\n  @Input('command.escape') escapeCommand: Command<any>;\n  @Input('command.click') clickCommand: Command<any>;\n\n  // TODO: fix this.\n  // tslint:disable-next-line:no-output-native\n  @Output() focus = new EventEmitter();\n  // tslint:disable-next-line:no-output-native\n  @Output() blur = new EventEmitter();\n  // tslint:disable-next-line:no-output-native\n  @Output() enterKey = new EventEmitter();\n  // tslint:disable-next-line:no-output-native\n  @Output() escapeKey = new EventEmitter();\n\n  readonly errorStateMatcher: ErrorStateMatcher;\n\n  @HostBinding('class')\n  baseClassName = 'aup-input-component'\n\n  @HostListener('click')\n  notifyClick() {\n    this.safelyInvoke(this.clickCommand);\n  }\n\n  @HostListener('focusin')\n  notifyFocusIn() {\n    this.safelyInvoke(this.focusCommand);\n    this.focus.emit();\n  }\n\n  @HostListener('focusout')\n  notifyFocusOut() {\n    this.safelyInvoke(this.blurCommand);\n    this.blur.emit();\n  }\n\n  notifyEnterKey() {\n    this.safelyInvoke(this.enterCommand);\n    this.enterKey.emit();\n  }\n\n  notifyEscapeKey() {\n    this.safelyInvoke(this.escapeCommand);\n    this.escapeKey.emit();\n  }\n\n  protected safelyInvoke(command: Command<any>) {\n    if (command && command.enabled.value) {\n      command.execute();\n    }\n  }\n\n  constructor() {\n    super();\n    const self = this;\n    this.errorStateMatcher = {\n      isErrorState(control: FormControl | null, form: FormGroupDirective | NgForm | null): boolean {\n        return self.hasErrors();\n      }\n    };\n  }\n\n  ngOnInit(): void {\n  }\n\n  isEnabled(): boolean {\n    return this.enabled.value;\n  }\n\n  get enabled(): ValueModel<boolean> {\n    return this.delegatingFormValueModel.enabled;\n  }\n\n  hasErrors(): boolean {\n    return !this.errorList.query().isEmpty();\n  }\n\n  get errorList(): ListModel<string> {\n    return this.delegatingFormValueModel.errorList;\n  }\n\n  get firstError() {\n    return this.hasErrors() ? this.errorList.value[0] : null;\n  }\n\n\n}\n"]}

package/esm5/lib/components/forms/number-input/number-input.component.js

@@ -28,7 +28,7 @@ var NumberInputComponent = /** @class */ (function (_super) {
         Component({
             selector: 'aup-number-input',
             template: "<mat-form-field appearance=\"standard\" [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <input type=\"number\"\n         matInput\n         placeholder=\"{{placeholder}}\"\n         [(ngModel)]=\"valueModel.value\"\n         [disabled]=\"!enabled.value\"\n         (keydown.enter)=\"notifyEnterKey()\"\n         (keydown.escape)=\"notifyEscapeKey()\"\n         [pectinFocusBinding]=\"delegatingFormValueModel?.focusContext\"\n         [errorStateMatcher]=\"errorStateMatcher\"\n         [min]=\"min\"\n         [max]=\"max\"\n  >\n  <mat-hint *ngIf=\"hint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n</mat-form-field>\n",
-            styles: [":host{display:block}input,mat-form-field{width:100%}input mat-hint.faux-error,mat-form-field mat-hint.faux-error{color:#f44336}"]
+            styles: [":host{display:block}input,mat-form-field{width:100%}input mat-hint.faux-error,mat-form-field mat-hint.faux-error{color:#f44336}:host-context(aup-table-cell-renderer) mat-form-field div.mat-form-field-infix{width:auto}"]
         }),
         __metadata("design:paramtypes", [])
     ], NumberInputComponent);

package/esm5/lib/components/forms/password-input/password-input.component.js

@@ -17,7 +17,7 @@ var PasswordInputComponent = /** @class */ (function (_super) {
         Component({
             selector: 'aup-password-input',
             template: "<mat-form-field appearance=\"standard\" [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <input type=\"password\"\n         matInput\n         placeholder=\"{{placeholder}}\"\n         [(ngModel)]=\"valueModel.value\"\n         [disabled]=\"!enabled.value\"\n         (keydown.enter)=\"notifyEnterKey()\"\n         (keydown.escape)=\"notifyEscapeKey()\"\n         [pectinFocusBinding]=\"delegatingFormValueModel.focusContext\"\n         [errorStateMatcher]=\"errorStateMatcher\"\n  >\n  <mat-hint *ngIf=\"hint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n</mat-form-field>\n\n",
-            styles: [":host{display:block}input,mat-form-field{width:100%}input mat-hint.faux-error,mat-form-field mat-hint.faux-error{color:#f44336}"]
+            styles: [":host{display:block}input,mat-form-field{width:100%}input mat-hint.faux-error,mat-form-field mat-hint.faux-error{color:#f44336}:host-context(aup-table-cell-renderer) mat-form-field div.mat-form-field-infix{width:auto}"]
         }),
         __metadata("design:paramtypes", [])
     ], PasswordInputComponent);

package/esm5/lib/components/forms/string-input/string-input-activity.js

@@ -0,0 +1,18 @@
+import { __decorate, __extends } from "tslib";
+import { Component } from '@angular/core';
+import { AbstractInputActivity } from '../abstract-input-activity';
+var StringInputActivity = /** @class */ (function (_super) {
+    __extends(StringInputActivity, _super);
+    function StringInputActivity() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    StringInputActivity = __decorate([
+        Component({
+            selector: 'aup-string-input-activity',
+            template: "\n    <aup-string-input [valueModel]=\"valueModel\"\n                      [label]=\"data.label\"\n                      [placeholder]=\"data.placeholder\"\n                      [command.enter]=\"confirmCommand\"\n                      [command.escape]=\"cancelCommand\"></aup-string-input>\n    <aup-activity-actions align=\"end\"\n                          [confirmCommand]=\"confirmCommand\"\n                          [cancelCommand]=\"cancelCommand\"></aup-activity-actions>\n  "
+        })
+    ], StringInputActivity);
+    return StringInputActivity;
+}(AbstractInputActivity));
+export { StringInputActivity };
+//# sourceMappingURL=string-input-activity.js.map

package/esm5/lib/components/forms/string-input/string-input-activity.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"string-input-activity.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/forms/string-input/string-input-activity.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAgBnE;IAAyC,uCAA6B;IAAtE;;IACA,CAAC;IADY,mBAAmB;QAb/B,SAAS,CAAC;YACT,QAAQ,EAAE,2BAA2B;YACrC,QAAQ,EAAE,seAST;SACF,CAAC;OACW,mBAAmB,CAC/B;IAAD,0BAAC;CAAA,AADD,CAAyC,qBAAqB,GAC7D;SADY,mBAAmB","sourcesContent":["import { Component } from '@angular/core';\nimport { AbstractInputActivity } from '../abstract-input-activity';\n\n\n@Component({\n  selector: 'aup-string-input-activity',\n  template: `\n    <aup-string-input [valueModel]=\"valueModel\"\n                      [label]=\"data.label\"\n                      [placeholder]=\"data.placeholder\"\n                      [command.enter]=\"confirmCommand\"\n                      [command.escape]=\"cancelCommand\"></aup-string-input>\n    <aup-activity-actions align=\"end\"\n                          [confirmCommand]=\"confirmCommand\"\n                          [cancelCommand]=\"cancelCommand\"></aup-activity-actions>\n  `\n})\nexport class StringInputActivity extends AbstractInputActivity<string> {\n}\n"]}

package/esm5/lib/components/forms/string-input/string-input-activity.ngfactory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"string-input-activity.ngfactory.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/forms/string-input/string-input-activity.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}

package/esm5/lib/components/forms/string-input/string-input.component.js

@@ -31,7 +31,7 @@ var StringInputComponent = /** @class */ (function (_super) {
         Component({
             selector: 'aup-string-input',
             template: "<mat-form-field appearance=\"standard\" [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <input matInput\n         placeholder=\"{{placeholder}}\"\n         [(ngModel)]=\"valueModel.value\"\n         [disabled]=\"!enabled.value\"\n         (keydown.enter)=\"notifyEnterKey()\"\n         (keydown.escape)=\"notifyEscapeKey()\"\n         [pectinFocusBinding]=\"delegatingFormValueModel.focusContext\"\n         [errorStateMatcher]=\"errorStateMatcher\"\n  >\n  <mat-hint *ngIf=\"hint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n  <button mat-button mat-icon-button matSuffix *ngIf=\"enableClear\" [pectinCommand]=\"clearCommand\">\n    <mat-icon>close</mat-icon>\n  </button>\n</mat-form-field>\n\n",
-            styles: [":host{display:block}input,mat-form-field{width:100%}input mat-hint.faux-error,mat-form-field mat-hint.faux-error{color:#f44336}button[disabled]{visibility:hidden}"]
+            styles: [":host{display:block}input,mat-form-field{width:100%}input mat-hint.faux-error,mat-form-field mat-hint.faux-error{color:#f44336}:host-context(aup-table-cell-renderer) mat-form-field div.mat-form-field-infix{width:auto}button[disabled]{visibility:hidden}"]
         }),
         __metadata("design:paramtypes", [])
     ], StringInputComponent);

package/esm5/lib/components/forms/text-input/text-input.component.js

@@ -28,7 +28,7 @@ var TextInputComponent = /** @class */ (function (_super) {
         Component({
             selector: 'aup-text-input',
             template: "<mat-form-field appearance=\"standard\" [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <textarea matInput\n            placeholder=\"{{placeholder}}\"\n            [(ngModel)]=\"valueModel.value\"\n            [disabled]=\"!enabled.value\"\n            (keydown.enter)=\"notifyEnterKey()\"\n            (keydown.escape)=\"notifyEscapeKey()\"\n            [pectinFocusBinding]=\"delegatingFormValueModel.focusContext\"\n            [errorStateMatcher]=\"errorStateMatcher\"\n            [rows]=\"rows\"\n            [cols]=\"cols\"\n  >\n  </textarea>\n  <mat-hint *ngIf=\"hint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n</mat-form-field>\n\n",
-            styles: [":host{display:block}input,mat-form-field{width:100%}input mat-hint.faux-error,mat-form-field mat-hint.faux-error{color:#f44336}button[disabled]{visibility:hidden}textarea{overflow:auto}"]
+            styles: [":host{display:block}input,mat-form-field{width:100%}input mat-hint.faux-error,mat-form-field mat-hint.faux-error{color:#f44336}:host-context(aup-table-cell-renderer) mat-form-field div.mat-form-field-infix{width:auto}button[disabled]{visibility:hidden}textarea{overflow:auto}"]
         }),
         __metadata("design:paramtypes", [])
     ], TextInputComponent);

package/esm5/lib/components/index.js

@@ -7,16 +7,29 @@ export * from "./focusable.component";
 export * from "./resize-aware.component";
 export * from "./card-container/card-container.component";
 export * from "./focus-container/focus-container.component";
+export * from "./forms/abstract-input-activity";
 export * from "./forms/abstract-input.component";
 export * from "./forms/checkbox-input/checkbox-input.component";
 export * from "./forms/number-input/number-input.component";
 export * from "./forms/password-input/password-input.component";
 export * from "./forms/select-input/select-input.component";
+export * from "./forms/string-input/string-input-activity";
 export * from "./forms/string-input/string-input.component";
 export * from "./forms/text-input/text-input.component";
 export * from "./noop/noop.component";
 export * from "./scroll-container/scroll-container.component";
 export * from "./switch-case/switch-case.component";
+export * from "./table/column-model";
+export * from "./table/table-model";
+export * from "./table/table.component";
+export * from "./table/column-template/column-template.directive";
+export * from "./table/default-cell-renderer/default-cell-renderer.component";
+export * from "./table/default-header-cell-renderer/default-header-cell-renderer.component";
+export * from "./table/edit-row-controls/edit-row-controls.component";
+export * from "./table/select-cell-renderer/select-cell-renderer.component";
+export * from "./table/select-header-cell-renderer/select-header-cell-renderer.component";
+export * from "./table/table-cell-renderer/table-cell-renderer.component";
+export * from "./table/table-header-cell-renderer/table-header-cell-renderer.component";
 export * from "./types/bounds.class";
 export * from "./types/dimension.class";
 export * from "./types/point.class";

package/esm5/lib/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,2CAA2C,CAAC;AAC1D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,kCAAkC,CAAC;AACjD,cAAc,iDAAiD,CAAC;AAChE,cAAc,6CAA6C,CAAC;AAC5D,cAAc,iDAAiD,CAAC;AAChE,cAAc,6CAA6C,CAAC;AAC5D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,yCAAyC,CAAC;AACxD,cAAc,uBAAuB,CAAC;AACtC,cAAc,+CAA+C,CAAC;AAC9D,cAAc,qCAAqC,CAAC;AACpD,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,+DAA+D,CAAC","sourcesContent":["/**\n * @file Automatically generated by barrelsby.\n */\n\nexport * from \"./components.module\";\nexport * from \"./disposable-component\";\nexport * from \"./focusable.component\";\nexport * from \"./resize-aware.component\";\nexport * from \"./card-container/card-container.component\";\nexport * from \"./focus-container/focus-container.component\";\nexport * from \"./forms/abstract-input.component\";\nexport * from \"./forms/checkbox-input/checkbox-input.component\";\nexport * from \"./forms/number-input/number-input.component\";\nexport * from \"./forms/password-input/password-input.component\";\nexport * from \"./forms/select-input/select-input.component\";\nexport * from \"./forms/string-input/string-input.component\";\nexport * from \"./forms/text-input/text-input.component\";\nexport * from \"./noop/noop.component\";\nexport * from \"./scroll-container/scroll-container.component\";\nexport * from \"./switch-case/switch-case.component\";\nexport * from \"./types/bounds.class\";\nexport * from \"./types/dimension.class\";\nexport * from \"./types/point.class\";\nexport * from \"./vertical-focus-container/vertical-focus-container.component\";\n"]}
+{"version":3,"file":"index.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,2CAA2C,CAAC;AAC1D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,iCAAiC,CAAC;AAChD,cAAc,kCAAkC,CAAC;AACjD,cAAc,iDAAiD,CAAC;AAChE,cAAc,6CAA6C,CAAC;AAC5D,cAAc,iDAAiD,CAAC;AAChE,cAAc,6CAA6C,CAAC;AAC5D,cAAc,4CAA4C,CAAC;AAC3D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,yCAAyC,CAAC;AACxD,cAAc,uBAAuB,CAAC;AACtC,cAAc,+CAA+C,CAAC;AAC9D,cAAc,qCAAqC,CAAC;AAGpD,cAAc,sBAAsB,CAAC;AAGrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mDAAmD,CAAC;AAClE,cAAc,+DAA+D,CAAC;AAC9E,cAAc,6EAA6E,CAAC;AAC5F,cAAc,uDAAuD,CAAC;AACtE,cAAc,6DAA6D,CAAC;AAC5E,cAAc,2EAA2E,CAAC;AAC1F,cAAc,2DAA2D,CAAC;AAC1E,cAAc,yEAAyE,CAAC;AACxF,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,+DAA+D,CAAC","sourcesContent":["/**\n * @file Automatically generated by barrelsby.\n */\n\nexport * from \"./components.module\";\nexport * from \"./disposable-component\";\nexport * from \"./focusable.component\";\nexport * from \"./resize-aware.component\";\nexport * from \"./card-container/card-container.component\";\nexport * from \"./focus-container/focus-container.component\";\nexport * from \"./forms/abstract-input-activity\";\nexport * from \"./forms/abstract-input.component\";\nexport * from \"./forms/checkbox-input/checkbox-input.component\";\nexport * from \"./forms/number-input/number-input.component\";\nexport * from \"./forms/password-input/password-input.component\";\nexport * from \"./forms/select-input/select-input.component\";\nexport * from \"./forms/string-input/string-input-activity\";\nexport * from \"./forms/string-input/string-input.component\";\nexport * from \"./forms/text-input/text-input.component\";\nexport * from \"./noop/noop.component\";\nexport * from \"./scroll-container/scroll-container.component\";\nexport * from \"./switch-case/switch-case.component\";\nexport * from \"./table/cell-editor.component\";\nexport * from \"./table/cell-renderer\";\nexport * from \"./table/column-model\";\nexport * from \"./table/column-text-properties\";\nexport * from \"./table/table-def\";\nexport * from \"./table/table-model\";\nexport * from \"./table/table.component\";\nexport * from \"./table/column-template/column-template.directive\";\nexport * from \"./table/default-cell-renderer/default-cell-renderer.component\";\nexport * from \"./table/default-header-cell-renderer/default-header-cell-renderer.component\";\nexport * from \"./table/edit-row-controls/edit-row-controls.component\";\nexport * from \"./table/select-cell-renderer/select-cell-renderer.component\";\nexport * from \"./table/select-header-cell-renderer/select-header-cell-renderer.component\";\nexport * from \"./table/table-cell-renderer/table-cell-renderer.component\";\nexport * from \"./table/table-header-cell-renderer/table-header-cell-renderer.component\";\nexport * from \"./types/bounds.class\";\nexport * from \"./types/dimension.class\";\nexport * from \"./types/point.class\";\nexport * from \"./vertical-focus-container/vertical-focus-container.component\";\n"]}

package/esm5/lib/components/table/cell-editor.component.js

@@ -0,0 +1 @@
+//# sourceMappingURL=cell-editor.component.js.map

package/esm5/lib/components/table/cell-editor.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cell-editor.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/table/cell-editor.component.ts"],"names":[],"mappings":"","sourcesContent":["import { FormValueModel, ValueModel } from '@coolon/pectin';\n\nexport interface CellEditorComponent<T> {\n  valueModel: ValueModel<T> | FormValueModel<T>\n  requestFocus?();\n}\n"]}

package/esm5/lib/components/table/cell-renderer.js

@@ -0,0 +1 @@
+//# sourceMappingURL=cell-renderer.js.map

package/esm5/lib/components/table/cell-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cell-renderer.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/table/cell-renderer.ts"],"names":[],"mappings":"","sourcesContent":["export interface CellRenderer<T> {\n  value: T\n}\n\n"]}

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

@@ -0,0 +1,196 @@
+import { __decorate, __extends, __metadata } from "tslib";
+import { ComponentPortal } from '@angular/cdk/portal';
+import { MultipleSelectionModel } from '@coolon/pectin';
+import { Memoize } from '@typescript-plus/fast-memoize-decorator/dist/src';
+import { DefaultCellRendererComponent } from './default-cell-renderer/default-cell-renderer.component';
+import { DefaultHeaderCellRendererComponent } from './default-header-cell-renderer/default-header-cell-renderer.component';
+import { EditRowControls } from './edit-row-controls/edit-row-controls.component';
+import { SelectCellRendererComponent } from './select-cell-renderer/select-cell-renderer.component';
+import { SelectHeaderCellRendererComponent } from './select-header-cell-renderer/select-header-cell-renderer.component';
+var ColumnModel = /** @class */ (function () {
+    function ColumnModel(columnId, defaults) {
+        this.columnId = columnId;
+        this.defaults = defaults;
+        this.cellHeaderRenderer(DefaultHeaderCellRendererComponent, function (component, column) {
+            component.columnModel = column;
+        });
+    }
+    ColumnModel.prototype.getHeaderText = function () {
+        var _a;
+        return ((_a = this.getColumnTextProperties()) === null || _a === void 0 ? void 0 : _a.headerText()) || this.getDefaultHeaderText();
+    };
+    ColumnModel.prototype.getDefaultHeaderText = function () {
+        return this.columnId;
+    };
+    ColumnModel.prototype.getColumnTextProperties = function () {
+        return this._columnTextProperties || this.defaults.getColumnTextProperties(this);
+    };
+    ColumnModel.prototype.textProperties = function (columnTextProperties) {
+        this._columnTextProperties = columnTextProperties;
+        return this;
+    };
+    ColumnModel.prototype.setCellRenderer = function (cellRenderer, initialiser) {
+        this._cellRendererConfig = {
+            portal: new ComponentPortal(cellRenderer),
+            pushState: initialiser
+        };
+    };
+    ColumnModel.prototype.cellHeaderRenderer = function (cellRenderer, initialiser) {
+        this._columnHeaderConfig = {
+            portal: new ComponentPortal(cellRenderer),
+            initialiseComponent: initialiser
+        };
+    };
+    ColumnModel.prototype.setCellEditor = function (cellEditor) {
+        this._cellEditorConfig = cellEditor;
+    };
+    Object.defineProperty(ColumnModel.prototype, "cellRendererPortal", {
+        get: function () {
+            return this._cellRendererConfig.portal;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(ColumnModel.prototype, "columnHeaderCellRendererPortal", {
+        get: function () {
+            return this._columnHeaderConfig.portal;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(ColumnModel.prototype, "cellEditorPortal", {
+        get: function () {
+            var _a;
+            return (_a = this._cellEditorConfig) === null || _a === void 0 ? void 0 : _a.portal;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    ColumnModel.prototype.hasEditor = function () {
+        return !!this._cellEditorConfig;
+    };
+    ColumnModel.prototype.updateCellRenderer = function (component, row, editRowCommand, editSession) {
+        this._cellRendererConfig.pushState(component, row, editRowCommand, editSession);
+    };
+    ColumnModel.prototype.initialiseHeader = function (component) {
+        this._columnHeaderConfig.initialiseComponent(component, this);
+    };
+    ColumnModel.prototype.initialiseEditor = function (component, editSession) {
+        this._cellEditorConfig.initialiseComponent(component, editSession);
+    };
+    __decorate([
+        Memoize(),
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", String)
+    ], ColumnModel.prototype, "getHeaderText", null);
+    __decorate([
+        Memoize(),
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", Object)
+    ], ColumnModel.prototype, "getColumnTextProperties", null);
+    return ColumnModel;
+}());
+export { ColumnModel };
+var PropertyColumnModel = /** @class */ (function (_super) {
+    __extends(PropertyColumnModel, _super);
+    function PropertyColumnModel(property, defaults) {
+        var _this = _super.call(this, property.toString(), defaults) || this;
+        _this.property = property;
+        _this.cellRenderer(DefaultCellRendererComponent);
+        return _this;
+    }
+    PropertyColumnModel.prototype.cellRenderer = function (componentType) {
+        var _this = this;
+        this.setCellRenderer(componentType, function (component, row) {
+            component.value = row[_this.property];
+        });
+    };
+    PropertyColumnModel.prototype.cellEditor = function (editor, options) {
+        var _this = this;
+        this.setCellEditor({
+            portal: new ComponentPortal(editor),
+            initialiseComponent: function (component, editSession) {
+                var formValueModel = editSession.form.pluck(_this.property);
+                if (options === null || options === void 0 ? void 0 : options.validators) {
+                    formValueModel.validateUsing(options.validators);
+                }
+                component.valueModel = formValueModel;
+                if (options === null || options === void 0 ? void 0 : options.initialiseComponent) {
+                    options.initialiseComponent(component);
+                }
+            }
+        });
+        return this;
+    };
+    return PropertyColumnModel;
+}(ColumnModel));
+export { PropertyColumnModel };
+var CustomValueColumnModel = /** @class */ (function (_super) {
+    __extends(CustomValueColumnModel, _super);
+    function CustomValueColumnModel(columnId, defaults, getValue) {
+        var _this = _super.call(this, columnId, defaults) || this;
+        _this.getValue = getValue;
+        _this.cellRenderer(DefaultCellRendererComponent);
+        return _this;
+    }
+    CustomValueColumnModel.prototype.cellRenderer = function (componentType) {
+        var _this = this;
+        this.setCellRenderer(componentType, function (component, row) {
+            component.value = _this.getValue(row);
+        });
+    };
+    return CustomValueColumnModel;
+}(ColumnModel));
+export { CustomValueColumnModel };
+var EditorControlColumnModel = /** @class */ (function (_super) {
+    __extends(EditorControlColumnModel, _super);
+    function EditorControlColumnModel(columnId, saveCommand, defaults) {
+        var _this = _super.call(this, columnId, defaults) || this;
+        _this.cellRenderer(EditRowControls);
+        return _this;
+    }
+    EditorControlColumnModel.prototype.cellRenderer = function (componentType) {
+        this.setCellRenderer(componentType, function (component, row, editRowCommand, editSession) {
+            component.row = row;
+            component.editSession = editSession;
+            component.editRowCommand = editRowCommand;
+        });
+    };
+    EditorControlColumnModel.prototype.getDefaultHeaderText = function () {
+        return '';
+    };
+    return EditorControlColumnModel;
+}(ColumnModel));
+export { EditorControlColumnModel };
+var CustomTemplateColumnModel = /** @class */ (function (_super) {
+    __extends(CustomTemplateColumnModel, _super);
+    function CustomTemplateColumnModel(columnId, defaults, component) {
+        return _super.call(this, columnId, defaults) || this;
+    }
+    return CustomTemplateColumnModel;
+}(ColumnModel));
+export { CustomTemplateColumnModel };
+var SelectionColumnModel = /** @class */ (function (_super) {
+    __extends(SelectionColumnModel, _super);
+    function SelectionColumnModel(columnId, defaults, selectionModel) {
+        var _this = _super.call(this, columnId, defaults) || this;
+        if (selectionModel instanceof MultipleSelectionModel) {
+            _this.cellHeaderRenderer(SelectHeaderCellRendererComponent, function (component) {
+                component.selectionModel = selectionModel;
+            });
+        }
+        _this.setCellRenderer(SelectCellRendererComponent, function (component, row, editRowCommand, editSession) {
+            component.row = row;
+            component.selectionModel = selectionModel;
+        });
+        return _this;
+    }
+    SelectionColumnModel.prototype.getDefaultHeaderText = function () {
+        return '';
+    };
+    return SelectionColumnModel;
+}(ColumnModel));
+export { SelectionColumnModel };
+//# sourceMappingURL=column-model.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"column-model.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/table/column-model.ts"],"names":[],"mappings":"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","sourcesContent":["import { ComponentType } from '@angular/cdk/overlay';\nimport { ComponentPortal, Portal } from '@angular/cdk/portal';\nimport { Command, Form, MultipleSelectionModel, SelectionModel, Types, UnaryCommand, Validator } from '@coolon/pectin';\nimport { Memoize } from '@typescript-plus/fast-memoize-decorator/dist/src';\nimport { AbstractInputComponent } from '../forms/abstract-input.component';\nimport { CellEditorComponent } from './cell-editor.component';\nimport { ColumnTextProperties } from './column-text-properties';\nimport { DefaultCellRendererComponent } from './default-cell-renderer/default-cell-renderer.component';\nimport { DefaultHeaderCellRendererComponent } from './default-header-cell-renderer/default-header-cell-renderer.component';\nimport { EditRowControls } from './edit-row-controls/edit-row-controls.component';\nimport { SelectCellRendererComponent } from './select-cell-renderer/select-cell-renderer.component';\nimport { SelectHeaderCellRendererComponent } from './select-header-cell-renderer/select-header-cell-renderer.component';\nimport { TableModel } from './table-model';\n\n\nexport interface ColumnHeaderConfig<Row, C extends any> {\n  portal: Portal<C>;\n  initialiseComponent?: (component: C, column: ColumnModel<Row>) => void;\n}\n\nexport interface CellRendererConfig<Row, C extends any> {\n  portal: Portal<C>;\n  pushState?: (component: C, row: Row, editRowCommand: Command<void>, editSession: TableModel.EditSession<Row>) => void;\n}\n\nexport interface CellEditorConfig<Row, V, C extends AbstractInputComponent<V>> {\n  portal: Portal<C>;\n  initialiseComponent?: (component: C, editSession: TableModel.EditSession<Row>) => void;\n}\n\n\nexport class ColumnModel<Row> {\n\n  private _columnTextProperties: ColumnTextProperties;\n\n  private _columnHeaderConfig: ColumnHeaderConfig<Row, any>;\n  private _cellRendererConfig: CellRendererConfig<any, any>;\n  private _cellEditorConfig: CellEditorConfig<any, any, any>;\n\n  constructor(readonly columnId: string, private defaults: ColumnModel.Defaults) {\n    this.cellHeaderRenderer(DefaultHeaderCellRendererComponent, (component, column) => {\n      component.columnModel = column;\n    });\n  }\n\n  @Memoize()\n  getHeaderText(): string {\n    return this.getColumnTextProperties()?.headerText() || this.getDefaultHeaderText();\n  }\n\n  protected getDefaultHeaderText() {\n    return this.columnId;\n  }\n\n  @Memoize()\n  getColumnTextProperties(): ColumnTextProperties {\n    return this._columnTextProperties || this.defaults.getColumnTextProperties(this);\n  }\n\n  textProperties(columnTextProperties: ColumnTextProperties): this {\n    this._columnTextProperties = columnTextProperties;\n    return this;\n  }\n\n  protected setCellRenderer<C>(cellRenderer: ComponentType<C>, initialiser: (component: C, row: Row, editRowCommand: Command<void>, editSession: TableModel.EditSession<Row>) => void): void {\n    this._cellRendererConfig = {\n      portal: new ComponentPortal<C>(cellRenderer),\n      pushState: initialiser\n    };\n  }\n\n  cellHeaderRenderer<C>(cellRenderer: ComponentType<C>, initialiser: (component: C, column: ColumnModel<Row>) => void): void {\n    this._columnHeaderConfig = {\n      portal: new ComponentPortal<C>(cellRenderer),\n      initialiseComponent: initialiser\n    };\n  }\n\n  protected setCellEditor<E extends AbstractInputComponent<any>>(cellEditor: CellEditorConfig<any, any, any>): void {\n    this._cellEditorConfig = cellEditor;\n  }\n\n  get cellRendererPortal() {\n    return this._cellRendererConfig.portal;\n  }\n\n  get columnHeaderCellRendererPortal() {\n    return this._columnHeaderConfig.portal;\n  }\n\n  get cellEditorPortal() {\n    return this._cellEditorConfig?.portal;\n  }\n\n  hasEditor() {\n    return !!this._cellEditorConfig;\n  }\n\n  updateCellRenderer(component: any, row: Row, editRowCommand: Command<void>, editSession: TableModel.EditSession<Row>) {\n    this._cellRendererConfig.pushState(component, row, editRowCommand, editSession);\n  }\n\n  initialiseHeader(component: any) {\n    this._columnHeaderConfig.initialiseComponent(component, this);\n  }\n\n  initialiseEditor(component: any, editSession: TableModel.EditSession<Row>) {\n    this._cellEditorConfig.initialiseComponent(component, editSession);\n  }\n}\n\nexport namespace ColumnModel {\n  export type  Defaults = Pick<TableModel<any>, 'getColumnTextProperties'>\n}\n\nexport interface CellEditorOptions<V, E extends CellEditorComponent<V>> { //extends CellRendererOptions<E> {\n  validators?: Validator<V>[];\n\n  initialiseComponent?(component: E);\n}\n\nexport class PropertyColumnModel<Row, P extends Types.ValuePropertiesOf<Row>> extends ColumnModel<Row> {\n\n  constructor(readonly property: P, defaults: ColumnModel.Defaults) {\n    super(property.toString(), defaults);\n    this.cellRenderer(DefaultCellRendererComponent);\n  }\n\n  cellRenderer(componentType: ComponentType<{ value: Row[P] }>) {\n    this.setCellRenderer(componentType, (component, row) => {\n      component.value = row[this.property];\n    });\n  }\n\n  cellEditor<E extends CellEditorComponent<Row[P]>>(editor: ComponentType<E>, options?: CellEditorOptions<Row[P], E>): this {\n    this.setCellEditor({\n      portal: new ComponentPortal<E>(editor),\n      initialiseComponent: (component: E, editSession: TableModel.EditSession<Row>) => {\n        const formValueModel = editSession.form.pluck(this.property);\n        if (options?.validators) {\n          formValueModel.validateUsing(options.validators);\n        }\n        component.valueModel = formValueModel;\n        if (options?.initialiseComponent) {\n          options.initialiseComponent(component);\n        }\n      }\n    });\n    return this;\n  }\n}\n\nexport class CustomValueColumnModel<Row, V> extends ColumnModel<Row> {\n  constructor(columnId: string, defaults: ColumnModel.Defaults, private getValue: (row: Row) => V) {\n    super(columnId, defaults);\n    this.cellRenderer(DefaultCellRendererComponent);\n  }\n\n  cellRenderer(componentType: ComponentType<{ value: V }>) {\n    this.setCellRenderer(componentType, (component, row) => {\n      component.value = this.getValue(row);\n    });\n  }\n}\n\nexport class EditorControlColumnModel<Row> extends ColumnModel<Row> {\n\n  constructor(columnId: string, saveCommand: UnaryCommand<Form<Row>, boolean>, defaults: ColumnModel.Defaults) {\n    super(columnId, defaults);\n    this.cellRenderer(EditRowControls);\n  }\n\n  cellRenderer(componentType: ComponentType<{ row: Row, editSession: TableModel.EditSession<Row>, editRowCommand: Command<void> }>) {\n    this.setCellRenderer(componentType, (component, row, editRowCommand, editSession) => {\n      component.row = row;\n      component.editSession = editSession;\n      component.editRowCommand = editRowCommand;\n    });\n  }\n\n  protected getDefaultHeaderText(): string {\n    return '';\n  }\n}\n\nexport class CustomTemplateColumnModel<Row> extends ColumnModel<Row> {\n  constructor(columnId: string, defaults: ColumnModel.Defaults, component: ComponentType<{ editCommand: Command<void>, saveCommand: Command<void>, cancelCommand: Command<void> }>) {\n    super(columnId, defaults);\n  }\n}\n\nexport class SelectionColumnModel<Row> extends ColumnModel<Row> {\n  constructor(columnId: string, defaults: ColumnModel.Defaults, selectionModel: SelectionModel<Row>) {\n    super(columnId, defaults);\n    if (selectionModel instanceof MultipleSelectionModel) {\n      this.cellHeaderRenderer(SelectHeaderCellRendererComponent, (component) => {\n        component.selectionModel = selectionModel;\n      });\n    }\n    this.setCellRenderer(SelectCellRendererComponent, (component, row, editRowCommand, editSession) => {\n      component.row = row;\n      component.selectionModel = selectionModel;\n    });\n  }\n\n  protected getDefaultHeaderText(): string {\n    return '';\n  }\n}\n\n\n"]}

package/esm5/lib/components/table/column-template/column-template.directive.js

@@ -0,0 +1,25 @@
+import { __decorate, __metadata } from "tslib";
+import { Directive, TemplateRef, ViewContainerRef } from '@angular/core';
+import { TableComponent } from '../table.component';
+var ColumnTemplateDirective = /** @class */ (function () {
+    function ColumnTemplateDirective(host, templateRef, viewContainer) {
+        this.templateRef = templateRef;
+        this.viewContainer = viewContainer;
+    }
+    ColumnTemplateDirective.ctorParameters = function () { return [
+        { type: TableComponent },
+        { type: TemplateRef },
+        { type: ViewContainerRef }
+    ]; };
+    ColumnTemplateDirective = __decorate([
+        Directive({
+            selector: '[aupColumnTemplate]'
+        }),
+        __metadata("design:paramtypes", [TableComponent,
+            TemplateRef,
+            ViewContainerRef])
+    ], ColumnTemplateDirective);
+    return ColumnTemplateDirective;
+}());
+export { ColumnTemplateDirective };
+//# sourceMappingURL=column-template.directive.js.map

package/esm5/lib/components/table/column-template/column-template.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"column-template.directive.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/table/column-template/column-template.directive.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAKpD;IAEE,iCAAY,IAAyB,EACjB,WAA6B,EAC7B,aAA+B;QAD/B,gBAAW,GAAX,WAAW,CAAkB;QAC7B,kBAAa,GAAb,aAAa,CAAkB;IAEnD,CAAC;;gBAJiB,cAAc;gBACC,WAAW;gBACT,gBAAgB;;IAJxC,uBAAuB;QAHnC,SAAS,CAAC;YACT,QAAQ,EAAE,qBAAqB;SAChC,CAAC;yCAGkB,cAAc;YACC,WAAW;YACT,gBAAgB;OAJxC,uBAAuB,CAQnC;IAAD,8BAAC;CAAA,AARD,IAQC;SARY,uBAAuB","sourcesContent":["import { Directive, TemplateRef, ViewContainerRef } from '@angular/core';\nimport { TableComponent } from '../table.component';\n\n@Directive({\n  selector: '[aupColumnTemplate]'\n})\nexport class ColumnTemplateDirective {\n\n  constructor(host: TableComponent<any>,\n              private templateRef: TemplateRef<any>,\n              private viewContainer: ViewContainerRef) {\n\n  }\n\n}\n"]}

package/esm5/lib/components/table/column-template/column-template.directive.ngfactory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"column-template.directive.ngfactory.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/table/column-template/column-template.directive.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}

package/esm5/lib/components/table/column-text-properties.js

@@ -0,0 +1 @@
+//# sourceMappingURL=column-text-properties.js.map

package/esm5/lib/components/table/column-text-properties.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"column-text-properties.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/table/column-text-properties.ts"],"names":[],"mappings":"","sourcesContent":["export interface ColumnTextProperties {\n  headerText?(): string;\n}\n"]}

package/esm5/lib/components/table/default-cell-renderer/default-cell-renderer.component.js

@@ -0,0 +1,32 @@
+import { __decorate, __metadata } from "tslib";
+import { Component, Input } from '@angular/core';
+var DefaultCellRendererComponent = /** @class */ (function () {
+    function DefaultCellRendererComponent() {
+    }
+    Object.defineProperty(DefaultCellRendererComponent.prototype, "value", {
+        get: function () {
+            return this._value;
+        },
+        set: function (value) {
+            this._value = value;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    __decorate([
+        Input(),
+        __metadata("design:type", Object),
+        __metadata("design:paramtypes", [Object])
+    ], DefaultCellRendererComponent.prototype, "value", null);
+    DefaultCellRendererComponent = __decorate([
+        Component({
+            selector: 'aup-default-cell-renderer',
+            template: "{{value}}\n",
+            styles: [""]
+        }),
+        __metadata("design:paramtypes", [])
+    ], DefaultCellRendererComponent);
+    return DefaultCellRendererComponent;
+}());
+export { DefaultCellRendererComponent };
+//# sourceMappingURL=default-cell-renderer.component.js.map

package/esm5/lib/components/table/default-cell-renderer/default-cell-renderer.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-cell-renderer.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/table/default-cell-renderer/default-cell-renderer.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAOjD;IAYE;IACA,CAAC;IATD,sBAAI,+CAAK;aAIT;YACE,OAAO,IAAI,CAAC,MAAM,CAAC;QACrB,CAAC;aAND,UAAU,KAAQ;YAChB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACtB,CAAC;;;OAAA;IAFD;QADC,KAAK,EAAE;;;6DAGP;IANU,4BAA4B;QALxC,SAAS,CAAC;YACT,QAAQ,EAAE,2BAA2B;YACrC,uBAAqD;;SAEtD,CAAC;;OACW,4BAA4B,CAcxC;IAAD,mCAAC;CAAA,AAdD,IAcC;SAdY,4BAA4B","sourcesContent":["import { Component, Input } from '@angular/core';\n\n@Component({\n  selector: 'aup-default-cell-renderer',\n  templateUrl: './default-cell-renderer.component.html',\n  styleUrls: ['./default-cell-renderer.component.scss']\n})\nexport class DefaultCellRendererComponent<T> {\n  private _value: T;\n\n  @Input()\n  set value(value: T) {\n    this._value = value;\n  }\n\n  get value(): T {\n    return this._value;\n  }\n\n  constructor() {\n  }\n}\n"]}

package/esm5/lib/components/table/default-cell-renderer/default-cell-renderer.component.ngfactory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-cell-renderer.component.ngfactory.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/table/default-cell-renderer/default-cell-renderer.component.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}

package/esm5/lib/components/table/default-cell-renderer/default-cell-renderer.component.scss.shim.ngstyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-cell-renderer.component.scss.shim.ngstyle.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/table/default-cell-renderer/default-cell-renderer.component.scss.shim.ngstyle.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}

package/esm5/lib/components/table/default-header-cell-renderer/default-header-cell-renderer.component.js

@@ -0,0 +1,22 @@
+import { __decorate, __metadata } from "tslib";
+import { Component, Input } from '@angular/core';
+import { ColumnModel } from '../column-model';
+var DefaultHeaderCellRendererComponent = /** @class */ (function () {
+    function DefaultHeaderCellRendererComponent() {
+    }
+    __decorate([
+        Input(),
+        __metadata("design:type", ColumnModel)
+    ], DefaultHeaderCellRendererComponent.prototype, "columnModel", void 0);
+    DefaultHeaderCellRendererComponent = __decorate([
+        Component({
+            selector: 'aup-default-header-renderer',
+            template: "{{columnModel.getHeaderText()}}\n",
+            styles: [""]
+        }),
+        __metadata("design:paramtypes", [])
+    ], DefaultHeaderCellRendererComponent);
+    return DefaultHeaderCellRendererComponent;
+}());
+export { DefaultHeaderCellRendererComponent };
+//# sourceMappingURL=default-header-cell-renderer.component.js.map

package/esm5/lib/components/table/default-header-cell-renderer/default-header-cell-renderer.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-header-cell-renderer.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/table/default-header-cell-renderer/default-header-cell-renderer.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAO9C;IAKE;IACA,CAAC;IAHD;QADC,KAAK,EAAE;kCACK,WAAW;2EAAM;IAHnB,kCAAkC;QAL9C,SAAS,CAAC;YACT,QAAQ,EAAE,6BAA6B;YACvC,6CAA4D;;SAE7D,CAAC;;OACW,kCAAkC,CAO9C;IAAD,yCAAC;CAAA,AAPD,IAOC;SAPY,kCAAkC","sourcesContent":["import { Component, Input } from '@angular/core';\nimport { ColumnModel } from '../column-model';\n\n@Component({\n  selector: 'aup-default-header-renderer',\n  templateUrl: './default-header-cell-renderer.component.html',\n  styleUrls: ['./default-header-cell-renderer.component.scss']\n})\nexport class DefaultHeaderCellRendererComponent {\n\n  @Input()\n  columnModel: ColumnModel<any>;\n\n  constructor() {\n  }\n}\n"]}

package/esm5/lib/components/table/default-header-cell-renderer/default-header-cell-renderer.component.ngfactory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-header-cell-renderer.component.ngfactory.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/table/default-header-cell-renderer/default-header-cell-renderer.component.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}

package/esm5/lib/components/table/default-header-cell-renderer/default-header-cell-renderer.component.scss.shim.ngstyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-header-cell-renderer.component.scss.shim.ngstyle.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/table/default-header-cell-renderer/default-header-cell-renderer.component.scss.shim.ngstyle.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}