@coolon/angular-ui-powerups 12.4.0-alpha.89 → 12.4.0-alpha.9

package/esm2015/cypress/page.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"Page":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./page-element","name":"PageElement","line":7,"character":26},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./path","name":"Path","line":11,"character":29}]}],"dom":[{"__symbolic":"method"}],"visit":[{"__symbolic":"method"}],"tryAndVisit":[{"__symbolic":"method"}],"shouldHaveActivityIds":[{"__symbolic":"method"}],"shouldNotHaveActivityIds":[{"__symbolic":"method"}],"shouldHaveTitle":[{"__symbolic":"method"}],"shouldBeActive":[{"__symbolic":"method"}],"shouldIncludeParameters":[{"__symbolic":"method"}],"shouldNotHaveParameter":[{"__symbolic":"method"}],"getUrlParameters":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"Page":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./page-element","name":"PageElement","line":6,"character":26},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./path","name":"Path","line":10,"character":29}]}],"element":[{"__symbolic":"method"}],"visit":[{"__symbolic":"method"}],"tryAndVisit":[{"__symbolic":"method"}],"shouldHaveActivityIds":[{"__symbolic":"method"}],"shouldNotHaveActivityIds":[{"__symbolic":"method"}],"shouldHaveTitle":[{"__symbolic":"method"}],"shouldBeActive":[{"__symbolic":"method"}]}}}}]

package/esm2015/cypress/section.js

@@ -0,0 +1,76 @@
+import { Mixin as CreateMixin } from '@coolon/typescript-utilities';
+import { AupCommand } from './components/aup-command';
+import { AupEmptyState } from './components/aup-empty-state';
+import { AupInput } from './components/aup-input';
+import { AupNavigation } from './components/aup-navigation';
+import { AupTable } from './components/aup-table';
+import { Button } from './components/button';
+import { PageElement } from './page-element';
+export var Section;
+(function (Section) {
+    function create(builder) {
+        const impl = new StandAloneSection();
+        return CreateMixin.createProxy(builder(impl), impl);
+    }
+    Section.create = create;
+    function Mixin(Base) {
+        return class extends Base {
+            section(selector, section) {
+                const impl = new NestedSection(this, selector);
+                return CreateMixin.createProxy(section(impl), impl);
+            }
+            find(selector) {
+                return new PageElement(() => this.element(), selector);
+            }
+            contains(text) {
+                return new PageElement(() => this.element(), {
+                    findIn: parent => parent.contains(text),
+                    shouldNotExist: (parent) => parent.should('not.contain', text)
+                });
+            }
+            button(text) {
+                return new Button(() => this.element(), text);
+            }
+            aupStringInput(selector) {
+                return new AupInput.HtmlInput(() => this.element(), selector !== null && selector !== void 0 ? selector : 'aup-string-input');
+            }
+            aupTextInput(selector) {
+                return new AupInput.TextAreaInput(() => this.element(), selector !== null && selector !== void 0 ? selector : 'aup-text-input');
+            }
+            aupPasswordInput(selector) {
+                return new AupInput.HtmlInput(() => this.element(), selector !== null && selector !== void 0 ? selector : 'aup-password-input');
+            }
+            aupNumberInput(selector) {
+                return new AupInput.HtmlInput(() => this.element(), selector !== null && selector !== void 0 ? selector : 'aup-number-input');
+            }
+            aupCommand(face) {
+                return new AupCommand(this, face);
+            }
+            aupTabbedNavigation() {
+                return new AupNavigation(this, 'aup-tabbed-place-navigation');
+            }
+            aupSideNavigation() {
+                return new AupNavigation(() => this.element(), 'aup-list-place-nav');
+            }
+            aupTable(selector) {
+                return new AupTable(() => this.element(), selector !== null && selector !== void 0 ? selector : 'aup-table');
+            }
+            aupEmptyState(selector) {
+                return new AupEmptyState(this, selector);
+            }
+        };
+    }
+    Section.Mixin = Mixin;
+    class NestedSection extends Mixin(PageElement) {
+    }
+    class StandAloneSection extends Mixin(PageElement) {
+        constructor() {
+            super(undefined, undefined);
+            this.rootElementSelector = 'body';
+        }
+        element() {
+            return cy.get(this.rootElementSelector);
+        }
+    }
+})(Section || (Section = {}));
+//# sourceMappingURL=section.js.map

package/esm2015/cypress/section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"section.js","sourceRoot":"","sources":["../../../../../libs/angular-ui-powerups/cypress/src/section.ts"],"names":[],"mappings":"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","sourcesContent":["import { Constructable } from '@coolon/pectin';\nimport { Mixin as CreateMixin } from '@coolon/typescript-utilities';\nimport { AupCommand } from './components/aup-command';\nimport { AupEmptyState } from './components/aup-empty-state';\nimport { AupInput } from './components/aup-input';\nimport { AupNavigation } from './components/aup-navigation';\nimport { AupTable } from './components/aup-table';\nimport { Button } from './components/button';\nimport { Types } from './components/types';\nimport { PageElement } from './page-element';\n\nexport interface Section {\n  section<T extends object>(selector: string, section: (section: Section & PageElement) => T): T & PageElement;\n\n  find(selector: string): PageElement;\n\n  contains(text: string): PageElement;\n\n  button(text: string): Button;\n\n  aupStringInput(selector?: string): AupInput<string>;\n\n  aupTextInput(selector?: string): AupInput<string>;\n\n  aupPasswordInput(selector?: string): AupInput<string>;\n\n  aupNumberInput(selector?: string): AupInput<number>;\n\n  aupCommand(face: Types.CommandFace): AupCommand\n\n  // aupToolbar<T extends object>(builder: () => T): AupToolBar & T\n  //\n  // aupToolbar<T extends object>(selector: string, builder: () => T): AupToolBar & T\n  //\n  // aupToolbar<T extends object>(selectorOrBuilder: string | (() => T), builder?: () => T): AupToolBar & T\n  //\n  // aupPopupMenu<T extends object>(face: CommandFace, builder: () => T): AupPopupMenu & T\n\n  aupTabbedNavigation<T extends object>(): AupNavigation;\n\n  aupSideNavigation<T extends object>(): AupNavigation;\n\n  aupTable(selector?: string): AupTable;\n\n  aupEmptyState(selector?: string): AupEmptyState;\n\n}\n\n\nexport namespace Section {\n\n  export function create<T extends object>(builder: (section: PageElement & Section) => T): T & PageElement {\n    const impl = new StandAloneSection();\n    return CreateMixin.createProxy(builder(impl), impl);\n  }\n\n  export function Mixin<BC extends Constructable<PageElement>>(Base: BC) {\n\n    return class extends Base implements Section {\n\n      section<T extends object>(selector: string, section: (section: Section & PageElement) => T): T & PageElement {\n        const impl = new NestedSection(this, selector);\n        return CreateMixin.createProxy(section(impl), impl);\n      }\n\n      find(selector: string): PageElement {\n        return new PageElement(() => this.element(), selector);\n      }\n\n      contains(text: string): PageElement {\n        return new PageElement(() => this.element(), {\n          findIn: parent => parent.contains(text),\n          shouldNotExist: (parent: Cypress.Chainable<JQuery>) => parent.should('not.contain', text)\n        });\n      }\n\n      button(text: string): Button {\n        return new Button(() => this.element(), text);\n      }\n\n      aupStringInput(selector?: string): AupInput<string> {\n        return new AupInput.HtmlInput(() => this.element(), selector ?? 'aup-string-input');\n      }\n\n      aupTextInput(selector?: string): AupInput<string> {\n        return new AupInput.TextAreaInput(() => this.element(), selector ?? 'aup-text-input');\n      }\n\n      aupPasswordInput(selector?: string): AupInput<string> {\n        return new AupInput.HtmlInput(() => this.element(), selector ?? 'aup-password-input');\n      }\n\n      aupNumberInput(selector?: string): AupInput<number> {\n        return new AupInput.HtmlInput(() => this.element(), selector ?? 'aup-number-input');\n      }\n\n      aupCommand(face: Types.CommandFace): AupCommand {\n        return new AupCommand(this, face);\n      }\n\n      aupTabbedNavigation<T extends object>(): AupNavigation {\n        return new AupNavigation(this, 'aup-tabbed-place-navigation');\n      }\n\n      aupSideNavigation<T extends object>(): AupNavigation {\n        return new AupNavigation(() => this.element(), 'aup-list-place-nav');\n      }\n\n      aupTable(selector?: string): AupTable {\n        return new AupTable(() => this.element(), selector ?? 'aup-table');\n      }\n\n      aupEmptyState(selector?: string): AupEmptyState {\n        return new AupEmptyState(this, selector);\n      }\n\n      // aupToolbar<T extends object>(builder: () => T): AupToolBar\n      // aupToolbar<T extends object>(selector: string, builder: () => T): AupToolBar\n      // aupToolbar<T extends object>(selectorOrBuilder: string | (() => T), builder?: () => T): AupToolBar {\n      //   return lang.notImplemented();\n      // }\n      //\n      // aupPopupMenu<T extends object>(face: CommandFace, builder: () => T): AupPopupMenu & T {\n      //   return lang.notImplemented();\n      // }\n      //\n      // aupMoreMenu<T extends object>(builder: () => T): AupPopupMenu & T {\n      //   return lang.notImplemented();\n      // }\n\n    };\n  }\n\n  class NestedSection extends Mixin(PageElement) {\n  }\n\n  class StandAloneSection extends Mixin(PageElement) {\n    protected rootElementSelector = 'body';\n\n    constructor() {\n      super(undefined, undefined);\n    }\n\n    element(): Cypress.Chainable<JQuery<HTMLElement>> {\n      return cy.get(this.rootElementSelector);\n    }\n\n  }\n\n\n}\n"]}

package/esm2015/cypress/section.metadata.json

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

package/esm2015/lib/angular-ui-powerups.module.ngfactory.js.map

