@coolon/angular-ui-powerups 12.4.0-alpha.48 → 12.4.0-alpha.5

package/esm2015/cypress/components/table/aup-table-selection-column.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"aup-table-selection-column.js","sourceRoot":"","sources":["../../../../../../../libs/angular-ui-powerups/cypress/src/components/table/aup-table-selection-column.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAGpD,MAAM,OAAO,uBAAgD,SAAQ,cAAkB;IACrF,SAAS;IACT,CAAC;CACF","sourcesContent":["import { AupTableColumn } from './aup-table-column';\nimport { AupTableRow } from './aup-table-row';\n\nexport class AupTableSelectionColumn<TR extends AupTableRow> extends AupTableColumn<TR> {\n  selectAll() {\n  }\n}\n"]}

package/esm2015/cypress/components/table/aup-table-selection-column.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"AupTableSelectionColumn":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./aup-table-column","name":"AupTableColumn","line":3,"character":69},"arity":1,"members":{"selectAll":[{"__symbolic":"method"}]}}}}]

package/esm2015/cypress/element-locator.js

@@ -1,16 +0,0 @@
-export var ElementLocator;
-(function (ElementLocator) {
-    function findByCssSelector(selector) {
-        return parent => parent.dom().find(selector);
-    }
-    ElementLocator.findByCssSelector = findByCssSelector;
-    function findByTextContent(text) {
-        return parent => parent.dom().contains(text);
-    }
-    ElementLocator.findByTextContent = findByTextContent;
-    function findBySelectorAndTextContent(selector, text) {
-        return parent => parent.dom().contains(selector, text);
-    }
-    ElementLocator.findBySelectorAndTextContent = findBySelectorAndTextContent;
-})(ElementLocator || (ElementLocator = {}));
-//# sourceMappingURL=element-locator.js.map

package/esm2015/cypress/element-locator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"element-locator.js","sourceRoot":"","sources":["../../../../../libs/angular-ui-powerups/cypress/src/element-locator.ts"],"names":[],"mappings":"AAIA,MAAM,KAAW,cAAc,CAc9B;AAdD,WAAiB,cAAc;IAE7B,SAAgB,iBAAiB,CAAC,QAAgB;QAChD,OAAO,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;IAC9C,CAAC;IAFe,gCAAiB,oBAEhC,CAAA;IAED,SAAgB,iBAAiB,CAAC,IAAY;QAC5C,OAAO,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC/C,CAAC;IAFe,gCAAiB,oBAEhC,CAAA;IAED,SAAgB,4BAA4B,CAAC,QAAgB,EAAE,IAAY;QACzE,OAAO,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;IACzD,CAAC;IAFe,2CAA4B,+BAE3C,CAAA;AAEH,CAAC,EAdgB,cAAc,KAAd,cAAc,QAc9B","sourcesContent":["import { PageElement } from './page-element';\n\nexport type ElementLocator = (parent: PageElement) => Cypress.Chainable<JQuery>;\n\nexport namespace ElementLocator {\n\n  export function findByCssSelector(selector: string): ElementLocator {\n    return parent => parent.dom().find(selector)\n  }\n\n  export function findByTextContent(text: string): ElementLocator {\n    return parent => parent.dom().contains(text);\n  }\n\n  export function findBySelectorAndTextContent(selector: string, text: string): ElementLocator {\n    return parent => parent.dom().contains(selector, text);\n  }\n\n}\n"]}

package/esm2015/cypress/element-locator.metadata.json

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

package/esm2015/cypress/page-builder.js

@@ -1,16 +0,0 @@
-import { ComponentBuilder } from './component-builder';
-import { AupAlertDialog } from './components/aup-alert-dialog';
-import { AupConfirmDialog } from './components/aup-confirm-dialog';
-import { AupModalActivity } from './components/aup-modal-activity';
-export class PageBuilder extends ComponentBuilder {
-    aupModalActivity(selector, builder) {
-        return this.component(AupModalActivity, selector, builder);
-    }
-    aupModalAlert(builder) {
-        return this.component(AupAlertDialog, builder);
-    }
-    aupModelConfirm(builder) {
-        return this.component(AupConfirmDialog, builder);
-    }
-}
-//# sourceMappingURL=page-builder.js.map

