@coolon/angular-ui-powerups 12.0.0-alpha.3 → 12.0.1

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/card-container/card-container.component';\nimport * as i30 from './components/table/table.component';\nimport * as i31 from './components/table/edit-row-controls/edit-row-controls.component';\nimport * as i32 from './components/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/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/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/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 './directives/highlight.pipe';\nimport * as i64 from '@angular/platform-browser/animations';\nimport * as i65 from './directives/directives.module';\nimport * as i66 from './components/components.module';\nimport * as i67 from './place/place.module';\nimport * as i68 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:i2.AsyncPipe = (<any>(null as any));\nvar _decl0_111:i2.UpperCasePipe = (<any>(null as any));\nvar _decl0_112:i2.LowerCasePipe = (<any>(null as any));\nvar _decl0_113:i2.JsonPipe = (<any>(null as any));\nvar _decl0_114:i2.SlicePipe = (<any>(null as any));\nvar _decl0_115:i2.DecimalPipe = (<any>(null as any));\nvar _decl0_116:i2.PercentPipe = (<any>(null as any));\nvar _decl0_117:i2.TitleCasePipe = (<any>(null as any));\nvar _decl0_118:i2.CurrencyPipe = (<any>(null as any));\nvar _decl0_119:i2.DatePipe = (<any>(null as any));\nvar _decl0_120:i2.I18nPluralPipe = (<any>(null as any));\nvar _decl0_121:i2.I18nSelectPipe = (<any>(null as any));\nvar _decl0_122:i2.KeyValuePipe = (<any>(null as any));\nvar _decl0_123:i63.HighlightPipe = (<any>(null as any));\nvar _decl0_124:i2.CommonModule = (<any>(null as any));\nvar _decl0_125:i64.BrowserAnimationsModule = (<any>(null as any));\nvar _decl0_126:i3.FormsModule = (<any>(null as any));\nvar _decl0_127:i7.MatInputModule = (<any>(null as any));\nvar _decl0_128:i6.MatFormFieldModule = (<any>(null as any));\nvar _decl0_129:i10.MatSelectModule = (<any>(null as any));\nvar _decl0_130:i11.MatTabsModule = (<any>(null as any));\nvar _decl0_137:i65.DirectivesModule = (<any>(null as any));\nvar _decl0_138:i66.ComponentsModule = (<any>(null as any));\nvar _decl0_136:i67.PlaceModule = (<any>(null as any));\nvar _decl0_135:i68.InteractionModule = (<any>(null as any));\nvar _decl0_139:i0.TemplateRef<any> = (<any>(null as any));\nvar _decl0_140: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/alignment.js

@@ -0,0 +1,7 @@
+import { Enum } from 'typescript-string-enums';
+export const HorizontalAlignment = Enum({
+    START: 'start',
+    CENTER: 'center',
+    END: 'end'
+});
+//# sourceMappingURL=alignment.js.map

package/esm2015/lib/components/alignment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alignment.js","sourceRoot":"","sources":["../../../../../../libs/angular-ui-powerups/src/lib/components/alignment.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAE/C,MAAM,CAAC,MAAM,mBAAmB,GAAG,IAAI,CAAC;IACtC,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,GAAG,EAAE,KAAK;CACX,CAAC,CAAC","sourcesContent":["import { Enum } from 'typescript-string-enums';\n\nexport const HorizontalAlignment = Enum({\n  START: 'start',\n  CENTER: 'center',\n  END: 'end'\n});\nexport type HorizontalAlignment = Enum<typeof HorizontalAlignment>;\n"]}

package/esm2015/lib/components/alignment.metadata.json

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

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

@@ -1,7 +1,8 @@
 import { __decorate, __metadata } from "tslib";
-import { Component, ElementRef, Inject, Input, Optional } from '@angular/core';
+import { Component, ElementRef, HostBinding, Inject, Input, Optional } from '@angular/core';
 import { Command, Dsl, StoreInValueModel, TrackExternal, ValueModel } from '@coolon/pectin';
 import _ from 'lodash';
+import { HorizontalAlignment } from '../../alignment';
 import { CommandFace } from '../command-face';
 import { PopupAwareComponent } from '../group/popup-aware.component';
 import { POPUP_CONTAINER } from '../group/popup-container';
