@coolon/angular-ui-powerups 12.4.0-alpha.39 → 12.4.0-alpha.4

package/esm2015/lib/components/cards/card-stack/card-stack.component.js

@@ -1,72 +0,0 @@
-import { Component } from '@angular/core';
-import { AbstractCardContainerComponent } from '../abstract-card-container.component';
-/**
- * @example
- * // basic usage
- * <aup-card-stack>
- *   <my-card *ngFor="..."></my-card>
- * </aup-card-stack>
- *
- * // adds an add button with a the '+' icon to the end of the card list.
- * <aup-card-stack [addCardCommand]="addCard">
- *   <my-card *ngFor="..."></my-card>
- * </aup-card-stack>
- *
- * // adds an add button with the specified face
- * <aup-card-stack [addCardCommand]="addCard" [addCardFace]="i18n.addCard" >
- *   <my-card *ngFor="..."></my-card>
- * </aup-card-stack>
- *
- * // use the aup-add-card-activity to display as the new card place holder and to run
- * // the activity inside teh card
- * <aup-card-stack [addCardCommand]="addCard" [addCardFace]="i18n.addCard" >
- *   <my-card *ngFor="..."></my-card>
- *   <aup-add-card-activity type="inline" renderAs="card" [face]="i18n.commands.addModal" [activityClass]="AddCardActivity"></aup-add-card-activity>
- * </aup-card-stack>
- *
- * // adds an add card component using the specified template.  The template
- * // will fill it's container in the grid.
- * <aup-card-stack>
- *   <my-card *ngFor="..."></my-card>
- *   <ng-template #addCardTemplate>
- *     <div>This is a new card template, it will the the size of the other cards.</div>
- *   </ng-template>
- * </aup-card-stack>
- *
- * // sing the default new card styles for your template
- * @import "../../../../assets/styles";
- * .my-new-card {
- *   @include aup-card-stack-new-card-style();
- *   // OR
- *   @include aup-card-stack-new-card-style(
- *      $color: rgba(0,0,0,0.54),
- *      $background-color: rgba(255,255,255,0.8),
- *      $hover-color: $color,
- *      $background-hover-color: white
- *   )
- * }
- * <aup-card-stack>
- *   <my-card *ngFor="..."></my-card>
- *   <ng-template #addCardTemplate>
- *     <div class="my-new-card" >This is a new card template, it will the the size of the other cards.</div>
- *   </ng-template>
- * </aup-card-stack>
- *
- * // CSS Vars
- * aup-card-stack {
- *   --card-gap: var(--card-gap, 16px);
- *   --card-height: var(--card-height, auto);
- *   --card-min-height: var(--card-min-height, auto);
- *   --card-background: var(--card-background, #fcfcfb);
- * }
- */
-export class CardStackComponent extends AbstractCardContainerComponent {
-}
-CardStackComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'aup-card-stack',
-                template: "<div class=\"card-container\">\n  <ng-content></ng-content>\n</div>\n<div class=\"footer\">\n  <div class=\"add-card-container\" *ngIf=\"addCardCommand.enabled.value\" [pectinCommand]=\"addCardCommand\">\n    <aup-command-face *ngIf=\"addCardFace\" [faces]=\"[addCardFace]\"></aup-command-face>\n    <aup-icon *ngIf=\"!addCardFace\" icon=\"mat:add\"></aup-icon>\n  </div>\n\n  <div class=\"add-card-template\" *ngIf=\"addCardTemplate\">\n    <ng-container [ngTemplateOutlet]=\"addCardTemplate\"></ng-container>\n  </div>\n  <ng-content select=\"[aup-card-stack-footer]\"></ng-content>\n</div>\n",
-                styles: [":host{--resolved-card-gap:var(--card-gap,16px);--resolved-card-height:var(--card-height,auto);--resolved-card-min-height:var(--card-min-height,auto);--resolved-card-background:var(--card-background,#fcfcfb);flex:1;display:block;background:var(--resolved-card-background)}.card-container{display:grid;grid-template-columns:1fr;grid-auto-rows:minmax(var(--resolved-card-min-height),var(--resolved-card-height));grid-gap:var(--resolved-card-gap);box-sizing:border-box;padding:var(--resolved-card-gap);max-width:100%}.footer{align-items:stretch;padding:0 var(--resolved-card-gap) var(--resolved-card-gap)}.add-card-container,.footer{display:flex;flex-direction:column}.add-card-container{width:var(--resolved-card-width);height:var(--resolved-card-height);min-height:var(--resolved-card-min-height);align-items:center;justify-content:center;box-sizing:border-box;border:2px dashed rgba(0,0,0,.1);border-radius:6px;font-weight:300;cursor:pointer;color:rgba(0,0,0,.54);background-color:hsla(0,0%,100%,.8);transition:all .28s cubic-bezier(.4,0,.2,1)}.add-card-container mat-icon{font-size:200%}.add-card-container:hover{transition:box-shadow .28s cubic-bezier(.4,0,.2,1);transition:all .28s cubic-bezier(.4,0,.2,1);border-color:transparent;background-color:#fff;color:rgba(0,0,0,.54)}.add-card-container:hover:hover{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.add-card-template-container{width:var(--resolved-card-width);height:var(--resolved-card-height);display:flex;flex-direction:column;align-items:stretch;justify-content:stretch}"]
-            },] }
-];
-//# sourceMappingURL=card-stack.component.js.map

package/esm2015/lib/components/cards/card-stack/card-stack.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"card-stack.component.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/components/cards/card-stack/card-stack.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAyD,MAAM,eAAe,CAAC;AAKjG,OAAO,EAAE,8BAA8B,EAAE,MAAM,sCAAsC,CAAC;AAEtF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2DG;AAMH,MAAM,OAAO,kBAAmB,SAAQ,8BAA8B;;;YALrE,SAAS,SAAC;gBACT,QAAQ,EAAE,gBAAgB;gBAC1B,8lBAA0C;;aAE3C","sourcesContent":["import { Component, ContentChild, HostBinding, Input, OnInit, TemplateRef } from '@angular/core';\nimport { Command, TrackExternal } from '@coolon/pectin';\nimport { Enum } from 'typescript-string-enums';\nimport { CommandFace } from '../../commands/command-face';\nimport { DisposableComponent } from '../../disposable-component';\nimport { AbstractCardContainerComponent } from '../abstract-card-container.component';\n\n/**\n * @example\n * // basic usage\n * <aup-card-stack>\n *   <my-card *ngFor=\"...\"></my-card>\n * </aup-card-stack>\n *\n * // adds an add button with a the '+' icon to the end of the card list.\n * <aup-card-stack [addCardCommand]=\"addCard\">\n *   <my-card *ngFor=\"...\"></my-card>\n * </aup-card-stack>\n *\n * // adds an add button with the specified face\n * <aup-card-stack [addCardCommand]=\"addCard\" [addCardFace]=\"i18n.addCard\" >\n *   <my-card *ngFor=\"...\"></my-card>\n * </aup-card-stack>\n *\n * // use the aup-add-card-activity to display as the new card place holder and to run\n * // the activity inside teh card\n * <aup-card-stack [addCardCommand]=\"addCard\" [addCardFace]=\"i18n.addCard\" >\n *   <my-card *ngFor=\"...\"></my-card>\n *   <aup-add-card-activity type=\"inline\" renderAs=\"card\" [face]=\"i18n.commands.addModal\" [activityClass]=\"AddCardActivity\"></aup-add-card-activity>\n * </aup-card-stack>\n *\n * // adds an add card component using the specified template.  The template\n * // will fill it's container in the grid.\n * <aup-card-stack>\n *   <my-card *ngFor=\"...\"></my-card>\n *   <ng-template #addCardTemplate>\n *     <div>This is a new card template, it will the the size of the other cards.</div>\n *   </ng-template>\n * </aup-card-stack>\n *\n * // sing the default new card styles for your template\n * @import \"../../../../assets/styles\";\n * .my-new-card {\n *   @include aup-card-stack-new-card-style();\n *   // OR\n *   @include aup-card-stack-new-card-style(\n *      $color: rgba(0,0,0,0.54),\n *      $background-color: rgba(255,255,255,0.8),\n *      $hover-color: $color,\n *      $background-hover-color: white\n *   )\n * }\n * <aup-card-stack>\n *   <my-card *ngFor=\"...\"></my-card>\n *   <ng-template #addCardTemplate>\n *     <div class=\"my-new-card\" >This is a new card template, it will the the size of the other cards.</div>\n *   </ng-template>\n * </aup-card-stack>\n *\n * // CSS Vars\n * aup-card-stack {\n *   --card-gap: var(--card-gap, 16px);\n *   --card-height: var(--card-height, auto);\n *   --card-min-height: var(--card-min-height, auto);\n *   --card-background: var(--card-background, #fcfcfb);\n * }\n */\n@Component({\n  selector: 'aup-card-stack',\n  templateUrl: './card-stack.component.html',\n  styleUrls: ['./card-stack.component.scss']\n})\nexport class CardStackComponent extends AbstractCardContainerComponent{\n\n}\n"]}