@@ -1 +1 @@
-{"version":3,"file":"angular-ui-powerups.module.ngfactory.js","sourceRoot":"","sources":["../../../../../libs/angular-ui-powerups/src/lib/angular-ui-powerups.module.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\nimport * as i1 from './angular-ui-powerups.module';\nimport * as i2 from '@angular/common';\nimport * as i3 from '@angular/forms';\nimport * as i4 from '@angular/cdk/text-field';\nimport * as i5 from '@angular/cdk/bidi';\nimport * as i6 from '@angular/material/form-field';\nimport * as i7 from '@angular/material/input';\nimport * as i8 from '@angular/cdk/scrolling';\nimport * as i9 from '@angular/material/core';\nimport * as i10 from '@angular/material/select';\nimport * as i11 from '@angular/material/tabs';\nimport * as i12 from './directives/command.directive';\nimport * as i13 from './directives/focus-binding.directive';\nimport * as i14 from './directives/highlight-text-model.directive';\nimport * as i15 from './components/forms/number-input/number-input.component';\nimport * as i16 from './components/forms/string-input/string-input.component';\nimport * as i17 from './components/forms/text-input/text-input.component';\nimport * as i18 from './components/forms/password-input/password-input.component';\nimport * as i19 from './components/forms/checkbox-input/checkbox-input.component';\nimport * as i20 from './components/forms/select-input/select-input.component';\nimport * as i21 from './components/forms/multiple-select-input/multiple-select-input.component';\nimport * as i22 from './components/forms/autocomplete-input/autocomplete-input.component';\nimport * as i23 from './components/scroll-container/scroll-container.component';\nimport * as i24 from './components/noop/noop.component';\nimport * as i25 from './components/switch-case/switch-case.component';\nimport * as i26 from './components/focus-container/focus-container.component';\nimport * as i27 from './components/vertical-focus-container/vertical-focus-container.component';\nimport * as i28 from './components/focusable.component';\nimport * as i29 from './components/cards/card-container/card-container.component';\nimport * as i30 from './components/tables/table/table.component';\nimport * as i31 from './components/tables/table/edit-row-controls/edit-row-controls.component';\nimport * as i32 from './components/tables/table/column-template/column-template.directive';\nimport * as i33 from './components/icon/icon.component';\nimport * as i34 from './components/section-header/section-header.component';\nimport * as i35 from './components/tables/table/table-row-menu/table-row-menu.component';\nimport * as i36 from './components/commands/group/tool-bar/tool-bar.component';\nimport * as i37 from './components/commands/command/command.component';\nimport * as i38 from './components/commands/group/popup-menu/popup-menu.component';\nimport * as i39 from './components/commands/command-face/command-face.component';\nimport * as i40 from './components/commands/group/popup-menu/more-menu.component';\nimport * as i41 from './components/commands/separator.component';\nimport * as i42 from './components/commands/flex.component';\nimport * as i43 from './components/tables/tree-table/tree-table-component';\nimport * as i44 from './components/busy-overlay/busy-overlay.component';\nimport * as i45 from './components/empty-state/empty-state.component';\nimport * as i46 from './components/tables/table/paginator/paginator.component';\nimport * as i47 from './components/cards/card-stack/card-stack.component';\nimport * as i48 from './components/labelled-value/labelled-value.component';\nimport * as i49 from './components/loading-container/loading-container.component';\nimport * as i50 from './components/text/markdown/markdown.component';\nimport * as i51 from './place/components/place-outlet/place-outlet.component';\nimport * as i52 from './place/components/tabbed-place-navigation/tabbed-place-navigation.component';\nimport * as i53 from './place/components/list-place-nav/list-place-nav.component';\nimport * as i54 from './place/components/side-place-navigation/side-place-navigation.component';\nimport * as i55 from './place/components/abstract-place-navigation.component';\nimport * as i56 from './interaction/components/activity-container/activity-container.component';\nimport * as i57 from './interaction/components/activity-container/activity-outlet/activity-outlet.component';\nimport * as i58 from './interaction/components/activity-title/activity-title.component';\nimport * as i59 from './interaction/components/inplace-interaction-context/in-place-interaction-context.component';\nimport * as i60 from './interaction/components/add-item-interaction-context/add-item-interaction-context.component';\nimport * as i61 from './interaction/components/activity-actions/activity-actions.component';\nimport * as i62 from './interaction/components/popup-interaction-context/popup-interaction-context.component';\nimport * as i63 from './interaction/directives/interaction-context-trigger-for.directive';\nimport * as i64 from './interaction/components/input-activities/string-input-activity';\nimport * as i65 from './interaction/components/input-activities/select-input-activity';\nimport * as i66 from './interaction/components/activity-body/activity-body.component';\nimport * as i67 from './interaction/components/activity-triggers/popup-activity-trigger/popup-activity-trigger.component';\nimport * as i68 from './interaction/components/activity-triggers/inline-activity-trigger/inline-activity-trigger.component';\nimport * as i69 from './interaction/components/activity-triggers/modal-activity-trigger/modal-activity-trigger.component';\nimport * as i70 from './interaction/components/add-card-activity/add-card-activity.component';\nimport * as i71 from './interaction/components/editors/inline-string-editor/inline-string-editor.component';\nimport * as i72 from './directives/highlight.pipe';\nimport * as i73 from '@angular/platform-browser/animations';\nimport * as i74 from './directives/directives.module';\nimport * as i75 from './components/components.module';\nimport * as i76 from './place/place.module';\nimport * as i77 from './interaction/interaction.module';\nexport const AngularUiPowerupsModuleNgFactory:i0.NgModuleFactory<i1.AngularUiPowerupsModule> = (null as any);\nvar _decl0_0:i2.NgClass = (<any>(null as any));\nvar _decl0_1:i2.NgComponentOutlet = (<any>(null as any));\nvar _decl0_2:i2.NgForOf<any,any> = (<any>(null as any));\nvar _decl0_3:i2.NgIf<any> = (<any>(null as any));\nvar _decl0_4:i2.NgTemplateOutlet = (<any>(null as any));\nvar _decl0_5:i2.NgStyle = (<any>(null as any));\nvar _decl0_6:i2.NgSwitch = (<any>(null as any));\nvar _decl0_7:i2.NgSwitchCase = (<any>(null as any));\nvar _decl0_8:i2.NgSwitchDefault = (<any>(null as any));\nvar _decl0_9:i2.NgPlural = (<any>(null as any));\nvar _decl0_10:i2.NgPluralCase = (<any>(null as any));\nvar _decl0_11:i3.ɵangular_packages_forms_forms_bc = (<any>(null as any));\nvar _decl0_12:i3.NgSelectOption = (<any>(null as any));\nvar _decl0_13:i3.ɵangular_packages_forms_forms_bb = (<any>(null as any));\nvar _decl0_14:i3.DefaultValueAccessor = (<any>(null as any));\nvar _decl0_15:i3.NumberValueAccessor = (<any>(null as any));\nvar _decl0_16:i3.RangeValueAccessor = (<any>(null as any));\nvar _decl0_17:i3.CheckboxControlValueAccessor = (<any>(null as any));\nvar _decl0_18:i3.SelectControlValueAccessor = (<any>(null as any));\nvar _decl0_19:i3.SelectMultipleControlValueAccessor = (<any>(null as any));\nvar _decl0_20:i3.RadioControlValueAccessor = (<any>(null as any));\nvar _decl0_21:i3.NgControlStatus = (<any>(null as any));\nvar _decl0_22:i3.NgControlStatusGroup = (<any>(null as any));\nvar _decl0_23:i3.RequiredValidator = (<any>(null as any));\nvar _decl0_24:i3.MinLengthValidator = (<any>(null as any));\nvar _decl0_25:i3.MaxLengthValidator = (<any>(null as any));\nvar _decl0_26:i3.PatternValidator = (<any>(null as any));\nvar _decl0_27:i3.CheckboxRequiredValidator = (<any>(null as any));\nvar _decl0_28:i3.EmailValidator = (<any>(null as any));\nvar _decl0_29:i3.MinValidator = (<any>(null as any));\nvar _decl0_30:i3.MaxValidator = (<any>(null as any));\nvar _decl0_31:i3.NgModel = (<any>(null as any));\nvar _decl0_32:i3.NgModelGroup = (<any>(null as any));\nvar _decl0_33:i3.NgForm = (<any>(null as any));\nvar _decl0_34:i4.CdkAutofill = (<any>(null as any));\nvar _decl0_35:i4.CdkTextareaAutosize = (<any>(null as any));\nvar _decl0_36:i5.Dir = (<any>(null as any));\nvar _decl0_37:i6.MatError = (<any>(null as any));\nvar _decl0_38:i6.MatFormField = (<any>(null as any));\nvar _decl0_39:i6.MatHint = (<any>(null as any));\nvar _decl0_40:i6.MatLabel = (<any>(null as any));\nvar _decl0_41:i6.MatPlaceholder = (<any>(null as any));\nvar _decl0_42:i6.MatPrefix = (<any>(null as any));\nvar _decl0_43:i6.MatSuffix = (<any>(null as any));\nvar _decl0_44:i7.MatInput = (<any>(null as any));\nvar _decl0_45:i7.MatTextareaAutosize = (<any>(null as any));\nvar _decl0_46:i8.CdkScrollable = (<any>(null as any));\nvar _decl0_47:i9.MatOption = (<any>(null as any));\nvar _decl0_48:i9.MatOptgroup = (<any>(null as any));\nvar _decl0_49:i10.MatSelect = (<any>(null as any));\nvar _decl0_50:i10.MatSelectTrigger = (<any>(null as any));\nvar _decl0_51:i11.MatTabGroup = (<any>(null as any));\nvar _decl0_52:i11.MatTabLabel = (<any>(null as any));\nvar _decl0_53:i11.MatTab = (<any>(null as any));\nvar _decl0_54:i11.MatTabNav = (<any>(null as any));\nvar _decl0_55:i11.MatTabLink = (<any>(null as any));\nvar _decl0_56:i11.MatTabContent = (<any>(null as any));\nvar _decl0_57:i12.CommandDirective<any> = (<any>(null as any));\nvar _decl0_58:i13.FocusBindingDirective = (<any>(null as any));\nvar _decl0_59:i14.HighlightTextModelDirective = (<any>(null as any));\nvar _decl0_60:i15.NumberInputComponent = (<any>(null as any));\nvar _decl0_61:i16.StringInputComponent = (<any>(null as any));\nvar _decl0_62:i17.TextInputComponent = (<any>(null as any));\nvar _decl0_63:i18.PasswordInputComponent = (<any>(null as any));\nvar _decl0_64:i19.CheckboxInputComponent = (<any>(null as any));\nvar _decl0_65:i20.SelectInputComponent<any> = (<any>(null as any));\nvar _decl0_66:i21.MultipleSelectInputComponent<any> = (<any>(null as any));\nvar _decl0_67:i22.AutocompleteInputComponent<any> = (<any>(null as any));\nvar _decl0_68:i23.ScrollContainerComponent = (<any>(null as any));\nvar _decl0_69:i24.NoopComponent = (<any>(null as any));\nvar _decl0_70:i25.SwitchCaseComponent<any> = (<any>(null as any));\nvar _decl0_71:i25.SwitchCaseWhenDirective<any> = (<any>(null as any));\nvar _decl0_72:i25.SwitchCaseDefaultDirective<any> = (<any>(null as any));\nvar _decl0_73:i26.FocusContainerComponent = (<any>(null as any));\nvar _decl0_74:i27.VerticalFocusContainerComponent = (<any>(null as any));\nvar _decl0_75:i28.FocusableComponent = (<any>(null as any));\nvar _decl0_76:i29.CardContainerComponent = (<any>(null as any));\nvar _decl0_77:i30.TableComponent<any> = (<any>(null as any));\nvar _decl0_78:i31.EditRowControls<any> = (<any>(null as any));\nvar _decl0_79:i32.ColumnTemplateDirective = (<any>(null as any));\nvar _decl0_80:i33.IconComponent = (<any>(null as any));\nvar _decl0_81:i34.SectionHeaderComponent = (<any>(null as any));\nvar _decl0_82:i35.TableRowMenuComponent<any> = (<any>(null as any));\nvar _decl0_83:i36.ToolBarComponent = (<any>(null as any));\nvar _decl0_84:i37.CommandComponent = (<any>(null as any));\nvar _decl0_85:i38.PopupMenuComponent = (<any>(null as any));\nvar _decl0_86:i39.CommandFaceComponent<any> = (<any>(null as any));\nvar _decl0_87:i40.MoreMenuComponent = (<any>(null as any));\nvar _decl0_88:i41.SeparatorComponent = (<any>(null as any));\nvar _decl0_89:i42.FlexComponent = (<any>(null as any));\nvar _decl0_90:i43.TreeTableComponent<any> = (<any>(null as any));\nvar _decl0_91:i44.BusyOverlayComponent = (<any>(null as any));\nvar _decl0_92:i45.EmptyStateComponent = (<any>(null as any));\nvar _decl0_93:i46.PaginatorComponent = (<any>(null as any));\nvar _decl0_94:i47.CardStackComponent = (<any>(null as any));\nvar _decl0_95:i48.LabelledValueComponent = (<any>(null as any));\nvar _decl0_96:i49.LoadingContainerComponent = (<any>(null as any));\nvar _decl0_97:i50.MarkdownComponent = (<any>(null as any));\nvar _decl0_98:i51.PlaceOutletComponent = (<any>(null as any));\nvar _decl0_99:i52.TabbedPlaceNavigationComponent = (<any>(null as any));\nvar _decl0_100:i53.ListPlaceNavComponent = (<any>(null as any));\nvar _decl0_101:i54.SidePlaceNavigationComponent = (<any>(null as any));\nvar _decl0_102:i55.AbstractPlaceNavigationComponent = (<any>(null as any));\nvar _decl0_103:i56.ActivityContainerComponent<any,any,any> = (<any>(null as any));\nvar _decl0_104:i57.ActivityOutletComponent<any,any,any> = (<any>(null as any));\nvar _decl0_105:i58.ActivityTitleComponent = (<any>(null as any));\nvar _decl0_106:i59.InPlaceInteractionContextComponent<any,any,any> = (<any>(null as any));\nvar _decl0_107:i60.AddItemInteractionContextComponent = (<any>(null as any));\nvar _decl0_108:i61.ActivityActionsComponent = (<any>(null as any));\nvar _decl0_109:i62.PopupInteractionContextComponent = (<any>(null as any));\nvar _decl0_110:i63.InteractionContextTriggerFor<any,any,any> = (<any>(null as any));\nvar _decl0_111:i64.StringInputActivity = (<any>(null as any));\nvar _decl0_112:i65.SelectInputActivity<any> = (<any>(null as any));\nvar _decl0_113:i66.ActivityBodyComponent = (<any>(null as any));\nvar _decl0_114:i67.PopupActivityTriggerComponent<any,any,any> = (<any>(null as any));\nvar _decl0_115:i68.InlineActivityTriggerComponent<any,any,any> = (<any>(null as any));\nvar _decl0_116:i69.ModalActivityTriggerComponent<any,any,any> = (<any>(null as any));\nvar _decl0_117:i70.AddCardActivityComponent = (<any>(null as any));\nvar _decl0_118:i71.InlineStringEditorComponent = (<any>(null as any));\nvar _decl0_119:i2.AsyncPipe = (<any>(null as any));\nvar _decl0_120:i2.UpperCasePipe = (<any>(null as any));\nvar _decl0_121:i2.LowerCasePipe = (<any>(null as any));\nvar _decl0_122:i2.JsonPipe = (<any>(null as any));\nvar _decl0_123:i2.SlicePipe = (<any>(null as any));\nvar _decl0_124:i2.DecimalPipe = (<any>(null as any));\nvar _decl0_125:i2.PercentPipe = (<any>(null as any));\nvar _decl0_126:i2.TitleCasePipe = (<any>(null as any));\nvar _decl0_127:i2.CurrencyPipe = (<any>(null as any));\nvar _decl0_128:i2.DatePipe = (<any>(null as any));\nvar _decl0_129:i2.I18nPluralPipe = (<any>(null as any));\nvar _decl0_130:i2.I18nSelectPipe = (<any>(null as any));\nvar _decl0_131:i2.KeyValuePipe = (<any>(null as any));\nvar _decl0_132:i72.HighlightPipe = (<any>(null as any));\nvar _decl0_133:i2.CommonModule = (<any>(null as any));\nvar _decl0_134:i73.BrowserAnimationsModule = (<any>(null as any));\nvar _decl0_135:i3.FormsModule = (<any>(null as any));\nvar _decl0_136:i7.MatInputModule = (<any>(null as any));\nvar _decl0_137:i6.MatFormFieldModule = (<any>(null as any));\nvar _decl0_138:i10.MatSelectModule = (<any>(null as any));\nvar _decl0_139:i11.MatTabsModule = (<any>(null as any));\nvar _decl0_146:i74.DirectivesModule = (<any>(null as any));\nvar _decl0_147:i75.ComponentsModule = (<any>(null as any));\nvar _decl0_145:i76.PlaceModule = (<any>(null as any));\nvar _decl0_144:i77.InteractionModule = (<any>(null as any));\nvar _decl0_148:i0.TemplateRef<any> = (<any>(null as any));\nvar _decl0_149:i0.ElementRef<any> = (<any>(null as any));\n"]}
+{"version":3,"file":"angular-ui-powerups.module.ngfactory.js","sourceRoot":"","sources":["../../../../../libs/angular-ui-powerups/src/lib/angular-ui-powerups.module.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\nimport * as i1 from './angular-ui-powerups.module';\nimport * as i2 from '@angular/common';\nimport * as i3 from '@angular/forms';\nimport * as i4 from '@angular/cdk/text-field';\nimport * as i5 from '@angular/cdk/bidi';\nimport * as i6 from '@angular/material/form-field';\nimport * as i7 from '@angular/material/input';\nimport * as i8 from '@angular/cdk/scrolling';\nimport * as i9 from '@angular/material/core';\nimport * as i10 from '@angular/material/select';\nimport * as i11 from '@angular/material/tabs';\nimport * as i12 from './directives/command.directive';\nimport * as i13 from './directives/focus-binding.directive';\nimport * as i14 from './directives/highlight-text-model.directive';\nimport * as i15 from './components/forms/number-input/number-input.component';\nimport * as i16 from './components/forms/string-input/string-input.component';\nimport * as i17 from './components/forms/text-input/text-input.component';\nimport * as i18 from './components/forms/password-input/password-input.component';\nimport * as i19 from './components/forms/checkbox-input/checkbox-input.component';\nimport * as i20 from './components/forms/select-input/select-input.component';\nimport * as i21 from './components/forms/multiple-select-input/multiple-select-input.component';\nimport * as i22 from './components/forms/autocomplete-input/autocomplete-input.component';\nimport * as i23 from './components/scroll-container/scroll-container.component';\nimport * as i24 from './components/noop/noop.component';\nimport * as i25 from './components/switch-case/switch-case.component';\nimport * as i26 from './components/focus-container/focus-container.component';\nimport * as i27 from './components/vertical-focus-container/vertical-focus-container.component';\nimport * as i28 from './components/focusable.component';\nimport * as i29 from './components/card-container/card-container.component';\nimport * as i30 from './components/tables/table/table.component';\nimport * as i31 from './components/tables/table/edit-row-controls/edit-row-controls.component';\nimport * as i32 from './components/tables/table/column-template/column-template.directive';\nimport * as i33 from './components/icon/icon.component';\nimport * as i34 from './components/section-header/section-header.component';\nimport * as i35 from './components/tables/table/table-row-menu/table-row-menu.component';\nimport * as i36 from './components/commands/group/tool-bar/tool-bar.component';\nimport * as i37 from './components/commands/command/command.component';\nimport * as i38 from './components/commands/group/popup-menu/popup-menu.component';\nimport * as i39 from './components/commands/command-face/command-face.component';\nimport * as i40 from './components/commands/group/popup-menu/more-menu.component';\nimport * as i41 from './components/commands/separator.component';\nimport * as i42 from './components/commands/flex.component';\nimport * as i43 from './components/tables/tree-table/tree-table-component';\nimport * as i44 from './components/busy-overlay/busy-overlay.component';\nimport * as i45 from './components/empty-state/empty-state.component';\nimport * as i46 from './components/tables/table/paginator/paginator.component';\nimport * as i47 from './place/components/place-outlet/place-outlet.component';\nimport * as i48 from './place/components/tabbed-place-navigation/tabbed-place-navigation.component';\nimport * as i49 from './place/components/list-place-nav/list-place-nav.component';\nimport * as i50 from './place/components/side-place-navigation/side-place-navigation.component';\nimport * as i51 from './place/components/abstract-place-navigation.component';\nimport * as i52 from './interaction/components/activity-container/activity-container.component';\nimport * as i53 from './interaction/components/activity-container/activity-outlet/activity-outlet.component';\nimport * as i54 from './interaction/components/activity-title/activity-title.component';\nimport * as i55 from './interaction/components/inplace-interaction-context/in-place-interaction-context.component';\nimport * as i56 from './interaction/components/add-item-interaction-context/add-item-interaction-context.component';\nimport * as i57 from './interaction/components/activity-actions/activity-actions.component';\nimport * as i58 from './interaction/components/popup-interaction-context/popup-interaction-context.component';\nimport * as i59 from './interaction/directives/interaction-context-trigger-for.directive';\nimport * as i60 from './interaction/components/input-activities/string-input-activity';\nimport * as i61 from './interaction/components/input-activities/select-input-activity';\nimport * as i62 from './interaction/components/activity-body/activity-body.component';\nimport * as i63 from './interaction/components/activity-triggers/popup-activity-trigger/popup-activity-trigger.component';\nimport * as i64 from './interaction/components/activity-triggers/inline-activity-trigger/inline-activity-trigger.component';\nimport * as i65 from './interaction/components/activity-triggers/modal-activity-trigger/modal-activity-trigger.component';\nimport * as i66 from './directives/highlight.pipe';\nimport * as i67 from '@angular/platform-browser/animations';\nimport * as i68 from './directives/directives.module';\nimport * as i69 from './components/components.module';\nimport * as i70 from './place/place.module';\nimport * as i71 from './interaction/interaction.module';\nexport const AngularUiPowerupsModuleNgFactory:i0.NgModuleFactory<i1.AngularUiPowerupsModule> = (null as any);\nvar _decl0_0:i2.NgClass = (<any>(null as any));\nvar _decl0_1:i2.NgComponentOutlet = (<any>(null as any));\nvar _decl0_2:i2.NgForOf<any,any> = (<any>(null as any));\nvar _decl0_3:i2.NgIf<any> = (<any>(null as any));\nvar _decl0_4:i2.NgTemplateOutlet = (<any>(null as any));\nvar _decl0_5:i2.NgStyle = (<any>(null as any));\nvar _decl0_6:i2.NgSwitch = (<any>(null as any));\nvar _decl0_7:i2.NgSwitchCase = (<any>(null as any));\nvar _decl0_8:i2.NgSwitchDefault = (<any>(null as any));\nvar _decl0_9:i2.NgPlural = (<any>(null as any));\nvar _decl0_10:i2.NgPluralCase = (<any>(null as any));\nvar _decl0_11:i3.ɵangular_packages_forms_forms_bb = (<any>(null as any));\nvar _decl0_12:i3.NgSelectOption = (<any>(null as any));\nvar _decl0_13:i3.ɵangular_packages_forms_forms_ba = (<any>(null as any));\nvar _decl0_14:i3.DefaultValueAccessor = (<any>(null as any));\nvar _decl0_15:i3.NumberValueAccessor = (<any>(null as any));\nvar _decl0_16:i3.RangeValueAccessor = (<any>(null as any));\nvar _decl0_17:i3.CheckboxControlValueAccessor = (<any>(null as any));\nvar _decl0_18:i3.SelectControlValueAccessor = (<any>(null as any));\nvar _decl0_19:i3.SelectMultipleControlValueAccessor = (<any>(null as any));\nvar _decl0_20:i3.RadioControlValueAccessor = (<any>(null as any));\nvar _decl0_21:i3.NgControlStatus = (<any>(null as any));\nvar _decl0_22:i3.NgControlStatusGroup = (<any>(null as any));\nvar _decl0_23:i3.RequiredValidator = (<any>(null as any));\nvar _decl0_24:i3.MinLengthValidator = (<any>(null as any));\nvar _decl0_25:i3.MaxLengthValidator = (<any>(null as any));\nvar _decl0_26:i3.PatternValidator = (<any>(null as any));\nvar _decl0_27:i3.CheckboxRequiredValidator = (<any>(null as any));\nvar _decl0_28:i3.EmailValidator = (<any>(null as any));\nvar _decl0_29:i3.MinValidator = (<any>(null as any));\nvar _decl0_30:i3.MaxValidator = (<any>(null as any));\nvar _decl0_31:i3.NgModel = (<any>(null as any));\nvar _decl0_32:i3.NgModelGroup = (<any>(null as any));\nvar _decl0_33:i3.NgForm = (<any>(null as any));\nvar _decl0_34:i4.CdkAutofill = (<any>(null as any));\nvar _decl0_35:i4.CdkTextareaAutosize = (<any>(null as any));\nvar _decl0_36:i5.Dir = (<any>(null as any));\nvar _decl0_37:i6.MatError = (<any>(null as any));\nvar _decl0_38:i6.MatFormField = (<any>(null as any));\nvar _decl0_39:i6.MatHint = (<any>(null as any));\nvar _decl0_40:i6.MatLabel = (<any>(null as any));\nvar _decl0_41:i6.MatPlaceholder = (<any>(null as any));\nvar _decl0_42:i6.MatPrefix = (<any>(null as any));\nvar _decl0_43:i6.MatSuffix = (<any>(null as any));\nvar _decl0_44:i7.MatInput = (<any>(null as any));\nvar _decl0_45:i7.MatTextareaAutosize = (<any>(null as any));\nvar _decl0_46:i8.CdkScrollable = (<any>(null as any));\nvar _decl0_47:i9.MatOption = (<any>(null as any));\nvar _decl0_48:i9.MatOptgroup = (<any>(null as any));\nvar _decl0_49:i10.MatSelect = (<any>(null as any));\nvar _decl0_50:i10.MatSelectTrigger = (<any>(null as any));\nvar _decl0_51:i11.MatTabGroup = (<any>(null as any));\nvar _decl0_52:i11.MatTabLabel = (<any>(null as any));\nvar _decl0_53:i11.MatTab = (<any>(null as any));\nvar _decl0_54:i11.MatTabNav = (<any>(null as any));\nvar _decl0_55:i11.MatTabLink = (<any>(null as any));\nvar _decl0_56:i11.MatTabContent = (<any>(null as any));\nvar _decl0_57:i12.CommandDirective<any> = (<any>(null as any));\nvar _decl0_58:i13.FocusBindingDirective = (<any>(null as any));\nvar _decl0_59:i14.HighlightTextModelDirective = (<any>(null as any));\nvar _decl0_60:i15.NumberInputComponent = (<any>(null as any));\nvar _decl0_61:i16.StringInputComponent = (<any>(null as any));\nvar _decl0_62:i17.TextInputComponent = (<any>(null as any));\nvar _decl0_63:i18.PasswordInputComponent = (<any>(null as any));\nvar _decl0_64:i19.CheckboxInputComponent = (<any>(null as any));\nvar _decl0_65:i20.SelectInputComponent<any> = (<any>(null as any));\nvar _decl0_66:i21.MultipleSelectInputComponent<any> = (<any>(null as any));\nvar _decl0_67:i22.AutocompleteInputComponent<any> = (<any>(null as any));\nvar _decl0_68:i23.ScrollContainerComponent = (<any>(null as any));\nvar _decl0_69:i24.NoopComponent = (<any>(null as any));\nvar _decl0_70:i25.SwitchCaseComponent<any> = (<any>(null as any));\nvar _decl0_71:i25.SwitchCaseWhenDirective<any> = (<any>(null as any));\nvar _decl0_72:i25.SwitchCaseDefaultDirective<any> = (<any>(null as any));\nvar _decl0_73:i26.FocusContainerComponent = (<any>(null as any));\nvar _decl0_74:i27.VerticalFocusContainerComponent = (<any>(null as any));\nvar _decl0_75:i28.FocusableComponent = (<any>(null as any));\nvar _decl0_76:i29.CardContainerComponent = (<any>(null as any));\nvar _decl0_77:i30.TableComponent<any> = (<any>(null as any));\nvar _decl0_78:i31.EditRowControls<any> = (<any>(null as any));\nvar _decl0_79:i32.ColumnTemplateDirective = (<any>(null as any));\nvar _decl0_80:i33.IconComponent = (<any>(null as any));\nvar _decl0_81:i34.SectionHeaderComponent = (<any>(null as any));\nvar _decl0_82:i35.TableRowMenuComponent<any> = (<any>(null as any));\nvar _decl0_83:i36.ToolBarComponent = (<any>(null as any));\nvar _decl0_84:i37.CommandComponent = (<any>(null as any));\nvar _decl0_85:i38.PopupMenuComponent = (<any>(null as any));\nvar _decl0_86:i39.CommandFaceComponent<any> = (<any>(null as any));\nvar _decl0_87:i40.MoreMenuComponent = (<any>(null as any));\nvar _decl0_88:i41.SeparatorComponent = (<any>(null as any));\nvar _decl0_89:i42.FlexComponent = (<any>(null as any));\nvar _decl0_90:i43.TreeTableComponent<any> = (<any>(null as any));\nvar _decl0_91:i44.BusyOverlayComponent = (<any>(null as any));\nvar _decl0_92:i45.EmptyStateComponent = (<any>(null as any));\nvar _decl0_93:i46.PaginatorComponent = (<any>(null as any));\nvar _decl0_94:i47.PlaceOutletComponent = (<any>(null as any));\nvar _decl0_95:i48.TabbedPlaceNavigationComponent = (<any>(null as any));\nvar _decl0_96:i49.ListPlaceNavComponent = (<any>(null as any));\nvar _decl0_97:i50.SidePlaceNavigationComponent = (<any>(null as any));\nvar _decl0_98:i51.AbstractPlaceNavigationComponent = (<any>(null as any));\nvar _decl0_99:i52.ActivityContainerComponent<any,any,any> = (<any>(null as any));\nvar _decl0_100:i53.ActivityOutletComponent<any,any,any> = (<any>(null as any));\nvar _decl0_101:i54.ActivityTitleComponent = (<any>(null as any));\nvar _decl0_102:i55.InPlaceInteractionContextComponent<any,any,any> = (<any>(null as any));\nvar _decl0_103:i56.AddItemInteractionContextComponent = (<any>(null as any));\nvar _decl0_104:i57.ActivityActionsComponent = (<any>(null as any));\nvar _decl0_105:i58.PopupInteractionContextComponent = (<any>(null as any));\nvar _decl0_106:i59.InteractionContextTriggerFor<any,any,any> = (<any>(null as any));\nvar _decl0_107:i60.StringInputActivity = (<any>(null as any));\nvar _decl0_108:i61.SelectInputActivity<any> = (<any>(null as any));\nvar _decl0_109:i62.ActivityBodyComponent = (<any>(null as any));\nvar _decl0_110:i63.PopupActivityTriggerComponent<any,any,any> = (<any>(null as any));\nvar _decl0_111:i64.InlineActivityTriggerComponent<any,any,any> = (<any>(null as any));\nvar _decl0_112:i65.ModalActivityTriggerComponent<any,any,any> = (<any>(null as any));\nvar _decl0_113:i2.AsyncPipe = (<any>(null as any));\nvar _decl0_114:i2.UpperCasePipe = (<any>(null as any));\nvar _decl0_115:i2.LowerCasePipe = (<any>(null as any));\nvar _decl0_116:i2.JsonPipe = (<any>(null as any));\nvar _decl0_117:i2.SlicePipe = (<any>(null as any));\nvar _decl0_118:i2.DecimalPipe = (<any>(null as any));\nvar _decl0_119:i2.PercentPipe = (<any>(null as any));\nvar _decl0_120:i2.TitleCasePipe = (<any>(null as any));\nvar _decl0_121:i2.CurrencyPipe = (<any>(null as any));\nvar _decl0_122:i2.DatePipe = (<any>(null as any));\nvar _decl0_123:i2.I18nPluralPipe = (<any>(null as any));\nvar _decl0_124:i2.I18nSelectPipe = (<any>(null as any));\nvar _decl0_125:i2.KeyValuePipe = (<any>(null as any));\nvar _decl0_126:i66.HighlightPipe = (<any>(null as any));\nvar _decl0_127:i2.CommonModule = (<any>(null as any));\nvar _decl0_128:i67.BrowserAnimationsModule = (<any>(null as any));\nvar _decl0_129:i3.FormsModule = (<any>(null as any));\nvar _decl0_130:i7.MatInputModule = (<any>(null as any));\nvar _decl0_131:i6.MatFormFieldModule = (<any>(null as any));\nvar _decl0_132:i10.MatSelectModule = (<any>(null as any));\nvar _decl0_133:i11.MatTabsModule = (<any>(null as any));\nvar _decl0_140:i68.DirectivesModule = (<any>(null as any));\nvar _decl0_141:i69.ComponentsModule = (<any>(null as any));\nvar _decl0_139:i70.PlaceModule = (<any>(null as any));\nvar _decl0_138:i71.InteractionModule = (<any>(null as any));\nvar _decl0_142:i0.TemplateRef<any> = (<any>(null as any));\nvar _decl0_143:i0.ElementRef<any> = (<any>(null as any));\n"]}

