@coolon/angular-ui-powerups 2.0.2 → 3.0.0

package/esm2015/lib/components/disposable-component.js.map

@@ -1 +1 @@
-{"version":3,"file":"disposable-component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/disposable-component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAa,SAAS,EAAa,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAGlD,IAAa,mBAAmB,GAAhC,MAAa,mBAAoB,SAAQ,gBAAgB;IAEvD,WAAW;QACT,IAAI,CAAC,OAAO,EAAE,CAAC;IACjB,CAAC;CACF,CAAA;AALY,mBAAmB;IAD/B,SAAS,EAAE;GACC,mBAAmB,CAK/B;SALY,mBAAmB","sourcesContent":["import { Component, Directive, OnDestroy } from '@angular/core';\nimport { GarbageCollector } from '@coolon/pectin';\n\n@Directive()\nexport class DisposableComponent extends GarbageCollector implements OnDestroy {\n\n  ngOnDestroy(): void {\n    this.dispose();\n  }\n}\n"]}
+{"version":3,"file":"disposable-component.js","sourceRoot":"","sources":["../../../../../../libs/angular-ui-powerups/src/lib/components/disposable-component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,SAAS,EAAa,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAGlD,MAAM,OAAO,mBAAoB,SAAQ,gBAAgB;IAEvD,WAAW;QACT,IAAI,CAAC,OAAO,EAAE,CAAC;IACjB,CAAC;;;YALF,SAAS","sourcesContent":["import { Component, Directive, OnDestroy } from '@angular/core';\nimport { GarbageCollector } from '@coolon/pectin';\n\n@Directive()\nexport class DisposableComponent extends GarbageCollector implements OnDestroy {\n\n  ngOnDestroy(): void {\n    this.dispose();\n  }\n}\n"]}

package/esm2015/lib/components/focus-container/focus-container.component.js

@@ -1,8 +1,7 @@
-import { __decorate, __metadata, __param } from "tslib";
 import { Component, HostBinding, Self } from '@angular/core';
-import { Command, FocusManager, Trace } from '@coolon/pectin';
+import { Command, FocusManager } from '@coolon/pectin';
 import { DisposableComponent } from '../disposable-component';
-let FocusContainerComponent = class FocusContainerComponent extends DisposableComponent {
+export class FocusContainerComponent extends DisposableComponent {
     constructor(focusManager) {
         super();
         this.focusManager = focusManager;
@@ -17,25 +16,21 @@ let FocusContainerComponent = class FocusContainerComponent extends DisposableCo
     restoreFocus() {
         this.focusManager.restoreFocus();
     }
-};
+}
+FocusContainerComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'aup-focus-container',
+                template: "<ng-content></ng-content>\n",
+                providers: [
+                    { provide: FocusManager }
+                ],
+                styles: [":host{display:block}"]
+            },] }
+];
 FocusContainerComponent.ctorParameters = () => [
     { type: FocusManager, decorators: [{ type: Self }] }
 ];
-__decorate([
-    HostBinding('attr.tabindex'),
-    __metadata("design:type", Object)
-], FocusContainerComponent.prototype, "tabIndex", void 0);
-FocusContainerComponent = __decorate([
-    Component({
-        selector: 'aup-focus-container',
-        template: "<ng-content></ng-content>\n",
-        providers: [
-            { provide: FocusManager }
-        ],
-        styles: [":host{display:block}"]
-    }),
-    __param(0, Self()),
-    __metadata("design:paramtypes", [FocusManager])
-], FocusContainerComponent);
-export { FocusContainerComponent };
+FocusContainerComponent.propDecorators = {
+    tabIndex: [{ type: HostBinding, args: ['attr.tabindex',] }]
+};
 //# sourceMappingURL=focus-container.component.js.map