package/esm2015/lib/components/cards/card-stack/card-stack.component.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"CardStackComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../abstract-card-container.component","name":"AbstractCardContainerComponent","line":72,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":67,"character":1},"arguments":[{"selector":"aup-card-stack","template":"<div class=\"card-container\">\n  <ng-content></ng-content>\n</div>\n<div class=\"footer\">\n  <div class=\"add-card-container\" *ngIf=\"addCardCommand.enabled.value\" [pectinCommand]=\"addCardCommand\">\n    <aup-command-face *ngIf=\"addCardFace\" [faces]=\"[addCardFace]\"></aup-command-face>\n    <aup-icon *ngIf=\"!addCardFace\" icon=\"mat:add\"></aup-icon>\n  </div>\n\n  <div class=\"add-card-template\" *ngIf=\"addCardTemplate\">\n    <ng-container [ngTemplateOutlet]=\"addCardTemplate\"></ng-container>\n  </div>\n  <ng-content select=\"[aup-card-stack-footer]\"></ng-content>\n</div>\n","styles":[":host{--resolved-card-gap:var(--card-gap,16px);--resolved-card-height:var(--card-height,auto);--resolved-card-min-height:var(--card-min-height,auto);--resolved-card-background:var(--card-background,#fcfcfb);flex:1;display:block;background:var(--resolved-card-background)}.card-container{display:grid;grid-template-columns:1fr;grid-auto-rows:minmax(var(--resolved-card-min-height),var(--resolved-card-height));grid-gap:var(--resolved-card-gap);box-sizing:border-box;padding:var(--resolved-card-gap);max-width:100%}.footer{align-items:stretch;padding:0 var(--resolved-card-gap) var(--resolved-card-gap)}.add-card-container,.footer{display:flex;flex-direction:column}.add-card-container{width:var(--resolved-card-width);height:var(--resolved-card-height);min-height:var(--resolved-card-min-height);align-items:center;justify-content:center;box-sizing:border-box;border:2px dashed rgba(0,0,0,.1);border-radius:6px;font-weight:300;cursor:pointer;color:rgba(0,0,0,.54);background-color:hsla(0,0%,100%,.8);transition:all .28s cubic-bezier(.4,0,.2,1)}.add-card-container mat-icon{font-size:200%}.add-card-container:hover{transition:box-shadow .28s cubic-bezier(.4,0,.2,1);transition:all .28s cubic-bezier(.4,0,.2,1);border-color:transparent;background-color:#fff;color:rgba(0,0,0,.54)}.add-card-container:hover:hover{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.add-card-template-container{width:var(--resolved-card-width);height:var(--resolved-card-height);display:flex;flex-direction:column;align-items:stretch;justify-content:stretch}"]}]}]}}}]

package/esm2015/lib/components/cards/card-stack/card-stack.component.ngfactory.js.map

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

package/esm2015/lib/components/cards/card-stack/card-stack.component.scss.shim.ngstyle.js.map

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

package/esm2015/lib/components/labelled-value/labelled-value.component.js

@@ -1,22 +0,0 @@
-import { Component, Input } from '@angular/core';
-import { DisposableComponent } from '../disposable-component';
-export class LabelledValueComponent extends DisposableComponent {
-    constructor() {
-        super();
-        // const {chain} = Dsl.disposeWith(this);
-    }
-    ngOnInit() {
-    }
-}
-LabelledValueComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'aup-labelled-value',
-                template: "<label>{{label}}</label>\n<ng-content></ng-content>\n",
-                styles: [":host{display:inline-flex;flex-direction:column;align-items:flex-start}label{font-weight:400;font-size:12px;color:rgba(0,0,0,.57);margin-bottom:6px;white-space:nowrap}"]
-            },] }
-];
-LabelledValueComponent.ctorParameters = () => [];
-LabelledValueComponent.propDecorators = {
-    label: [{ type: Input }]
-};
-//# sourceMappingURL=labelled-value.component.js.map

package/esm2015/lib/components/labelled-value/labelled-value.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"labelled-value.component.js","sourceRoot":"","sources":["../../../../../../../libs/angular-ui-powerups/src/lib/components/labelled-value/labelled-value.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAU,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAO9D,MAAM,OAAO,sBAAuB,SAAQ,mBAAmB;IAO7D;QACE,KAAK,EAAE,CAAC;QACR,yCAAyC;IAC3C,CAAC;IAED,QAAQ;IACR,CAAC;;;YAlBF,SAAS,SAAC;gBACT,QAAQ,EAAE,oBAAoB;gBAC9B,iEAA8C;;aAE/C;;;;oBAKE,KAAK","sourcesContent":["import { Component, Input, OnInit } from '@angular/core';\nimport { DisposableComponent } from '../disposable-component';\n\n@Component({\n  selector: 'aup-labelled-value',\n  templateUrl: './labelled-value.component.html',\n  styleUrls: ['./labelled-value.component.scss']\n})\nexport class LabelledValueComponent extends DisposableComponent implements OnInit {\n\n  // readonly i18n = I18nMarsUi.components.layout.valueDisplay;\n\n  @Input()\n  label: string;\n\n  constructor() {\n    super();\n    // const {chain} = Dsl.disposeWith(this);\n  }\n\n  ngOnInit(): void {\n  }\n\n}\n"]}

package/esm2015/lib/components/labelled-value/labelled-value.component.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"LabelledValueComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../disposable-component","name":"DisposableComponent","line":8,"character":44},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"aup-labelled-value","template":"<label>{{label}}</label>\n<ng-content></ng-content>\n","styles":[":host{display:inline-flex;flex-direction:column;align-items:flex-start}label{font-weight:400;font-size:12px;color:rgba(0,0,0,.57);margin-bottom:6px;white-space:nowrap}"]}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}}}}]

package/esm2015/lib/components/labelled-value/labelled-value.component.ngfactory.js.map

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

package/esm2015/lib/interaction/components/add-card-activity/add-card-activity.component.js