package/esm2015/lib/components/busy-overlay/busy-overlay.component.js

@@ -12,7 +12,7 @@ BusyOverlayComponent.decorators = [
     { type: Component, args: [{
                 selector: 'aup-busy-overlay',
                 template: "<ng-content></ng-content>\n<div class=\"busy-overlay-backdrop\" *ngIf=\"busyModel.value\">\n  <mat-progress-spinner mode=\"indeterminate\" [diameter]=\"52\"></mat-progress-spinner>\n</div>\n",
-                styles: [":host{position:relative}div.busy-overlay-backdrop{z-index:10;z-index:var(--aup-busy-overlay-z-index, 10);position:absolute;background-color:#0003;top:0;left:0;bottom:0;right:0;display:grid;grid-template-columns:auto;grid-template-rows:auto;place-content:center}\n"]
+                styles: [":host{position:relative}div.busy-overlay-backdrop{position:absolute;background-color:rgba(0,0,0,.2);top:0;left:0;bottom:0;right:0;display:grid;grid-template-columns:auto;grid-template-rows:auto;place-content:center}"]
             },] }
 ];
 BusyOverlayComponent.ctorParameters = () => [];

package/esm2015/lib/components/busy-overlay/busy-overlay.component.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"BusyOverlayComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@coolon/pectin","name":"GarbageCollector","line":8,"character":42},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"aup-busy-overlay","template":"<ng-content></ng-content>\n<div class=\"busy-overlay-backdrop\" *ngIf=\"busyModel.value\">\n  <mat-progress-spinner mode=\"indeterminate\" [diameter]=\"52\"></mat-progress-spinner>\n</div>\n","styles":[":host{position:relative}div.busy-overlay-backdrop{z-index:10;z-index:var(--aup-busy-overlay-z-index, 10);position:absolute;background-color:#0003;top:0;left:0;bottom:0;right:0;display:grid;grid-template-columns:auto;grid-template-rows:auto;place-content:center}\n"]}]}],"members":{"busyModel":[{"__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":10,"character":12}}]}],"busy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInValueModel","line":13,"character":12},"arguments":["busyModel"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"BusyOverlayComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@coolon/pectin","name":"GarbageCollector","line":8,"character":42},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"aup-busy-overlay","template":"<ng-content></ng-content>\n<div class=\"busy-overlay-backdrop\" *ngIf=\"busyModel.value\">\n  <mat-progress-spinner mode=\"indeterminate\" [diameter]=\"52\"></mat-progress-spinner>\n</div>\n","styles":[":host{position:relative}div.busy-overlay-backdrop{position:absolute;background-color:rgba(0,0,0,.2);top:0;left:0;bottom:0;right:0;display:grid;grid-template-columns:auto;grid-template-rows:auto;place-content:center}"]}]}],"members":{"busyModel":[{"__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":10,"character":12}}]}],"busy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInValueModel","line":13,"character":12},"arguments":["busyModel"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}}}}]

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