package/esm2015/lib/components/focus-container/focus-container.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"focus-container.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/focus-container/focus-container.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAQ,WAAW,EAAU,IAAI,EAAE,MAAM,eAAe,CAAC;AAC3E,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAU9D,IAAa,uBAAuB,GAApC,MAAa,uBAAwB,SAAQ,mBAAmB;IAS9D,YAA6B,YAA0B;QACrD,KAAK,EAAE,CAAC;QADmB,iBAAY,GAAZ,YAAY,CAAc;QAP9C,wBAAmB,GAAG,OAAO,CAAC,MAAM,CAAC,GAAG,EAAE;YACjD,IAAI,CAAC,YAAY,EAAE,CAAC;QACtB,CAAC,CAAC,CAAC;QAGM,aAAQ,GAAG,CAAC,CAAC,CAAC;IAIvB,CAAC;IAED,QAAQ;IACR,CAAC;IAED,WAAW;IACX,YAAY;QACV,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,CAAC;IACnC,CAAC;CAEF,CAAA;;YAZ4C,YAAY,uBAA1C,IAAI;;AAFjB;IADC,WAAW,CAAC,eAAe,CAAC;;yDACN;AAPZ,uBAAuB;IARnC,SAAS,CAAC;QACT,QAAQ,EAAE,qBAAqB;QAC/B,uCAA+C;QAE/C,SAAS,EAAE;YACT,EAAE,OAAO,EAAE,YAAY,EAAE;SAC1B;;KACF,CAAC;IAUa,WAAA,IAAI,EAAE,CAAA;qCAAwB,YAAY;GAT5C,uBAAuB,CAqBnC;SArBY,uBAAuB","sourcesContent":["import { Component, Host, HostBinding, OnInit, Self } from '@angular/core';\nimport { Command, FocusManager, Trace } from '@coolon/pectin';\nimport { DisposableComponent } from '../disposable-component';\n\n@Component({\n  selector: 'aup-focus-container',\n  templateUrl: './focus-container.component.html',\n  styleUrls: ['./focus-container.component.scss'],\n  providers: [\n    { provide: FocusManager }\n  ]\n})\nexport class FocusContainerComponent extends DisposableComponent implements OnInit {\n\n  readonly restoreFocusCommand = Command.create(() => {\n    this.restoreFocus();\n  });\n\n  @HostBinding('attr.tabindex')\n  readonly tabIndex = -1;\n\n  constructor(@Self() readonly focusManager: FocusManager) {\n    super();\n  }\n\n  ngOnInit() {\n  }\n\n  // @Trace()\n  restoreFocus() {\n    this.focusManager.restoreFocus();\n  }\n\n}\n"]}
+{"version":3,"file":"focus-container.component.js","sourceRoot":"","sources":["../../../../../../../libs/angular-ui-powerups/src/lib/components/focus-container/focus-container.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAQ,WAAW,EAAU,IAAI,EAAE,MAAM,eAAe,CAAC;AAC3E,OAAO,EAAE,OAAO,EAAE,YAAY,EAAS,MAAM,gBAAgB,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAU9D,MAAM,OAAO,uBAAwB,SAAQ,mBAAmB;IAS9D,YAA6B,YAA0B;QACrD,KAAK,EAAE,CAAC;QADmB,iBAAY,GAAZ,YAAY,CAAc;QAP9C,wBAAmB,GAAG,OAAO,CAAC,MAAM,CAAC,GAAG,EAAE;YACjD,IAAI,CAAC,YAAY,EAAE,CAAC;QACtB,CAAC,CAAC,CAAC;QAGM,aAAQ,GAAG,CAAC,CAAC,CAAC;IAIvB,CAAC;IAED,QAAQ;IACR,CAAC;IAED,WAAW;IACX,YAAY;QACV,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,CAAC;IACnC,CAAC;;;YA3BF,SAAS,SAAC;gBACT,QAAQ,EAAE,qBAAqB;gBAC/B,uCAA+C;gBAE/C,SAAS,EAAE;oBACT,EAAE,OAAO,EAAE,YAAY,EAAE;iBAC1B;;aACF;;;YAViB,YAAY,uBAoBf,IAAI;;;uBAHhB,WAAW,SAAC,eAAe","sourcesContent":["import { Component, Host, HostBinding, OnInit, Self } from '@angular/core';\nimport { Command, FocusManager, Trace } from '@coolon/pectin';\nimport { DisposableComponent } from '../disposable-component';\n\n@Component({\n  selector: 'aup-focus-container',\n  templateUrl: './focus-container.component.html',\n  styleUrls: ['./focus-container.component.scss'],\n  providers: [\n    { provide: FocusManager }\n  ]\n})\nexport class FocusContainerComponent extends DisposableComponent implements OnInit {\n\n  readonly restoreFocusCommand = Command.create(() => {\n    this.restoreFocus();\n  });\n\n  @HostBinding('attr.tabindex')\n  readonly tabIndex = -1;\n\n  constructor(@Self() readonly focusManager: FocusManager) {\n    super();\n  }\n\n  ngOnInit() {\n  }\n\n  // @Trace()\n  restoreFocus() {\n    this.focusManager.restoreFocus();\n  }\n\n}\n"]}

package/esm2015/lib/components/focus-container/focus-container.component.ngfactory.js.map

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

package/esm2015/lib/components/focus-container/focus-container.component.scss.shim.ngstyle.js.map

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

package/esm2015/lib/components/focusable.component.js

@@ -1,9 +1,8 @@
-import { __decorate, __metadata } from "tslib";
 import { Component, ElementRef, HostBinding, HostListener } from '@angular/core';
 import { Dsl, FocusManager } from '@coolon/pectin';
 import { FocusBindingFactory } from '../directives/focus-binding-factory';
 import { DisposableComponent } from './disposable-component';
-let FocusableComponent = class FocusableComponent extends DisposableComponent {
+export class FocusableComponent extends DisposableComponent {
     constructor(el, focusManager, focusBindingFactory) {
         super();
         this.el = el;
@@ -29,32 +28,18 @@ let FocusableComponent = class FocusableComponent extends DisposableComponent {
     get focusContext() {
         return this._focusContext;
     }
-};
+}
+FocusableComponent.decorators = [
+    { type: Component, args: [{ template: '' },] }
+];
 FocusableComponent.ctorParameters = () => [
     { type: ElementRef },
     { type: FocusManager },
     { type: FocusBindingFactory }
 ];
-__decorate([
-    HostBinding('attr.tabindex'),
-    __metadata("design:type", Object),
-    __metadata("design:paramtypes", [])
-], FocusableComponent.prototype, "focusable", null);
-__decorate([
-    HostListener('focus'),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", void 0)
-], FocusableComponent.prototype, "onFocus", null);
-__decorate([
-    HostListener('blur'),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", void 0)
-], FocusableComponent.prototype, "onBlur", null);
-FocusableComponent = __decorate([
-    Component({ template: '' }),
-    __metadata("design:paramtypes", [ElementRef, FocusManager, FocusBindingFactory])
-], FocusableComponent);
-export { FocusableComponent };
+FocusableComponent.propDecorators = {
+    focusable: [{ type: HostBinding, args: ['attr.tabindex',] }],
+    onFocus: [{ type: HostListener, args: ['focus',] }],
+    onBlur: [{ type: HostListener, args: ['blur',] }]
+};
 //# sourceMappingURL=focusable.component.js.map

package/esm2015/lib/components/focusable.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"focusable.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/focusable.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAEjF,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAC1E,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAG7D,IAAa,kBAAkB,GAA/B,MAAa,kBAAmB,SAAQ,mBAAmB;IAmBzD,YAA+B,EAAc,EAAW,YAA0B,EAAE,mBAAwC;QAC1H,KAAK,EAAE,CAAC;QADqB,OAAE,GAAF,EAAE,CAAY;QAAW,iBAAY,GAAZ,YAAY,CAAc;QAEhF,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACzF,IAAI,IAAI,CAAC,YAAY,EAAE;YACrB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,YAAY,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;YAC/D,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;YAC5C,IAAI,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,aAAa,CAAC,EAAE,CAAC,aAAa,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;SACjG;IACH,CAAC;IAtBD,IAAI,SAAS;QACX,OAAO,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAC7C,CAAC;IAGD,OAAO;;QACL,MAAA,IAAI,CAAC,YAAY,0CAAE,aAAa,GAAG;IACrC,CAAC;IAGD,MAAM;;QACJ,MAAA,IAAI,CAAC,YAAY,0CAAE,cAAc,GAAG;IACtC,CAAC;IAYD,IAAI,YAAY;QACd,OAAO,IAAI,CAAC,aAAa,CAAC;IAC5B,CAAC;CAEF,CAAA;;YAdoC,UAAU;YAAyB,YAAY;YAAuB,mBAAmB;;AAd5H;IADC,WAAW,CAAC,eAAe,CAAC;;;mDAG5B;AAGD;IADC,YAAY,CAAC,OAAO,CAAC;;;;iDAGrB;AAGD;IADC,YAAY,CAAC,MAAM,CAAC;;;;gDAGpB;AAjBU,kBAAkB;IAD9B,SAAS,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC;qCAoBS,UAAU,EAAyB,YAAY,EAAuB,mBAAmB;GAnBjH,kBAAkB,CAiC9B;SAjCY,kBAAkB","sourcesContent":["import { Component, ElementRef, HostBinding, HostListener } from '@angular/core';\n\nimport { Dsl, FocusManager } from '@coolon/pectin';\nimport { FocusBindingFactory } from '../directives/focus-binding-factory';\nimport { DisposableComponent } from './disposable-component';\n\n@Component({ template: '' })\nexport class FocusableComponent extends DisposableComponent {\n\n  private _focusContext: FocusManager.Context;\n\n  @HostBinding('attr.tabindex')\n  get focusable() {\n    return !!this.focusContext ? 0 : undefined;\n  }\n\n  @HostListener('focus')\n  onFocus() {\n    this.focusContext?.notifyFocusIn();\n  }\n\n  @HostListener('blur')\n  onBlur() {\n    this.focusContext?.notifyFocusOut();\n  }\n\n  constructor(protected readonly el: ElementRef, readonly focusManager: FocusManager, focusBindingFactory: FocusBindingFactory) {\n    super();\n    const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);\n    if (this.focusManager) {\n      this._focusContext = this.focusManager.registerFocusable(this);\n      this.registerDisposable(this._focusContext);\n      this.registerDisposable(focusBindingFactory.createBinding(el.nativeElement, this.focusContext));\n    }\n  }\n\n  get focusContext(): FocusManager.Context {\n    return this._focusContext;\n  }\n\n}\n"]}
+{"version":3,"file":"focusable.component.js","sourceRoot":"","sources":["../../../../../../libs/angular-ui-powerups/src/lib/components/focusable.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAEjF,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAC1E,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAG7D,MAAM,OAAO,kBAAmB,SAAQ,mBAAmB;IAmBzD,YAA+B,EAAc,EAAW,YAA0B,EAAE,mBAAwC;QAC1H,KAAK,EAAE,CAAC;QADqB,OAAE,GAAF,EAAE,CAAY;QAAW,iBAAY,GAAZ,YAAY,CAAc;QAEhF,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACzF,IAAI,IAAI,CAAC,YAAY,EAAE;YACrB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,YAAY,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;YAC/D,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;YAC5C,IAAI,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,aAAa,CAAC,EAAE,CAAC,aAAa,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;SACjG;IACH,CAAC;IAvBD,IACI,SAAS;QACX,OAAO,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAC7C,CAAC;IAGD,OAAO;;QACL,MAAA,IAAI,CAAC,YAAY,0CAAE,aAAa,GAAG;IACrC,CAAC;IAGD,MAAM;;QACJ,MAAA,IAAI,CAAC,YAAY,0CAAE,cAAc,GAAG;IACtC,CAAC;IAYD,IAAI,YAAY;QACd,OAAO,IAAI,CAAC,aAAa,CAAC;IAC5B,CAAC;;;YAhCF,SAAS,SAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;;;YANP,UAAU;YAEhB,YAAY;YACjB,mBAAmB;;;wBAQzB,WAAW,SAAC,eAAe;sBAK3B,YAAY,SAAC,OAAO;qBAKpB,YAAY,SAAC,MAAM","sourcesContent":["import { Component, ElementRef, HostBinding, HostListener } from '@angular/core';\n\nimport { Dsl, FocusManager } from '@coolon/pectin';\nimport { FocusBindingFactory } from '../directives/focus-binding-factory';\nimport { DisposableComponent } from './disposable-component';\n\n@Component({ template: '' })\nexport class FocusableComponent extends DisposableComponent {\n\n  private _focusContext: FocusManager.Context;\n\n  @HostBinding('attr.tabindex')\n  get focusable() {\n    return !!this.focusContext ? 0 : undefined;\n  }\n\n  @HostListener('focus')\n  onFocus() {\n    this.focusContext?.notifyFocusIn();\n  }\n\n  @HostListener('blur')\n  onBlur() {\n    this.focusContext?.notifyFocusOut();\n  }\n\n  constructor(protected readonly el: ElementRef, readonly focusManager: FocusManager, focusBindingFactory: FocusBindingFactory) {\n    super();\n    const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);\n    if (this.focusManager) {\n      this._focusContext = this.focusManager.registerFocusable(this);\n      this.registerDisposable(this._focusContext);\n      this.registerDisposable(focusBindingFactory.createBinding(el.nativeElement, this.focusContext));\n    }\n  }\n\n  get focusContext(): FocusManager.Context {\n    return this._focusContext;\n  }\n\n}\n"]}

package/esm2015/lib/components/focusable.component.ngfactory.js.map

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

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

@@ -1,9 +1,8 @@
-import { __decorate, __metadata } from "tslib";
 /* tslint:disable:no-input-rename */
 import { Component, EventEmitter, HostBinding, HostListener, Input, Output } from '@angular/core';
 import { Command, EventListenerList } from '@coolon/pectin';
 import { DisposableComponent } from '../disposable-component';
-let AbstractInputComponent = class AbstractInputComponent extends DisposableComponent {
+export class AbstractInputComponent extends DisposableComponent {
     constructor() {
         super();
         this.onValueEditedListeners = new EventListenerList();
@@ -82,89 +81,29 @@ let AbstractInputComponent = class AbstractInputComponent extends DisposableComp
     onValueEdited(callback) {
         return this.onValueEditedListeners.add(callback);
     }
+}
+AbstractInputComponent.decorators = [
+    { type: Component, args: [{ template: '' },] }
+];
+AbstractInputComponent.ctorParameters = () => [];
+AbstractInputComponent.propDecorators = {
+    label: [{ type: Input }],
+    userFloatLabel: [{ type: Input, args: ['floatLabel',] }],
+    hint: [{ type: Input }],
+    placeholder: [{ type: Input }],
+    dense: [{ type: HostBinding, args: ['class.dense',] }, { type: Input }],
+    focusCommand: [{ type: Input, args: ['command.focus',] }],
+    blurCommand: [{ type: Input, args: ['command.blur',] }],
+    enterCommand: [{ type: Input, args: ['command.enter',] }],
+    escapeCommand: [{ type: Input, args: ['command.escape',] }],
+    clickCommand: [{ type: Input, args: ['command.click',] }],
+    focus: [{ type: Output }],
+    blur: [{ type: Output }],
+    enterKey: [{ type: Output }],
+    escapeKey: [{ type: Output }],
+    baseClassName: [{ type: HostBinding, args: ['class',] }],
+    notifyClick: [{ type: HostListener, args: ['click',] }],
+    notifyFocusIn: [{ type: HostListener, args: ['focusin',] }],
+    notifyFocusOut: [{ type: HostListener, args: ['focusout',] }]
 };
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], AbstractInputComponent.prototype, "label", void 0);
-__decorate([
-    Input('floatLabel'),
-    __metadata("design:type", String)
-], AbstractInputComponent.prototype, "userFloatLabel", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], AbstractInputComponent.prototype, "hint", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], AbstractInputComponent.prototype, "placeholder", void 0);
-__decorate([
-    HostBinding('class.dense'),
-    Input(),
-    __metadata("design:type", Object)
-], AbstractInputComponent.prototype, "dense", void 0);
-__decorate([
-    Input('command.focus'),
-    __metadata("design:type", Command)
-], AbstractInputComponent.prototype, "focusCommand", void 0);
-__decorate([
-    Input('command.blur'),
-    __metadata("design:type", Command)
-], AbstractInputComponent.prototype, "blurCommand", void 0);
-__decorate([
-    Input('command.enter'),
-    __metadata("design:type", Command)
-], AbstractInputComponent.prototype, "enterCommand", void 0);
-__decorate([
-    Input('command.escape'),
-    __metadata("design:type", Command)
-], AbstractInputComponent.prototype, "escapeCommand", void 0);
-__decorate([
-    Input('command.click'),
-    __metadata("design:type", Command)
-], AbstractInputComponent.prototype, "clickCommand", void 0);
-__decorate([
-    Output(),
-    __metadata("design:type", Object)
-], AbstractInputComponent.prototype, "focus", void 0);
-__decorate([
-    Output(),
-    __metadata("design:type", Object)
-], AbstractInputComponent.prototype, "blur", void 0);
-__decorate([
-    Output(),
-    __metadata("design:type", Object)
-], AbstractInputComponent.prototype, "enterKey", void 0);
-__decorate([
-    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),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", void 0)
-], AbstractInputComponent.prototype, "notifyClick", null);
-__decorate([
-    HostListener('focusin'),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", void 0)
-], AbstractInputComponent.prototype, "notifyFocusIn", null);
-__decorate([
-    HostListener('focusout'),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", void 0)
-], AbstractInputComponent.prototype, "notifyFocusOut", null);
-AbstractInputComponent = __decorate([
-    Component({ template: '' }),
-    __metadata("design:paramtypes", [])
-], AbstractInputComponent);
-export { AbstractInputComponent };
 //# sourceMappingURL=abstract-input.component.js.map