@@ -1,75 +0,0 @@
-import { Component, HostBinding, Input, ViewChild } from '@angular/core';
-import { Dsl } from '@coolon/pectin';
-import { Enum } from 'typescript-string-enums';
-import { InteractionService } from '../../services/interaction.service';
-import { AbstractActivityTriggerComponent } from '../activity-triggers/abstract-activity-trigger.component';
-import { InPlaceInteractionContextComponent } from '../inplace-interaction-context/in-place-interaction-context.component';
-/**
- *
- */
-export class AddCardActivityComponent extends AbstractActivityTriggerComponent {
-    constructor(interactionService) {
-        super();
-        this.interactionStyle = AddCardActivityComponent.InteractionType.MODAL;
-        this.renderAs = AddCardActivityComponent.RenderAs.CARD;
-        const { chain } = Dsl.disposeWith(this);
-        this.modalInteractionContext = interactionService.createModalInteractionContextDisposedWith(this);
-        this.faceList = chain(this.faceModel).mapToList(face => [face]);
-    }
-    get renderAsClass() {
-        return `render-as-${this.renderAs}`;
-    }
-    get activityTypeClass() {
-        return `${this.interactionStyle}-activity`;
-    }
-    isRenderAsCard() {
-        return this.renderAs === 'card';
-    }
-    isRenderAsButton() {
-        return this.renderAs === 'button';
-    }
-    ngOnInit() {
-    }
-    get interactionContext() {
-        switch (this.interactionStyle) {
-            case 'inline':
-                return this.inlineInteractionContext;
-            default:
-                return this.modalInteractionContext;
-        }
-    }
-    isModal() {
-        return this.interactionStyle === 'modal';
-    }
-    isInline() {
-        return this.interactionStyle === 'inline';
-    }
-}
-AddCardActivityComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'aup-add-card-activity',
-                template: "<aup-in-place-interaction-context [animateFirstActivity]=\"false\" [pectinCommand]=\"startActivityCommand\">\n  <aup-command *ngIf=\"isRenderAsButton()\" [command]=\"startActivityCommand\" [faceModel]=\"faceModel\" [alignFace]=\"alignFace\"></aup-command>\n  <section *ngIf=\"isRenderAsCard()\" class=\"face-wrapper\">\n    <aup-command-face class=\"mat-button\" [faces]=\"faceList.value\"></aup-command-face>\n  </section>\n</aup-in-place-interaction-context>\n",
-                styles: [":host{display:flex;flex-direction:column;align-items:stretch;background-color:#fff}:host[interactionStyle=inline][renderas=card]:not(.active){box-sizing:border-box;border:2px dashed rgba(0,0,0,.1);border-radius:6px;font-weight:300;cursor:pointer;color:rgba(0,0,0,.54);background-color:hsla(0,0%,100%,.8);transition:all .28s cubic-bezier(.4,0,.2,1)}:host[interactionStyle=inline][renderas=card]:not(.active):hover{transition:box-shadow .28s cubic-bezier(.4,0,.2,1);transition:all .28s cubic-bezier(.4,0,.2,1);border-color:transparent;background-color:#fff;color:rgba(0,0,0,.54)}:host[interactionStyle=inline][renderas=card]:not(.active):hover:hover{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}:host[interactionStyle=modal][renderas=card]{box-sizing:border-box;border:2px dashed rgba(0,0,0,.1);border-radius:6px;font-weight:300;cursor:pointer;color:rgba(0,0,0,.54);background-color:hsla(0,0%,100%,.8);transition:all .28s cubic-bezier(.4,0,.2,1)}:host[interactionStyle=modal][renderas=card]:hover{transition:box-shadow .28s cubic-bezier(.4,0,.2,1);transition:all .28s cubic-bezier(.4,0,.2,1);border-color:transparent;background-color:#fff;color:rgba(0,0,0,.54)}:host[interactionStyle=modal][renderas=card]:hover:hover{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}section.face-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}aup-in-place-interaction-context{flex:1}aup-in-place-interaction-context.active{border:3px solid #6273c7;border-radius:4px;overflow:hidden}"]
-            },] }
-];
-AddCardActivityComponent.ctorParameters = () => [
-    { type: InteractionService }
-];
-AddCardActivityComponent.propDecorators = {
-    inlineInteractionContext: [{ type: ViewChild, args: [InPlaceInteractionContextComponent, { static: true },] }],
-    interactionStyle: [{ type: Input }],
-    renderAs: [{ type: Input }, { type: HostBinding, args: ['class',] }],
-    renderAsClass: [{ type: HostBinding, args: ['class',] }],
-    activityTypeClass: [{ type: HostBinding, args: ['class',] }]
-};
-(function (AddCardActivityComponent) {
-    AddCardActivityComponent.InteractionType = Enum({
-        MODAL: 'modal',
-        INLINE: 'inline'
-    });
-    AddCardActivityComponent.RenderAs = Enum({
-        CARD: 'card',
-        BUTTON: 'button'
-    });
-})(AddCardActivityComponent || (AddCardActivityComponent = {}));
-//# sourceMappingURL=add-card-activity.component.js.map

package/esm2015/lib/interaction/components/add-card-activity/add-card-activity.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"add-card-activity.component.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/interaction/components/add-card-activity/add-card-activity.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAU,SAAS,EAAE,MAAM,eAAe,CAAC;AACjF,OAAO,EAAE,GAAG,EAAkB,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAG/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,gCAAgC,EAAE,MAAM,0DAA0D,CAAC;AAC5G,OAAO,EAAE,kCAAkC,EAAE,MAAM,uEAAuE,CAAC;AAE3H;;GAEG;AAMH,MAAM,OAAO,wBAAyB,SAAQ,gCAAgC;IAkC5E,YAAY,kBAAsC;QAChD,KAAK,EAAE,CAAC;QA3BV,qBAAgB,GAA6C,wBAAwB,CAAC,eAAe,CAAC,KAAK,CAAC;QAI5G,aAAQ,GAAsC,wBAAwB,CAAC,QAAQ,CAAC,IAAI,CAAC;QAwBnF,MAAM,EAAE,KAAK,EAAE,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACxC,IAAI,CAAC,uBAAuB,GAAG,kBAAkB,CAAC,yCAAyC,CAAC,IAAI,CAAC,CAAC;QAClG,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;IAClE,CAAC;IAvBD,IACI,aAAa;QACf,OAAO,aAAa,IAAI,CAAC,QAAQ,EAAE,CAAC;IACtC,CAAC;IAED,IACI,iBAAiB;QACnB,OAAO,GAAG,IAAI,CAAC,gBAAgB,WAAW,CAAC;IAC7C,CAAC;IAED,cAAc;QACZ,OAAO,IAAI,CAAC,QAAQ,KAAK,MAAM,CAAC;IAClC,CAAC;IAED,gBAAgB;QACd,OAAO,IAAI,CAAC,QAAQ,KAAK,QAAQ,CAAC;IACpC,CAAC;IASD,QAAQ;IACR,CAAC;IAED,IAAI,kBAAkB;QACpB,QAAQ,IAAI,CAAC,gBAAgB,EAAE;YAC7B,KAAK,QAAQ;gBACX,OAAO,IAAI,CAAC,wBAAwB,CAAC;YACvC;gBACE,OAAO,IAAI,CAAC,uBAAuB,CAAC;SACvC;IACH,CAAC;IAED,OAAO;QACL,OAAO,IAAI,CAAC,gBAAgB,KAAK,OAAO,CAAC;IAC3C,CAAC;IAED,QAAQ;QACN,OAAO,IAAI,CAAC,gBAAgB,KAAK,QAAQ,CAAC;IAC5C,CAAC;;;YAhEF,SAAS,SAAC;gBACT,QAAQ,EAAE,uBAAuB;gBACjC,0dAAiD;;aAElD;;;YAXQ,kBAAkB;;;uCAgBxB,SAAS,SAAC,kCAAkC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;+BAG9D,KAAK;uBAGL,KAAK,YACL,WAAW,SAAC,OAAO;4BAKnB,WAAW,SAAC,OAAO;gCAKnB,WAAW,SAAC,OAAO;;AA2CtB,WAAiB,wBAAwB;IAC1B,wCAAe,GAAG,IAAI,CAAC;QAClC,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,QAAQ;KACjB,CAAC,CAAC;IAEU,iCAAQ,GAAG,IAAI,CAAC;QAC3B,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,QAAQ;KACjB,CAAC,CAAC;AAEL,CAAC,EAXgB,wBAAwB,KAAxB,wBAAwB,QAWxC","sourcesContent":["import { Component, HostBinding, Input, OnInit, ViewChild } from '@angular/core';\nimport { Dsl, ListModelChain } from '@coolon/pectin';\nimport { Enum } from 'typescript-string-enums';\nimport { CommandFace } from '../../../components/commands/command-face';\nimport { InteractionContext } from '../../interaction-context';\nimport { InteractionService } from '../../services/interaction.service';\nimport { AbstractActivityTriggerComponent } from '../activity-triggers/abstract-activity-trigger.component';\nimport { InPlaceInteractionContextComponent } from '../inplace-interaction-context/in-place-interaction-context.component';\n\n/**\n *\n */\n@Component({\n  selector: 'aup-add-card-activity',\n  templateUrl: './add-card-activity.component.html',\n  styleUrls: ['./add-card-activity.component.scss']\n})\nexport class AddCardActivityComponent extends AbstractActivityTriggerComponent implements OnInit {\n\n  private modalInteractionContext: InteractionContext;\n\n  @ViewChild(InPlaceInteractionContextComponent, { static: true })\n  inlineInteractionContext: InteractionContext;\n\n  @Input()\n  interactionStyle: AddCardActivityComponent.InteractionType = AddCardActivityComponent.InteractionType.MODAL;\n\n  @Input()\n  @HostBinding('class')\n  renderAs: AddCardActivityComponent.RenderAs = AddCardActivityComponent.RenderAs.CARD;\n\n  readonly faceList: ListModelChain<CommandFace>;\n\n  @HostBinding('class')\n  get renderAsClass() {\n    return `render-as-${this.renderAs}`;\n  }\n\n  @HostBinding('class')\n  get activityTypeClass() {\n    return `${this.interactionStyle}-activity`;\n  }\n\n  isRenderAsCard(): boolean {\n    return this.renderAs === 'card';\n  }\n\n  isRenderAsButton(): boolean {\n    return this.renderAs === 'button';\n  }\n\n  constructor(interactionService: InteractionService) {\n    super();\n    const { chain } = Dsl.disposeWith(this);\n    this.modalInteractionContext = interactionService.createModalInteractionContextDisposedWith(this);\n    this.faceList = chain(this.faceModel).mapToList(face => [face]);\n  }\n\n  ngOnInit(): void {\n  }\n\n  get interactionContext(): InteractionContext {\n    switch (this.interactionStyle) {\n      case 'inline':\n        return this.inlineInteractionContext;\n      default:\n        return this.modalInteractionContext;\n    }\n  }\n\n  isModal() {\n    return this.interactionStyle === 'modal';\n  }\n\n  isInline() {\n    return this.interactionStyle === 'inline';\n  }\n\n\n}\n\nexport namespace AddCardActivityComponent {\n  export const InteractionType = Enum({\n    MODAL: 'modal',\n    INLINE: 'inline'\n  });\n  export type InteractionType = Enum<typeof InteractionType>;\n  export const RenderAs = Enum({\n    CARD: 'card',\n    BUTTON: 'button'\n  });\n  export type RenderAs = Enum<typeof RenderAs>;\n}\n"]}