@@ -0,0 +1,84 @@
+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';
+/**
+ * @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>
+ *
+ * // 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-height: var(--card-height, auto);
+ *   --card-min-height: var(--card-min-height, auto);
+ *   --card-background: var(--card-background, #fcfcfb);
+ * }
+ */
+export class CardContainerComponent extends DisposableComponent {
+    constructor() {
+        super();
+    }
+    ngOnInit() {
+    }
+}
+CardContainerComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'aup-card-container',
+                template: "<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\n</div>\n",
+                styles: [":host{--resolved-card-gap:var(--card-gap,16px);--resolved-card-width:var(--card-width,300px);--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:repeat(auto-fill,var(--resolved-card-width));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);min-height:calc(var(--resolved-card-height) + 2 * var(--resolved-card-gap));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));max-width:100%}.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;box-sizing:border-box;border:2px dashed rgba(0,0,0,.1);border-radius:6px;font-weight:300;cursor:pointer;color:rgba(0,0,0,.54);background-color:hsla(0,0%,100%,.8);transition:all .28s cubic-bezier(.4,0,.2,1)}.add-card-container mat-icon{font-size:200%}.add-card-container:hover{transition:box-shadow .28s cubic-bezier(.4,0,.2,1);transition:all .28s cubic-bezier(.4,0,.2,1);border-color:transparent;background-color:#fff;color:rgba(0,0,0,.54)}.add-card-container:hover:hover{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.add-card-template-container{width:var(--resolved-card-width);height:var(--resolved-card-height);display:flex;flex-direction:column;align-items:stretch;justify-content:stretch}"]
+            },] }
+];
+CardContainerComponent.ctorParameters = () => [];
+CardContainerComponent.propDecorators = {
+    addCardCommand: [{ type: Input }],
+    addCardFace: [{ type: Input }],
+    addCardTemplate: [{ type: ContentChild, args: ["addCardTemplate",] }]
+};
+__decorate([
+    TrackExternal(),
+    __metadata("design:type", Command)
+], CardContainerComponent.prototype, "addCardCommand", void 0);
+//# sourceMappingURL=card-container.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card-container.component.js","sourceRoot":"","sources":["../../../../../../../libs/angular-ui-powerups/src/lib/components/card-container/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;AAE9D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqDG;AAMH,MAAM,OAAO,sBAAuB,SAAQ,mBAAmB;IAY7D;QACE,KAAK,EAAE,CAAA;IACT,CAAC;IAED,QAAQ;IACR,CAAC;;;YAtBF,SAAS,SAAC;gBACT,QAAQ,EAAE,oBAAoB;gBAC9B,kgBAA8C;;aAE/C;;;;6BAGE,KAAK;0BAIL,KAAK;8BAGL,YAAY,SAAC,iBAAiB;;AAL/B;IADC,aAAa,EAAE;8BACA,OAAO;8DAAM","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/**\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 * // 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-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 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/card-container/card-container.component.metadata.json