package/esm2015/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, HostBinding, HostListener, Input, OnInit, Output } from '@angular/core';\nimport { FormControl, FormGroupDirective, NgForm } from '@angular/forms';\nimport { ErrorStateMatcher } from '@angular/material/core';\nimport {\n  Command, Disposable,\n  EventListenerList,\n  FocusManager,\n  ListModel,\n  MutableValueModel,\n  StoreInValueModel,\n  ValueModel\n} from '@coolon/pectin';\nimport { DisposableComponent } from '../disposable-component';\n\ninterface InputModel<T> {\n  value: T;\n  enabled: ValueModel<boolean>;\n  errorList: ListModel<string>;\n  focusContext: FocusManager.Context;\n}\n\n@Component({ template: '' })\nexport class AbstractInputComponent<T> extends DisposableComponent implements OnInit {\n\n  protected onValueEditedListeners = new EventListenerList<(is: T, was: T) => void>();\n\n  protected formValueModel: InputModel<T>;\n\n  @Input() label: string;\n  @Input('floatLabel') userFloatLabel: 'auto' | 'always' | 'never';\n  @Input() hint: string;\n  @Input() placeholder: string;\n\n  @HostBinding('class.dense')\n  @Input() dense = false;\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.formValueModel.enabled;\n  }\n\n  hasErrors(): boolean {\n    return !this.errorList.query().isEmpty();\n  }\n\n  get errorList(): ListModel<string> {\n    return this.formValueModel.errorList;\n  }\n\n  get firstError() {\n    return this.hasErrors() ? this.errorList.value[0] : null;\n  }\n\n  get focusContext() {\n    return this.formValueModel.focusContext;\n  }\n\n  get floatLabel(): 'auto' | 'always' | 'never' {\n    return this.dense ? 'never' : this.userFloatLabel;\n  }\n\n  get showHint(): boolean {\n    return this.dense ? false : !!this.hint;\n  }\n\n  /**\n   * Invokes the callback when this components value is changed by a user edit.\n   * @param callback\n   */\n  onValueEdited(callback: (is: T, was: T) => void): Disposable {\n    return this.onValueEditedListeners.add(callback);\n  }\n\n}\n"]}
+{"version":3,"file":"abstract-input.component.js","sourceRoot":"","sources":["../../../../../../../libs/angular-ui-powerups/src/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 {\n  Command, Disposable,\n  EventListenerList,\n  FocusManager,\n  ListModel,\n  MutableValueModel,\n  StoreInValueModel,\n  ValueModel\n} from '@coolon/pectin';\nimport { DisposableComponent } from '../disposable-component';\n\ninterface InputModel<T> {\n  value: T;\n  enabled: ValueModel<boolean>;\n  errorList: ListModel<string>;\n  focusContext: FocusManager.Context;\n}\n\n@Component({ template: '' })\nexport class AbstractInputComponent<T> extends DisposableComponent implements OnInit {\n\n  protected onValueEditedListeners = new EventListenerList<(is: T, was: T) => void>();\n\n  protected formValueModel: InputModel<T>;\n\n  @Input() label: string;\n  @Input('floatLabel') userFloatLabel: 'auto' | 'always' | 'never';\n  @Input() hint: string;\n  @Input() placeholder: string;\n\n  @HostBinding('class.dense')\n  @Input() dense = false;\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.formValueModel.enabled;\n  }\n\n  hasErrors(): boolean {\n    return !this.errorList.query().isEmpty();\n  }\n\n  get errorList(): ListModel<string> {\n    return this.formValueModel.errorList;\n  }\n\n  get firstError() {\n    return this.hasErrors() ? this.errorList.value[0] : null;\n  }\n\n  get focusContext() {\n    return this.formValueModel.focusContext;\n  }\n\n  get floatLabel(): 'auto' | 'always' | 'never' {\n    return this.dense ? 'never' : this.userFloatLabel;\n  }\n\n  get showHint(): boolean {\n    return this.dense ? false : !!this.hint;\n  }\n\n  /**\n   * Invokes the callback when this components value is changed by a user edit.\n   * @param callback\n   */\n  onValueEdited(callback: (is: T, was: T) => void): Disposable {\n    return this.onValueEditedListeners.add(callback);\n  }\n\n}\n"]}

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

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