package/esm2015/lib/interaction/components/add-card-activity/add-card-activity.component.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"AddCardActivityComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../activity-triggers/abstract-activity-trigger.component","name":"AbstractActivityTriggerComponent","line":17,"character":46},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"aup-add-card-activity","template":"<aup-in-place-interaction-context [animateFirstActivity]=\"false\" [pectinCommand]=\"startActivityCommand\">\n  <aup-command *ngIf=\"isRenderAsButton()\" [command]=\"startActivityCommand\" [faceModel]=\"faceModel\" [alignFace]=\"alignFace\"></aup-command>\n  <section *ngIf=\"isRenderAsCard()\" class=\"face-wrapper\">\n    <aup-command-face class=\"mat-button\" [faces]=\"faceList.value\"></aup-command-face>\n  </section>\n</aup-in-place-interaction-context>\n","styles":[":host{display:flex;flex-direction:column;align-items:stretch;background-color:#fff}:host[interactionStyle=inline][renderas=card]:not(.active){box-sizing:border-box;border:2px dashed rgba(0,0,0,.1);border-radius:6px;font-weight:300;cursor:pointer;color:rgba(0,0,0,.54);background-color:hsla(0,0%,100%,.8);transition:all .28s cubic-bezier(.4,0,.2,1)}:host[interactionStyle=inline][renderas=card]:not(.active):hover{transition:box-shadow .28s cubic-bezier(.4,0,.2,1);transition:all .28s cubic-bezier(.4,0,.2,1);border-color:transparent;background-color:#fff;color:rgba(0,0,0,.54)}:host[interactionStyle=inline][renderas=card]:not(.active):hover:hover{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}:host[interactionStyle=modal][renderas=card]{box-sizing:border-box;border:2px dashed rgba(0,0,0,.1);border-radius:6px;font-weight:300;cursor:pointer;color:rgba(0,0,0,.54);background-color:hsla(0,0%,100%,.8);transition:all .28s cubic-bezier(.4,0,.2,1)}:host[interactionStyle=modal][renderas=card]:hover{transition:box-shadow .28s cubic-bezier(.4,0,.2,1);transition:all .28s cubic-bezier(.4,0,.2,1);border-color:transparent;background-color:#fff;color:rgba(0,0,0,.54)}:host[interactionStyle=modal][renderas=card]:hover:hover{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}section.face-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}aup-in-place-interaction-context{flex:1}aup-in-place-interaction-context.active{border:3px solid #6273c7;border-radius:4px;overflow:hidden}"]}]}],"members":{"inlineInteractionContext":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":21,"character":3},"arguments":[{"__symbolic":"reference","module":"../inplace-interaction-context/in-place-interaction-context.component","name":"InPlaceInteractionContextComponent","line":21,"character":13},{"static":true}]}]}],"interactionStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"renderAs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":28,"character":3},"arguments":["class"]}]}],"renderAsClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":33,"character":3},"arguments":["class"]}]}],"activityTypeClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":38,"character":3},"arguments":["class"]}]}],"isRenderAsCard":[{"__symbolic":"method"}],"isRenderAsButton":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../../services/interaction.service","name":"InteractionService","line":51,"character":34}]}],"ngOnInit":[{"__symbolic":"method"}],"isModal":[{"__symbolic":"method"}],"isInline":[{"__symbolic":"method"}]}}}}]

package/esm2015/lib/interaction/components/add-card-activity/add-card-activity.component.ngfactory.js.map

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

package/esm2015/lib/interaction/components/add-card-activity/add-card-activity.component.scss.shim.ngstyle.js.map

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

package/esm2015/lib/interaction/components/editors/edit-context.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=edit-context.js.map

package/esm2015/lib/interaction/components/editors/edit-context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"edit-context.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/interaction/components/editors/edit-context.ts"],"names":[],"mappings":"","sourcesContent":["export interface EditContext<T> {\n  injectError(error: string);\n  // replaceValue(value:T) // TODO: implement..\n}\n"]}

package/esm2015/lib/interaction/components/editors/edit-context.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"EditContext":{"__symbolic":"interface"}}}]

package/esm2015/lib/interaction/components/editors/inline-string-editor/inline-editor-model.js

@@ -1,50 +0,0 @@
-import { DelegatingValueModel, Dsl, GarbageCollector, MutableListModel, MutableValueModel, TrackExternal } from '@coolon/pectin';
-export class InlineEditorModel extends GarbageCollector {
-    constructor(valueModel, saveCallback) {
-        super();
-        this.valueModel = valueModel;
-        this.saveCallback = saveCallback;
-        this.editing = new MutableValueModel(false);
-        this._validators = new MutableListModel();
-        this._editingEnabled = this.registerDisposable(new DelegatingValueModel().withDefault(true));
-        const { when } = Dsl.disposeWith(this);
-        when(this.editingEnabled).becomesFalsey(() => this.cancelEdit());
-    }
-    get editingEnabled() {
-        return this._editingEnabled.readonly;
-    }
-    disableWhile(condition) {
-        const { chain } = Dsl.disposeWith(this);
-        this.enableWhile(chain(condition).isFalsey());
-        return this;
-    }
-    enableWhile(condition) {
-        this._editingEnabled.setDelegate(condition);
-        return this;
-    }
-    get validators() {
-        return this._validators.readonly;
-    }
-    validateUsing(validator) {
-        this._validators.push(validator);
-        return this;
-    }
-    ;
-    isEditing() {
-        return this.editing.value;
-    }
-    cancelEdit() {
-        this.editing.value = false;
-    }
-    startEditing() {
-        this.editing.value = true;
-    }
-}
-(function (InlineEditorModel) {
-    function create(valueModel, options) {
-        return new InlineEditorModel(valueModel, options.save);
-    }
-    InlineEditorModel.create = create;
-})(InlineEditorModel || (InlineEditorModel = {}));
-TrackExternal.oneTimeBinding(InlineEditorModel);
-//# sourceMappingURL=inline-editor-model.js.map