@@ -0,0 +1 @@
+[{"__symbolic":"module","version":4,"metadata":{"CardContainerComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../disposable-component","name":"DisposableComponent","line":64,"character":44},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":59,"character":1},"arguments":[{"selector":"aup-card-container","template":"<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\n</div>\n","styles":[":host{--resolved-card-gap:var(--card-gap,16px);--resolved-card-width:var(--card-width,300px);--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:repeat(auto-fill,var(--resolved-card-width));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);min-height:calc(var(--resolved-card-height) + 2 * var(--resolved-card-gap));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));max-width:100%}.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;box-sizing:border-box;border:2px dashed rgba(0,0,0,.1);border-radius:6px;font-weight:300;cursor:pointer;color:rgba(0,0,0,.54);background-color:hsla(0,0%,100%,.8);transition:all .28s cubic-bezier(.4,0,.2,1)}.add-card-container mat-icon{font-size:200%}.add-card-container:hover{transition:box-shadow .28s cubic-bezier(.4,0,.2,1);transition:all .28s cubic-bezier(.4,0,.2,1);border-color:transparent;background-color:#fff;color:rgba(0,0,0,.54)}.add-card-container:hover:hover{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.add-card-template-container{width:var(--resolved-card-width);height:var(--resolved-card-height);display:flex;flex-direction:column;align-items:stretch;justify-content:stretch}"]}]}],"members":{"addCardCommand":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":67,"character":3}}]}],"addCardFace":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":3}}]}],"addCardTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":73,"character":3},"arguments":["addCardTemplate"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}}}}]

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

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

package/esm2015/lib/components/{labelled-value/labelled-value.component.scss.shim.ngstyle.js.map → card-container/card-container.component.scss.shim.ngstyle.js.map}

@@ -1 +1 @@
-{"version":3,"file":"labelled-value.component.scss.shim.ngstyle.js","sourceRoot":"","sources":["../../../../../../../libs/angular-ui-powerups/src/lib/components/labelled-value/labelled-value.component.scss.shim.ngstyle.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}
+{"version":3,"file":"card-container.component.scss.shim.ngstyle.js","sourceRoot":"","sources":["../../../../../../../libs/angular-ui-powerups/src/lib/components/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/commands/command/command.component.js

@@ -45,7 +45,7 @@ CommandComponent.decorators = [
     { type: Component, args: [{
                 selector: 'aup-command',
                 template: "<ng-container *ngIf=\"iconOnly.value\">\n  <button mat-icon-button [pectinCommand]=\"command\" [color]=\"colorModel.value\" [class.busy]=\"command.busy.value\"\n          [matTooltip]=\"tooltipModel.value\">\n    <aup-command-face [class]=\"alignFace\" [faces]=\"faces.value\"></aup-command-face>\n  </button>\n</ng-container>\n<ng-container *ngIf=\"!iconOnly.value\">\n  <ng-container [ngSwitch]=\"buttonStyle.value\">\n    <ng-container *ngSwitchCase=\"CommandFace.Style.STROKED\">\n      <button mat-stroked-button [pectinCommand]=\"command\" [color]=\"colorModel.value\" [class.busy]=\"command.busy.value\"\n              [matTooltip]=\"tooltipModel.value\">\n        <aup-command-face [class]=\"alignFace\" [faces]=\"faces.value\"></aup-command-face>\n      </button>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"CommandFace.Style.RAISED\">\n      <button mat-raised-button [pectinCommand]=\"command\" [color]=\"colorModel.value\" [class.busy]=\"command.busy.value\"\n              [matTooltip]=\"tooltipModel.value\">\n        <aup-command-face [class]=\"alignFace\" [faces]=\"faces.value\"></aup-command-face>\n      </button>\n    </ng-container>\n    <ng-container *ngSwitchDefault>\n      <button mat-button [pectinCommand]=\"command\" [color]=\"colorModel.value\" [class.busy]=\"command.busy.value\"\n              [matTooltip]=\"tooltipModel.value\">\n        <aup-command-face [class]=\"alignFace\" [faces]=\"faces.value\"></aup-command-face>\n      </button>\n    </ng-container>\n  </ng-container>\n</ng-container>\n",
-                styles: [":host{display:inline-flex;flex-direction:row;justify-content:stretch}:host.centered button{text-align:center}:host.start button{text-align:start}:host.end button{text-align:end}button{flex:1}\n"]
+                styles: [":host{display:inline-flex;flex-direction:row;justify-content:stretch}:host.centered button{text-align:center}:host.start button{text-align:start}:host.end button{text-align:end}button{flex:1}"]
             },] }
 ];
 CommandComponent.ctorParameters = () => [

package/esm2015/lib/components/commands/command/command.component.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"CommandComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../group/popup-aware.component","name":"PopupAwareComponent","line":27,"character":38},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"selector":"aup-command","template":"<ng-container *ngIf=\"iconOnly.value\">\n  <button mat-icon-button [pectinCommand]=\"command\" [color]=\"colorModel.value\" [class.busy]=\"command.busy.value\"\n          [matTooltip]=\"tooltipModel.value\">\n    <aup-command-face [class]=\"alignFace\" [faces]=\"faces.value\"></aup-command-face>\n  </button>\n</ng-container>\n<ng-container *ngIf=\"!iconOnly.value\">\n  <ng-container [ngSwitch]=\"buttonStyle.value\">\n    <ng-container *ngSwitchCase=\"CommandFace.Style.STROKED\">\n      <button mat-stroked-button [pectinCommand]=\"command\" [color]=\"colorModel.value\" [class.busy]=\"command.busy.value\"\n              [matTooltip]=\"tooltipModel.value\">\n        <aup-command-face [class]=\"alignFace\" [faces]=\"faces.value\"></aup-command-face>\n      </button>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"CommandFace.Style.RAISED\">\n      <button mat-raised-button [pectinCommand]=\"command\" [color]=\"colorModel.value\" [class.busy]=\"command.busy.value\"\n              [matTooltip]=\"tooltipModel.value\">\n        <aup-command-face [class]=\"alignFace\" [faces]=\"faces.value\"></aup-command-face>\n      </button>\n    </ng-container>\n    <ng-container *ngSwitchDefault>\n      <button mat-button [pectinCommand]=\"command\" [color]=\"colorModel.value\" [class.busy]=\"command.busy.value\"\n              [matTooltip]=\"tooltipModel.value\">\n        <aup-command-face [class]=\"alignFace\" [faces]=\"faces.value\"></aup-command-face>\n      </button>\n    </ng-container>\n  </ng-container>\n</ng-container>\n","styles":[":host{display:inline-flex;flex-direction:row;justify-content:stretch}:host.centered button{text-align:center}:host.start button{text-align:start}:host.end button{text-align:end}button{flex:1}\n"]}]}],"members":{"command":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":29,"character":12}}]}],"faceModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":32,"character":12}}]}],"face":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInValueModel","line":35,"character":12},"arguments":["faceModel"]}]}],"busyFaceModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":38,"character":12}}]}],"busyFace":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInValueModel","line":41,"character":12},"arguments":["busyFaceModel"]}]}],"alignFace":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":47,"character":3},"arguments":["class"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":58,"character":36},"arguments":[{"__symbolic":"reference","module":"../group/popup-container","name":"POPUP_CONTAINER","line":58,"character":43}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":58,"character":61}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":58,"character":23},{"__symbolic":"reference","module":"../group/popup-container","name":"PopupContainer","line":58,"character":81}]}],"isActive":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"getFace":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"CommandComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../group/popup-aware.component","name":"PopupAwareComponent","line":27,"character":38},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"selector":"aup-command","template":"<ng-container *ngIf=\"iconOnly.value\">\n  <button mat-icon-button [pectinCommand]=\"command\" [color]=\"colorModel.value\" [class.busy]=\"command.busy.value\"\n          [matTooltip]=\"tooltipModel.value\">\n    <aup-command-face [class]=\"alignFace\" [faces]=\"faces.value\"></aup-command-face>\n  </button>\n</ng-container>\n<ng-container *ngIf=\"!iconOnly.value\">\n  <ng-container [ngSwitch]=\"buttonStyle.value\">\n    <ng-container *ngSwitchCase=\"CommandFace.Style.STROKED\">\n      <button mat-stroked-button [pectinCommand]=\"command\" [color]=\"colorModel.value\" [class.busy]=\"command.busy.value\"\n              [matTooltip]=\"tooltipModel.value\">\n        <aup-command-face [class]=\"alignFace\" [faces]=\"faces.value\"></aup-command-face>\n      </button>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"CommandFace.Style.RAISED\">\n      <button mat-raised-button [pectinCommand]=\"command\" [color]=\"colorModel.value\" [class.busy]=\"command.busy.value\"\n              [matTooltip]=\"tooltipModel.value\">\n        <aup-command-face [class]=\"alignFace\" [faces]=\"faces.value\"></aup-command-face>\n      </button>\n    </ng-container>\n    <ng-container *ngSwitchDefault>\n      <button mat-button [pectinCommand]=\"command\" [color]=\"colorModel.value\" [class.busy]=\"command.busy.value\"\n              [matTooltip]=\"tooltipModel.value\">\n        <aup-command-face [class]=\"alignFace\" [faces]=\"faces.value\"></aup-command-face>\n      </button>\n    </ng-container>\n  </ng-container>\n</ng-container>\n","styles":[":host{display:inline-flex;flex-direction:row;justify-content:stretch}:host.centered button{text-align:center}:host.start button{text-align:start}:host.end button{text-align:end}button{flex:1}"]}]}],"members":{"command":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":29,"character":12}}]}],"faceModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":32,"character":12}}]}],"face":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInValueModel","line":35,"character":12},"arguments":["faceModel"]}]}],"busyFaceModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":38,"character":12}}]}],"busyFace":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInValueModel","line":41,"character":12},"arguments":["busyFaceModel"]}]}],"alignFace":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":47,"character":3},"arguments":["class"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":58,"character":36},"arguments":[{"__symbolic":"reference","module":"../group/popup-container","name":"POPUP_CONTAINER","line":58,"character":43}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":58,"character":61}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":58,"character":23},{"__symbolic":"reference","module":"../group/popup-container","name":"PopupContainer","line":58,"character":81}]}],"isActive":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"getFace":[{"__symbolic":"method"}]}}}}]