package/esm2015/lib/components/forms/abstract-list-input.component.js

@@ -3,14 +3,14 @@ import { __decorate, __metadata } from "tslib";
 import { Component, EventEmitter, Input, Output } from '@angular/core';
 import { Binding, DebugContext, Dsl, Form, Guard, MutableListModel, TrackExternal } from '@coolon/pectin';
 import { AbstractInputComponent } from './abstract-input.component';
-let AbstractListInputComponent = class AbstractListInputComponent extends AbstractInputComponent {
+export class AbstractListInputComponent extends AbstractInputComponent {
     constructor() {
         super();
         /**
          * A backing model for all our @Input() valueModel properties which should be defined as follows.
          *
          *    @Input() @TrackExternal({useExisting: "inputModel"})
-         *    valueModel: Form.ListModelBase<string> | IMutableListModel<string>;
+         *    valueModel: Form.ListModelBase<string> | MutableListModel<string>;
          *
          * This approach allows the input to accept plain or form models but all backed by a form
          * friendly delegate.  We have to use an existing delegate for union types as pectin just
@@ -50,23 +50,18 @@ let AbstractListInputComponent = class AbstractListInputComponent extends Abstra
             }
         });
     }
+}
+AbstractListInputComponent.decorators = [
+    { type: Component, args: [{ template: '' },] }
+];
+AbstractListInputComponent.ctorParameters = () => [];
+AbstractListInputComponent.propDecorators = {
+    listModel: [{ type: Input }],
+    value: [{ type: Input }],
+    valueChange: [{ type: Output }]
 };
 __decorate([
-    Input(), TrackExternal({ delegateTo: 'formValueModel' }),
+    TrackExternal({ delegateTo: 'formValueModel' }),
     __metadata("design:type", Object)
 ], AbstractListInputComponent.prototype, "listModel", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Array),
-    __metadata("design:paramtypes", [Array])
-], AbstractListInputComponent.prototype, "value", null);
-__decorate([
-    Output(),
-    __metadata("design:type", Object)
-], AbstractListInputComponent.prototype, "valueChange", void 0);
-AbstractListInputComponent = __decorate([
-    Component({ template: '' }),
-    __metadata("design:paramtypes", [])
-], AbstractListInputComponent);
-export { AbstractListInputComponent };
 //# sourceMappingURL=abstract-list-input.component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"abstract-list-input.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/forms/abstract-list-input.component.ts"],"names":[],"mappings":";AAAA,oCAAoC;AACpC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAU,MAAM,EAAE,MAAM,eAAe,CAAC;AAC/E,OAAO,EACL,OAAO,EACP,YAAY,EACZ,GAAG,EAEH,IAAI,EACJ,KAAK,EAEL,gBAAgB,EAChB,aAAa,EACd,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAGpE,IAAa,0BAA0B,GAAvC,MAAa,0BAA8B,SAAQ,sBAA2B;IAuC5E;QACE,KAAK,EAAE,CAAC;QAnCV;;;;;;;;;WASG;QACD,0FAA0F;QACzE,mBAAc,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,IAAI,CAAC,mBAAmB,EAAK,CAAC,CAAC;QACtF,uBAAkB,GAAG,IAAI,gBAAgB,EAAK,CAAC;QAEhD,yBAAoB,GAAG,IAAI,KAAK,EAAE,CAAC;QAkBxB,gBAAW,GAAG,IAAI,YAAY,EAAO,CAAC;QAIvD,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACvD,MAAM,OAAO,GAAG,IAAI,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC,UAAU,EAAE,CAAC;QAChG,MAAM,gBAAgB,GAAG,OAAO,CAAC,GAAG,CAClC,IAAI,CAAC,oBAAoB,EACzB,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,CACzD,CAAC,SAAS,EAAE,CAAC;QAEd,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE;YAChD,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;YAC1B,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC,CAAC;QACpD,CAAC,EAAE;YACD,YAAY,EAAE,QAAQ;YACtB,4EAA4E;YAC5E,gEAAgE;YAChE,gCAAgC;YAChC,MAAM,EAAE,gBAAgB;SACzB,CAAC,CAAC;QACH,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,cAAc,EAAE,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,iBAAiB,CAAC,CAAC;IACnF,CAAC;IApCD,uFAAuF;IACvF,wFAAwF;IACxF,gBAAgB;IACP,IAAI,KAAK,CAAC,KAAU;QAC3B,IAAI,CAAC,oBAAoB,CAAC,SAAS,CAAC,GAAG,EAAE;YACvC,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;gBACpB,IAAI,CAAC,UAAU,GAAG,IAAI,gBAAgB,CAAI,KAAK,CAAC,CAAC;gBACjD,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,UAAU,CAAC;aAClC;iBAAM;gBACL,IAAI,CAAC,UAAU,CAAC,KAAK,GAAG,KAAK,CAAC;aAC/B;QACH,CAAC,CAAC,CAAC;IACL,CAAC;CA0BF,CAAA;AA1DC;IADC,KAAK,EAAE,EAAE,aAAa,CAAC,EAAE,UAAU,EAAE,gBAAgB,EAAE,CAAC;;6DACD;AAuB/C;IAAR,KAAK,EAAE;;;uDASP;AAES;IAAT,MAAM,EAAE;;+DAAgD;AArC9C,0BAA0B;IADtC,SAAS,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC;;GACf,0BAA0B,CA6DtC;SA7DY,0BAA0B","sourcesContent":["/* tslint:disable:no-input-rename */\nimport { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport {\n  Binding,\n  DebugContext,\n  Dsl,\n  EventListenerList,\n  Form,\n  Guard,\n  IMutableListModel,\n  MutableListModel,\n  TrackExternal\n} from '@coolon/pectin';\nimport { AbstractInputComponent } from './abstract-input.component';\n\n@Component({ template: '' })\nexport class AbstractListInputComponent<T> extends AbstractInputComponent<T[]> implements OnInit {\n\n  @Input() @TrackExternal({ delegateTo: 'formValueModel' })\n  listModel: Form.ListModelBase<T> | IMutableListModel<T>;\n\n  /**\n   * A backing model for all our @Input() valueModel properties which should be defined as follows.\n   *\n   *    @Input() @TrackExternal({useExisting: \"inputModel\"})\n   *    valueModel: Form.ListModelBase<string> | IMutableListModel<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  protected readonly formValueModel = this.registerDisposable(new Form.DelegatingListModel<T>());\n  readonly componentListModel = new MutableListModel<T>();\n\n  private setValueIsInProgress = new Guard();\n  // we need this for plain values otherwise our Form.DelegatingListModel will stay disabled.\n  private listHolder: MutableListModel<T>;\n\n  // We add support for simple direct display of values by allowing components to be used\n  // by `component.value = ...`  This use of the component without a value model in tables\n  // and the like.\n  @Input() set value(value: T[]) {\n    this.setValueIsInProgress.whileTrue(() => {\n      if (!this.listHolder) {\n        this.listHolder = new MutableListModel<T>(value);\n        this.listModel = this.listHolder;\n      } else {\n        this.listHolder.value = value;\n      }\n    });\n  }\n\n  @Output() readonly valueChange = new EventEmitter<T[]>();\n\n  constructor() {\n    super();\n    const { when, valueOf, chain } = Dsl.disposeWith(this);\n    const binding = new Binding.Identity(this.formValueModel, this.componentListModel).writeRight();\n    const inExternalChange = valueOf.any(\n      this.setValueIsInProgress,\n      chain(binding.direction).equals(Binding.Direction.RIGHT)\n    ).areTruthy();\n\n    when(this.componentListModel).changes((is, was) => {\n      this.valueChange.emit(is);\n      this.onValueEditedListeners.fire(l => l(is, was));\n    }, {\n      initialValue: 'ignore',\n      // we never fire events during an external changes to the value. This allows\n      // the component to behave when used in the conventional angular\n      // fashion, i.e. [(value)]=\"...\"\n      unless: inExternalChange\n    });\n    DebugContext.tag(this.formValueModel, `${this.constructor.name}.formValueModel`);\n  }\n\n}\n"]}
+{"version":3,"file":"abstract-list-input.component.js","sourceRoot":"","sources":["../../../../../../../libs/angular-ui-powerups/src/lib/components/forms/abstract-list-input.component.ts"],"names":[],"mappings":";AAAA,oCAAoC;AACpC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAU,MAAM,EAAE,MAAM,eAAe,CAAC;AAC/E,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC1G,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAGpE,MAAM,OAAO,0BAA8B,SAAQ,sBAA2B;IAuC5E;QACE,KAAK,EAAE,CAAC;QAnCV;;;;;;;;;WASG;QACD,0FAA0F;QACzE,mBAAc,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,IAAI,CAAC,mBAAmB,EAAK,CAAC,CAAC;QACtF,uBAAkB,GAAG,IAAI,gBAAgB,EAAK,CAAC;QAEhD,yBAAoB,GAAG,IAAI,KAAK,EAAE,CAAC;QAkBxB,gBAAW,GAAG,IAAI,YAAY,EAAO,CAAC;QAIvD,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACvD,MAAM,OAAO,GAAG,IAAI,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC,UAAU,EAAE,CAAC;QAChG,MAAM,gBAAgB,GAAG,OAAO,CAAC,GAAG,CAClC,IAAI,CAAC,oBAAoB,EACzB,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,CACzD,CAAC,SAAS,EAAE,CAAC;QAEd,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE;YAChD,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;YAC1B,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC,CAAC;QACpD,CAAC,EAAE;YACD,YAAY,EAAE,QAAQ;YACtB,4EAA4E;YAC5E,gEAAgE;YAChE,gCAAgC;YAChC,MAAM,EAAE,gBAAgB;SACzB,CAAC,CAAC;QACH,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,cAAc,EAAE,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,iBAAiB,CAAC,CAAC;IACnF,CAAC;IApCD,uFAAuF;IACvF,wFAAwF;IACxF,gBAAgB;IAChB,IAAa,KAAK,CAAC,KAAU;QAC3B,IAAI,CAAC,oBAAoB,CAAC,SAAS,CAAC,GAAG,EAAE;YACvC,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;gBACpB,IAAI,CAAC,UAAU,GAAG,IAAI,gBAAgB,CAAI,KAAK,CAAC,CAAC;gBACjD,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,UAAU,CAAC;aAClC;iBAAM;gBACL,IAAI,CAAC,UAAU,CAAC,KAAK,GAAG,KAAK,CAAC;aAC/B;QACH,CAAC,CAAC,CAAC;IACL,CAAC;;;YApCF,SAAS,SAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;;;;wBAGxB,KAAK;oBAwBL,KAAK;0BAWL,MAAM;;AAlCP;IADU,aAAa,CAAC,EAAE,UAAU,EAAE,gBAAgB,EAAE,CAAC;;6DACF","sourcesContent":["/* tslint:disable:no-input-rename */\nimport { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { Binding, DebugContext, Dsl, Form, Guard, MutableListModel, TrackExternal } from '@coolon/pectin';\nimport { AbstractInputComponent } from './abstract-input.component';\n\n@Component({ template: '' })\nexport class AbstractListInputComponent<T> extends AbstractInputComponent<T[]> implements OnInit {\n\n  @Input() @TrackExternal({ delegateTo: 'formValueModel' })\n  listModel: Form.ListModelBase<T> | MutableListModel<T>;\n\n  /**\n   * A backing model for all our @Input() valueModel properties which should be defined as follows.\n   *\n   *    @Input() @TrackExternal({useExisting: \"inputModel\"})\n   *    valueModel: Form.ListModelBase<string> | MutableListModel<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  protected readonly formValueModel = this.registerDisposable(new Form.DelegatingListModel<T>());\n  readonly componentListModel = new MutableListModel<T>();\n\n  private setValueIsInProgress = new Guard();\n  // we need this for plain values otherwise our Form.DelegatingListModel will stay disabled.\n  private listHolder: MutableListModel<T>;\n\n  // We add support for simple direct display of values by allowing components to be used\n  // by `component.value = ...`  This use of the component without a value model in tables\n  // and the like.\n  @Input() set value(value: T[]) {\n    this.setValueIsInProgress.whileTrue(() => {\n      if (!this.listHolder) {\n        this.listHolder = new MutableListModel<T>(value);\n        this.listModel = this.listHolder;\n      } else {\n        this.listHolder.value = value;\n      }\n    });\n  }\n\n  @Output() readonly valueChange = new EventEmitter<T[]>();\n\n  constructor() {\n    super();\n    const { when, valueOf, chain } = Dsl.disposeWith(this);\n    const binding = new Binding.Identity(this.formValueModel, this.componentListModel).writeRight();\n    const inExternalChange = valueOf.any(\n      this.setValueIsInProgress,\n      chain(binding.direction).equals(Binding.Direction.RIGHT)\n    ).areTruthy();\n\n    when(this.componentListModel).changes((is, was) => {\n      this.valueChange.emit(is);\n      this.onValueEditedListeners.fire(l => l(is, was));\n    }, {\n      initialValue: 'ignore',\n      // we never fire events during an external changes to the value. This allows\n      // the component to behave when used in the conventional angular\n      // fashion, i.e. [(value)]=\"...\"\n      unless: inExternalChange\n    });\n    DebugContext.tag(this.formValueModel, `${this.constructor.name}.formValueModel`);\n  }\n\n}\n"]}

package/esm2015/lib/components/forms/abstract-list-input.component.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"AbstractListInputComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./abstract-input.component","name":"AbstractInputComponent","line":16,"character":51},"arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"template":""}]}],"members":{"listModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":18,"character":12},"arguments":[{"delegateTo":"formValueModel"}]}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":53,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"AbstractListInputComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./abstract-input.component","name":"AbstractInputComponent","line":6,"character":51},"arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"template":""}]}],"members":{"listModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":8,"character":12},"arguments":[{"delegateTo":"formValueModel"}]}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":43,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}]}}}}]

package/esm2015/lib/components/forms/abstract-list-input.component.ngfactory.js.map

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

package/esm2015/lib/components/forms/abstract-value-input.component.js

@@ -3,14 +3,14 @@ import { __decorate, __metadata } from "tslib";
 import { Component, EventEmitter, Input, Output } from '@angular/core';
 import { Binding, DebugContext, Dsl, Form, Guard, MutableValueModel, TrackExternal } from '@coolon/pectin';
 import { AbstractInputComponent } from './abstract-input.component';
-let AbstractValueInputComponent = class AbstractValueInputComponent extends AbstractInputComponent {
+export class AbstractValueInputComponent extends AbstractInputComponent {
     constructor() {
         super();
         /**
          * A backing model for all our @Input() valueModel properties which should be defined as follows.
          *
          *    @Input() @TrackExternal({useExisting: "inputModel"})
-         *    valueModel:  DirtyTrackingForm.ValueModel<string> | IMutableValueModel<string>;
+         *    valueModel:  DirtyTrackingForm.ValueModel<string> | MutableValueModel<string>;
          *
          * This approach allows the input to accept plain or form models but all backed by a form
          * friendly delegate.  We have to use an existing delegate for union types as pectin just
@@ -50,23 +50,18 @@ let AbstractValueInputComponent = class AbstractValueInputComponent extends Abst
             }
         });
     }
+}
+AbstractValueInputComponent.decorators = [
+    { type: Component, args: [{ template: '' },] }
+];
+AbstractValueInputComponent.ctorParameters = () => [];
+AbstractValueInputComponent.propDecorators = {
+    valueModel: [{ type: Input }],
+    value: [{ type: Input }],
+    valueChange: [{ type: Output }]
 };
 __decorate([
-    Input(), TrackExternal({ delegateTo: 'formValueModel' }),
+    TrackExternal({ delegateTo: 'formValueModel' }),
     __metadata("design:type", Object)
 ], AbstractValueInputComponent.prototype, "valueModel", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object),
-    __metadata("design:paramtypes", [Object])
-], AbstractValueInputComponent.prototype, "value", null);
-__decorate([
-    Output(),
-    __metadata("design:type", Object)
-], AbstractValueInputComponent.prototype, "valueChange", void 0);
-AbstractValueInputComponent = __decorate([
-    Component({ template: '' }),
-    __metadata("design:paramtypes", [])
-], AbstractValueInputComponent);
-export { AbstractValueInputComponent };
 //# sourceMappingURL=abstract-value-input.component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"abstract-value-input.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/forms/abstract-value-input.component.ts"],"names":[],"mappings":";AAAA,oCAAoC;AACpC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAU,MAAM,EAAE,MAAM,eAAe,CAAC;AAC/E,OAAO,EACL,OAAO,EACP,YAAY,EACZ,GAAG,EACH,IAAI,EACJ,KAAK,EAEL,iBAAiB,EACjB,aAAa,EACd,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAGpE,IAAa,2BAA2B,GAAxC,MAAa,2BAA+B,SAAQ,sBAAyB;IAuC3E;QACE,KAAK,EAAE,CAAC;QAnCV;;;;;;;;;WASG;QACD,0FAA0F;QACzE,mBAAc,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,IAAI,CAAC,oBAAoB,EAAK,CAAC,CAAC;QAEtF,uBAAkB,GAAG,IAAI,KAAK,EAAE,CAAC;QAClC,wBAAmB,GAAG,IAAI,iBAAiB,EAAK,CAAC;QAkBvC,gBAAW,GAAG,IAAI,YAAY,EAAK,CAAC;QAIrD,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACvD,MAAM,OAAO,GAAG,IAAI,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC,UAAU,EAAE,CAAC;QACjG,MAAM,gBAAgB,GAAG,OAAO,CAAC,GAAG,CAClC,IAAI,CAAC,kBAAkB,EACvB,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,CACzD,CAAC,SAAS,EAAE,CAAC;QAEd,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE;YACjD,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;YAC1B,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC,CAAC;QACpD,CAAC,EAAE;YACD,YAAY,EAAE,QAAQ;YACtB,2EAA2E;YAC3E,gEAAgE;YAChE,gCAAgC;YAChC,MAAM,EAAE,gBAAgB;SACzB,CAAC,CAAC;QACH,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,cAAc,EAAE,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,iBAAiB,CAAC,CAAC;IACnF,CAAC;IApCD,uFAAuF;IACvF,wFAAwF;IACxF,gBAAgB;IACP,IAAI,KAAK,CAAC,KAAQ;QACzB,IAAI,CAAC,kBAAkB,CAAC,SAAS,CAAC,GAAG,EAAE;YACrC,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE;gBAC1B,IAAI,CAAC,gBAAgB,GAAG,IAAI,iBAAiB,CAAI,KAAK,CAAC,CAAC;gBACxD,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,gBAAgB,CAAC;aACzC;iBAAM;gBACL,IAAI,CAAC,gBAAgB,CAAC,KAAK,GAAG,KAAK,CAAC;aACrC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;CA0BF,CAAA;AA1DC;IADC,KAAK,EAAE,EAAE,aAAa,CAAC,EAAE,UAAU,EAAE,gBAAgB,EAAE,CAAC;;+DACE;AAuBlD;IAAR,KAAK,EAAE;;;wDASP;AAES;IAAT,MAAM,EAAE;;gEAA8C;AArC5C,2BAA2B;IADvC,SAAS,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC;;GACf,2BAA2B,CA6DvC;SA7DY,2BAA2B","sourcesContent":["/* tslint:disable:no-input-rename */\nimport { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport {\n  Binding,\n  DebugContext,\n  Dsl,\n  Form,\n  Guard,\n  IMutableValueModel,\n  MutableValueModel,\n  TrackExternal\n} from '@coolon/pectin';\nimport { AbstractInputComponent } from './abstract-input.component';\n\n@Component({ template: '' })\nexport class AbstractValueInputComponent<T> extends AbstractInputComponent<T> implements OnInit {\n\n  @Input() @TrackExternal({ delegateTo: 'formValueModel' })\n  valueModel: Form.ValueModelBase<T> | IMutableValueModel<T>;\n\n  /**\n   * A backing model for all our @Input() valueModel properties which should be defined as follows.\n   *\n   *    @Input() @TrackExternal({useExisting: \"inputModel\"})\n   *    valueModel:  DirtyTrackingForm.ValueModel<string> | IMutableValueModel<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  protected readonly formValueModel = this.registerDisposable(new Form.DelegatingValueModel<T>());\n\n  protected setValueInProgress = new Guard();\n  readonly componentValueModel = new MutableValueModel<T>();\n  // we need this for plain values otherwise our Form.DelegatingValueModel will stay disabled.\n  private plainValueHolder: MutableValueModel<T>;\n\n  // We add support for simple direct display of values by allowing components to be used\n  // by `component.value = ...`  This use of the component without a value model in tables\n  // and the like.\n  @Input() set value(value: T) {\n    this.setValueInProgress.whileTrue(() => {\n      if (!this.plainValueHolder) {\n        this.plainValueHolder = new MutableValueModel<T>(value);\n        this.valueModel = this.plainValueHolder;\n      } else {\n        this.plainValueHolder.value = value;\n      }\n    });\n  }\n\n  @Output() readonly valueChange = new EventEmitter<T>();\n\n  constructor() {\n    super();\n    const { when, chain, valueOf } = Dsl.disposeWith(this);\n    const binding = new Binding.Identity(this.formValueModel, this.componentValueModel).writeRight();\n    const inExternalChange = valueOf.any(\n      this.setValueInProgress,\n      chain(binding.direction).equals(Binding.Direction.RIGHT)\n    ).areTruthy();\n\n    when(this.componentValueModel).changes((is, was) => {\n      this.valueChange.emit(is);\n      this.onValueEditedListeners.fire(l => l(is, was));\n    }, {\n      initialValue: 'ignore',\n      // we never fire events during an external set value operation. This allows\n      // the component to behave when used in the conventional angular\n      // fashion, i.e. [(value)]=\"...\"\n      unless: inExternalChange\n    });\n    DebugContext.tag(this.formValueModel, `${this.constructor.name}.formValueModel`);\n  }\n\n}\n"]}
+{"version":3,"file":"abstract-value-input.component.js","sourceRoot":"","sources":["../../../../../../../libs/angular-ui-powerups/src/lib/components/forms/abstract-value-input.component.ts"],"names":[],"mappings":";AAAA,oCAAoC;AACpC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAU,MAAM,EAAE,MAAM,eAAe,CAAC;AAC/E,OAAO,EACL,OAAO,EACP,YAAY,EACZ,GAAG,EACH,IAAI,EACJ,KAAK,EACL,iBAAiB,EACjB,aAAa,EACd,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAGpE,MAAM,OAAO,2BAA+B,SAAQ,sBAAyB;IAuC3E;QACE,KAAK,EAAE,CAAC;QAnCV;;;;;;;;;WASG;QACD,0FAA0F;QACzE,mBAAc,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,IAAI,CAAC,oBAAoB,EAAK,CAAC,CAAC;QAEtF,uBAAkB,GAAG,IAAI,KAAK,EAAE,CAAC;QAClC,wBAAmB,GAAG,IAAI,iBAAiB,EAAK,CAAC;QAkBvC,gBAAW,GAAG,IAAI,YAAY,EAAK,CAAC;QAIrD,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACvD,MAAM,OAAO,GAAG,IAAI,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC,UAAU,EAAE,CAAC;QACjG,MAAM,gBAAgB,GAAG,OAAO,CAAC,GAAG,CAClC,IAAI,CAAC,kBAAkB,EACvB,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,CACzD,CAAC,SAAS,EAAE,CAAC;QAEd,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE;YACjD,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;YAC1B,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC,CAAC;QACpD,CAAC,EAAE;YACD,YAAY,EAAE,QAAQ;YACtB,2EAA2E;YAC3E,gEAAgE;YAChE,gCAAgC;YAChC,MAAM,EAAE,gBAAgB;SACzB,CAAC,CAAC;QACH,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,cAAc,EAAE,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,iBAAiB,CAAC,CAAC;IACnF,CAAC;IApCD,uFAAuF;IACvF,wFAAwF;IACxF,gBAAgB;IAChB,IAAa,KAAK,CAAC,KAAQ;QACzB,IAAI,CAAC,kBAAkB,CAAC,SAAS,CAAC,GAAG,EAAE;YACrC,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE;gBAC1B,IAAI,CAAC,gBAAgB,GAAG,IAAI,iBAAiB,CAAI,KAAK,CAAC,CAAC;gBACxD,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,gBAAgB,CAAC;aACzC;iBAAM;gBACL,IAAI,CAAC,gBAAgB,CAAC,KAAK,GAAG,KAAK,CAAC;aACrC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;;;YApCF,SAAS,SAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;;;;yBAGxB,KAAK;oBAwBL,KAAK;0BAWL,MAAM;;AAlCP;IADU,aAAa,CAAC,EAAE,UAAU,EAAE,gBAAgB,EAAE,CAAC;;+DACC","sourcesContent":["/* tslint:disable:no-input-rename */\nimport { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport {\n  Binding,\n  DebugContext,\n  Dsl,\n  Form,\n  Guard,\n  MutableValueModel,\n  TrackExternal\n} from '@coolon/pectin';\nimport { AbstractInputComponent } from './abstract-input.component';\n\n@Component({ template: '' })\nexport class AbstractValueInputComponent<T> extends AbstractInputComponent<T> implements OnInit {\n\n  @Input() @TrackExternal({ delegateTo: 'formValueModel' })\n  valueModel: Form.ValueModelBase<T> | MutableValueModel<T>;\n\n  /**\n   * A backing model for all our @Input() valueModel properties which should be defined as follows.\n   *\n   *    @Input() @TrackExternal({useExisting: \"inputModel\"})\n   *    valueModel:  DirtyTrackingForm.ValueModel<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  protected readonly formValueModel = this.registerDisposable(new Form.DelegatingValueModel<T>());\n\n  protected setValueInProgress = new Guard();\n  readonly componentValueModel = new MutableValueModel<T>();\n  // we need this for plain values otherwise our Form.DelegatingValueModel will stay disabled.\n  private plainValueHolder: MutableValueModel<T>;\n\n  // We add support for simple direct display of values by allowing components to be used\n  // by `component.value = ...`  This use of the component without a value model in tables\n  // and the like.\n  @Input() set value(value: T) {\n    this.setValueInProgress.whileTrue(() => {\n      if (!this.plainValueHolder) {\n        this.plainValueHolder = new MutableValueModel<T>(value);\n        this.valueModel = this.plainValueHolder;\n      } else {\n        this.plainValueHolder.value = value;\n      }\n    });\n  }\n\n  @Output() readonly valueChange = new EventEmitter<T>();\n\n  constructor() {\n    super();\n    const { when, chain, valueOf } = Dsl.disposeWith(this);\n    const binding = new Binding.Identity(this.formValueModel, this.componentValueModel).writeRight();\n    const inExternalChange = valueOf.any(\n      this.setValueInProgress,\n      chain(binding.direction).equals(Binding.Direction.RIGHT)\n    ).areTruthy();\n\n    when(this.componentValueModel).changes((is, was) => {\n      this.valueChange.emit(is);\n      this.onValueEditedListeners.fire(l => l(is, was));\n    }, {\n      initialValue: 'ignore',\n      // we never fire events during an external set value operation. This allows\n      // the component to behave when used in the conventional angular\n      // fashion, i.e. [(value)]=\"...\"\n      unless: inExternalChange\n    });\n    DebugContext.tag(this.formValueModel, `${this.constructor.name}.formValueModel`);\n  }\n\n}\n"]}

package/esm2015/lib/components/forms/abstract-value-input.component.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"AbstractValueInputComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./abstract-input.component","name":"AbstractInputComponent","line":15,"character":52},"arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"template":""}]}],"members":{"valueModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":17,"character":12},"arguments":[{"delegateTo":"formValueModel"}]}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":52,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"AbstractValueInputComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./abstract-input.component","name":"AbstractInputComponent","line":14,"character":52},"arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"template":""}]}],"members":{"valueModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":16,"character":12},"arguments":[{"delegateTo":"formValueModel"}]}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":51,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}]}}}}]

package/esm2015/lib/components/forms/abstract-value-input.component.ngfactory.js.map

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

package/esm2015/lib/components/forms/autocomplete-input/autocomplete-input.component.js

@@ -9,7 +9,7 @@ import { AbstractValueInputComponent } from '../abstract-value-input.component';
  *   <ng-template #nilOptionTemplate let-option>{{option.thePropertyYouWant}}</ng-template>
  * </aup-autocomplete-input>
  */
-let AutocompleteInputComponent = class AutocompleteInputComponent extends AbstractValueInputComponent {
+export class AutocompleteInputComponent extends AbstractValueInputComponent {
     constructor() {
         super();
         this.filterValue = new MutableValueModel();
@@ -33,38 +33,29 @@ let AutocompleteInputComponent = class AutocompleteInputComponent extends Abstra
     onSelect($event) {
         this.valueModel.value = $event.option.value;
     }
+}
+AutocompleteInputComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'aup-autocomplete-input',
+                template: "<mat-form-field appearance=\"standard\" [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <input type=\"string\"\n         matInput\n         [matAutocomplete]=\"autocomplete\"\n         placeholder=\"{{placeholder}}\"\n         [ngModel]=\"componentValueModel.value\"\n         (ngModelChange)=\"updateFilter($event)\"\n         [disabled]=\"!enabled.value\"\n         (keydown.enter)=\"notifyEnterKey()\"\n         (keydown.escape)=\"notifyEscapeKey()\"\n         [pectinFocusBinding]=\"focusContext\"\n         [errorStateMatcher]=\"errorStateMatcher\"\n  >\n  <mat-autocomplete #autocomplete [displayWith]=\"optionLabelFormat\" [autoActiveFirstOption]=\"true\" (optionSelected)=\"onSelect($event)\">\n    <mat-option *ngFor=\"let option of filteredOptions.value; let i = index\"\n                [value]=\"option\"\n    >{{formatOption(option)}}</mat-option>\n        <mat-option *ngIf=\"allowNil\">{{placeholder}}</mat-option>\n  </mat-autocomplete>\n\n  <mat-hint *ngIf=\"showHint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n</mat-form-field>\n",
+                styles: [":host{display:inline-block}mat-form-field{width:100%}"]
+            },] }
+];
+AutocompleteInputComponent.ctorParameters = () => [];
+AutocompleteInputComponent.propDecorators = {
+    optionsModel: [{ type: Input }],
+    options: [{ type: Input }],
+    optionLabel: [{ type: Input }],
+    allowNil: [{ type: Input }],
+    nilOptionTemplateRef: [{ type: ContentChild, args: ['nilOptionTemplate',] }],
+    optionLabelFormat: [{ type: Input }]
 };
 __decorate([
-    Input(), TrackExternal(),
+    TrackExternal(),
     __metadata("design:type", ListModel)
 ], AutocompleteInputComponent.prototype, "optionsModel", void 0);
 __decorate([
-    Input(), StoreInListModel('optionsModel'),
+    StoreInListModel('optionsModel'),
     __metadata("design:type", Array)
 ], AutocompleteInputComponent.prototype, "options", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], AutocompleteInputComponent.prototype, "optionLabel", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Boolean)
-], AutocompleteInputComponent.prototype, "allowNil", void 0);
-__decorate([
-    ContentChild('nilOptionTemplate'),
-    __metadata("design:type", TemplateRef)
-], AutocompleteInputComponent.prototype, "nilOptionTemplateRef", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Function)
-], AutocompleteInputComponent.prototype, "optionLabelFormat", void 0);
-AutocompleteInputComponent = __decorate([
-    Component({
-        selector: 'aup-autocomplete-input',
-        template: "<mat-form-field appearance=\"standard\" [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <input type=\"string\"\n         matInput\n         [matAutocomplete]=\"autocomplete\"\n         placeholder=\"{{placeholder}}\"\n         [ngModel]=\"componentValueModel.value\"\n         (ngModelChange)=\"updateFilter($event)\"\n         [disabled]=\"!enabled.value\"\n         (keydown.enter)=\"notifyEnterKey()\"\n         (keydown.escape)=\"notifyEscapeKey()\"\n         [pectinFocusBinding]=\"focusContext\"\n         [errorStateMatcher]=\"errorStateMatcher\"\n  >\n  <mat-autocomplete #autocomplete [displayWith]=\"optionLabelFormat\" [autoActiveFirstOption]=\"true\" (optionSelected)=\"onSelect($event)\">\n    <mat-option *ngFor=\"let option of filteredOptions.value; let i = index\"\n                [value]=\"option\"\n    >{{formatOption(option)}}</mat-option>\n        <mat-option *ngIf=\"allowNil\">{{placeholder}}</mat-option>\n  </mat-autocomplete>\n\n  <mat-hint *ngIf=\"showHint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n</mat-form-field>\n",
-        styles: [":host{display:inline-block}mat-form-field{width:100%}"]
-    }),
-    __metadata("design:paramtypes", [])
-], AutocompleteInputComponent);
-export { AutocompleteInputComponent };
 //# sourceMappingURL=autocomplete-input.component.js.map