package/esm2015/lib/interaction/components/editors/inline-string-editor/inline-editor-model.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"inline-editor-model.js","sourceRoot":"","sources":["../../../../../../../../../libs/angular-ui-powerups/src/lib/interaction/components/editors/inline-string-editor/inline-editor-model.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EACpB,GAAG,EACH,gBAAgB,EAEhB,gBAAgB,EAChB,iBAAiB,EACjB,aAAa,EAGd,MAAM,gBAAgB,CAAC;AAIxB,MAAM,OAAO,iBAAqB,SAAQ,gBAAgB;IAMxD,YAAqB,UAAyB,EAAW,YAA+C;QACtG,KAAK,EAAE,CAAC;QADW,eAAU,GAAV,UAAU,CAAe;QAAW,iBAAY,GAAZ,YAAY,CAAmC;QAJ/F,YAAO,GAAG,IAAI,iBAAiB,CAAU,KAAK,CAAC,CAAC;QACxC,gBAAW,GAAmC,IAAI,gBAAgB,EAAgB,CAAC;QAC5F,oBAAe,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,oBAAoB,EAAW,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC;QAIvG,MAAM,EAAE,IAAI,EAAE,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACvC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,aAAa,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;IACnE,CAAC;IAED,IAAI,cAAc;QAChB,OAAO,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC;IACvC,CAAC;IAED,YAAY,CAAC,SAA8B;QACzC,MAAM,EAAE,KAAK,EAAE,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACxC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC;QAC9C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,WAAW,CAAC,SAA8B;QACxC,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;QAC5C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,UAAU;QACZ,OAAO,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC;IACnC,CAAC;IAED,aAAa,CAAC,SAAuB;QACnC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACjC,OAAO,IAAI,CAAC;IACd,CAAC;IAAA,CAAC;IAGF,SAAS;QACP,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;IAC5B,CAAC;IAED,UAAU;QACR,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC;IAC7B,CAAC;IAED,YAAY;QACV,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC;IAC5B,CAAC;CAEF;AAED,WAAiB,iBAAiB;IAIhC,SAAgB,MAAM,CAAI,UAAyB,EAAE,OAAkC;QACrF,OAAO,IAAI,iBAAiB,CAAI,UAAU,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5D,CAAC;IAFe,wBAAM,SAErB,CAAA;AAEH,CAAC,EARgB,iBAAiB,KAAjB,iBAAiB,QAQjC;AAED,aAAa,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC","sourcesContent":["import {\n  DelegatingValueModel,\n  Dsl,\n  GarbageCollector,\n  ListModel,\n  MutableListModel,\n  MutableValueModel,\n  TrackExternal,\n  Validator,\n  ValueModel\n} from '@coolon/pectin';\nimport { EditContext } from '../edit-context';\n\n\nexport class InlineEditorModel<T> extends GarbageCollector {\n\n  readonly editing = new MutableValueModel<boolean>(false);\n  private readonly _validators: MutableListModel<Validator<T>> = new MutableListModel<Validator<T>>();\n  private _editingEnabled = this.registerDisposable(new DelegatingValueModel<boolean>().withDefault(true));\n\n  constructor(readonly valueModel: ValueModel<T>, readonly saveCallback: InlineEditorModel.SaveCallback<T>) {\n    super();\n    const { when } = Dsl.disposeWith(this);\n    when(this.editingEnabled).becomesFalsey(() => this.cancelEdit());\n  }\n\n  get editingEnabled(): ValueModel<boolean> {\n    return this._editingEnabled.readonly;\n  }\n\n  disableWhile(condition: ValueModel<boolean>): this {\n    const { chain } = Dsl.disposeWith(this);\n    this.enableWhile(chain(condition).isFalsey());\n    return this;\n  }\n\n  enableWhile(condition: ValueModel<boolean>): this {\n    this._editingEnabled.setDelegate(condition);\n    return this;\n  }\n\n  get validators(): ListModel<Validator<T>> {\n    return this._validators.readonly;\n  }\n\n  validateUsing(validator: Validator<T>): this { //}, options?: HasValidators.Options): this {\n    this._validators.push(validator);\n    return this;\n  };\n\n\n  isEditing(): boolean {\n    return this.editing.value;\n  }\n\n  cancelEdit() {\n    this.editing.value = false;\n  }\n\n  startEditing() {\n    this.editing.value = true;\n  }\n\n}\n\nexport namespace InlineEditorModel {\n\n  export type SaveCallback<T> = (value: T, context: EditContext<T>) => void | Promise<void>;\n\n  export function create<T>(valueModel: ValueModel<T>, options: { save: SaveCallback<T> }): InlineEditorModel<T> {\n    return new InlineEditorModel<T>(valueModel, options.save);\n  }\n\n}\n\nTrackExternal.oneTimeBinding(InlineEditorModel);\n"]}

package/esm2015/lib/interaction/components/editors/inline-string-editor/inline-editor-model.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"InlineEditorModel":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@coolon/pectin","name":"GarbageCollector","line":14,"character":42},"arity":1,"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@coolon/pectin","name":"ValueModel","line":20,"character":35,"arguments":[{"__symbolic":"error","message":"Could not resolve type","line":20,"character":46,"context":{"typeName":"T"}}]},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"InlineEditorModel"},"member":"SaveCallback","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":20,"character":104,"context":{"typeName":"T"}}]}]}],"disableWhile":[{"__symbolic":"method"}],"enableWhile":[{"__symbolic":"method"}],"validateUsing":[{"__symbolic":"method"}],"isEditing":[{"__symbolic":"method"}],"cancelEdit":[{"__symbolic":"method"}],"startEditing":[{"__symbolic":"method"}]}}}}]

package/esm2015/lib/interaction/components/editors/inline-string-editor/inline-string-editor.component.js