@@ -12,6 +13,7 @@ export class CommandComponent extends PopupAwareComponent {
     constructor(element, parent) {
         super(element, parent);
         this.CommandFace = CommandFace;
+        this.alignFace = HorizontalAlignment.CENTER;
         const { chain, switchOn } = Dsl.disposeWith(this);
         this.faces = chain(this.command.busy).mapToList(busy => {
             return busy ?
@@ -42,8 +44,8 @@ export class CommandComponent extends PopupAwareComponent {
 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\" [matTooltip]=\"tooltipModel.value\">\n    <aup-command-face class=\"centered\" [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\" [matTooltip]=\"tooltipModel.value\">\n        <aup-command-face class=\"centered\" [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\" [matTooltip]=\"tooltipModel.value\">\n        <aup-command-face class=\"centered\" [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\" [matTooltip]=\"tooltipModel.value\">\n        <aup-command-face class=\"centered\" [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}button{flex:1}"]
+                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}"]
             },] }
 ];
 CommandComponent.ctorParameters = () => [
@@ -55,7 +57,8 @@ CommandComponent.propDecorators = {
     faceModel: [{ type: Input }],
     face: [{ type: Input }],
     busyFaceModel: [{ type: Input }],
-    busyFace: [{ type: Input }]
+    busyFace: [{ type: Input }],
+    alignFace: [{ type: Input }, { type: HostBinding, args: ["class",] }]
 };
 __decorate([
     TrackExternal(),

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

@@ -1 +1 @@
-{"version":3,"file":"command.component.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/components/commands/command/command.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { AfterViewInit, Component, ElementRef, Inject, Input, OnInit, Optional } from '@angular/core';\n\nimport {\n  BooleanValueModelChain,\n  Command,\n  Dsl,\n  ListModelChain,\n  StoreInValueModel,\n  TrackExternal,\n  ValueModel,\n  ValueModelChain\n} from '@coolon/pectin';\nimport _ from 'lodash';\nimport { CommandFace } from '../command-face';\nimport { PopupAwareComponent } from '../group/popup-aware.component';\nimport { POPUP_CONTAINER, PopupContainer } from '../group/popup-container';\nimport { AbstractPopupMenuComponent } from '../group/popup-menu/abstract-popup-menu.component';\n\n/**\n *\n */\n@Component({\n  selector: 'aup-command',\n  templateUrl: './command.component.html',\n  styleUrls: ['./command.component.scss']\n})\nexport class CommandComponent extends PopupAwareComponent implements OnInit, AfterViewInit {\n\n  @Input() @TrackExternal()\n  command: Command<unknown>;\n\n  @Input() @TrackExternal()\n  faceModel: ValueModel<CommandFace>;\n\n  @Input() @StoreInValueModel('faceModel')\n  face: CommandFace;\n\n  @Input() @TrackExternal()\n  busyFaceModel: ValueModel<CommandFace>;\n\n  @Input() @StoreInValueModel('busyFaceModel')\n  busyFace: CommandFace;\n\n  CommandFace = CommandFace;\n\n  readonly faces: ListModelChain<CommandFace>;\n  readonly buttonStyle: ValueModelChain<string>;\n  readonly colorModel: ValueModelChain<'primary' | 'accent' | 'warn' | undefined>;\n  private activeFace: ValueModelChain<CommandFace>;\n\n  readonly iconOnly: BooleanValueModelChain;\n  readonly tooltipModel: ValueModelChain<string>;\n\n  constructor(element: ElementRef, @Inject(POPUP_CONTAINER) @Optional() parent?: PopupContainer) {\n    super(element, parent);\n    const { chain, switchOn } = Dsl.disposeWith(this);\n    this.faces = chain(this.command.busy).mapToList(busy => {\n      return busy ?\n        [this.busyFaceModel.value, this.faceModel.value] :\n        [this.faceModel.value, this.busyFaceModel.value];\n    }, { allowNil: true, dependsOn: [this.faceModel, this.busyFaceModel] })\n      .rejectNil();\n    this.activeFace = this.faces.first();\n    this.buttonStyle = chain(this.activeFace).map(f => CommandFace.getStyleOf(f));\n    this.colorModel = chain(this.activeFace).map(f => CommandFace.getColorOf(f));\n    this.tooltipModel = chain(this.activeFace).map(f => CommandFace.getTooltipOf(f));\n    this.iconOnly = this.faces.select(face => {\n      return _.isEmpty(CommandFace.getTextOf(face)) && !_.isEmpty(CommandFace.getIconOf(face))\n    }).count().equals(this.faces.count())\n  }\n\n  isActive(face: CommandFace): boolean {\n    return this.activeFace.query().equals(face);\n  }\n\n  ngOnInit() {\n  }\n\n  ngAfterViewInit(): void {\n    // console.log(this.element.nativeElement.previousSibling)\n  }\n\n  getFace(): CommandFace | undefined {\n    return this.face;\n  }\n\n\n}\n\n"]}
+{"version":3,"file":"command.component.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/components/commands/command/command.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { AfterViewInit, Component, ElementRef, HostBinding, Inject, Input, OnInit, Optional } from '@angular/core';\n\nimport {\n  BooleanValueModelChain,\n  Command,\n  Dsl,\n  ListModelChain,\n  StoreInValueModel,\n  TrackExternal,\n  ValueModel,\n  ValueModelChain\n} from '@coolon/pectin';\nimport _ from 'lodash';\nimport { Enum } from 'typescript-string-enums';\nimport { HorizontalAlignment } from '../../alignment';\nimport { CommandFace } from '../command-face';\nimport { PopupAwareComponent } from '../group/popup-aware.component';\nimport { POPUP_CONTAINER, PopupContainer } from '../group/popup-container';\n\n/**\n *\n */\n@Component({\n  selector: 'aup-command',\n  templateUrl: './command.component.html',\n  styleUrls: ['./command.component.scss']\n})\nexport class CommandComponent extends PopupAwareComponent implements OnInit, AfterViewInit {\n\n  @Input() @TrackExternal()\n  command: Command<unknown>;\n\n  @Input() @TrackExternal()\n  faceModel: ValueModel<CommandFace>;\n\n  @Input() @StoreInValueModel('faceModel')\n  face: CommandFace;\n\n  @Input() @TrackExternal()\n  busyFaceModel: ValueModel<CommandFace>;\n\n  @Input() @StoreInValueModel('busyFaceModel')\n  busyFace: CommandFace;\n\n  CommandFace = CommandFace;\n\n  @Input()\n  @HostBinding(\"class\")\n  alignFace: HorizontalAlignment = HorizontalAlignment.CENTER;\n\n  readonly faces: ListModelChain<CommandFace>;\n  readonly buttonStyle: ValueModelChain<string>;\n  readonly colorModel: ValueModelChain<'primary' | 'accent' | 'warn' | undefined>;\n  private activeFace: ValueModelChain<CommandFace>;\n\n  readonly iconOnly: BooleanValueModelChain;\n  readonly tooltipModel: ValueModelChain<string>;\n\n  constructor(element: ElementRef, @Inject(POPUP_CONTAINER) @Optional() parent?: PopupContainer) {\n    super(element, parent);\n    const { chain, switchOn } = Dsl.disposeWith(this);\n    this.faces = chain(this.command.busy).mapToList(busy => {\n      return busy ?\n        [this.busyFaceModel.value, this.faceModel.value] :\n        [this.faceModel.value, this.busyFaceModel.value];\n    }, { allowNil: true, dependsOn: [this.faceModel, this.busyFaceModel] })\n      .rejectNil();\n    this.activeFace = this.faces.first();\n    this.buttonStyle = chain(this.activeFace).map(f => CommandFace.getStyleOf(f));\n    this.colorModel = chain(this.activeFace).map(f => CommandFace.getColorOf(f));\n    this.tooltipModel = chain(this.activeFace).map(f => CommandFace.getTooltipOf(f));\n    this.iconOnly = this.faces.select(face => {\n      return _.isEmpty(CommandFace.getTextOf(face)) && !_.isEmpty(CommandFace.getIconOf(face));\n    }).count().equals(this.faces.count());\n  }\n\n  isActive(face: CommandFace): boolean {\n    return this.activeFace.query().equals(face);\n  }\n\n  ngOnInit() {\n  }\n\n  ngAfterViewInit(): void {\n    // console.log(this.element.nativeElement.previousSibling)\n  }\n\n  getFace(): CommandFace | undefined {\n    return this.face;\n  }\n\n\n}\n\n"]}

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":26,"character":38},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"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\" [matTooltip]=\"tooltipModel.value\">\n    <aup-command-face class=\"centered\" [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\" [matTooltip]=\"tooltipModel.value\">\n        <aup-command-face class=\"centered\" [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\" [matTooltip]=\"tooltipModel.value\">\n        <aup-command-face class=\"centered\" [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\" [matTooltip]=\"tooltipModel.value\">\n        <aup-command-face class=\"centered\" [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}button{flex:1}"]}]}],"members":{"command":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":28,"character":12}}]}],"faceModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":31,"character":12}}]}],"face":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInValueModel","line":34,"character":12},"arguments":["faceModel"]}]}],"busyFaceModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":37,"character":12}}]}],"busyFace":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInValueModel","line":40,"character":12},"arguments":["busyFaceModel"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":53,"character":36},"arguments":[{"__symbolic":"reference","module":"../group/popup-container","name":"POPUP_CONTAINER","line":53,"character":43}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":53,"character":61}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":53,"character":23},{"__symbolic":"reference","module":"../group/popup-container","name":"PopupContainer","line":53,"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

@@ -49,7 +49,7 @@ 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}"]
+                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 = () => [];

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}"]}]}],"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"]}]}]}}}}]
+[{"__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.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 { AfterContentChecked, Component, ElementRef, Inject, Input, QueryList, ViewChildren } 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}\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/abstract-popup-menu.component.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"AbstractPopupMenuComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../popup-aware.component","name":"PopupAwareComponent","line":24,"character":48},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"aup-abstract-popup-menu","template":"","styleUrls":[]}]}],"members":{"xPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"yPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"triggers":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":37,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuTrigger","line":37,"character":16}]}]}],"enabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInValueModel","line":41,"character":3},"arguments":["enabledModel"]}]}],"enabledModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":45,"character":3},"arguments":[{"defaultValue":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":51,"character":36},"arguments":[{"__symbolic":"reference","module":"../popup-container","name":"POPUP_CONTAINER","line":51,"character":43}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":51,"character":23},{"__symbolic":"reference","module":"../popup-container","name":"PopupContainer","line":51,"character":69}]}],"ngAfterContentChecked":[{"__symbolic":"method"}],"isRoot":[{"__symbolic":"method"}],"register":[{"__symbolic":"method"}],"onCommandFired":[{"__symbolic":"method"}],"getFace":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"AbstractPopupMenuComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../popup-aware.component","name":"PopupAwareComponent","line":33,"character":48},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":28,"character":1},"arguments":[{"selector":"aup-abstract-popup-menu","template":"","styleUrls":[]}]}],"members":{"xPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"yPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"triggers":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":46,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuTrigger","line":46,"character":16}]}]}],"enabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInValueModel","line":50,"character":3},"arguments":["enabledModel"]}]}],"enabledModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":54,"character":3},"arguments":[{"defaultValue":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":60,"character":36},"arguments":[{"__symbolic":"reference","module":"../popup-container","name":"POPUP_CONTAINER","line":60,"character":43}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":60,"character":23},{"__symbolic":"reference","module":"../popup-container","name":"PopupContainer","line":60,"character":69}]}],"ngAfterContentChecked":[{"__symbolic":"method"}],"isRoot":[{"__symbolic":"method"}],"register":[{"__symbolic":"method"}],"onCommandFired":[{"__symbolic":"method"}],"getFace":[{"__symbolic":"method"}]}}}}]

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

