@coolon/angular-ui-powerups 3.4.1 → 3.4.2

package/esm2015/lib/interaction/components/activity-actions/activity-actions.component.js

@@ -3,7 +3,36 @@ import { Component, HostBinding, Input } from '@angular/core';
 import { Command, DelegatingCommand, TrackExternal } from '@coolon/pectin';
 import { DisposableComponent } from '../../../components/disposable-component';
 /**
+ * @example
+ * <aup-activity-actions
+ *     [confirmCommand]="confirm"
+ *     [cancelCommand]="cancel"
+ *     [style]="{confirm: saveFace, cancel: cancelFace}">
+ * </aup-activity-actions>
  *
+ * // Running `ng g @coolon/angular-ui-powerups:aup-i18n` will install default
+ * // style definitions
+ * <aup-activity-actions
+ *     [confirmCommand]="confirm"
+ *     [cancelCommand]="cancel"
+ *     [style]="I18n.aup.components.activityActions.styles.okCancelIcons">
+ * </aup-activity-actions>
+ *
+ * // both commands are optional
+ * <aup-activity-actions
+ *     [confirmCommand]="confirm"
+ *     [style]="I18n.aup.components.activityActions.styles.okCancelIcons">
+ * </aup-activity-actions>
+ *
+ * // you can also add additional content that will be displayed along with the buttons.
+ * // The location of the content depends on the alignment attribute.
+ * <aup-activity-actions
+ *     [confirmCommand]="confirm"
+ *     [cancelCommand]="cancel"
+ *     align="stretch"
+ *     [style]="I18n.aup.components.activityActions.styles.okCancelIcons">
+ *     <span>This content will be between the two commands</span>
+ * </aup-activity-actions>
  */
 export class ActivityActionsComponent extends DisposableComponent {
     constructor() {

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

@@ -1 +1 @@
-{"version":3,"file":"activity-actions.component.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/interaction/components/activity-actions/activity-actions.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAU,MAAM,eAAe,CAAC;AACtE,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAG3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAE/E;;GAEG;AAMH,MAAM,OAAO,wBAAyB,SAAQ,mBAAmB;IALjE;;QAmBE,UAAK,GAAgC,OAAO,CAAC;IAuB/C,CAAC;IArBC,IACI,QAAQ;QACV,OAAO,IAAI,CAAC,KAAK,KAAK,KAAK,CAAA;IAC7B,CAAC;IAED,IACI,YAAY;QACd,OAAO,IAAI,CAAC,KAAK,KAAK,SAAS,CAAA;IACjC,CAAC;IAED,QAAQ;IACR,CAAC;IAED,iBAAiB;QACf,OAAO,iBAAiB,CAAC,WAAW,CAAC,IAAI,CAAC,cAAc,CAAC,CAAA;IAC3D,CAAC;IAED,gBAAgB;QACd,OAAO,iBAAiB,CAAC,WAAW,CAAC,IAAI,CAAC,aAAa,CAAC,CAAA;IAC1D,CAAC;;;YAxCF,SAAS,SAAC;gBACT,QAAQ,EAAE,sBAAsB;gBAChC,kZAAgD;;aAEjD;;;6BAGE,KAAK;4BAIL,KAAK;oBAIL,KAAK;oBAGL,KAAK;uBAGL,WAAW,SAAC,iBAAiB;2BAK7B,WAAW,SAAC,qBAAqB;;AAjBlC;IADC,aAAa,EAAE;8BACA,OAAO;gEAAM;AAI7B;IADC,aAAa,EAAE;8BACD,OAAO;+DAAM","sourcesContent":["import { Component, HostBinding, Input, OnInit } from '@angular/core';\nimport { Command, DelegatingCommand, TrackExternal } from '@coolon/pectin';\nimport _ from 'lodash';\nimport { CommandFace } from '../../../components/commands/command-face';\nimport { DisposableComponent } from '../../../components/disposable-component';\n\n/**\n *\n */\n@Component({\n  selector: 'aup-activity-actions',\n  templateUrl: './activity-actions.component.html',\n  styleUrls: ['./activity-actions.component.scss']\n})\nexport class ActivityActionsComponent extends DisposableComponent implements OnInit {\n\n  @Input()\n  @TrackExternal()\n  confirmCommand: Command<any>;\n\n  @Input()\n  @TrackExternal()\n  cancelCommand: Command<any>;\n\n  @Input()\n  style: ActivityActionsComponent.Style;\n\n  @Input()\n  align: 'start' | 'end' | 'stretch' = 'start';\n\n  @HostBinding('class.align-end')\n  get alignEnd():boolean {\n    return this.align === 'end'\n  }\n\n  @HostBinding('class.align-stretch')\n  get alignStretch():boolean {\n    return this.align === 'stretch'\n  }\n\n  ngOnInit() {\n  }\n\n  hasConfirmCommand() {\n    return DelegatingCommand.hasDelegate(this.confirmCommand)\n  }\n\n  hasCancelCommand() {\n    return DelegatingCommand.hasDelegate(this.cancelCommand)\n  }\n\n}\n\nexport namespace ActivityActionsComponent {\n  export interface Style {\n    confirm: CommandFace;\n    cancel: CommandFace;\n  }\n}\n"]}
+{"version":3,"file":"activity-actions.component.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/interaction/components/activity-actions/activity-actions.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAU,MAAM,eAAe,CAAC;AACtE,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAG3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAE/E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAMH,MAAM,OAAO,wBAAyB,SAAQ,mBAAmB;IALjE;;QAmBE,UAAK,GAAgC,OAAO,CAAC;IAuB/C,CAAC;IArBC,IACI,QAAQ;QACV,OAAO,IAAI,CAAC,KAAK,KAAK,KAAK,CAAA;IAC7B,CAAC;IAED,IACI,YAAY;QACd,OAAO,IAAI,CAAC,KAAK,KAAK,SAAS,CAAA;IACjC,CAAC;IAED,QAAQ;IACR,CAAC;IAED,iBAAiB;QACf,OAAO,iBAAiB,CAAC,WAAW,CAAC,IAAI,CAAC,cAAc,CAAC,CAAA;IAC3D,CAAC;IAED,gBAAgB;QACd,OAAO,iBAAiB,CAAC,WAAW,CAAC,IAAI,CAAC,aAAa,CAAC,CAAA;IAC1D,CAAC;;;YAxCF,SAAS,SAAC;gBACT,QAAQ,EAAE,sBAAsB;gBAChC,kZAAgD;;aAEjD;;;6BAGE,KAAK;4BAIL,KAAK;oBAIL,KAAK;oBAGL,KAAK;uBAGL,WAAW,SAAC,iBAAiB;2BAK7B,WAAW,SAAC,qBAAqB;;AAjBlC;IADC,aAAa,EAAE;8BACA,OAAO;gEAAM;AAI7B;IADC,aAAa,EAAE;8BACD,OAAO;+DAAM","sourcesContent":["import { Component, HostBinding, Input, OnInit } from '@angular/core';\nimport { Command, DelegatingCommand, TrackExternal } from '@coolon/pectin';\nimport _ from 'lodash';\nimport { CommandFace } from '../../../components/commands/command-face';\nimport { DisposableComponent } from '../../../components/disposable-component';\n\n/**\n * @example\n * <aup-activity-actions\n *     [confirmCommand]=\"confirm\"\n *     [cancelCommand]=\"cancel\"\n *     [style]=\"{confirm: saveFace, cancel: cancelFace}\">\n * </aup-activity-actions>\n *\n * // Running `ng g @coolon/angular-ui-powerups:aup-i18n` will install default\n * // style definitions\n * <aup-activity-actions\n *     [confirmCommand]=\"confirm\"\n *     [cancelCommand]=\"cancel\"\n *     [style]=\"I18n.aup.components.activityActions.styles.okCancelIcons\">\n * </aup-activity-actions>\n *\n * // both commands are optional\n * <aup-activity-actions\n *     [confirmCommand]=\"confirm\"\n *     [style]=\"I18n.aup.components.activityActions.styles.okCancelIcons\">\n * </aup-activity-actions>\n *\n * // you can also add additional content that will be displayed along with the buttons.\n * // The location of the content depends on the alignment attribute.\n * <aup-activity-actions\n *     [confirmCommand]=\"confirm\"\n *     [cancelCommand]=\"cancel\"\n *     align=\"stretch\"\n *     [style]=\"I18n.aup.components.activityActions.styles.okCancelIcons\">\n *     <span>This content will be between the two commands</span>\n * </aup-activity-actions>\n */\n@Component({\n  selector: 'aup-activity-actions',\n  templateUrl: './activity-actions.component.html',\n  styleUrls: ['./activity-actions.component.scss']\n})\nexport class ActivityActionsComponent extends DisposableComponent implements OnInit {\n\n  @Input()\n  @TrackExternal()\n  confirmCommand: Command<any>;\n\n  @Input()\n  @TrackExternal()\n  cancelCommand: Command<any>;\n\n  @Input()\n  style: ActivityActionsComponent.Style;\n\n  @Input()\n  align: 'start' | 'end' | 'stretch' = 'start';\n\n  @HostBinding('class.align-end')\n  get alignEnd():boolean {\n    return this.align === 'end'\n  }\n\n  @HostBinding('class.align-stretch')\n  get alignStretch():boolean {\n    return this.align === 'stretch'\n  }\n\n  ngOnInit() {\n  }\n\n  hasConfirmCommand() {\n    return DelegatingCommand.hasDelegate(this.confirmCommand)\n  }\n\n  hasCancelCommand() {\n    return DelegatingCommand.hasDelegate(this.cancelCommand)\n  }\n\n}\n\nexport namespace ActivityActionsComponent {\n  export interface Style {\n    confirm: CommandFace;\n    cancel: CommandFace;\n  }\n}\n"]}

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

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"ActivityActionsComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../../components/disposable-component","name":"DisposableComponent","line":14,"character":46},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"aup-activity-actions","template":"<ng-container *ngIf=\"hasCancelCommand()\">\n  <aup-command class=\"cancel\" [command]=\"cancelCommand\" [face]=\"style.cancel\"></aup-command>\n</ng-container>\n<ng-container *ngIf=\"hasConfirmCommand()\">\n  <aup-command class=\"confirm\" [command]=\"confirmCommand\" [face]=\"style.confirm\"></aup-command>\n</ng-container>\n<div class=\"content\">\n  <ng-content></ng-content>\n</div>\n","styles":[":host{-ms-grid-columns:auto auto 1fr;-ms-grid-rows:auto;align-items:center;display:-ms-grid;display:grid;grid-template-areas:\"cancel confirm content\";grid-template-columns:auto auto 1fr;grid-template-rows:auto;justify-content:end}:host.align-end{-ms-grid-columns:1fr auto auto;grid-template-areas:\"content cancel confirm\";grid-template-columns:1fr auto auto}:host.align-stretch{-ms-grid-columns:auto 1fr auto;grid-template-areas:\"cancel content confirm\";grid-template-columns:auto 1fr auto}.cancel{-ms-grid-column:1;-ms-grid-row:1;grid-area:cancel}:host.align-end>.cancel{-ms-grid-column:2;-ms-grid-row:1}:host.align-stretch>.cancel{-ms-grid-column:1;-ms-grid-row:1}.confirm{-ms-grid-column:2;-ms-grid-row:1;grid-area:confirm}.column,:host.align-end>.confirm,:host.align-stretch>.confirm{-ms-grid-column:3;-ms-grid-row:1}.column{grid-area:content;text-align:left}:host.align-end>.column{-ms-grid-column:1;-ms-grid-row:1}:host.align-stretch>.column{-ms-grid-column:2;-ms-grid-row:1}"]}]}],"members":{"confirmCommand":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":17,"character":3}}]}],"cancelCommand":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":21,"character":3}}]}],"style":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"align":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"alignEnd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":30,"character":3},"arguments":["class.align-end"]}]}],"alignStretch":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":35,"character":3},"arguments":["class.align-stretch"]}]}],"ngOnInit":[{"__symbolic":"method"}],"hasConfirmCommand":[{"__symbolic":"method"}],"hasCancelCommand":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"ActivityActionsComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../../components/disposable-component","name":"DisposableComponent","line":43,"character":46},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":38,"character":1},"arguments":[{"selector":"aup-activity-actions","template":"<ng-container *ngIf=\"hasCancelCommand()\">\n  <aup-command class=\"cancel\" [command]=\"cancelCommand\" [face]=\"style.cancel\"></aup-command>\n</ng-container>\n<ng-container *ngIf=\"hasConfirmCommand()\">\n  <aup-command class=\"confirm\" [command]=\"confirmCommand\" [face]=\"style.confirm\"></aup-command>\n</ng-container>\n<div class=\"content\">\n  <ng-content></ng-content>\n</div>\n","styles":[":host{-ms-grid-columns:auto auto 1fr;-ms-grid-rows:auto;align-items:center;display:-ms-grid;display:grid;grid-template-areas:\"cancel confirm content\";grid-template-columns:auto auto 1fr;grid-template-rows:auto;justify-content:end}:host.align-end{-ms-grid-columns:1fr auto auto;grid-template-areas:\"content cancel confirm\";grid-template-columns:1fr auto auto}:host.align-stretch{-ms-grid-columns:auto 1fr auto;grid-template-areas:\"cancel content confirm\";grid-template-columns:auto 1fr auto}.cancel{-ms-grid-column:1;-ms-grid-row:1;grid-area:cancel}:host.align-end>.cancel{-ms-grid-column:2;-ms-grid-row:1}:host.align-stretch>.cancel{-ms-grid-column:1;-ms-grid-row:1}.confirm{-ms-grid-column:2;-ms-grid-row:1;grid-area:confirm}.column,:host.align-end>.confirm,:host.align-stretch>.confirm{-ms-grid-column:3;-ms-grid-row:1}.column{grid-area:content;text-align:left}:host.align-end>.column{-ms-grid-column:1;-ms-grid-row:1}:host.align-stretch>.column{-ms-grid-column:2;-ms-grid-row:1}"]}]}],"members":{"confirmCommand":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":46,"character":3}}]}],"cancelCommand":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":50,"character":3}}]}],"style":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}}]}],"align":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":3}}]}],"alignEnd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":59,"character":3},"arguments":["class.align-end"]}]}],"alignStretch":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":64,"character":3},"arguments":["class.align-stretch"]}]}],"ngOnInit":[{"__symbolic":"method"}],"hasConfirmCommand":[{"__symbolic":"method"}],"hasCancelCommand":[{"__symbolic":"method"}]}}}}]