package/esm2015/cypress/page-builder.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"page-builder.js","sourceRoot":"","sources":["../../../../../libs/angular-ui-powerups/cypress/src/page-builder.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAEnE,MAAM,OAAO,WAAY,SAAQ,gBAAgB;IAG/C,gBAAgB,CAAmB,QAAgB,EAAE,OAAgE;QACnH,OAAO,IAAI,CAAC,SAAS,CAAC,gBAAgB,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;IAC7D,CAAC;IAED,aAAa,CAAmB,OAA+D;QAC7F,OAAO,IAAI,CAAC,SAAS,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC;IACjD,CAAC;IAED,eAAe,CAAmB,OAAiE;QACjG,OAAO,IAAI,CAAC,SAAS,CAAC,gBAAgB,EAAE,OAAO,CAAC,CAAC;IACnD,CAAC;CACF","sourcesContent":["import { ComponentBuilder } from './component-builder';\nimport { AupAlertDialog } from './components/aup-alert-dialog';\nimport { AupConfirmDialog } from './components/aup-confirm-dialog';\nimport { AupModalActivity } from './components/aup-modal-activity';\n\nexport class PageBuilder extends ComponentBuilder {\n\n\n  aupModalActivity<T extends object>(selector: string, builder: ComponentBuilder.ContainerCallback<T, AupModalActivity>): T & AupModalActivity {\n    return this.component(AupModalActivity, selector, builder);\n  }\n\n  aupModalAlert<T extends object>(builder?: ComponentBuilder.ContainerCallback<T, AupAlertDialog>): T & AupAlertDialog {\n    return this.component(AupAlertDialog, builder);\n  }\n\n  aupModelConfirm<T extends object>(builder?: ComponentBuilder.ContainerCallback<T, AupConfirmDialog>): T & AupConfirmDialog {\n    return this.component(AupConfirmDialog, builder);\n  }\n}\n"]}

package/esm2015/cypress/page-builder.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"PageBuilder":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./component-builder","name":"ComponentBuilder","line":5,"character":33},"members":{"aupModalActivity":[{"__symbolic":"method"}],"aupModalAlert":[{"__symbolic":"method"}],"aupModelConfirm":[{"__symbolic":"method"}]}}}}]

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