@@ -27,7 +27,7 @@ export class MoreMenuComponent extends AbstractPopupMenuComponent {
 MoreMenuComponent.decorators = [
     { type: Component, args: [{
                 selector: 'aup-more-menu',
-                template: "<div class=\"content\" style=\"display: none\">\n  <ng-content></ng-content>\n</div>\n<ng-container *ngIf=\"isRoot()\">\n  <ng-container *ngIf=\"faceAdapter.text\" [ngSwitch]=\"faceAdapter.style\">\n    <ng-container *ngSwitchCase=\"'stroked'\">\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              [matTooltip]=\"faceAdapter.tooltip\"\n              [color]=\"faceAdapter.color\"\n              [disabled]=\"!enabled\"\n              mat-stroked-button>\n        <aup-command-face [faces]=\"[face]\"></aup-command-face>\n      </button>\n      <aup-popup-menu-renderer #subMenu\n                               [parent]=\"this\"\n                              (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"'raised'\">\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              [matTooltip]=\"faceAdapter.tooltip\"\n              [color]=\"faceAdapter.color\"\n              [disabled]=\"!enabled\"\n              mat-raised-button>\n        <aup-command-face [faces]=\"[face]\"></aup-command-face>\n      </button>\n      <aup-popup-menu-renderer #subMenu\n                               [parent]=\"this\"\n                              (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n    </ng-container>\n\n    <ng-container *ngSwitchDefault>\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              [matTooltip]=\"faceAdapter.tooltip\"\n              [color]=\"faceAdapter.color\"\n              [disabled]=\"!enabled\"\n              mat-button>\n        <aup-command-face [faces]=\"[face]\"></aup-command-face>\n      </button>\n      <aup-popup-menu-renderer #subMenu [parent]=\"this\" (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n    </ng-container>\n\n  </ng-container>\n\n  <ng-container *ngIf=\"!faceAdapter.text\">\n    <button matMenuTrigger\n            mat-icon-button\n            [matMenuTriggerFor]=\"subMenu.menuComponent\"\n            [matTooltip]=\"faceAdapter.tooltip\"\n            [color]=\"faceAdapter.color\"\n            [disabled]=\"!enabled\"\n    >\n      <aup-command-face [faces]=\"[face]\"></aup-command-face>\n    </button>\n    <aup-popup-menu-renderer #subMenu\n                             [parent]=\"this\"\n                            (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n  </ng-container>\n</ng-container>\n",
+                template: "<div class=\"content\" style=\"display: none\">\n  <ng-content></ng-content>\n</div>\n<ng-container *ngIf=\"isRoot()\">\n  <ng-container *ngIf=\"faceAdapter.text\" [ngSwitch]=\"faceAdapter.style\">\n    <ng-container *ngSwitchCase=\"'stroked'\">\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              (click) = \"$event.stopPropagation()\"\n              [matTooltip]=\"faceAdapter.tooltip\"\n              [color]=\"faceAdapter.color\"\n              [disabled]=\"!enabled\"\n              mat-stroked-button>\n        <aup-command-face [faces]=\"[face]\"></aup-command-face>\n      </button>\n      <aup-popup-menu-renderer #subMenu\n                               [parent]=\"this\"\n                              (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"'raised'\">\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              (click) = \"$event.stopPropagation()\"\n              [matTooltip]=\"faceAdapter.tooltip\"\n              [color]=\"faceAdapter.color\"\n              [disabled]=\"!enabled\"\n              mat-raised-button>\n        <aup-command-face [faces]=\"[face]\"></aup-command-face>\n      </button>\n      <aup-popup-menu-renderer #subMenu\n                               [parent]=\"this\"\n                              (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n    </ng-container>\n\n    <ng-container *ngSwitchDefault>\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              (click) = \"$event.stopPropagation()\"\n              [matTooltip]=\"faceAdapter.tooltip\"\n              [color]=\"faceAdapter.color\"\n              [disabled]=\"!enabled\"\n              mat-button>\n        <aup-command-face [faces]=\"[face]\"></aup-command-face>\n      </button>\n      <aup-popup-menu-renderer #subMenu [parent]=\"this\" (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n    </ng-container>\n\n  </ng-container>\n\n  <ng-container *ngIf=\"!faceAdapter.text\">\n    <button matMenuTrigger\n            mat-icon-button\n            [matMenuTriggerFor]=\"subMenu.menuComponent\"\n            (click) = \"$event.stopPropagation()\"\n            [matTooltip]=\"faceAdapter.tooltip\"\n            [color]=\"faceAdapter.color\"\n            [disabled]=\"!enabled\"\n    >\n      <aup-command-face [faces]=\"[face]\"></aup-command-face>\n    </button>\n    <aup-popup-menu-renderer #subMenu\n                             [parent]=\"this\"\n                            (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n  </ng-container>\n</ng-container>\n",
                 providers: [
                     { provide: POPUP_CONTAINER, useExisting: MoreMenuComponent }
                 ]

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

@@ -1 +1 @@
-{"version":3,"file":"more-menu.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/angular-ui-powerups/src/lib/components/commands/group/popup-menu/more-menu.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzF,OAAO,EAAE,GAAG,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAC3E,OAAO,EAAE,eAAe,EAAkB,MAAM,oBAAoB,CAAC;AACrE,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAE7E;;GAEG;AAQH,MAAM,OAAO,iBAAkB,SAAQ,0BAA0B;IAO/D,YAAY,OAAmB,EAAmD,MAAuB;QACvG,KAAK,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;QANjB,iBAAY,GAAG,IAAI,iBAAiB,EAAU,CAAC;QAOrD,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,iBAAiB,CAAC,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;YACxE,OAAO;gBACL,IAAI,EAAE,GAAG,EAAE,CAAC,eAAe;gBAC3B,OAAO;oBACL,OAAO,OAAO,CAAC;gBACjB,CAAC;aACF,CAAC;QACJ,CAAC,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAC1B,CAAC;IAED,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC;IACtC,CAAC;;;YA7BF,SAAS,SAAC;gBACT,QAAQ,EAAE,eAAe;gBACzB,g/EAA0C;gBAC1C,SAAS,EAAC;oBACR,EAAC,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,iBAAiB,EAAC;iBAC3D;aACF;;;YAdmB,UAAU;4CAsBM,MAAM,SAAC,eAAe,cAAG,QAAQ,YAAI,QAAQ;;;sBAH9E,KAAK;;AACN;IADU,iBAAiB,CAAC,cAAc,CAAC;;kDAC3B","sourcesContent":["import { Component, ElementRef, Inject, Input, Optional, SkipSelf } from '@angular/core';\nimport { Dsl, MutableValueModel, StoreInValueModel } from '@coolon/pectin';\nimport { POPUP_CONTAINER, PopupContainer } from '../popup-container';\nimport { AbstractPopupMenuComponent } from './abstract-popup-menu.component';\n\n/**\n *\n */\n@Component({\n  selector: 'aup-more-menu',\n  templateUrl: './popup-menu.component.html',\n  providers:[\n    {provide: POPUP_CONTAINER, useExisting: MoreMenuComponent}\n  ]\n})\nexport class MoreMenuComponent extends AbstractPopupMenuComponent {\n\n  private tooltipModel = new MutableValueModel<string>();\n\n  @Input() @StoreInValueModel('tooltipModel')\n  tooltip: string;\n\n  constructor(element: ElementRef, @Inject(POPUP_CONTAINER) @Optional() @SkipSelf() parent?: PopupContainer) {\n    super(element, parent);\n    const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);\n    this.faceModelDelegate.setDelegate(chain(this.tooltipModel).map(tooltip => {\n      return {\n        icon: () => 'mat:more_vert',\n        tooltip(): string {\n          return tooltip;\n        }\n      };\n    }, { allowNil: true }));\n  }\n\n  get face() {\n    return this.faceModelDelegate.value;\n  }\n\n}\n"]}
+{"version":3,"file":"more-menu.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/angular-ui-powerups/src/lib/components/commands/group/popup-menu/more-menu.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzF,OAAO,EAAE,GAAG,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAC3E,OAAO,EAAE,eAAe,EAAkB,MAAM,oBAAoB,CAAC;AACrE,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAE7E;;GAEG;AAQH,MAAM,OAAO,iBAAkB,SAAQ,0BAA0B;IAO/D,YAAY,OAAmB,EAAmD,MAAuB;QACvG,KAAK,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;QANjB,iBAAY,GAAG,IAAI,iBAAiB,EAAU,CAAC;QAOrD,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,iBAAiB,CAAC,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;YACxE,OAAO;gBACL,IAAI,EAAE,GAAG,EAAE,CAAC,eAAe;gBAC3B,OAAO;oBACL,OAAO,OAAO,CAAC;gBACjB,CAAC;aACF,CAAC;QACJ,CAAC,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAC1B,CAAC;IAED,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC;IACtC,CAAC;;;YA7BF,SAAS,SAAC;gBACT,QAAQ,EAAE,eAAe;gBACzB,ssFAA0C;gBAC1C,SAAS,EAAC;oBACR,EAAC,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,iBAAiB,EAAC;iBAC3D;aACF;;;YAdmB,UAAU;4CAsBM,MAAM,SAAC,eAAe,cAAG,QAAQ,YAAI,QAAQ;;;sBAH9E,KAAK;;AACN;IADU,iBAAiB,CAAC,cAAc,CAAC;;kDAC3B","sourcesContent":["import { Component, ElementRef, Inject, Input, Optional, SkipSelf } from '@angular/core';\nimport { Dsl, MutableValueModel, StoreInValueModel } from '@coolon/pectin';\nimport { POPUP_CONTAINER, PopupContainer } from '../popup-container';\nimport { AbstractPopupMenuComponent } from './abstract-popup-menu.component';\n\n/**\n *\n */\n@Component({\n  selector: 'aup-more-menu',\n  templateUrl: './popup-menu.component.html',\n  providers:[\n    {provide: POPUP_CONTAINER, useExisting: MoreMenuComponent}\n  ]\n})\nexport class MoreMenuComponent extends AbstractPopupMenuComponent {\n\n  private tooltipModel = new MutableValueModel<string>();\n\n  @Input() @StoreInValueModel('tooltipModel')\n  tooltip: string;\n\n  constructor(element: ElementRef, @Inject(POPUP_CONTAINER) @Optional() @SkipSelf() parent?: PopupContainer) {\n    super(element, parent);\n    const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);\n    this.faceModelDelegate.setDelegate(chain(this.tooltipModel).map(tooltip => {\n      return {\n        icon: () => 'mat:more_vert',\n        tooltip(): string {\n          return tooltip;\n        }\n      };\n    }, { allowNil: true }));\n  }\n\n  get face() {\n    return this.faceModelDelegate.value;\n  }\n\n}\n"]}

package/esm2015/lib/components/commands/group/popup-menu/more-menu.component.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"MoreMenuComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./abstract-popup-menu.component","name":"AbstractPopupMenuComponent","line":15,"character":39},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"aup-more-menu","providers":[{"provide":{"__symbolic":"reference","module":"../popup-container","name":"POPUP_CONTAINER","line":12,"character":14},"useExisting":{"__symbolic":"reference","name":"MoreMenuComponent"}}],"template":"<div class=\"content\" style=\"display: none\">\n  <ng-content></ng-content>\n</div>\n<ng-container *ngIf=\"isRoot()\">\n  <ng-container *ngIf=\"faceAdapter.text\" [ngSwitch]=\"faceAdapter.style\">\n    <ng-container *ngSwitchCase=\"'stroked'\">\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              [matTooltip]=\"faceAdapter.tooltip\"\n              [color]=\"faceAdapter.color\"\n              [disabled]=\"!enabled\"\n              mat-stroked-button>\n        <aup-command-face [faces]=\"[face]\"></aup-command-face>\n      </button>\n      <aup-popup-menu-renderer #subMenu\n                               [parent]=\"this\"\n                              (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"'raised'\">\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              [matTooltip]=\"faceAdapter.tooltip\"\n              [color]=\"faceAdapter.color\"\n              [disabled]=\"!enabled\"\n              mat-raised-button>\n        <aup-command-face [faces]=\"[face]\"></aup-command-face>\n      </button>\n      <aup-popup-menu-renderer #subMenu\n                               [parent]=\"this\"\n                              (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n    </ng-container>\n\n    <ng-container *ngSwitchDefault>\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              [matTooltip]=\"faceAdapter.tooltip\"\n              [color]=\"faceAdapter.color\"\n              [disabled]=\"!enabled\"\n              mat-button>\n        <aup-command-face [faces]=\"[face]\"></aup-command-face>\n      </button>\n      <aup-popup-menu-renderer #subMenu [parent]=\"this\" (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n    </ng-container>\n\n  </ng-container>\n\n  <ng-container *ngIf=\"!faceAdapter.text\">\n    <button matMenuTrigger\n            mat-icon-button\n            [matMenuTriggerFor]=\"subMenu.menuComponent\"\n            [matTooltip]=\"faceAdapter.tooltip\"\n            [color]=\"faceAdapter.color\"\n            [disabled]=\"!enabled\"\n    >\n      <aup-command-face [faces]=\"[face]\"></aup-command-face>\n    </button>\n    <aup-popup-menu-renderer #subMenu\n                             [parent]=\"this\"\n                            (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n  </ng-container>\n</ng-container>\n"}]}],"members":{"tooltip":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInValueModel","line":19,"character":12},"arguments":["tooltipModel"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":22,"character":36},"arguments":[{"__symbolic":"reference","module":"../popup-container","name":"POPUP_CONTAINER","line":22,"character":43}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":22,"character":61}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":22,"character":73}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":22,"character":23},{"__symbolic":"reference","module":"../popup-container","name":"PopupContainer","line":22,"character":93}]}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"MoreMenuComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./abstract-popup-menu.component","name":"AbstractPopupMenuComponent","line":15,"character":39},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"aup-more-menu","providers":[{"provide":{"__symbolic":"reference","module":"../popup-container","name":"POPUP_CONTAINER","line":12,"character":14},"useExisting":{"__symbolic":"reference","name":"MoreMenuComponent"}}],"template":"<div class=\"content\" style=\"display: none\">\n  <ng-content></ng-content>\n</div>\n<ng-container *ngIf=\"isRoot()\">\n  <ng-container *ngIf=\"faceAdapter.text\" [ngSwitch]=\"faceAdapter.style\">\n    <ng-container *ngSwitchCase=\"'stroked'\">\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              (click) = \"$event.stopPropagation()\"\n              [matTooltip]=\"faceAdapter.tooltip\"\n              [color]=\"faceAdapter.color\"\n              [disabled]=\"!enabled\"\n              mat-stroked-button>\n        <aup-command-face [faces]=\"[face]\"></aup-command-face>\n      </button>\n      <aup-popup-menu-renderer #subMenu\n                               [parent]=\"this\"\n                              (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"'raised'\">\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              (click) = \"$event.stopPropagation()\"\n              [matTooltip]=\"faceAdapter.tooltip\"\n              [color]=\"faceAdapter.color\"\n              [disabled]=\"!enabled\"\n              mat-raised-button>\n        <aup-command-face [faces]=\"[face]\"></aup-command-face>\n      </button>\n      <aup-popup-menu-renderer #subMenu\n                               [parent]=\"this\"\n                              (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n    </ng-container>\n\n    <ng-container *ngSwitchDefault>\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              (click) = \"$event.stopPropagation()\"\n              [matTooltip]=\"faceAdapter.tooltip\"\n              [color]=\"faceAdapter.color\"\n              [disabled]=\"!enabled\"\n              mat-button>\n        <aup-command-face [faces]=\"[face]\"></aup-command-face>\n      </button>\n      <aup-popup-menu-renderer #subMenu [parent]=\"this\" (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n    </ng-container>\n\n  </ng-container>\n\n  <ng-container *ngIf=\"!faceAdapter.text\">\n    <button matMenuTrigger\n            mat-icon-button\n            [matMenuTriggerFor]=\"subMenu.menuComponent\"\n            (click) = \"$event.stopPropagation()\"\n            [matTooltip]=\"faceAdapter.tooltip\"\n            [color]=\"faceAdapter.color\"\n            [disabled]=\"!enabled\"\n    >\n      <aup-command-face [faces]=\"[face]\"></aup-command-face>\n    </button>\n    <aup-popup-menu-renderer #subMenu\n                             [parent]=\"this\"\n                            (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n  </ng-container>\n</ng-container>\n"}]}],"members":{"tooltip":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInValueModel","line":19,"character":12},"arguments":["tooltipModel"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":22,"character":36},"arguments":[{"__symbolic":"reference","module":"../popup-container","name":"POPUP_CONTAINER","line":22,"character":43}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":22,"character":61}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":22,"character":73}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":22,"character":23},{"__symbolic":"reference","module":"../popup-container","name":"PopupContainer","line":22,"character":93}]}]}}}}]

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