package/fesm2015/coolon-angular-ui-powerups.js

@@ -3167,7 +3167,36 @@ Activity.propDecorators = {
 };
 
 /**
+ * @example
+ * <aup-activity-actions
+ *     [confirmCommand]="confirm"
+ *     [cancelCommand]="cancel"
+ *     [style]="{confirm: saveFace, cancel: cancelFace}">
+ * </aup-activity-actions>
+ *
+ * // Running `ng g @coolon/angular-ui-powerups:aup-i18n` will install default
+ * // style definitions
+ * <aup-activity-actions
+ *     [confirmCommand]="confirm"
+ *     [cancelCommand]="cancel"
+ *     [style]="I18n.aup.components.activityActions.styles.okCancelIcons">
+ * </aup-activity-actions>
+ *
+ * // both commands are optional
+ * <aup-activity-actions
+ *     [confirmCommand]="confirm"
+ *     [style]="I18n.aup.components.activityActions.styles.okCancelIcons">
+ * </aup-activity-actions>
  *
+ * // you can also add additional content that will be displayed along with the buttons.
+ * // The location of the content depends on the alignment attribute.
+ * <aup-activity-actions
+ *     [confirmCommand]="confirm"
+ *     [cancelCommand]="cancel"
+ *     align="stretch"
+ *     [style]="I18n.aup.components.activityActions.styles.okCancelIcons">
+ *     <span>This content will be between the two commands</span>
+ * </aup-activity-actions>
  */
 class ActivityActionsComponent extends DisposableComponent {
     constructor() {