@@ -1,29 +0,0 @@
-import { __decorate, __metadata } from "tslib";
-import { Component, ContentChild, Input, TemplateRef } from '@angular/core';
-import { Command, TrackExternal } from '@coolon/pectin';
-import { CommandFace } from '../commands/command-face';
-import { DisposableComponent } from '../disposable-component';
-export class AbstractCardContainerComponent extends DisposableComponent {
-    constructor() {
-        super();
-    }
-    ngOnInit() {
-    }
-}
-AbstractCardContainerComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'aup-abstract-card-container',
-                template: ''
-            },] }
-];
-AbstractCardContainerComponent.ctorParameters = () => [];
-AbstractCardContainerComponent.propDecorators = {
-    addCardCommand: [{ type: Input }],
-    addCardFace: [{ type: Input }],
-    addCardTemplate: [{ type: ContentChild, args: ['addCardTemplate',] }]
-};
-__decorate([
-    TrackExternal(),
-    __metadata("design:type", Command)
-], AbstractCardContainerComponent.prototype, "addCardCommand", void 0);
-//# sourceMappingURL=abstract-card-container.component.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"abstract-card-container.component.js","sourceRoot":"","sources":["../../../../../../../libs/angular-ui-powerups/src/lib/components/cards/abstract-card-container.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAU,WAAW,EAAE,MAAM,eAAe,CAAC;AACpF,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAM9D,MAAM,OAAO,8BAA+B,SAAQ,mBAAmB;IAYrE;QACE,KAAK,EAAE,CAAC;IACV,CAAC;IAED,QAAQ;IACR,CAAC;;;YArBF,SAAS,SAAC;gBACT,QAAQ,EAAE,6BAA6B;gBACvC,QAAQ,EAAE,EAAE;aACb;;;;6BAGE,KAAK;0BAIL,KAAK;8BAGL,YAAY,SAAC,iBAAiB;;AAL/B;IADC,aAAa,EAAE;8BACA,OAAO;sEAAM","sourcesContent":["import { Component, ContentChild, Input, OnInit, TemplateRef } from '@angular/core';\nimport { Command, TrackExternal } from '@coolon/pectin';\nimport { CommandFace } from '../commands/command-face';\nimport { DisposableComponent } from '../disposable-component';\n\n@Component({\n  selector: 'aup-abstract-card-container',\n  template: '',\n})\nexport class AbstractCardContainerComponent extends DisposableComponent implements OnInit {\n\n  @Input()\n  @TrackExternal()\n  addCardCommand: Command<any>;\n\n  @Input()\n  addCardFace: CommandFace;\n\n  @ContentChild('addCardTemplate')\n  addCardTemplate: TemplateRef<any>;\n\n  constructor() {\n    super();\n  }\n\n  ngOnInit() {\n  }\n\n}\n"]}

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

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"AbstractCardContainerComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../disposable-component","name":"DisposableComponent","line":9,"character":52},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"aup-abstract-card-container","template":""}]}],"members":{"addCardCommand":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":12,"character":3}}]}],"addCardFace":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"addCardTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":18,"character":3},"arguments":["addCardTemplate"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}}}}]

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

@@ -1 +0,0 @@
-{"version":3,"file":"abstract-card-container.component.ngfactory.js","sourceRoot":"","sources":["../../../../../../../libs/angular-ui-powerups/src/lib/components/cards/abstract-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.js

@@ -1,123 +0,0 @@
-import { Component, ElementRef, HostBinding, Input } from '@angular/core';
-import { lang } from '@coolon/typescript-utilities';
-import * as _ from 'lodash';
-import { AbstractCardContainerComponent } from '../abstract-card-container.component';
-/**
- * @example
- * // basic usage
- * <aup-card-container>
- *   <my-card *ngFor="..."></my-card>
- * </aup-card-container>
- *
- * // adds an add button with a the '+' icon to the end of the card list.
- * <aup-card-container [addCardCommand]="addCard">
- *   <my-card *ngFor="..."></my-card>
- * </aup-card-container>
- *
- * // adds an add button with the specified face
- * <aup-card-container [addCardCommand]="addCard" [addCardFace]="i18n.addCard" >
- *   <my-card *ngFor="..."></my-card>
- * </aup-card-container>
- *
- * // use the aup-add-card-activity to display as the new card place holder and to run
- * // the activity inside teh card
- * <aup-card-container [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-container>
- *
- * // adds an add card component using the specified template.  The template
- * // will fill it's container in the grid.
- * <aup-card-container>
- *   <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-container>
- *
- * // sing the default new card styles for your template
- * @import "../../../../assets/styles";
- * .my-new-card {
- *   @include aup-card-container-new-card-style();
- *   // OR
- *   @include aup-card-container-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-container>
- *   <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-container>
- *
- * // CSS Vars
- * aup-card-container {
- *   --card-gap: var(--card-gap, 16px);
- *   --card-width: var(--card-width, 300px);
- *   --card-max-width: auto;
- *   --card-height: var(--card-height, auto);
- *   --card-min-height: var(--card-min-height, auto);
- *   --card-background: var(--card-background, #fcfcfb);
- * }
- */
-export class CardContainerComponent extends AbstractCardContainerComponent {
-    constructor(elementRef) {
-        super();
-        this.elementRef = elementRef;
-        /**
-         * Enable scrolling.  If true the container will have height==0 so you must set it's height explicitly
-         * or place in a layout that will stretch it such as a grid or flex layout.
-         */
-        this.enabledScroll = false;
-    }
-    set columnCount(count) {
-        if (!_.isNil(count) && (!_.isInteger(count) || count < 1)) {
-            lang.illegalState('columnCount must be a positive integer or nil');
-        }
-        this._columnCount = count;
-        this.updateColumnCountStyles();
-    }
-    get columnCount() {
-        return this._columnCount;
-    }
-    ngOnInit() {
-        super.ngOnInit();
-        this.updateColumnCountStyles();
-    }
-    get isAutoColumns() {
-        return _.isNil(this._columnCount);
-    }
-    get isSingleColumn() {
-        return this._columnCount === 1;
-    }
-    updateColumnCountStyles() {
-        const el = this.elementRef.nativeElement;
-        if (_.isNil(this._columnCount)) {
-            el.style.setProperty('--aup-card-container-column-count', '');
-        }
-        else {
-            el.style.setProperty('--aup-card-container-column-count', this._columnCount);
-        }
-    }
-}
-CardContainerComponent.decorators = [
-    { type: Component, args: [{
-                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)}.no-scroll-container,aup-scroll-container{flex:1}.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:rgba(0,0,0,.54);background-color:hsla(0,0%,100%,.8)}.add-card-container mat-icon{font-size:200%}.add-card-container:hover{box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);border-color:transparent;background-color:#fff;color:rgba(0,0,0,.54)}.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}"]
-            },] }
-];
-CardContainerComponent.ctorParameters = () => [
-    { type: ElementRef }
-];
-CardContainerComponent.propDecorators = {
-    columnCount: [{ type: Input }],
-    enabledScroll: [{ type: Input }],
-    isAutoColumns: [{ type: HostBinding, args: ['class.auto-columns',] }],
-    isSingleColumn: [{ type: HostBinding, args: ['class.single-column',] }]
-};
-//# sourceMappingURL=card-container.component.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"card-container.component.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/components/cards/card-container/card-container.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,KAAK,EAAU,MAAM,eAAe,CAAC;AAClF,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AACpD,OAAO,KAAK,CAAC,MAAM,QAAQ,CAAC;AAC5B,OAAO,EAAE,8BAA8B,EAAE,MAAM,sCAAsC,CAAC;AAGtF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6DG;AAMH,MAAM,OAAO,sBAAuB,SAAQ,8BAA8B;IAwBxE,YAA6B,UAAsB;QACjD,KAAK,EAAE,CAAC;QADmB,eAAU,GAAV,UAAU,CAAY;QAPnD;;;WAGG;QAEH,kBAAa,GAAG,KAAK,CAAC;IAItB,CAAC;IAtBD,IACI,WAAW,CAAC,KAAyB;QACvC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,EAAE;YACzD,IAAI,CAAC,YAAY,CAAC,+CAA+C,CAAC,CAAC;SACpE;QACD,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;QAC1B,IAAI,CAAC,uBAAuB,EAAE,CAAC;IACjC,CAAC;IAED,IAAI,WAAW;QACb,OAAO,IAAI,CAAC,YAAY,CAAC;IAC3B,CAAC;IAaD,QAAQ;QACN,KAAK,CAAC,QAAQ,EAAE,CAAC;QACjB,IAAI,CAAC,uBAAuB,EAAE,CAAC;IACjC,CAAC;IAED,IACI,aAAa;QACf,OAAO,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IACpC,CAAC;IAED,IACI,cAAc;QAChB,OAAO,IAAI,CAAC,YAAY,KAAK,CAAC,CAAC;IACjC,CAAC;IAES,uBAAuB;QAC/B,MAAM,EAAE,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC;QACzC,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,EAAE;YAC9B,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,mCAAmC,EAAE,EAAE,CAAC,CAAC;SAC/D;aAAM;YACL,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,mCAAmC,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;SAC9E;IACH,CAAC;;;YAvDF,SAAS,SAAC;gBACT,QAAQ,EAAE,oBAAoB;gBAC9B,2iCAA8C;;aAE/C;;;YAxEmB,UAAU;;;0BA6E3B,KAAK;4BAiBL,KAAK;4BAYL,WAAW,SAAC,oBAAoB;6BAKhC,WAAW,SAAC,qBAAqB","sourcesContent":["import { Component, ElementRef, HostBinding, Input, OnInit } from '@angular/core';\nimport { lang } from '@coolon/typescript-utilities';\nimport * as _ from 'lodash';\nimport { AbstractCardContainerComponent } from '../abstract-card-container.component';\n\n\n/**\n * @example\n * // basic usage\n * <aup-card-container>\n *   <my-card *ngFor=\"...\"></my-card>\n * </aup-card-container>\n *\n * // adds an add button with a the '+' icon to the end of the card list.\n * <aup-card-container [addCardCommand]=\"addCard\">\n *   <my-card *ngFor=\"...\"></my-card>\n * </aup-card-container>\n *\n * // adds an add button with the specified face\n * <aup-card-container [addCardCommand]=\"addCard\" [addCardFace]=\"i18n.addCard\" >\n *   <my-card *ngFor=\"...\"></my-card>\n * </aup-card-container>\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-container [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-container>\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-container>\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-container>\n *\n * // sing the default new card styles for your template\n * @import \"../../../../assets/styles\";\n * .my-new-card {\n *   @include aup-card-container-new-card-style();\n *   // OR\n *   @include aup-card-container-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-container>\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-container>\n *\n * // CSS Vars\n * aup-card-container {\n *   --card-gap: var(--card-gap, 16px);\n *   --card-width: var(--card-width, 300px);\n *   --card-max-width: auto;\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-container',\n  templateUrl: './card-container.component.html',\n  styleUrls: ['./card-container.component.scss']\n})\nexport class CardContainerComponent extends AbstractCardContainerComponent implements OnInit {\n\n  private _columnCount: number | undefined;\n\n  @Input()\n  set columnCount(count: number | undefined) {\n    if (!_.isNil(count) && (!_.isInteger(count) || count < 1)) {\n      lang.illegalState('columnCount must be a positive integer or nil');\n    }\n    this._columnCount = count;\n    this.updateColumnCountStyles();\n  }\n\n  get columnCount() {\n    return this._columnCount;\n  }\n\n  /**\n   * Enable scrolling.  If true the container will have height==0 so you must set it's height explicitly\n   * or place in a layout that will stretch it such as a grid or flex layout.\n   */\n  @Input()\n  enabledScroll = false;\n\n  constructor(private readonly elementRef: ElementRef) {\n    super();\n  }\n\n  ngOnInit() {\n    super.ngOnInit();\n    this.updateColumnCountStyles();\n  }\n\n  @HostBinding('class.auto-columns')\n  get isAutoColumns() {\n    return _.isNil(this._columnCount);\n  }\n\n  @HostBinding('class.single-column')\n  get isSingleColumn() {\n    return this._columnCount === 1;\n  }\n\n  protected updateColumnCountStyles() {\n    const el = this.elementRef.nativeElement;\n    if (_.isNil(this._columnCount)) {\n      el.style.setProperty('--aup-card-container-column-count', '');\n    } else {\n      el.style.setProperty('--aup-card-container-column-count', this._columnCount);\n    }\n  }\n\n}\n\nexport namespace CardContainerComponent {\n  export interface ColumnConfiguration {\n    count: number;\n    stretchToFill: boolean;\n  }\n}\n"]}

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)}.no-scroll-container,aup-scroll-container{flex:1}.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:rgba(0,0,0,.54);background-color:hsla(0,0%,100%,.8)}.add-card-container mat-icon{font-size:200%}.add-card-container:hover{box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);border-color:transparent;background-color:#fff;color:rgba(0,0,0,.54)}.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}"]}]}],"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{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;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:rgba(0,0,0,.54);background-color:hsla(0,0%,100%,.8)}.add-card-container mat-icon{font-size:200%}.add-card-container:hover{box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);border-color:transparent;background-color:#fff;color:rgba(0,0,0,.54)}.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}"]
-            },] }
-];
-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{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;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:rgba(0,0,0,.54);background-color:hsla(0,0%,100%,.8)}.add-card-container mat-icon{font-size:200%}.add-card-container:hover{box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);border-color:transparent;background-color:#fff;color:rgba(0,0,0,.54)}.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}"]}]}],"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: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/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}"]
-            },] }
-];
-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}"]}]}],"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:rgba(0,0,0,.54);background-color:hsla(0,0%,100%,.8)}:host[interactionStyle=inline][renderas=card]:not(.active):hover{box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}:host[interactionStyle=inline][renderas=card]:not(.active):hover{border-color:transparent;background-color:#fff;color:rgba(0,0,0,.54)}: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:rgba(0,0,0,.54);background-color:hsla(0,0%,100%,.8)}:host[interactionStyle=modal][renderas=card]:hover{box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}:host[interactionStyle=modal][renderas=card]:hover{border-color:transparent;background-color:#fff;color:rgba(0,0,0,.54)}: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}"]
-            },] }
-];
-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"]}