@@ -17,7 +17,7 @@ export class PopupMenuComponent extends AbstractPopupMenuComponent {
 PopupMenuComponent.decorators = [
     { type: Component, args: [{
                 selector: 'aup-popup-menu',
-                template: "<div class=\"content\" style=\"display: none\">\n  <ng-content></ng-content>\n</div>\n<ng-container *ngIf=\"isRoot()\">\n  <ng-container *ngIf=\"faceAdapter.text\" [ngSwitch]=\"faceAdapter.style\">\n    <ng-container *ngSwitchCase=\"'stroked'\">\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              [matTooltip]=\"faceAdapter.tooltip\"\n              [color]=\"faceAdapter.color\"\n              [disabled]=\"!enabled\"\n              mat-stroked-button>\n        <aup-command-face [faces]=\"[face]\"></aup-command-face>\n      </button>\n      <aup-popup-menu-renderer #subMenu\n                               [parent]=\"this\"\n                              (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"'raised'\">\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              [matTooltip]=\"faceAdapter.tooltip\"\n              [color]=\"faceAdapter.color\"\n              [disabled]=\"!enabled\"\n              mat-raised-button>\n        <aup-command-face [faces]=\"[face]\"></aup-command-face>\n      </button>\n      <aup-popup-menu-renderer #subMenu\n                               [parent]=\"this\"\n                              (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n    </ng-container>\n\n    <ng-container *ngSwitchDefault>\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              [matTooltip]=\"faceAdapter.tooltip\"\n              [color]=\"faceAdapter.color\"\n              [disabled]=\"!enabled\"\n              mat-button>\n        <aup-command-face [faces]=\"[face]\"></aup-command-face>\n      </button>\n      <aup-popup-menu-renderer #subMenu [parent]=\"this\" (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n    </ng-container>\n\n  </ng-container>\n\n  <ng-container *ngIf=\"!faceAdapter.text\">\n    <button matMenuTrigger\n            mat-icon-button\n            [matMenuTriggerFor]=\"subMenu.menuComponent\"\n            [matTooltip]=\"faceAdapter.tooltip\"\n            [color]=\"faceAdapter.color\"\n            [disabled]=\"!enabled\"\n    >\n      <aup-command-face [faces]=\"[face]\"></aup-command-face>\n    </button>\n    <aup-popup-menu-renderer #subMenu\n                             [parent]=\"this\"\n                            (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n  </ng-container>\n</ng-container>\n",
+                template: "<div class=\"content\" style=\"display: none\">\n  <ng-content></ng-content>\n</div>\n<ng-container *ngIf=\"isRoot()\">\n  <ng-container *ngIf=\"faceAdapter.text\" [ngSwitch]=\"faceAdapter.style\">\n    <ng-container *ngSwitchCase=\"'stroked'\">\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              (click) = \"$event.stopPropagation()\"\n              [matTooltip]=\"faceAdapter.tooltip\"\n              [color]=\"faceAdapter.color\"\n              [disabled]=\"!enabled\"\n              mat-stroked-button>\n        <aup-command-face [faces]=\"[face]\"></aup-command-face>\n      </button>\n      <aup-popup-menu-renderer #subMenu\n                               [parent]=\"this\"\n                              (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"'raised'\">\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              (click) = \"$event.stopPropagation()\"\n              [matTooltip]=\"faceAdapter.tooltip\"\n              [color]=\"faceAdapter.color\"\n              [disabled]=\"!enabled\"\n              mat-raised-button>\n        <aup-command-face [faces]=\"[face]\"></aup-command-face>\n      </button>\n      <aup-popup-menu-renderer #subMenu\n                               [parent]=\"this\"\n                              (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n    </ng-container>\n\n    <ng-container *ngSwitchDefault>\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              (click) = \"$event.stopPropagation()\"\n              [matTooltip]=\"faceAdapter.tooltip\"\n              [color]=\"faceAdapter.color\"\n              [disabled]=\"!enabled\"\n              mat-button>\n        <aup-command-face [faces]=\"[face]\"></aup-command-face>\n      </button>\n      <aup-popup-menu-renderer #subMenu [parent]=\"this\" (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n    </ng-container>\n\n  </ng-container>\n\n  <ng-container *ngIf=\"!faceAdapter.text\">\n    <button matMenuTrigger\n            mat-icon-button\n            [matMenuTriggerFor]=\"subMenu.menuComponent\"\n            (click) = \"$event.stopPropagation()\"\n            [matTooltip]=\"faceAdapter.tooltip\"\n            [color]=\"faceAdapter.color\"\n            [disabled]=\"!enabled\"\n    >\n      <aup-command-face [faces]=\"[face]\"></aup-command-face>\n    </button>\n    <aup-popup-menu-renderer #subMenu\n                             [parent]=\"this\"\n                            (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n  </ng-container>\n</ng-container>\n",
                 providers: [
                     { provide: POPUP_CONTAINER, useExisting: PopupMenuComponent }
                 ]

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

@@ -1 +1 @@
-{"version":3,"file":"popup-menu.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/angular-ui-powerups/src/lib/components/commands/group/popup-menu/popup-menu.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAuB,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE9G,OAAO,EAAE,GAAG,EAAE,iBAAiB,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACnF,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAkB,MAAM,oBAAoB,CAAC;AACrE,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAE7E;;GAEG;AASH,MAAM,OAAO,kBAAmB,SAAQ,0BAA0B;IAQhE,YAAY,OAAmB,EAAmD,MAAuB;QACvG,KAAK,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;QACvB,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,yEAAyE;IAC3E,CAAC;;;YApBF,SAAS,SAAC;gBACT,QAAQ,EAAE,gBAAgB;gBAC1B,g/EAA0C;gBAE1C,SAAS,EAAC;oBACR,EAAC,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,kBAAkB,EAAC;iBAC5D;aACF;;;YAjBwC,UAAU;4CA0Bf,MAAM,SAAC,eAAe,cAAG,QAAQ,YAAI,QAAQ;;;wBAN9E,KAAK;mBAGL,KAAK;;AAFN;IADU,aAAa,CAAC,EAAE,UAAU,EAAE,mBAAmB,EAAE,CAAC;8BACjD,UAAU;qDAAc;AAGnC;IADU,iBAAiB,CAAC,WAAW,CAAC;;gDACtB","sourcesContent":["import { AfterContentChecked, Component, ElementRef, Inject, Input, Optional, SkipSelf } from '@angular/core';\n\nimport { Dsl, StoreInValueModel, TrackExternal, ValueModel } from '@coolon/pectin';\nimport { CommandFace } from '../../command-face';\nimport { POPUP_CONTAINER, PopupContainer } from '../popup-container';\nimport { AbstractPopupMenuComponent } from './abstract-popup-menu.component';\n\n/**\n *\n */\n@Component({\n  selector: 'aup-popup-menu',\n  templateUrl: './popup-menu.component.html',\n  styleUrls: [],\n  providers:[\n    {provide: POPUP_CONTAINER, useExisting: PopupMenuComponent}\n  ]\n})\nexport class PopupMenuComponent extends AbstractPopupMenuComponent {\n\n  @Input() @TrackExternal({ delegateTo: 'faceModelDelegate' })\n  faceModel: ValueModel<CommandFace>;\n\n  @Input() @StoreInValueModel('faceModel')\n  face: CommandFace;\n\n  constructor(element: ElementRef, @Inject(POPUP_CONTAINER) @Optional() @SkipSelf() 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\n}\n"]}
+{"version":3,"file":"popup-menu.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/angular-ui-powerups/src/lib/components/commands/group/popup-menu/popup-menu.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAuB,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE9G,OAAO,EAAE,GAAG,EAAE,iBAAiB,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACnF,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAkB,MAAM,oBAAoB,CAAC;AACrE,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAE7E;;GAEG;AASH,MAAM,OAAO,kBAAmB,SAAQ,0BAA0B;IAQhE,YAAY,OAAmB,EAAmD,MAAuB;QACvG,KAAK,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;QACvB,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,yEAAyE;IAC3E,CAAC;;;YApBF,SAAS,SAAC;gBACT,QAAQ,EAAE,gBAAgB;gBAC1B,ssFAA0C;gBAE1C,SAAS,EAAC;oBACR,EAAC,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,kBAAkB,EAAC;iBAC5D;aACF;;;YAjBwC,UAAU;4CA0Bf,MAAM,SAAC,eAAe,cAAG,QAAQ,YAAI,QAAQ;;;wBAN9E,KAAK;mBAGL,KAAK;;AAFN;IADU,aAAa,CAAC,EAAE,UAAU,EAAE,mBAAmB,EAAE,CAAC;8BACjD,UAAU;qDAAc;AAGnC;IADU,iBAAiB,CAAC,WAAW,CAAC;;gDACtB","sourcesContent":["import { AfterContentChecked, Component, ElementRef, Inject, Input, Optional, SkipSelf } from '@angular/core';\n\nimport { Dsl, StoreInValueModel, TrackExternal, ValueModel } from '@coolon/pectin';\nimport { CommandFace } from '../../command-face';\nimport { POPUP_CONTAINER, PopupContainer } from '../popup-container';\nimport { AbstractPopupMenuComponent } from './abstract-popup-menu.component';\n\n/**\n *\n */\n@Component({\n  selector: 'aup-popup-menu',\n  templateUrl: './popup-menu.component.html',\n  styleUrls: [],\n  providers:[\n    {provide: POPUP_CONTAINER, useExisting: PopupMenuComponent}\n  ]\n})\nexport class PopupMenuComponent extends AbstractPopupMenuComponent {\n\n  @Input() @TrackExternal({ delegateTo: 'faceModelDelegate' })\n  faceModel: ValueModel<CommandFace>;\n\n  @Input() @StoreInValueModel('faceModel')\n  face: CommandFace;\n\n  constructor(element: ElementRef, @Inject(POPUP_CONTAINER) @Optional() @SkipSelf() 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\n}\n"]}

package/esm2015/lib/components/commands/group/popup-menu/popup-menu.component.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"PopupMenuComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./abstract-popup-menu.component","name":"AbstractPopupMenuComponent","line":18,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"aup-popup-menu","styleUrls":[],"providers":[{"provide":{"__symbolic":"reference","module":"../popup-container","name":"POPUP_CONTAINER","line":15,"character":14},"useExisting":{"__symbolic":"reference","name":"PopupMenuComponent"}}],"template":"<div class=\"content\" style=\"display: none\">\n  <ng-content></ng-content>\n</div>\n<ng-container *ngIf=\"isRoot()\">\n  <ng-container *ngIf=\"faceAdapter.text\" [ngSwitch]=\"faceAdapter.style\">\n    <ng-container *ngSwitchCase=\"'stroked'\">\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              [matTooltip]=\"faceAdapter.tooltip\"\n              [color]=\"faceAdapter.color\"\n              [disabled]=\"!enabled\"\n              mat-stroked-button>\n        <aup-command-face [faces]=\"[face]\"></aup-command-face>\n      </button>\n      <aup-popup-menu-renderer #subMenu\n                               [parent]=\"this\"\n                              (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"'raised'\">\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              [matTooltip]=\"faceAdapter.tooltip\"\n              [color]=\"faceAdapter.color\"\n              [disabled]=\"!enabled\"\n              mat-raised-button>\n        <aup-command-face [faces]=\"[face]\"></aup-command-face>\n      </button>\n      <aup-popup-menu-renderer #subMenu\n                               [parent]=\"this\"\n                              (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n    </ng-container>\n\n    <ng-container *ngSwitchDefault>\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              [matTooltip]=\"faceAdapter.tooltip\"\n              [color]=\"faceAdapter.color\"\n              [disabled]=\"!enabled\"\n              mat-button>\n        <aup-command-face [faces]=\"[face]\"></aup-command-face>\n      </button>\n      <aup-popup-menu-renderer #subMenu [parent]=\"this\" (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n    </ng-container>\n\n  </ng-container>\n\n  <ng-container *ngIf=\"!faceAdapter.text\">\n    <button matMenuTrigger\n            mat-icon-button\n            [matMenuTriggerFor]=\"subMenu.menuComponent\"\n            [matTooltip]=\"faceAdapter.tooltip\"\n            [color]=\"faceAdapter.color\"\n            [disabled]=\"!enabled\"\n    >\n      <aup-command-face [faces]=\"[face]\"></aup-command-face>\n    </button>\n    <aup-popup-menu-renderer #subMenu\n                             [parent]=\"this\"\n                            (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n  </ng-container>\n</ng-container>\n"}]}],"members":{"faceModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":20,"character":12},"arguments":[{"delegateTo":"faceModelDelegate"}]}]}],"face":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInValueModel","line":23,"character":12},"arguments":["faceModel"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":26,"character":36},"arguments":[{"__symbolic":"reference","module":"../popup-container","name":"POPUP_CONTAINER","line":26,"character":43}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":26,"character":61}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":26,"character":73}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":26,"character":23},{"__symbolic":"reference","module":"../popup-container","name":"PopupContainer","line":26,"character":93}]}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"PopupMenuComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./abstract-popup-menu.component","name":"AbstractPopupMenuComponent","line":18,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"aup-popup-menu","styleUrls":[],"providers":[{"provide":{"__symbolic":"reference","module":"../popup-container","name":"POPUP_CONTAINER","line":15,"character":14},"useExisting":{"__symbolic":"reference","name":"PopupMenuComponent"}}],"template":"<div class=\"content\" style=\"display: none\">\n  <ng-content></ng-content>\n</div>\n<ng-container *ngIf=\"isRoot()\">\n  <ng-container *ngIf=\"faceAdapter.text\" [ngSwitch]=\"faceAdapter.style\">\n    <ng-container *ngSwitchCase=\"'stroked'\">\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              (click) = \"$event.stopPropagation()\"\n              [matTooltip]=\"faceAdapter.tooltip\"\n              [color]=\"faceAdapter.color\"\n              [disabled]=\"!enabled\"\n              mat-stroked-button>\n        <aup-command-face [faces]=\"[face]\"></aup-command-face>\n      </button>\n      <aup-popup-menu-renderer #subMenu\n                               [parent]=\"this\"\n                              (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"'raised'\">\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              (click) = \"$event.stopPropagation()\"\n              [matTooltip]=\"faceAdapter.tooltip\"\n              [color]=\"faceAdapter.color\"\n              [disabled]=\"!enabled\"\n              mat-raised-button>\n        <aup-command-face [faces]=\"[face]\"></aup-command-face>\n      </button>\n      <aup-popup-menu-renderer #subMenu\n                               [parent]=\"this\"\n                              (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n    </ng-container>\n\n    <ng-container *ngSwitchDefault>\n      <button matMenuTrigger\n              [matMenuTriggerFor]=\"subMenu.menuComponent\"\n              (click) = \"$event.stopPropagation()\"\n              [matTooltip]=\"faceAdapter.tooltip\"\n              [color]=\"faceAdapter.color\"\n              [disabled]=\"!enabled\"\n              mat-button>\n        <aup-command-face [faces]=\"[face]\"></aup-command-face>\n      </button>\n      <aup-popup-menu-renderer #subMenu [parent]=\"this\" (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n    </ng-container>\n\n  </ng-container>\n\n  <ng-container *ngIf=\"!faceAdapter.text\">\n    <button matMenuTrigger\n            mat-icon-button\n            [matMenuTriggerFor]=\"subMenu.menuComponent\"\n            (click) = \"$event.stopPropagation()\"\n            [matTooltip]=\"faceAdapter.tooltip\"\n            [color]=\"faceAdapter.color\"\n            [disabled]=\"!enabled\"\n    >\n      <aup-command-face [faces]=\"[face]\"></aup-command-face>\n    </button>\n    <aup-popup-menu-renderer #subMenu\n                             [parent]=\"this\"\n                            (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n  </ng-container>\n</ng-container>\n"}]}],"members":{"faceModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":20,"character":12},"arguments":[{"delegateTo":"faceModelDelegate"}]}]}],"face":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInValueModel","line":23,"character":12},"arguments":["faceModel"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":26,"character":36},"arguments":[{"__symbolic":"reference","module":"../popup-container","name":"POPUP_CONTAINER","line":26,"character":43}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":26,"character":61}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":26,"character":73}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":26,"character":23},{"__symbolic":"reference","module":"../popup-container","name":"PopupContainer","line":26,"character":93}]}]}}}}]