package/esm2015/lib/components/commands/command-face/command-face.component.js

@@ -26,9 +26,6 @@ export class CommandFaceComponent extends DisposableComponent {
         this.activeIcon = activeFace.pluck("icon");
         this.activeColor = activeFace.pluck("color");
     }
-    set face(face) {
-        this.facesModel.value = [face];
-    }
     get requiresMissingIconInLayout() {
         return this.includeMissingIconInLayout && !this.activeIcon.value;
     }
@@ -52,13 +49,12 @@ CommandFaceComponent.decorators = [
                 selector: 'aup-command-face',
                 template: "<div class=\"face-container\" *ngFor=\"let face of faceAdapters.value\">\n  <aup-icon *ngIf=\"hasIconStart(face)\" [icon]=\"face.icon\"></aup-icon>\n  <span *ngIf=\"face.text\">{{face.text}}</span>\n  <aup-icon *ngIf=\"hasIconEnd(face)\" [icon]=\"face.icon\"></aup-icon>\n</div>\n",
                 encapsulation: ViewEncapsulation.None,
-                styles: ["aup-command-face{--icon-gap: var(--aup-command-face-icon-gap);display:inline-grid}aup-command-face>.face-container{grid-column:1;grid-row:1;display:inline-flex;flex-direction:row;align-items:center}aup-command-face>.face-container:not(:first-child){visibility:hidden}aup-command-face>.face-container *+*{margin-left:var(--icon-gap)}aup-command-face.hide-icon aup-icon{visibility:hidden}aup-command-face.centered{justify-items:center}aup-command-face.start{justify-items:self-start}aup-command-face.end{justify-items:self-end}\n"]
+                styles: ["aup-command-face{--icon-gap:var(--aup-command-face-icon-gap);display:inline-grid}aup-command-face>.face-container{grid-column:1;grid-row:1;display:inline-flex;flex-direction:row;align-items:center}aup-command-face>.face-container:not(:first-child){visibility:hidden}aup-command-face>.face-container *+*{margin-left:var(--icon-gap)}aup-command-face.hide-icon aup-icon{visibility:hidden}aup-command-face.centered{justify-items:center}aup-command-face.start{justify-items:self-start}aup-command-face.end{justify-items:self-end}"]
             },] }
 ];
 CommandFaceComponent.ctorParameters = () => [];
 CommandFaceComponent.propDecorators = {
     _rawFaces: [{ type: Input, args: ['faces',] }],
-    face: [{ type: Input }],
     ignoreIcon: [{ type: Input }],
     ignoreText: [{ type: Input }],
     includeMissingIconInLayout: [{ type: Input }],

package/esm2015/lib/components/commands/command-face/command-face.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"command-face.component.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/components/commands/command-face/command-face.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAU,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAGzF,OAAO,EACL,GAAG,EAEH,gBAAgB,EAChB,gBAAgB,EAGjB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C;;;;;;;;;GASG;AAOH,MAAM,OAAO,oBAAwB,SAAQ,mBAAmB;IA+B9D;QACE,KAAK,EAAE,CAAC;QA9BO,eAAU,GAAG,IAAI,gBAAgB,EAAe,CAAC;QAYlE,eAAU,GAAG,KAAK,CAAC;QAGnB,eAAU,GAAG,KAAK,CAAC;QAGnB,+BAA0B,GAAG,KAAK,CAAC;QAajC,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACzF,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;QACtF,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,CAAC;QAC7C,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;QAC1C,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;IAC9C,CAAC;IA9BD,IACI,IAAI,CAAC,IAAiB;QACxB,IAAI,CAAC,UAAU,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,CAAC;IACjC,CAAC;IAeD,IACI,2BAA2B;QAC7B,OAAO,IAAI,CAAC,0BAA0B,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;IACnE,CAAC;IAWD,QAAQ;IACR,CAAC;IAED,iBAAiB,CAAC,IAAyB;QACzC,OAAO,CAAC,CAAC,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,0BAA0B,CAAC;IAC5E,CAAC;IAED,YAAY,CAAC,IAAwB;QACnC,OAAO,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,YAAY,KAAK,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClH,CAAC;IAED,UAAU,CAAC,IAAwB;QACjC,OAAO,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,YAAY,KAAK,WAAW,CAAC,QAAQ,CAAC,GAAG,CAAC;IACxF,CAAC;IAED,IACI,KAAK;QACP,OAAO,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;IAChC,CAAC;;;YAhEF,SAAS,SAAC;gBACT,QAAQ,EAAE,kBAAkB;gBAC5B,oSAA4C;gBAE5C,aAAa,EAAE,iBAAiB,CAAC,IAAI;;aACtC;;;;wBAME,KAAK,SAAC,OAAO;mBAGb,KAAK;yBAKL,KAAK;yBAGL,KAAK;yCAGL,KAAK;0CAOL,WAAW,SAAC,iBAAiB;oBA6B7B,WAAW,SAAC,YAAY;;AAjDzB;IADiB,gBAAgB,CAAC,YAAY,CAAC;;uDACtB","sourcesContent":["import { Component, HostBinding, Input, OnInit, ViewEncapsulation } from '@angular/core';\nimport { ThemePalette } from '@angular/material/core';\n\nimport {\n  Dsl,\n  ListModelChain,\n  MutableListModel,\n  StoreInListModel,\n  StoreInValueModel,\n  ValueModelChain\n} from '@coolon/pectin';\nimport { DisposableComponent } from '../../disposable-component';\nimport { CommandFace } from '../command-face';\n\n/**\n * Custom CSS:\n * @example\n * root: { // globally\n *   --aup-command-face-icon-gap: 8px;\n * }\n * aup-command-face { // per instance\n *   --icon-gap: 4px;\n * }\n */\n@Component({\n  selector: 'aup-command-face',\n  templateUrl: './command-face.component.html',\n  styleUrls: ['./command-face.component.scss'],\n  encapsulation: ViewEncapsulation.None\n})\nexport class CommandFaceComponent<T> extends DisposableComponent implements OnInit {\n\n  private readonly facesModel = new MutableListModel<CommandFace>();\n\n  // tslint:disable-next-line:no-input-rename\n  @Input('faces') @StoreInListModel('facesModel')\n  _rawFaces: CommandFace[];\n\n  @Input()\n  set face(face: CommandFace) {\n    this.facesModel.value = [face];\n  }\n\n  @Input()\n  ignoreIcon = false;\n\n  @Input()\n  ignoreText = false;\n\n  @Input()\n  includeMissingIconInLayout = false;\n\n  readonly faceAdapters: ListModelChain<CommandFace.Adapter>;\n  private activeIcon: ValueModelChain<string>;\n  private activeColor: ValueModelChain<string>;\n\n  @HostBinding('class.hide-icon')\n  get requiresMissingIconInLayout() {\n    return this.includeMissingIconInLayout && !this.activeIcon.value;\n  }\n\n  constructor() {\n    super();\n    const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);\n    this.faceAdapters = chain(this.facesModel).map(face => new CommandFace.Adapter(face));\n    const activeFace = this.faceAdapters.first();\n    this.activeIcon = activeFace.pluck(\"icon\")\n    this.activeColor = activeFace.pluck(\"color\")\n  }\n\n  ngOnInit() {\n  }\n\n  shouldIncludeIcon(face: CommandFace.Adapter) {\n    return (!this.ignoreIcon && face.icon) || this.includeMissingIconInLayout;\n  }\n\n  hasIconStart(face:CommandFace.Adapter): boolean {\n    return this.shouldIncludeIcon(face) && (!face.iconPosition || face.iconPosition === CommandFace.Position.START);\n  }\n\n  hasIconEnd(face:CommandFace.Adapter): boolean {\n    return this.shouldIncludeIcon(face) && face.iconPosition === CommandFace.Position.END;\n  }\n\n  @HostBinding('attr.color')\n  get color(): string {\n    return this.activeColor.value;\n  }\n\n}\n"]}
+{"version":3,"file":"command-face.component.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/components/commands/command-face/command-face.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAU,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAGzF,OAAO,EACL,GAAG,EAEH,gBAAgB,EAChB,gBAAgB,EAGjB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C;;;;;;;;;GASG;AAOH,MAAM,OAAO,oBAAwB,SAAQ,mBAAmB;IA0B9D;QACE,KAAK,EAAE,CAAC;QAzBO,eAAU,GAAG,IAAI,gBAAgB,EAAe,CAAC;QAOlE,eAAU,GAAG,KAAK,CAAC;QAGnB,eAAU,GAAG,KAAK,CAAC;QAGnB,+BAA0B,GAAG,KAAK,CAAC;QAajC,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACzF,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;QACtF,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,CAAC;QAC7C,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;QAC1C,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;IAC9C,CAAC;IAZD,IACI,2BAA2B;QAC7B,OAAO,IAAI,CAAC,0BAA0B,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;IACnE,CAAC;IAWD,QAAQ;IACR,CAAC;IAED,iBAAiB,CAAC,IAAyB;QACzC,OAAO,CAAC,CAAC,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,0BAA0B,CAAC;IAC5E,CAAC;IAED,YAAY,CAAC,IAAwB;QACnC,OAAO,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,YAAY,KAAK,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClH,CAAC;IAED,UAAU,CAAC,IAAwB;QACjC,OAAO,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,YAAY,KAAK,WAAW,CAAC,QAAQ,CAAC,GAAG,CAAC;IACxF,CAAC;IAED,IACI,KAAK;QACP,OAAO,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;IAChC,CAAC;;;YA3DF,SAAS,SAAC;gBACT,QAAQ,EAAE,kBAAkB;gBAC5B,oSAA4C;gBAE5C,aAAa,EAAE,iBAAiB,CAAC,IAAI;;aACtC;;;;wBAME,KAAK,SAAC,OAAO;yBAGb,KAAK;yBAGL,KAAK;yCAGL,KAAK;0CAOL,WAAW,SAAC,iBAAiB;oBA6B7B,WAAW,SAAC,YAAY;;AA5CzB;IADiB,gBAAgB,CAAC,YAAY,CAAC;;uDACtB","sourcesContent":["import { Component, HostBinding, Input, OnInit, ViewEncapsulation } from '@angular/core';\nimport { ThemePalette } from '@angular/material/core';\n\nimport {\n  Dsl,\n  ListModelChain,\n  MutableListModel,\n  StoreInListModel,\n  StoreInValueModel,\n  ValueModelChain\n} from '@coolon/pectin';\nimport { DisposableComponent } from '../../disposable-component';\nimport { CommandFace } from '../command-face';\n\n/**\n * Custom CSS:\n * @example\n * root: { // globally\n *   --aup-command-face-icon-gap: 8px;\n * }\n * aup-command-face { // per instance\n *   --icon-gap: 4px;\n * }\n */\n@Component({\n  selector: 'aup-command-face',\n  templateUrl: './command-face.component.html',\n  styleUrls: ['./command-face.component.scss'],\n  encapsulation: ViewEncapsulation.None\n})\nexport class CommandFaceComponent<T> extends DisposableComponent implements OnInit {\n\n  private readonly facesModel = new MutableListModel<CommandFace>();\n\n  // tslint:disable-next-line:no-input-rename\n  @Input('faces') @StoreInListModel('facesModel')\n  _rawFaces: CommandFace[];\n\n  @Input()\n  ignoreIcon = false;\n\n  @Input()\n  ignoreText = false;\n\n  @Input()\n  includeMissingIconInLayout = false;\n\n  readonly faceAdapters: ListModelChain<CommandFace.Adapter>;\n  private activeIcon: ValueModelChain<string>;\n  private activeColor: ValueModelChain<string>;\n\n  @HostBinding('class.hide-icon')\n  get requiresMissingIconInLayout() {\n    return this.includeMissingIconInLayout && !this.activeIcon.value;\n  }\n\n  constructor() {\n    super();\n    const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);\n    this.faceAdapters = chain(this.facesModel).map(face => new CommandFace.Adapter(face));\n    const activeFace = this.faceAdapters.first();\n    this.activeIcon = activeFace.pluck(\"icon\")\n    this.activeColor = activeFace.pluck(\"color\")\n  }\n\n  ngOnInit() {\n  }\n\n  shouldIncludeIcon(face: CommandFace.Adapter) {\n    return (!this.ignoreIcon && face.icon) || this.includeMissingIconInLayout;\n  }\n\n  hasIconStart(face:CommandFace.Adapter): boolean {\n    return this.shouldIncludeIcon(face) && (!face.iconPosition || face.iconPosition === CommandFace.Position.START);\n  }\n\n  hasIconEnd(face:CommandFace.Adapter): boolean {\n    return this.shouldIncludeIcon(face) && face.iconPosition === CommandFace.Position.END;\n  }\n\n  @HostBinding('attr.color')\n  get color(): string {\n    return this.activeColor.value;\n  }\n\n}\n"]}