@@ -1,160 +0,0 @@
-import { __awaiter, __decorate, __metadata } from "tslib";
-import { Component, Input, ViewChild } from '@angular/core';
-import { Command, DelegatingValueModel, Dsl, StoreInValueModel, TrackExternal, ValueModel } from '@coolon/pectin';
-import { lang } from '@coolon/typescript-utilities';
-import * as _ from 'lodash';
-import { DisposableComponent } from '../../../../components/disposable-component';
-import { InteractionService } from '../../../services/interaction.service';
-import { InPlaceInteractionContextComponent } from '../../inplace-interaction-context/in-place-interaction-context.component';
-import { InputActivity } from '../../input-activities/input-activity';
-import { StringInputActivity } from '../../input-activities/string-input-activity';
-import { InlineEditorModel } from './inline-editor-model';
-/**
- * @example
- * const source: ValueModel<string> = ...;
- * const model = InlineEditorModel.create(source, {
- *   save(updated:string, context: EditContext) => {
- *      try {
- *        try and save the thing...
- *      } catch(error) {
- *        context.injectError(error)
- *      }
- * }).validateUsing(Validator.present("We'll need a value");
- *
- * # in the view
- * <aup-inline-string-editor
- *       label="My field"
- *       placeHolder="I'm ready for a string..."
- *       [editorModel]="model"></aup-inline-string-editor>
- */
-export class InlineStringEditorComponent extends DisposableComponent {
-    constructor(interactionService) {
-        super();
-        this.editingEnabled = this.registerDisposable(new DelegatingValueModel());
-        const { chain, when, valueOf } = Dsl.disposeWith(this);
-        const modalIC = interactionService.createModalInteractionContextDisposedWith(this);
-        const resolvedFacesModel = chain(this.facesModel).map(userFaces => {
-            return Object.assign(Object.assign({}, InlineStringEditorComponent.DEFAULT_FACES), userFaces);
-        }, { allowNil: true });
-        this.editFaceModel = resolvedFacesModel.pluck('edit');
-        this.saveFace = resolvedFacesModel.pluck('save');
-        this.cancelFace = resolvedFacesModel.pluck('cancel');
-        const self = this;
-        this.editCommand = Command.create(() => __awaiter(this, void 0, void 0, function* () {
-            this.editorModel.editing.value = true;
-            try {
-                yield this.interactionContext.startActivity(StringInputActivity, this.createInputActivityData());
-            }
-            catch (e) {
-                // don't care if they cancelled, just hiding the console errors
-            }
-            finally {
-                this.editorModel.editing.value = false;
-            }
-        })).enableWhile(this.editingEnabled);
-        this.onDispose(() => this.cancelEdit());
-    }
-    ngOnInit() {
-        // our editor model is a one time binding without delegates so we can only
-        // use it once we've been initialised
-        const { chain, when, valueOf } = Dsl.disposeWith(this);
-        if (!this.editorModel) {
-            lang.illegalState('editorModel is required');
-        }
-        this.editingEnabled.setDelegate(this.editorModel.editingEnabled);
-        when(this.editorModel.editing).becomesTruthy(() => {
-            this.editCommand.execute();
-        }, { asLongAs: this.editCommand.enabled });
-        when(this.editorModel.editing).becomesFalsey(() => this.cancelEdit());
-        this.empty = valueOf.any(chain.stringValue(this.editorModel.valueModel).isBlank()
-        // deviceDescription.isNil()
-        ).areTruthy();
-        this.displayValue = chain(this.editorModel.valueModel).map(v => {
-            return _.isEmpty(v) ? this.placeHolderModel.value : v;
-        }, { dependsOn: this.placeHolderModel, allowNil: true });
-    }
-    createInputActivityData() {
-        const self = this;
-        return {
-            initialValue: self.editorModel.valueModel.value,
-            buttonStyle: { confirm: self.saveFace.value, cancel: self.cancelFace.value },
-            placeholder: self.placeHolderModel.value,
-            label: self.label,
-            layout: InputActivity.Layout.INLINE,
-            validators: self.editorModel.validators.value,
-            save(value, inputContext) {
-                return __awaiter(this, void 0, void 0, function* () {
-                    yield self.editorModel.saveCallback(value, inputContext);
-                });
-            }
-        };
-    }
-    cancelEdit() {
-        if (this.isEditing()) {
-            this.interactionContext.cancelActiveActivity();
-        }
-    }
-    startEdit() {
-        if (!this.isEditing() && this.editCommand.enabled.value) {
-            this.editCommand.execute();
-        }
-    }
-    isEditing() {
-        return this.interactionContext.isActive();
-    }
-    isEmpty() {
-        return this.empty.value;
-    }
-}
-InlineStringEditorComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'aup-inline-string-editor',
-                template: "<div class=\"container\" *ngIf=\"!editorModel.isEditing()\">\n  <mat-form-field appearance=\"standard\" floatLabel=\"always\" (click)=\"startEdit()\"\n                  [class.editable]=\"editingEnabled.value\" [class.empty]=\"isEmpty()\">\n    <mat-label *ngIf=\"label\">{{label}}</mat-label>\n    <input matInput\n           placeholder=\"{{placeHolder}}\"\n           [ngModel]=\"editorModel.valueModel.value\"\n           [disabled]=\"true\"\n    >\n    <!--    <mat-hint *ngIf=\"showHint\">{{hint}}</mat-hint>-->\n    <!--    <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>-->\n    <!--    <aup-icon *ngIf=\"iconPrefix\" matPrefix [icon]=\"iconPrefix\"></aup-icon>-->\n  </mat-form-field>\n  <aup-command *ngIf=\"editCommand.enabled.value\" [command]=\"editCommand\" [faceModel]=\"editFaceModel\"></aup-command>\n</div>\n<aup-in-place-interaction-context [animateFirstActivity]=\"false\"></aup-in-place-interaction-context>\n"
-            },] }
-];
-InlineStringEditorComponent.ctorParameters = () => [
-    { type: InteractionService }
-];
-InlineStringEditorComponent.propDecorators = {
-    editorModel: [{ type: Input }],
-    facesModel: [{ type: Input }],
-    faces: [{ type: Input }],
-    interactionContext: [{ type: ViewChild, args: [InPlaceInteractionContextComponent,] }],
-    label: [{ type: Input }],
-    placeHolder: [{ type: Input }],
-    placeHolderModel: [{ type: Input }]
-};
-__decorate([
-    TrackExternal(),
-    __metadata("design:type", InlineEditorModel)
-], InlineStringEditorComponent.prototype, "editorModel", void 0);
-__decorate([
-    TrackExternal(),
-    __metadata("design:type", ValueModel)
-], InlineStringEditorComponent.prototype, "facesModel", void 0);
-__decorate([
-    StoreInValueModel('facesModel'),
-    __metadata("design:type", Object)
-], InlineStringEditorComponent.prototype, "faces", void 0);
-__decorate([
-    StoreInValueModel('placeHolderModel'),
-    __metadata("design:type", String)
-], InlineStringEditorComponent.prototype, "placeHolder", void 0);
-__decorate([
-    TrackExternal(),
-    __metadata("design:type", ValueModel)
-], InlineStringEditorComponent.prototype, "placeHolderModel", void 0);
-(function (InlineStringEditorComponent) {
-    InlineStringEditorComponent.DEFAULT_FACES = {
-        edit: {
-            icon: () => 'mat:edit'
-        },
-        save: {
-            icon: () => 'mat:check'
-        },
-        cancel: {
-            icon: () => 'mat:clear'
-        }
-    };
-})(InlineStringEditorComponent || (InlineStringEditorComponent = {}));
-//# sourceMappingURL=inline-string-editor.component.js.map