package/esm2015/lib/components/components.module.js

@@ -51,21 +51,22 @@ import { NoopComponent } from './noop/noop.component';
 import { ScrollContainerComponent } from './scroll-container/scroll-container.component';
 import { SectionHeaderComponent } from './section-header/section-header.component';
 import { SwitchCaseComponent, SwitchCaseDefaultDirective, SwitchCaseWhenDirective } from './switch-case/switch-case.component';
-import { ColumnTemplateDirective } from './table/column-template/column-template.directive';
-import { DefaultCellRendererComponent } from './table/default-cell-renderer/default-cell-renderer.component';
-import { DefaultHeaderCellRendererComponent } from './table/default-header-cell-renderer/default-header-cell-renderer.component';
-import { EditRowControls } from './table/edit-row-controls/edit-row-controls.component';
-import { SelectCellRendererComponent } from './table/select-cell-renderer/select-cell-renderer.component';
-import { SelectHeaderCellRendererComponent } from './table/select-header-cell-renderer/select-header-cell-renderer.component';
-import { TableCellRendererComponent } from './table/table-cell-renderer/table-cell-renderer.component';
-import { TableHeaderCellRendererComponent } from './table/table-header-cell-renderer/table-header-cell-renderer.component';
-import { TableRowMenuComponent } from './table/table-row-menu/table-row-menu.component';
-import { TableComponent } from './table/table.component';
-import { TreeInheritanceIconComponent } from './tree-table/tree-inheritance-icon/tree-inheritance-icon.component';
-import { TreeLabelCellRendererComponent } from './tree-table/tree-label-cell-renderer/tree-label-cell-renderer.component';
-import { TreeTableComponent } from './tree-table/tree-table-component';
+import { AbstractTableComponent } from './tables/abstract-table.component';
+import { ColumnTemplateDirective } from './tables/table/column-template/column-template.directive';
+import { DefaultCellRendererComponent } from './tables/table/default-cell-renderer/default-cell-renderer.component';
+import { DefaultHeaderCellRendererComponent } from './tables/table/default-header-cell-renderer/default-header-cell-renderer.component';
+import { EditRowControls } from './tables/table/edit-row-controls/edit-row-controls.component';
+import { SelectCellRendererComponent } from './tables/table/select-cell-renderer/select-cell-renderer.component';
+import { SelectHeaderCellRendererComponent } from './tables/table/select-header-cell-renderer/select-header-cell-renderer.component';
+import { TableCellRendererComponent } from './tables/table/table-cell-renderer/table-cell-renderer.component';
+import { TableHeaderCellRendererComponent } from './tables/table/table-header-cell-renderer/table-header-cell-renderer.component';
+import { TableRowMenuComponent } from './tables/table/table-row-menu/table-row-menu.component';
+import { TableComponent } from './tables/table/table.component';
+import { TreeInheritanceIconComponent } from './tables/tree-table/tree-inheritance-icon/tree-inheritance-icon.component';
+import { TreeLabelCellRendererComponent } from './tables/tree-table/tree-label-cell-renderer/tree-label-cell-renderer.component';
+import { TreeTableComponent } from './tables/tree-table/tree-table-component';
 import { VerticalFocusContainerComponent } from './vertical-focus-container/vertical-focus-container.component';
-import { PaginatorComponent } from './table/paginator/paginator.component';
+import { PaginatorComponent } from './tables/table/paginator/paginator.component';
 export class ComponentsModule {
     constructor(faIconLibrary) {
         faIconLibrary.addIconPacks(fas);
@@ -121,6 +122,7 @@ ComponentsModule.decorators = [
                     BusyOverlayComponent,
                     EmptyStateComponent,
                     PaginatorComponent,
+                    AbstractTableComponent
                 ],
                 imports: [
                     CommonModule,