package/esm2015/lib/components/commands/command-face/command-face.component.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"CommandFaceComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../disposable-component","name":"DisposableComponent","line":30,"character":45},"arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"selector":"aup-command-face","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":28,"character":17},"member":"None"},"template":"<div class=\"face-container\" *ngFor=\"let face of faceAdapters.value\">\n  <aup-icon *ngIf=\"hasIconStart(face)\" [icon]=\"face.icon\"></aup-icon>\n  <span *ngIf=\"face.text\">{{face.text}}</span>\n  <aup-icon *ngIf=\"hasIconEnd(face)\" [icon]=\"face.icon\"></aup-icon>\n</div>\n","styles":["aup-command-face{--icon-gap: var(--aup-command-face-icon-gap);display:inline-grid}aup-command-face>.face-container{grid-column:1;grid-row:1;display:inline-flex;flex-direction:row;align-items:center}aup-command-face>.face-container:not(:first-child){visibility:hidden}aup-command-face>.face-container *+*{margin-left:var(--icon-gap)}aup-command-face.hide-icon aup-icon{visibility:hidden}aup-command-face.centered{justify-items:center}aup-command-face.start{justify-items:self-start}aup-command-face.end{justify-items:self-end}\n"]}]}],"members":{"_rawFaces":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3},"arguments":["faces"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInListModel","line":35,"character":19},"arguments":["facesModel"]}]}],"face":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"ignoreIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"ignoreText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3}}]}],"includeMissingIconInLayout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}}]}],"requiresMissingIconInLayout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":56,"character":3},"arguments":["class.hide-icon"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"shouldIncludeIcon":[{"__symbolic":"method"}],"hasIconStart":[{"__symbolic":"method"}],"hasIconEnd":[{"__symbolic":"method"}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":85,"character":3},"arguments":["attr.color"]}]}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"CommandFaceComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../disposable-component","name":"DisposableComponent","line":30,"character":45},"arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"selector":"aup-command-face","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":28,"character":17},"member":"None"},"template":"<div class=\"face-container\" *ngFor=\"let face of faceAdapters.value\">\n  <aup-icon *ngIf=\"hasIconStart(face)\" [icon]=\"face.icon\"></aup-icon>\n  <span *ngIf=\"face.text\">{{face.text}}</span>\n  <aup-icon *ngIf=\"hasIconEnd(face)\" [icon]=\"face.icon\"></aup-icon>\n</div>\n","styles":["aup-command-face{--icon-gap:var(--aup-command-face-icon-gap);display:inline-grid}aup-command-face>.face-container{grid-column:1;grid-row:1;display:inline-flex;flex-direction:row;align-items:center}aup-command-face>.face-container:not(:first-child){visibility:hidden}aup-command-face>.face-container *+*{margin-left:var(--icon-gap)}aup-command-face.hide-icon aup-icon{visibility:hidden}aup-command-face.centered{justify-items:center}aup-command-face.start{justify-items:self-start}aup-command-face.end{justify-items:self-end}"]}]}],"members":{"_rawFaces":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3},"arguments":["faces"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInListModel","line":35,"character":19},"arguments":["facesModel"]}]}],"ignoreIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"ignoreText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"includeMissingIconInLayout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"requiresMissingIconInLayout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":51,"character":3},"arguments":["class.hide-icon"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"shouldIncludeIcon":[{"__symbolic":"method"}],"hasIconStart":[{"__symbolic":"method"}],"hasIconEnd":[{"__symbolic":"method"}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":80,"character":3},"arguments":["attr.color"]}]}]}}}}]

package/esm2015/lib/components/commands/group/popup-menu/abstract-popup-menu.component.js

@@ -12,7 +12,7 @@ export class AbstractPopupMenuComponent extends PopupAwareComponent {
     constructor(element, parent) {
         super(element, parent);
         this._unorderedChildren = new MutableListModel();
-        this.faceModelDelegate = this.registerDisposable(new DelegatingValueModel());
+        this.faceModelDelegate = new DelegatingValueModel();
         this.xPosition = 'after';
         this.yPosition = 'below';
         const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);

package/esm2015/lib/components/commands/group/popup-menu/abstract-popup-menu.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"abstract-popup-menu.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/angular-ui-powerups/src/lib/components/commands/group/popup-menu/abstract-popup-menu.component.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  AfterContentChecked,\n  Component,\n  ElementRef,\n  HostListener,\n  Inject,\n  Input,\n  QueryList,\n  ViewChildren\n} from '@angular/core';\nimport { MatMenuTrigger } from '@angular/material/menu';\n\nimport {\n  DelegatingValueModel,\n  Disposable,\n  Dsl,\n  ListModelChain,\n  MutableListModel, StoreInValueModel,\n  Trace, TrackExternal, ValueModel,\n  ValueModelChain\n} from '@coolon/pectin';\nimport { CommandFace } from '../../command-face';\nimport { PopupAwareComponent } from '../popup-aware.component';\nimport { POPUP_CONTAINER, PopupContainer } from '../popup-container';\n\n/**\n *\n */\n@Component({\n  selector: 'aup-abstract-popup-menu',\n  template: '',\n  styleUrls: []\n})\nexport class AbstractPopupMenuComponent extends PopupAwareComponent implements PopupContainer, AfterContentChecked {\n\n  private _unorderedChildren = new MutableListModel<PopupAwareComponent>();\n\n  protected readonly faceModelDelegate = this.registerDisposable(new DelegatingValueModel<CommandFace>());\n  private faceAdapterModel: ValueModelChain<CommandFace.Adapter>;\n\n  @Input()\n  xPosition: 'before' | 'after' = 'after';\n\n  @Input()\n  yPosition: 'above' | 'below' = 'below';\n\n  @ViewChildren(MatMenuTrigger)\n  triggers: QueryList<MatMenuTrigger>;\n\n  @Input()\n  @StoreInValueModel(\"enabledModel\")\n  enabled: boolean;\n\n  @Input()\n  @TrackExternal({defaultValue: true})\n  enabledModel: ValueModel<boolean>;\n\n\n  readonly children: ListModelChain<PopupAwareComponent>;\n\n  constructor(element: ElementRef, @Inject(POPUP_CONTAINER) parent?: PopupContainer) {\n    super(element, parent);\n    const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);\n    // group.faceListModel = chain(this.faceModel).mapToList(face => [face]);\n\n    this.faceAdapterModel = chain(this.faceModelDelegate).map(f => new CommandFace.Adapter(f));\n\n    this.children = chain(this._unorderedChildren).sortBy('componentIndex');\n  }\n\n  ngAfterContentChecked(): void {\n    // force the list to re-order as the child indicies may have changed.\n    this._unorderedChildren.value = [...this._unorderedChildren.value]\n  }\n\n\n  get faceAdapter(): CommandFace.Adapter {\n    if (!this.faceAdapterModel) {\n      console.error(\"Somehow faceAdapterModel is nil -- set a break point here and let me know what's going on\")\n    }\n    return this.faceAdapterModel?.value ?? new CommandFace.Adapter(undefined);\n  }\n\n  isRoot() {\n    return !this.parent;\n  }\n\n  // @Trace()\n  register(component: PopupAwareComponent) {\n    this._unorderedChildren.push(component);\n    return Disposable.disposableThatRuns(() => {\n      this._unorderedChildren.remove(component);\n    });\n  }\n\n  onCommandFired() {\n    this.triggers.forEach(trigger => {\n      if (trigger.menuOpen) {\n        trigger.closeMenu();\n      }\n    });\n  }\n\n  getFace(): CommandFace | undefined {\n    return this.faceAdapter.face;\n  }\n\n}\n"]}
+{"version":3,"file":"abstract-popup-menu.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/angular-ui-powerups/src/lib/components/commands/group/popup-menu/abstract-popup-menu.component.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  AfterContentChecked,\n  Component,\n  ElementRef,\n  HostListener,\n  Inject,\n  Input,\n  QueryList,\n  ViewChildren\n} from '@angular/core';\nimport { MatMenuTrigger } from '@angular/material/menu';\n\nimport {\n  DelegatingValueModel,\n  Disposable,\n  Dsl,\n  ListModelChain,\n  MutableListModel, StoreInValueModel,\n  Trace, TrackExternal, ValueModel,\n  ValueModelChain\n} from '@coolon/pectin';\nimport { CommandFace } from '../../command-face';\nimport { PopupAwareComponent } from '../popup-aware.component';\nimport { POPUP_CONTAINER, PopupContainer } from '../popup-container';\n\n/**\n *\n */\n@Component({\n  selector: 'aup-abstract-popup-menu',\n  template: '',\n  styleUrls: []\n})\nexport class AbstractPopupMenuComponent extends PopupAwareComponent implements PopupContainer, AfterContentChecked {\n\n  private _unorderedChildren = new MutableListModel<PopupAwareComponent>();\n\n  protected readonly faceModelDelegate = new DelegatingValueModel<CommandFace>();\n  private faceAdapterModel: ValueModelChain<CommandFace.Adapter>;\n\n  @Input()\n  xPosition: 'before' | 'after' = 'after';\n\n  @Input()\n  yPosition: 'above' | 'below' = 'below';\n\n  @ViewChildren(MatMenuTrigger)\n  triggers: QueryList<MatMenuTrigger>;\n\n  @Input()\n  @StoreInValueModel(\"enabledModel\")\n  enabled: boolean;\n\n  @Input()\n  @TrackExternal({defaultValue: true})\n  enabledModel: ValueModel<boolean>;\n\n\n  readonly children: ListModelChain<PopupAwareComponent>;\n\n  constructor(element: ElementRef, @Inject(POPUP_CONTAINER) parent?: PopupContainer) {\n    super(element, parent);\n    const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);\n    // group.faceListModel = chain(this.faceModel).mapToList(face => [face]);\n\n    this.faceAdapterModel = chain(this.faceModelDelegate).map(f => new CommandFace.Adapter(f));\n\n    this.children = chain(this._unorderedChildren).sortBy('componentIndex');\n  }\n\n  ngAfterContentChecked(): void {\n    // force the list to re-order as the child indicies may have changed.\n    this._unorderedChildren.value = [...this._unorderedChildren.value]\n  }\n\n\n  get faceAdapter(): CommandFace.Adapter {\n    if (!this.faceAdapterModel) {\n      console.error(\"Somehow faceAdapterModel is nil -- set a break point here and let me know what's going on\")\n    }\n    return this.faceAdapterModel?.value ?? new CommandFace.Adapter(undefined);\n  }\n\n  isRoot() {\n    return !this.parent;\n  }\n\n  // @Trace()\n  register(component: PopupAwareComponent) {\n    this._unorderedChildren.push(component);\n    return Disposable.disposableThatRuns(() => {\n      this._unorderedChildren.remove(component);\n    });\n  }\n\n  onCommandFired() {\n    this.triggers.forEach(trigger => {\n      if (trigger.menuOpen) {\n        trigger.closeMenu();\n      }\n    });\n  }\n\n  getFace(): CommandFace | undefined {\n    return this.faceAdapter.face;\n  }\n\n}\n"]}