package/esm2015/lib/interaction/components/editors/inline-string-editor/inline-string-editor.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"inline-string-editor.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/angular-ui-powerups/src/lib/interaction/components/editors/inline-string-editor/inline-string-editor.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAe,KAAK,EAAU,SAAS,EAAE,MAAM,eAAe,CAAC;AACjF,OAAO,EAEL,OAAO,EAAE,oBAAoB,EAC7B,GAAG,EACH,iBAAiB,EACjB,aAAa,EACb,UAAU,EAEX,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AACpD,OAAO,KAAK,CAAC,MAAM,QAAQ,CAAC;AAE5B,OAAO,EAAE,mBAAmB,EAAE,MAAM,6CAA6C,CAAC;AAClF,OAAO,EAAE,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAC3E,OAAO,EAAE,kCAAkC,EAAE,MAAM,0EAA0E,CAAC;AAC9H,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AACtE,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AACnF,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE1D;;;;;;;;;;;;;;;;;GAiBG;AAMH,MAAM,OAAO,2BAA4B,SAAQ,mBAAmB;IAuClE,YAAY,kBAAsC;QAChD,KAAK,EAAE,CAAC;QAHD,mBAAc,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,oBAAoB,EAAW,CAAC,CAAC;QAIrF,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACvD,MAAM,OAAO,GAAG,kBAAkB,CAAC,yCAAyC,CAAC,IAAI,CAAC,CAAC;QAEnF,MAAM,kBAAkB,GAAG,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE;YAChE,uCACK,2BAA2B,CAAC,aAAa,GACzC,SAAS,EACZ;QACJ,CAAC,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;QAEvB,IAAI,CAAC,aAAa,GAAG,kBAAkB,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QACtD,IAAI,CAAC,QAAQ,GAAG,kBAAkB,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QACjD,IAAI,CAAC,UAAU,GAAG,kBAAkB,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QAErD,MAAM,IAAI,GAAG,IAAI,CAAC;QAClB,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC,MAAM,CAAC,GAAS,EAAE;YAC3C,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC;YACtC,IAAI;gBACF,MAAM,IAAI,CAAC,kBAAkB,CAAC,aAAa,CAAC,mBAAmB,EAAE,IAAI,CAAC,uBAAuB,EAAE,CAAC,CAAC;aAClG;YAAC,OAAO,CAAC,EAAE;gBACV,+DAA+D;aAChE;oBAAS;gBACR,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC;aACxC;QACH,CAAC,CAAA,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAEpC,IAAI,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;IAE1C,CAAC;IAGD,QAAQ;QACN,0EAA0E;QAC1E,qCAAqC;QACrC,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QAEvD,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;YACrB,IAAI,CAAC,YAAY,CAAC,yBAAyB,CAAC,CAAC;SAC9C;QAED,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;QAEjE,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,aAAa,CAAC,GAAG,EAAE;YAChD,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC;QAC7B,CAAC,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC,CAAC;QAE3C,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,aAAa,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;QAEtE,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,GAAG,CACtB,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,OAAO,EAAE;QACxD,4BAA4B;SAC7B,CAAC,SAAS,EAAE,CAAC;QAEd,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;YAC7D,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QACxD,CAAC,EAAE,EAAE,SAAS,EAAE,IAAI,CAAC,gBAAgB,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IAE3D,CAAC;IAGO,uBAAuB;QAC7B,MAAM,IAAI,GAAG,IAAI,CAAC;QAClB,OAAO;YACL,YAAY,EAAE,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,KAAK;YAC/C,WAAW,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE;YAC5E,WAAW,EAAE,IAAI,CAAC,gBAAgB,CAAC,KAAK;YACxC,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,MAAM,EAAE,aAAa,CAAC,MAAM,CAAC,MAAM;YACnC,UAAU,EAAE,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,KAAK;YACvC,IAAI,CAAC,KAAa,EAAE,YAAmC;;oBAC3D,MAAM,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC;gBAC3D,CAAC;aAAA;SACF,CAAC;IACJ,CAAC;IAED,UAAU;QACR,IAAI,IAAI,CAAC,SAAS,EAAE,EAAE;YACpB,IAAI,CAAC,kBAAkB,CAAC,oBAAoB,EAAE,CAAC;SAChD;IACH,CAAC;IAED,SAAS;QACP,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,KAAK,EAAE;YACvD,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC;SAC5B;IACH,CAAC;IAEO,SAAS;QACf,OAAO,IAAI,CAAC,kBAAkB,CAAC,QAAQ,EAAE,CAAC;IAC5C,CAAC;IAED,OAAO;QACL,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAC1B,CAAC;;;YA3IF,SAAS,SAAC;gBACT,QAAQ,EAAE,0BAA0B;gBACpC,w7BAAoD;aAErD;;;YA5BQ,kBAAkB;;;0BA+BxB,KAAK;yBAIL,KAAK;oBAIL,KAAK;iCAIL,SAAS,SAAC,kCAAkC;oBAG5C,KAAK;0BAGL,KAAK;+BAIL,KAAK;;AApBN;IADC,aAAa,EAAE;8BACH,iBAAiB;gEAAS;AAIvC;IADC,aAAa,EAAE;8BACJ,UAAU;+DAAoC;AAI1D;IADC,iBAAiB,CAAC,YAAY,CAAC;;0DACS;AAUzC;IADC,iBAAiB,CAAC,kBAAkB,CAAC;;gEAClB;AAIpB;IADC,aAAa,EAAE;8BACE,UAAU;qEAAS;AAiHvC,WAAiB,2BAA2B;IAQ7B,yCAAa,GAAU;QAClC,IAAI,EAAE;YACJ,IAAI,EAAE,GAAG,EAAE,CAAC,UAAU;SACvB;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,GAAG,EAAE,CAAC,WAAW;SACxB;QACD,MAAM,EAAE;YACN,IAAI,EAAE,GAAG,EAAE,CAAC,WAAW;SACxB;KACF,CAAC;AAEJ,CAAC,EApBgB,2BAA2B,KAA3B,2BAA2B,QAoB3C","sourcesContent":["import { Component, HostBinding, Input, OnInit, ViewChild } from '@angular/core';\nimport {\n  BooleanValueModelChain,\n  Command, DelegatingValueModel,\n  Dsl,\n  StoreInValueModel,\n  TrackExternal,\n  ValueModel,\n  ValueModelChain\n} from '@coolon/pectin';\nimport { lang } from '@coolon/typescript-utilities';\nimport * as _ from 'lodash';\nimport { CommandFace } from '../../../../components/commands/command-face';\nimport { DisposableComponent } from '../../../../components/disposable-component';\nimport { InteractionService } from '../../../services/interaction.service';\nimport { InPlaceInteractionContextComponent } from '../../inplace-interaction-context/in-place-interaction-context.component';\nimport { InputActivity } from '../../input-activities/input-activity';\nimport { StringInputActivity } from '../../input-activities/string-input-activity';\nimport { InlineEditorModel } from './inline-editor-model';\n\n/**\n * @example\n * const source: ValueModel<string> = ...;\n * const model = InlineEditorModel.create(source, {\n *   save(updated:string, context: EditContext) => {\n *      try {\n *        try and save the thing...\n *      } catch(error) {\n *        context.injectError(error)\n *      }\n * }).validateUsing(Validator.present(\"We'll need a value\");\n *\n * # in the view\n * <aup-inline-string-editor\n *       label=\"My field\"\n *       placeHolder=\"I'm ready for a string...\"\n *       [editorModel]=\"model\"></aup-inline-string-editor>\n */\n@Component({\n  selector: 'aup-inline-string-editor',\n  templateUrl: './inline-string-editor.component.html',\n  styleUrls: [] // See assets/interaction/editor/inline-string-editor.scss\n})\nexport class InlineStringEditorComponent extends DisposableComponent implements OnInit {\n\n  @Input()\n  @TrackExternal()\n  editorModel: InlineEditorModel<string>;\n\n  @Input()\n  @TrackExternal()\n  facesModel: ValueModel<InlineStringEditorComponent.Faces>;\n\n  @Input()\n  @StoreInValueModel('facesModel')\n  faces: InlineStringEditorComponent.Faces;\n\n  @ViewChild(InPlaceInteractionContextComponent)\n  interactionContext: InPlaceInteractionContextComponent<any, any, any>;\n\n  @Input()\n  label: string;\n\n  @Input()\n  @StoreInValueModel('placeHolderModel')\n  placeHolder: string;\n\n  @Input()\n  @TrackExternal()\n  placeHolderModel: ValueModel<string>;\n\n  readonly description: ValueModelChain<string>;\n  empty: BooleanValueModelChain;\n  readonly editCommand: Command<void>;\n\n  displayValue: ValueModelChain<string>;\n  readonly editFaceModel: ValueModelChain<CommandFace>;\n  readonly saveFace: ValueModelChain<CommandFace>;\n  readonly cancelFace: ValueModelChain<CommandFace>;\n\n  readonly editingEnabled = this.registerDisposable(new DelegatingValueModel<boolean>());\n\n  constructor(interactionService: InteractionService) {\n    super();\n    const { chain, when, valueOf } = Dsl.disposeWith(this);\n    const modalIC = interactionService.createModalInteractionContextDisposedWith(this);\n\n    const resolvedFacesModel = chain(this.facesModel).map(userFaces => {\n      return {\n        ...InlineStringEditorComponent.DEFAULT_FACES, // todo: should really inject app wide defaults as well\n        ...userFaces\n      };\n    }, { allowNil: true });\n\n    this.editFaceModel = resolvedFacesModel.pluck('edit');\n    this.saveFace = resolvedFacesModel.pluck('save');\n    this.cancelFace = resolvedFacesModel.pluck('cancel');\n\n    const self = this;\n    this.editCommand = Command.create(async () => {\n      this.editorModel.editing.value = true;\n      try {\n        await this.interactionContext.startActivity(StringInputActivity, this.createInputActivityData());\n      } catch (e) {\n        // don't care if they cancelled, just hiding the console errors\n      } finally {\n        this.editorModel.editing.value = false;\n      }\n    }).enableWhile(this.editingEnabled);\n\n    this.onDispose(() => this.cancelEdit());\n\n  }\n\n\n  ngOnInit(): void {\n    // our editor model is a one time binding without delegates so we can only\n    // use it once we've been initialised\n    const { chain, when, valueOf } = Dsl.disposeWith(this);\n\n    if (!this.editorModel) {\n      lang.illegalState('editorModel is required');\n    }\n\n    this.editingEnabled.setDelegate(this.editorModel.editingEnabled);\n\n    when(this.editorModel.editing).becomesTruthy(() => {\n      this.editCommand.execute();\n    }, { asLongAs: this.editCommand.enabled });\n\n    when(this.editorModel.editing).becomesFalsey(() => this.cancelEdit());\n\n    this.empty = valueOf.any(\n      chain.stringValue(this.editorModel.valueModel).isBlank()\n      // deviceDescription.isNil()\n    ).areTruthy();\n\n    this.displayValue = chain(this.editorModel.valueModel).map(v => {\n      return _.isEmpty(v) ? this.placeHolderModel.value : v;\n    }, { dependsOn: this.placeHolderModel, allowNil: true });\n\n  }\n\n\n  private createInputActivityData(): InputActivity.Data<string> {\n    const self = this;\n    return {\n      initialValue: self.editorModel.valueModel.value,\n      buttonStyle: { confirm: self.saveFace.value, cancel: self.cancelFace.value },\n      placeholder: self.placeHolderModel.value,\n      label: self.label,\n      layout: InputActivity.Layout.INLINE,\n      validators: self.editorModel.validators.value,\n      async save(value: string, inputContext: InputActivity.Context): Promise<void> {\n        await self.editorModel.saveCallback(value, inputContext);\n      }\n    };\n  }\n\n  cancelEdit() {\n    if (this.isEditing()) {\n      this.interactionContext.cancelActiveActivity();\n    }\n  }\n\n  startEdit() {\n    if (!this.isEditing() && this.editCommand.enabled.value) {\n      this.editCommand.execute();\n    }\n  }\n\n  private isEditing() {\n    return this.interactionContext.isActive();\n  }\n\n  isEmpty(): boolean {\n    return this.empty.value;\n  }\n\n\n}\n\nexport namespace InlineStringEditorComponent {\n\n  export interface Faces {\n    edit?: CommandFace;\n    save?: CommandFace;\n    cancel?: CommandFace;\n  }\n\n  export const DEFAULT_FACES: Faces = {\n    edit: {\n      icon: () => 'mat:edit'\n    },\n    save: {\n      icon: () => 'mat:check'\n    },\n    cancel: {\n      icon: () => 'mat:clear'\n    }\n  };\n\n}\n"]}

