@coolon/angular-ui-powerups 12.4.0-alpha.59 → 12.4.0-alpha.6

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

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"CardContainerComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../abstract-card-container.component","name":"AbstractCardContainerComponent","line":73,"character":44},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":68,"character":1},"arguments":[{"selector":"aup-card-container","template":"<div class=\"header-container\">\n  <ng-content select=\"[card-container-header]\"></ng-content>\n</div>\n\n<ng-template #content>\n  <div class=\"card-container\">\n    <ng-content></ng-content>\n\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  </div>\n</ng-template>\n\n<div class=\"no-scroll-container\" *ngIf=\"!enabledScroll\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</div>\n\n<aup-scroll-container *ngIf=\"enabledScroll\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</aup-scroll-container>\n\n<div class=\"footer-container\">\n  <ng-content select=\"[card-container-footer]\"></ng-content>\n</div>\n\n","styles":[":host{--resolved-card-gap: var(--card-gap, 16px);--resolved-card-width: var(--card-width, 300px);--resolved-card-max-width: var(--card-max-width, auto);--resolved-card-height: var(--card-height, auto);--resolved-card-min-height: var(--card-min-height, auto);--resolved-card-background: var(--card-background, var(--aup-card-container-default-background-color));flex:1;display:flex;flex-direction:column;align-items:stretch;background:var(--resolved-card-background)}:host.auto-columns .card-container{grid-template-columns:repeat(auto-fit,minmax(var(--resolved-card-width),var(--resolved-card-max-width)));min-width:calc(var(--resolved-card-width) + 2 * var(--resolved-card-gap));width:calc((var(--resolved-card-width) + var(--resolved-card-gap)) * 2 + var(--grid-gap))}:host:not(.auto-columns) .card-container{grid-template-columns:repeat(var(--aup-card-container-column-count),1fr)}.card-container{display:grid;box-sizing:border-box;padding:var(--resolved-card-gap);min-height:calc(var(--resolved-card-height) + 2 * var(--resolved-card-gap));max-width:100%;grid-auto-rows:minmax(var(--resolved-card-min-height),var(--resolved-card-height));grid-gap:var(--resolved-card-gap)}aup-scroll-container,.no-scroll-container{flex:1}.add-card-container{height:var(--resolved-card-height);min-height:var(--resolved-card-min-height);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:box-shadow .28s cubic-bezier(.4,0,.2,1);box-sizing:border-box;border:2px dashed rgba(0,0,0,.1);border-radius:6px;font-weight:300;cursor:pointer;color:#0000008a;background-color:#fffc}.add-card-container mat-icon{font-size:200%}.add-card-container:hover{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.add-card-container:hover{border-color:transparent;background-color:#fff;color:#0000008a}.add-card-template-container{height:var(--resolved-card-height);min-height:var(--resolved-card-min-height);display:flex;flex-direction:column;align-items:stretch;justify-content:stretch}\n"]}]}],"members":{"columnCount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":77,"character":3}}]}],"enabledScroll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":94,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":97,"character":43}]}],"ngOnInit":[{"__symbolic":"method"}],"isAutoColumns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":106,"character":3},"arguments":["class.auto-columns"]}]}],"isSingleColumn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":111,"character":3},"arguments":["class.single-column"]}]}],"updateColumnCountStyles":[{"__symbolic":"method"}]}}}}]

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

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

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

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

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