package/esm2015/lib/components/commands/group/popup-menu/popup-menu-renderer/popup-menu-renderer.component.js

@@ -11,7 +11,7 @@ import { PopupMenuComponent } from '../popup-menu.component';
 export class PopupMenuRendererComponent extends DisposableComponent {
     constructor() {
         super();
-        this._childList = this.registerDisposable(new DelegatingListModel());
+        this._childList = new DelegatingListModel();
         this.commandFired = new EventEmitter();
         this.TrackBy = TrackBy;
         const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);

package/esm2015/lib/components/commands/group/popup-menu/popup-menu-renderer/popup-menu-renderer.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"popup-menu-renderer.component.js","sourceRoot":"","sources":["../../../../../../../../../../libs/angular-ui-powerups/src/lib/components/commands/group/popup-menu/popup-menu-renderer/popup-menu-renderer.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, EventEmitter, Input, Output, QueryList, ViewChild, ViewChildren } from '@angular/core';\nimport { MatMenu, MatMenuTrigger } from '@angular/material/menu';\nimport { Command, Constant, DelegatingListModel, Dsl, ValueModel } from '@coolon/pectin';\nimport { DisposableComponent } from '../../../../disposable-component';\nimport { TrackBy } from '../../../../track-by';\nimport { CommandFace } from '../../../command-face';\nimport { CommandComponent } from '../../../command/command.component';\nimport { SeparatorComponent } from '../../../separator.component';\nimport { PopupAwareComponent } from '../../popup-aware.component';\nimport { AbstractPopupMenuComponent } from '../abstract-popup-menu.component';\nimport { PopupMenuComponent } from '../popup-menu.component';\n\n@Component({\n  selector: 'aup-popup-menu-renderer',\n  templateUrl: './popup-menu-renderer.component.html'\n})\nexport class PopupMenuRendererComponent extends DisposableComponent {\n\n  private _parentComponent: PopupMenuComponent;\n\n  private _childList = this.registerDisposable(new DelegatingListModel<PopupAwareComponent>());\n\n  @Input()\n  get parent(): PopupMenuComponent {\n    return this._parentComponent;\n  }\n\n  set parent(comp: PopupMenuComponent) {\n    this._parentComponent = comp;\n    this._childList.setDelegate(comp.children);\n  }\n\n  @ViewChild('menu', { static: true })\n  menuComponent: MatMenu;\n\n  @Output()\n  commandFired = new EventEmitter();\n\n  @ViewChildren(MatMenuTrigger)\n  triggers: QueryList<MatMenuTrigger>;\n\n  readonly hasMixedIcons: ValueModel<boolean>;\n  readonly commandProxy: Command<unknown>;\n\n  TrackBy = TrackBy;\n\n  constructor() {\n    super();\n    const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);\n    // this.children = chain(this.groupViewDataModel).pluckList('children');\n    // this.hasMixedIcons = chain(this.groupViewDataModel).pluck('hasMixedIcons');\n    const faces = chain(this._childList).map(child => {\n      return child.getFace();\n    }).rejectNil();\n    const icons = faces.select(face => !!CommandFace.getIconOf(face));\n    const iconCount = icons.count();\n    const totalFaces = faces.count();\n    this.hasMixedIcons = valueOf.all(\n      iconCount.isGreaterThan(0),\n      totalFaces.doesNotEqual(iconCount)\n    ).areTruthy();\n  }\n\n  get children(): PopupAwareComponent[] {\n    return this.parent.children.value;\n  }\n\n  executeCommand(data: PopupAwareComponent) {\n    if (this.isCommand(data)) {\n      data.command.execute().finally(() => {\n        this.commandFired.emit();\n      });\n    }\n  }\n\n  isCommandEnabled(data: PopupAwareComponent) {\n    return this.isCommand(data) && data.command.enabled.value\n  }\n\n  // @Trace()\n  onCommandFired() {\n    this.commandFired.emit();\n    this.triggers.forEach(trigger => {\n      if (trigger.menuOpen) {\n        trigger.closeMenu();\n      }\n    });\n  }\n\n  isCommand(child: any): child is CommandComponent {\n    return child instanceof CommandComponent;\n  }\n\n  isPopupMenu(child: any): child is AbstractPopupMenuComponent {\n    return child instanceof AbstractPopupMenuComponent;\n  }\n\n  isPopupMenuEnabled(child: any): child is AbstractPopupMenuComponent {\n    return this.isPopupMenu(child) && child.enabled\n  }\n\n  isSeparator(child: any): child is SeparatorComponent {\n    return child instanceof SeparatorComponent;\n  }\n\n  getTooltip(child: any) {\n    return this.isCommand(child) ? CommandFace.getTooltipOf(child.face) : undefined;\n  }\n\n  getFaces(child: PopupAwareComponent) {\n    return this.isCommand(child) ?\n      child.faces.value :\n      this.isPopupMenu(child) ?\n        [child.faceAdapter.face] :\n        undefined;\n  }\n}\n\n\n"]}
+{"version":3,"file":"popup-menu-renderer.component.js","sourceRoot":"","sources":["../../../../../../../../../../libs/angular-ui-powerups/src/lib/components/commands/group/popup-menu/popup-menu-renderer/popup-menu-renderer.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, EventEmitter, Input, Output, QueryList, ViewChild, ViewChildren } from '@angular/core';\nimport { MatMenu, MatMenuTrigger } from '@angular/material/menu';\nimport { Command, Constant, DelegatingListModel, Dsl, ValueModel } from '@coolon/pectin';\nimport { DisposableComponent } from '../../../../disposable-component';\nimport { TrackBy } from '../../../../track-by';\nimport { CommandFace } from '../../../command-face';\nimport { CommandComponent } from '../../../command/command.component';\nimport { SeparatorComponent } from '../../../separator.component';\nimport { PopupAwareComponent } from '../../popup-aware.component';\nimport { AbstractPopupMenuComponent } from '../abstract-popup-menu.component';\nimport { PopupMenuComponent } from '../popup-menu.component';\n\n@Component({\n  selector: 'aup-popup-menu-renderer',\n  templateUrl: './popup-menu-renderer.component.html'\n})\nexport class PopupMenuRendererComponent extends DisposableComponent {\n\n  private _parentComponent: PopupMenuComponent;\n\n  private _childList = new DelegatingListModel<PopupAwareComponent>();\n\n  @Input()\n  get parent(): PopupMenuComponent {\n    return this._parentComponent;\n  }\n\n  set parent(comp: PopupMenuComponent) {\n    this._parentComponent = comp;\n    this._childList.setDelegate(comp.children);\n  }\n\n  @ViewChild('menu', { static: true })\n  menuComponent: MatMenu;\n\n  @Output()\n  commandFired = new EventEmitter();\n\n  @ViewChildren(MatMenuTrigger)\n  triggers: QueryList<MatMenuTrigger>;\n\n  readonly hasMixedIcons: ValueModel<boolean>;\n  readonly commandProxy: Command<unknown>;\n\n  TrackBy = TrackBy;\n\n  constructor() {\n    super();\n    const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);\n    // this.children = chain(this.groupViewDataModel).pluckList('children');\n    // this.hasMixedIcons = chain(this.groupViewDataModel).pluck('hasMixedIcons');\n    const faces = chain(this._childList).map(child => {\n      return child.getFace();\n    }).rejectNil();\n    const icons = faces.select(face => !!CommandFace.getIconOf(face));\n    const iconCount = icons.count();\n    const totalFaces = faces.count();\n    this.hasMixedIcons = valueOf.all(\n      iconCount.isGreaterThan(0),\n      totalFaces.doesNotEqual(iconCount)\n    ).areTruthy();\n  }\n\n  get children(): PopupAwareComponent[] {\n    return this.parent.children.value;\n  }\n\n  executeCommand(data: PopupAwareComponent) {\n    if (this.isCommand(data)) {\n      data.command.execute().finally(() => {\n        this.commandFired.emit();\n      });\n    }\n  }\n\n  isCommandEnabled(data: PopupAwareComponent) {\n    return this.isCommand(data) && data.command.enabled.value\n  }\n\n  // @Trace()\n  onCommandFired() {\n    this.commandFired.emit();\n    this.triggers.forEach(trigger => {\n      if (trigger.menuOpen) {\n        trigger.closeMenu();\n      }\n    });\n  }\n\n  isCommand(child: any): child is CommandComponent {\n    return child instanceof CommandComponent;\n  }\n\n  isPopupMenu(child: any): child is AbstractPopupMenuComponent {\n    return child instanceof AbstractPopupMenuComponent;\n  }\n\n  isPopupMenuEnabled(child: any): child is AbstractPopupMenuComponent {\n    return this.isPopupMenu(child) && child.enabled\n  }\n\n  isSeparator(child: any): child is SeparatorComponent {\n    return child instanceof SeparatorComponent;\n  }\n\n  getTooltip(child: any) {\n    return this.isCommand(child) ? CommandFace.getTooltipOf(child.face) : undefined;\n  }\n\n  getFaces(child: PopupAwareComponent) {\n    return this.isCommand(child) ?\n      child.faces.value :\n      this.isPopupMenu(child) ?\n        [child.faceAdapter.face] :\n        undefined;\n  }\n}\n\n\n"]}

package/esm2015/lib/components/commands/group/tool-bar/tool-bar.component.js

@@ -26,7 +26,7 @@ ToolBarComponent.decorators = [
                 selector: 'aup-tool-bar',
                 template: '<div class="toolbar-content"><ng-content></ng-content></div>',
                 encapsulation: ViewEncapsulation.None,
-                styles: [":host{display:inline-block}.toolbar-content{display:inline-flex;flex-direction:row;align-items:center}.toolbar-content>aup-separator{align-self:stretch;margin:4px 0 4px 8px}.toolbar-content>aup-flex{flex:1}.toolbar-content>*+*{margin-left:8px}\n"]
+                styles: [":host{display:inline-block}.toolbar-content{display:inline-flex;flex-direction:row;align-items:center}.toolbar-content>aup-separator{align-self:stretch;margin:4px 0 4px 8px}.toolbar-content>aup-flex{flex:1}.toolbar-content>*+*{margin-left:8px}"]
             },] }
 ];
 ToolBarComponent.ctorParameters = () => [];

package/esm2015/lib/components/commands/group/tool-bar/tool-bar.component.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"ToolBarComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../command-container","name":"CommandContainer","line":13,"character":38},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"aup-tool-bar","template":"<div class=\"toolbar-content\"><ng-content></ng-content></div>","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":11,"character":17},"member":"None"},"styles":[":host{display:inline-block}.toolbar-content{display:inline-flex;flex-direction:row;align-items:center}.toolbar-content>aup-separator{align-self:stretch;margin:4px 0 4px 8px}.toolbar-content>aup-flex{flex:1}.toolbar-content>*+*{margin-left:8px}\n"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"ToolBarComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../command-container","name":"CommandContainer","line":13,"character":38},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"aup-tool-bar","template":"<div class=\"toolbar-content\"><ng-content></ng-content></div>","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":11,"character":17},"member":"None"},"styles":[":host{display:inline-block}.toolbar-content{display:inline-flex;flex-direction:row;align-items:center}.toolbar-content>aup-separator{align-self:stretch;margin:4px 0 4px 8px}.toolbar-content>aup-flex{flex:1}.toolbar-content>*+*{margin-left:8px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}]}}}}]