package/esm2015/lib/interaction/components/editors/inline-string-editor/inline-string-editor.component.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"InlineStringEditorComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../../../components/disposable-component","name":"DisposableComponent","line":43,"character":49},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":38,"character":1},"arguments":[{"selector":"aup-inline-string-editor","styleUrls":[],"template":"<div class=\"container\" *ngIf=\"!editorModel.isEditing()\">\n  <mat-form-field appearance=\"standard\" floatLabel=\"always\" (click)=\"startEdit()\"\n                  [class.editable]=\"editingEnabled.value\" [class.empty]=\"isEmpty()\">\n    <mat-label *ngIf=\"label\">{{label}}</mat-label>\n    <input matInput\n           placeholder=\"{{placeHolder}}\"\n           [ngModel]=\"editorModel.valueModel.value\"\n           [disabled]=\"true\"\n    >\n    <!--    <mat-hint *ngIf=\"showHint\">{{hint}}</mat-hint>-->\n    <!--    <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>-->\n    <!--    <aup-icon *ngIf=\"iconPrefix\" matPrefix [icon]=\"iconPrefix\"></aup-icon>-->\n  </mat-form-field>\n  <aup-command *ngIf=\"editCommand.enabled.value\" [command]=\"editCommand\" [faceModel]=\"editFaceModel\"></aup-command>\n</div>\n<aup-in-place-interaction-context [animateFirstActivity]=\"false\"></aup-in-place-interaction-context>\n"}]}],"members":{"editorModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":46,"character":3}}]}],"facesModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":50,"character":3}}]}],"faces":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInValueModel","line":54,"character":3},"arguments":["facesModel"]}]}],"interactionContext":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":57,"character":3},"arguments":[{"__symbolic":"reference","module":"../../inplace-interaction-context/in-place-interaction-context.component","name":"InPlaceInteractionContextComponent","line":57,"character":13}]}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":3}}]}],"placeHolder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInValueModel","line":64,"character":3},"arguments":["placeHolderModel"]}]}],"placeHolderModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":68,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../../../services/interaction.service","name":"InteractionService","line":82,"character":34}]}],"ngOnInit":[{"__symbolic":"method"}],"createInputActivityData":[{"__symbolic":"method"}],"cancelEdit":[{"__symbolic":"method"}],"startEdit":[{"__symbolic":"method"}],"isEditing":[{"__symbolic":"method"}],"isEmpty":[{"__symbolic":"method"}]}}}}]

package/esm2015/lib/interaction/components/editors/inline-string-editor/inline-string-editor.component.ngfactory.js.map

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

package/esm2015/lib/interaction/components/input-activities/input-activity.js

@@ -1,71 +0,0 @@
-import { __awaiter } from "tslib";
-import { Component, HostBinding, Inject, Input } from '@angular/core';
-import { Command, DirtyTrackingForm } from '@coolon/pectin';
-import { Enum } from 'typescript-string-enums';
-import { Activity, ACTIVITY_DATA } from '../../activity';
-// @see https://github.com/ng-packagr/ng-packagr/issues/641 and  https://github.com/angular/angular/issues/21123
-// we're getting a metadata error for D for no reason that I can find and only during the build (ng serve works fine)
-// @dynamic
-export class InputActivity extends Activity {
-    constructor(data) {
-        super();
-        this.data = data;
-        this.class = 'aup-input-activity';
-        const form = new DirtyTrackingForm();
-        this.valueModel = form.valueModel(this.data.initialValue);
-        this.valueModel.validateUsing(data.validators || []);
-        this.confirmCommand = Command.create(() => __awaiter(this, void 0, void 0, function* () {
-            if (this.valueModel.validate()) {
-                if (data.save) {
-                    const self = this;
-                    try {
-                        let allGood = true;
-                        const result = yield data.save(this.valueModel.value, {
-                            injectError(error) {
-                                allGood = false;
-                                self.valueModel.injectErrors([error]);
-                            }
-                        });
-                        if (allGood) {
-                            this.done(this.valueModel.value);
-                        }
-                    }
-                    catch (e) {
-                        console.error(e);
-                    }
-                }
-                else {
-                    this.done(this.valueModel.value);
-                }
-            }
-        }));
-        this.cancelCommand = Command.create(() => {
-            this.cancel();
-        });
-        this.busyWhile(this.confirmCommand.busy);
-    }
-    get layout() {
-        var _a, _b;
-        return (_b = (_a = this.data) === null || _a === void 0 ? void 0 : _a.layout) !== null && _b !== void 0 ? _b : InputActivity.Layout.BLOCK;
-    }
-    onActivityReady() {
-        this.valueModel.focusContext.requestFocus();
-    }
-}
-InputActivity.decorators = [
-    { type: Component, args: [{ template: `` },] }
-];
-InputActivity.ctorParameters = () => [
-    { type: undefined, decorators: [{ type: Inject, args: [ACTIVITY_DATA,] }] }
-];
-InputActivity.propDecorators = {
-    class: [{ type: HostBinding, args: ['class',] }],
-    layout: [{ type: Input }, { type: HostBinding, args: ['attr.layout',] }]
-};
-(function (InputActivity) {
-    InputActivity.Layout = Enum({
-        INLINE: 'inline',
-        BLOCK: 'block'
-    });
-})(InputActivity || (InputActivity = {}));
-//# sourceMappingURL=input-activity.js.map