@@ -1,78 +0,0 @@
-import { Component } from '@angular/core';
-import { AbstractCardContainerComponent } from '../abstract-card-container.component';
-/**
- * @deprecated deprecated, use `aup-card-container [columnCount]="1"` instead.
- * @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 {
-    constructor() {
-        super();
-        console.warn('<aup-card-stack></aup-card-stack> is deprecated.  Use <aup-card-container [columnCount]="1"> instead.');
-    }
-}
-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{display:flex;flex-direction:column;align-items:stretch;padding:0 var(--resolved-card-gap) var(--resolved-card-gap)}.add-card-container{width:var(--resolved-card-width);height:var(--resolved-card-height);min-height:var(--resolved-card-min-height);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:box-shadow .28s cubic-bezier(.4,0,.2,1);box-sizing:border-box;border:2px dashed rgba(0,0,0,.1);border-radius:6px;font-weight:300;cursor:pointer;color:#0000008a;background-color:#fffc}.add-card-container mat-icon{font-size:200%}.add-card-container:hover{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.add-card-container:hover{border-color:transparent;background-color:#fff;color:#0000008a}.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}\n"]
-            },] }
-];
-CardStackComponent.ctorParameters = () => [];
-//# 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,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,8BAA8B,EAAE,MAAM,sCAAsC,CAAC;AAEtF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4DG;AAMH,MAAM,OAAO,kBAAmB,SAAQ,8BAA8B;IAEpE;QACE,KAAK,EAAE,CAAC;QACR,OAAO,CAAC,IAAI,CAAC,uGAAuG,CAAC,CAAA;IACvH,CAAC;;;YAVF,SAAS,SAAC;gBACT,QAAQ,EAAE,gBAAgB;gBAC1B,8lBAA0C;;aAE3C","sourcesContent":["import { Component } from '@angular/core';\nimport { AbstractCardContainerComponent } from '../abstract-card-container.component';\n\n/**\n * @deprecated deprecated, use `aup-card-container [columnCount]=\"1\"` instead.\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  constructor() {\n    super();\n    console.warn('<aup-card-stack></aup-card-stack> is deprecated.  Use <aup-card-container [columnCount]=\"1\"> instead.')\n  }\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":69,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":64,"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{display:flex;flex-direction:column;align-items:stretch;padding:0 var(--resolved-card-gap) var(--resolved-card-gap)}.add-card-container{width:var(--resolved-card-width);height:var(--resolved-card-height);min-height:var(--resolved-card-min-height);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:box-shadow .28s cubic-bezier(.4,0,.2,1);box-sizing:border-box;border:2px dashed rgba(0,0,0,.1);border-radius:6px;font-weight:300;cursor:pointer;color:#0000008a;background-color:#fffc}.add-card-container mat-icon{font-size:200%}.add-card-container:hover{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.add-card-container:hover{border-color:transparent;background-color:#fff;color:#0000008a}.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}\n"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}}}}]

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:#00000091;margin-bottom:6px;white-space:nowrap}\n"]
-            },] }
-];
-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:#00000091;margin-bottom:6px;white-space:nowrap}\n"]}]}],"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/components/loading-container/loading-container.component.js

@@ -1,45 +0,0 @@
-import { __decorate, __metadata } from "tslib";
-import { Component, HostBinding, Input } from '@angular/core';
-import { GarbageCollector, StoreInValueModel, TrackExternal, ValueModel } from '@coolon/pectin';
-export class LoadingContainerComponent extends GarbageCollector {
-    constructor() {
-        super();
-    }
-    get state() {
-        return this.loadingModel.value ? "loaded" : "loading";
-    }
-    ngOnInit() {
-    }
-}
-LoadingContainerComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'aup-loading-container',
-                template: "<ng-content *ngIf=\"!loadingModel.value\"></ng-content>\n<section *ngIf=\"loadingModel.value\" class=\"loading-indicator-overlay\">\n  <div class=\"loading-message\">\n    <p>{{messageModel.value}}</p>\n    <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\n  </div>\n</section>\n",
-                styles: [":host{display:block;position:relative}section.loading-indicator-overlay{position:absolute;top:0;left:0;bottom:0;right:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.loading-message{display:inline-block;text-align:center;width:10em}\n"]
-            },] }
-];
-LoadingContainerComponent.ctorParameters = () => [];
-LoadingContainerComponent.propDecorators = {
-    loadingModel: [{ type: Input }],
-    loading: [{ type: Input }],
-    messageModel: [{ type: Input }],
-    message: [{ type: Input }],
-    state: [{ type: HostBinding, args: ["class",] }]
-};
-__decorate([
-    TrackExternal(),
-    __metadata("design:type", ValueModel)
-], LoadingContainerComponent.prototype, "loadingModel", void 0);
-__decorate([
-    StoreInValueModel("loadingModel"),
-    __metadata("design:type", Boolean)
-], LoadingContainerComponent.prototype, "loading", void 0);
-__decorate([
-    TrackExternal(),
-    __metadata("design:type", ValueModel)
-], LoadingContainerComponent.prototype, "messageModel", void 0);
-__decorate([
-    StoreInValueModel("messageModel"),
-    __metadata("design:type", String)
-], LoadingContainerComponent.prototype, "message", void 0);
-//# sourceMappingURL=loading-container.component.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"loading-container.component.js","sourceRoot":"","sources":["../../../../../../../libs/angular-ui-powerups/src/lib/components/loading-container/loading-container.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAU,MAAM,eAAe,CAAC;AACtE,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAOhG,MAAM,OAAO,yBAA0B,SAAQ,gBAAgB;IAwB7D;QACE,KAAK,EAAE,CAAA;IACT,CAAC;IAPD,IACI,KAAK;QACP,OAAO,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;IACxD,CAAC;IAMD,QAAQ;IACR,CAAC;;;YAlCF,SAAS,SAAC;gBACT,QAAQ,EAAE,uBAAuB;gBACjC,+SAAiD;;aAElD;;;;2BAGE,KAAK;sBAIL,KAAK;2BAIL,KAAK;sBAIL,KAAK;oBAKL,WAAW,SAAC,OAAO;;AAfpB;IADC,aAAa,EAAE;8BACF,UAAU;+DAAU;AAIlC;IADC,iBAAiB,CAAC,cAAc,CAAC;;0DACjB;AAIjB;IADC,aAAa,EAAE;8BACF,UAAU;+DAAS;AAIjC;IADC,iBAAiB,CAAC,cAAc,CAAC;;0DAClB","sourcesContent":["import { Component, HostBinding, Input, OnInit } from '@angular/core';\nimport { GarbageCollector, StoreInValueModel, TrackExternal, ValueModel } from '@coolon/pectin';\n\n@Component({\n  selector: 'aup-loading-container',\n  templateUrl: `./loading-container.component.html`,\n  styleUrls: ['./loading-container.component.scss']\n})\nexport class LoadingContainerComponent extends GarbageCollector implements OnInit {\n\n  @Input()\n  @TrackExternal()\n  loadingModel: ValueModel<boolean>;\n\n  @Input()\n  @StoreInValueModel(\"loadingModel\")\n  loading: boolean;\n\n  @Input()\n  @TrackExternal()\n  messageModel: ValueModel<string>;\n\n  @Input()\n  @StoreInValueModel(\"messageModel\")\n  message: string;\n\n\n  @HostBinding(\"class\")\n  get state():string {\n    return this.loadingModel.value ? \"loaded\" : \"loading\";\n  }\n\n  constructor() {\n    super()\n  }\n\n  ngOnInit() {\n  }\n\n}\n"]}

package/esm2015/lib/components/loading-container/loading-container.component.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"LoadingContainerComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@coolon/pectin","name":"GarbageCollector","line":8,"character":47},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"aup-loading-container","template":"<ng-content *ngIf=\"!loadingModel.value\"></ng-content>\n<section *ngIf=\"loadingModel.value\" class=\"loading-indicator-overlay\">\n  <div class=\"loading-message\">\n    <p>{{messageModel.value}}</p>\n    <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\n  </div>\n</section>\n","styles":[":host{display:block;position:relative}section.loading-indicator-overlay{position:absolute;top:0;left:0;bottom:0;right:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.loading-message{display:inline-block;text-align:center;width:10em}\n"]}]}],"members":{"loadingModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":11,"character":3}}]}],"loading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInValueModel","line":15,"character":3},"arguments":["loadingModel"]}]}],"messageModel":[{"__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":19,"character":3}}]}],"message":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInValueModel","line":23,"character":3},"arguments":["messageModel"]}]}],"state":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":27,"character":3},"arguments":["class"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}}}}]

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"loading-container.component.scss.shim.ngstyle.js","sourceRoot":"","sources":["../../../../../../../libs/angular-ui-powerups/src/lib/components/loading-container/loading-container.component.scss.shim.ngstyle.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,77 +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;
-        this.notCard = true;
-        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){transition:box-shadow .28s cubic-bezier(.4,0,.2,1);box-sizing:border-box;border:2px dashed rgba(0,0,0,.1);border-radius:6px;font-weight:300;cursor:pointer;color:#0000008a;background-color:#fffc}:host[interactionStyle=inline][renderas=card]:not(.active):hover{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}:host[interactionStyle=inline][renderas=card]:not(.active):hover{border-color:transparent;background-color:#fff;color:#0000008a}:host[interactionStyle=modal][renderas=card]{transition:box-shadow .28s cubic-bezier(.4,0,.2,1);box-sizing:border-box;border:2px dashed rgba(0,0,0,.1);border-radius:6px;font-weight:300;cursor:pointer;color:#0000008a;background-color:#fffc}:host[interactionStyle=modal][renderas=card]:hover{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}:host[interactionStyle=modal][renderas=card]:hover{border-color:transparent;background-color:#fff;color:#0000008a}:host-context(aup-card-container)[renderas=button]{align-self:start}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}\n"]
-            },] }
-];
-AddCardActivityComponent.ctorParameters = () => [
-    { type: InteractionService }
-];
-AddCardActivityComponent.propDecorators = {
-    inlineInteractionContext: [{ type: ViewChild, args: [InPlaceInteractionContextComponent, { static: true },] }],
-    interactionStyle: [{ type: Input }],
-    renderAs: [{ type: Input }, { type: HostBinding, args: ['class',] }],
-    notCard: [{ type: HostBinding, args: ['class.not-card',] }],
-    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;IAqC5E,YAAY,kBAAsC;QAChD,KAAK,EAAE,CAAC;QA9BV,qBAAgB,GAA6C,wBAAwB,CAAC,eAAe,CAAC,KAAK,CAAC;QAI5G,aAAQ,GAAsC,wBAAwB,CAAC,QAAQ,CAAC,IAAI,CAAC;QAGrF,YAAO,GAAG,IAAI,CAAC;QAwBb,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;;;YAnEF,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;sBAGnB,WAAW,SAAC,gBAAgB;4BAK5B,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  @HostBinding('class.not-card')\n  notCard = true;\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){transition:box-shadow .28s cubic-bezier(.4,0,.2,1);box-sizing:border-box;border:2px dashed rgba(0,0,0,.1);border-radius:6px;font-weight:300;cursor:pointer;color:#0000008a;background-color:#fffc}:host[interactionStyle=inline][renderas=card]:not(.active):hover{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}:host[interactionStyle=inline][renderas=card]:not(.active):hover{border-color:transparent;background-color:#fff;color:#0000008a}:host[interactionStyle=modal][renderas=card]{transition:box-shadow .28s cubic-bezier(.4,0,.2,1);box-sizing:border-box;border:2px dashed rgba(0,0,0,.1);border-radius:6px;font-weight:300;cursor:pointer;color:#0000008a;background-color:#fffc}:host[interactionStyle=modal][renderas=card]:hover{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}:host[interactionStyle=modal][renderas=card]:hover{border-color:transparent;background-color:#fff;color:#0000008a}:host-context(aup-card-container)[renderas=button]{align-self:start}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}\n"]}]}],"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"]}]}],"notCard":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":31,"character":3},"arguments":["class.not-card"]}]}],"renderAsClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":36,"character":3},"arguments":["class"]}]}],"activityTypeClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":41,"character":3},"arguments":["class"]}]}],"isRenderAsCard":[{"__symbolic":"method"}],"isRenderAsButton":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../../services/interaction.service","name":"InteractionService","line":54,"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, assert } 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));
-        assert.notNil(valueModel);
-        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,EAGb,MAAM,EACP,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,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;QAC1B,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;IAGD,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  assert\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    assert.notNil(valueModel);\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":15,"character":42},"arity":1,"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@coolon/pectin","name":"ValueModel","line":21,"character":35,"arguments":[{"__symbolic":"error","message":"Could not resolve type","line":21,"character":46,"context":{"typeName":"T"}}]},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"InlineEditorModel"},"member":"SaveCallback","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":21,"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,161 +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,
-            confirmFace: self.saveFace.value,
-            cancelFace: 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