@coolon/angular-ui-powerups 3.16.0 → 3.17.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +19 -0
- package/assets/activities.scss +4 -1
- package/bundles/coolon-angular-ui-powerups.umd.js +205 -97
- package/bundles/coolon-angular-ui-powerups.umd.js.map +1 -1
- package/bundles/coolon-angular-ui-powerups.umd.min.js +1 -1
- package/bundles/coolon-angular-ui-powerups.umd.min.js.map +1 -1
- package/coolon-angular-ui-powerups.metadata.json +1 -1
- package/esm2015/lib/angular-ui-powerups.module.ngfactory.js.map +1 -1
- package/esm2015/lib/components/card-container/card-container.component.js +1 -1
- package/esm2015/lib/components/card-container/card-container.component.metadata.json +1 -1
- package/esm2015/lib/components/table/table.component.js +13 -0
- package/esm2015/lib/components/table/table.component.js.map +1 -1
- package/esm2015/lib/components/table/table.component.metadata.json +1 -1
- package/esm2015/lib/interaction/activity.js +19 -3
- package/esm2015/lib/interaction/activity.js.map +1 -1
- package/esm2015/lib/interaction/activity.metadata.json +1 -1
- package/esm2015/lib/interaction/components/activity-actions/activity-actions.component.js +35 -26
- package/esm2015/lib/interaction/components/activity-actions/activity-actions.component.js.map +1 -1
- package/esm2015/lib/interaction/components/activity-actions/activity-actions.component.metadata.json +1 -1
- package/esm2015/lib/interaction/components/activity-content/activity-body.component.html.shim.ngstyle.js.map +1 -0
- package/esm2015/lib/interaction/components/activity-content/activity-body.component.js +26 -0
- package/esm2015/lib/interaction/components/activity-content/activity-body.component.js.map +1 -0
- package/esm2015/lib/interaction/components/activity-content/activity-body.component.metadata.json +1 -0
- package/esm2015/lib/interaction/components/activity-content/activity-body.component.ngfactory.js.map +1 -0
- package/esm2015/lib/interaction/components/alert-dialog/alert-dialog.component.js +10 -1
- package/esm2015/lib/interaction/components/alert-dialog/alert-dialog.component.js.map +1 -1
- package/esm2015/lib/interaction/components/alert-dialog/alert-dialog.component.metadata.json +1 -1
- package/esm2015/lib/interaction/components/confirm-then-dialog/confirm-then-dialog.component.js +18 -7
- package/esm2015/lib/interaction/components/confirm-then-dialog/confirm-then-dialog.component.js.map +1 -1
- package/esm2015/lib/interaction/components/confirm-then-dialog/confirm-then-dialog.component.metadata.json +1 -1
- package/esm2015/lib/interaction/components/confirmation-dialog/confirmation-dialog.component.js +16 -2
- package/esm2015/lib/interaction/components/confirmation-dialog/confirmation-dialog.component.js.map +1 -1
- package/esm2015/lib/interaction/components/confirmation-dialog/confirmation-dialog.component.metadata.json +1 -1
- package/esm2015/lib/interaction/components/input-activities/select-input-activity.js +1 -4
- package/esm2015/lib/interaction/components/input-activities/select-input-activity.js.map +1 -1
- package/esm2015/lib/interaction/components/input-activities/select-input-activity.metadata.json +1 -1
- package/esm2015/lib/interaction/components/input-activities/string-input-activity.js +1 -3
- package/esm2015/lib/interaction/components/input-activities/string-input-activity.js.map +1 -1
- package/esm2015/lib/interaction/components/input-activities/string-input-activity.metadata.json +1 -1
- package/esm2015/lib/interaction/exports.js +1 -0
- package/esm2015/lib/interaction/exports.js.map +1 -1
- package/esm2015/lib/interaction/exports.metadata.json +1 -1
- package/esm2015/lib/interaction/interaction.module.js +6 -2
- package/esm2015/lib/interaction/interaction.module.js.map +1 -1
- package/esm2015/lib/interaction/interaction.module.metadata.json +1 -1
- package/esm2015/lib/interaction/interaction.module.ngfactory.js.map +1 -1
- package/fesm2015/coolon-angular-ui-powerups.js +181 -91
- package/fesm2015/coolon-angular-ui-powerups.js.map +1 -1
- package/lib/components/table/table.component.d.ts +13 -0
- package/lib/interaction/activity.d.ts +9 -3
- package/lib/interaction/components/activity-actions/activity-actions.component.d.ts +24 -20
- package/lib/interaction/components/activity-content/activity-body.component.d.ts +5 -0
- package/lib/interaction/components/alert-dialog/alert-dialog.component.d.ts +2 -0
- package/lib/interaction/components/confirm-then-dialog/confirm-then-dialog.component.d.ts +3 -1
- package/lib/interaction/components/confirmation-dialog/confirmation-dialog.component.d.ts +3 -0
- package/lib/interaction/exports.d.ts +1 -0
- package/package.json +2 -1
|
@@ -1 +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 './components/forms/number-input/number-input.component';\nimport * as i15 from './components/forms/string-input/string-input.component';\nimport * as i16 from './components/forms/text-input/text-input.component';\nimport * as i17 from './components/forms/password-input/password-input.component';\nimport * as i18 from './components/forms/checkbox-input/checkbox-input.component';\nimport * as i19 from './components/forms/select-input/select-input.component';\nimport * as i20 from './components/forms/multiple-select-input/multiple-select-input.component';\nimport * as i21 from './components/forms/autocomplete-input/autocomplete-input.component';\nimport * as i22 from './components/scroll-container/scroll-container.component';\nimport * as i23 from './components/noop/noop.component';\nimport * as i24 from './components/switch-case/switch-case.component';\nimport * as i25 from './components/focus-container/focus-container.component';\nimport * as i26 from './components/vertical-focus-container/vertical-focus-container.component';\nimport * as i27 from './components/focusable.component';\nimport * as i28 from './components/card-container/card-container.component';\nimport * as i29 from './components/table/table.component';\nimport * as i30 from './components/table/edit-row-controls/edit-row-controls.component';\nimport * as i31 from './components/table/column-template/column-template.directive';\nimport * as i32 from './components/icon/icon.component';\nimport * as i33 from './components/section-header/section-header.component';\nimport * as i34 from './components/table/table-row-menu/table-row-menu.component';\nimport * as i35 from './components/commands/group/tool-bar/tool-bar.component';\nimport * as i36 from './components/commands/command/command.component';\nimport * as i37 from './components/commands/group/popup-menu/popup-menu.component';\nimport * as i38 from './components/commands/command-face/command-face.component';\nimport * as i39 from './components/commands/group/popup-menu/more-menu.component';\nimport * as i40 from './components/commands/separator.component';\nimport * as i41 from './components/commands/flex.component';\nimport * as i42 from './components/tree-table/tree-table-component';\nimport * as i43 from './components/busy-overlay/busy-overlay.component';\nimport * as i44 from './components/empty-state/empty-state.component';\nimport * as i45 from './components/table/paginator/paginator.component';\nimport * as i46 from './place/components/place-outlet/place-outlet.component';\nimport * as i47 from './place/components/tabbed-place-navigation/tabbed-place-navigation.component';\nimport * as i48 from './place/components/list-place-nav/list-place-nav.component';\nimport * as i49 from './place/components/side-place-navigation/side-place-navigation.component';\nimport * as i50 from './place/components/abstract-place-navigation.component';\nimport * as i51 from './interaction/components/activity-container/activity-container.component';\nimport * as i52 from './interaction/components/activity-container/activity-outlet/activity-outlet.component';\nimport * as i53 from './interaction/components/activity-title/activity-title.component';\nimport * as i54 from './interaction/components/inplace-interaction-context/in-place-interaction-context.component';\nimport * as i55 from './interaction/components/add-item-interaction-context/add-item-interaction-context.component';\nimport * as i56 from './interaction/components/activity-actions/activity-actions.component';\nimport * as i57 from './interaction/components/popup-interaction-context/popup-interaction-context.component';\nimport * as i58 from './interaction/directives/interaction-context-trigger-for.directive';\nimport * as i59 from './interaction/components/input-activities/string-input-activity';\nimport * as i60 from './interaction/components/input-activities/select-input-activity';\nimport * as i61 from '@angular/platform-browser/animations';\nimport * as i62 from './directives/directives.module';\nimport * as i63 from './components/components.module';\nimport * as i64 from './place/place.module';\nimport * as i65 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_y = (<any>(null as any));\nvar _decl0_12:i3.NgSelectOption = (<any>(null as any));\nvar _decl0_13:i3.ɵangular_packages_forms_forms_x = (<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.NgModel = (<any>(null as any));\nvar _decl0_30:i3.NgModelGroup = (<any>(null as any));\nvar _decl0_31:i3.NgForm = (<any>(null as any));\nvar _decl0_32:i4.CdkAutofill = (<any>(null as any));\nvar _decl0_33:i4.CdkTextareaAutosize = (<any>(null as any));\nvar _decl0_34:i5.Dir = (<any>(null as any));\nvar _decl0_35:i6.MatError = (<any>(null as any));\nvar _decl0_36:i6.MatFormField = (<any>(null as any));\nvar _decl0_37:i6.MatHint = (<any>(null as any));\nvar _decl0_38:i6.MatLabel = (<any>(null as any));\nvar _decl0_39:i6.MatPlaceholder = (<any>(null as any));\nvar _decl0_40:i6.MatPrefix = (<any>(null as any));\nvar _decl0_41:i6.MatSuffix = (<any>(null as any));\nvar _decl0_42:i7.MatInput = (<any>(null as any));\nvar _decl0_43:i7.MatTextareaAutosize = (<any>(null as any));\nvar _decl0_44:i8.CdkScrollable = (<any>(null as any));\nvar _decl0_45:i9.MatOption = (<any>(null as any));\nvar _decl0_46:i9.MatOptgroup = (<any>(null as any));\nvar _decl0_47:i10.MatSelect = (<any>(null as any));\nvar _decl0_48:i10.MatSelectTrigger = (<any>(null as any));\nvar _decl0_49:i11.MatTabGroup = (<any>(null as any));\nvar _decl0_50:i11.MatTabLabel = (<any>(null as any));\nvar _decl0_51:i11.MatTab = (<any>(null as any));\nvar _decl0_52:i11.MatTabNav = (<any>(null as any));\nvar _decl0_53:i11.MatTabLink = (<any>(null as any));\nvar _decl0_54:i11.MatTabContent = (<any>(null as any));\nvar _decl0_55:i12.CommandDirective<any> = (<any>(null as any));\nvar _decl0_56:i13.FocusBindingDirective = (<any>(null as any));\nvar _decl0_57:i14.NumberInputComponent = (<any>(null as any));\nvar _decl0_58:i15.StringInputComponent = (<any>(null as any));\nvar _decl0_59:i16.TextInputComponent = (<any>(null as any));\nvar _decl0_60:i17.PasswordInputComponent = (<any>(null as any));\nvar _decl0_61:i18.CheckboxInputComponent = (<any>(null as any));\nvar _decl0_62:i19.SelectInputComponent<any> = (<any>(null as any));\nvar _decl0_63:i20.MultipleSelectInputComponent<any> = (<any>(null as any));\nvar _decl0_64:i21.AutocompleteInputComponent<any> = (<any>(null as any));\nvar _decl0_65:i22.ScrollContainerComponent = (<any>(null as any));\nvar _decl0_66:i23.NoopComponent = (<any>(null as any));\nvar _decl0_67:i24.SwitchCaseComponent<any> = (<any>(null as any));\nvar _decl0_68:i24.SwitchCaseWhenDirective<any> = (<any>(null as any));\nvar _decl0_69:i24.SwitchCaseDefaultDirective<any> = (<any>(null as any));\nvar _decl0_70:i25.FocusContainerComponent = (<any>(null as any));\nvar _decl0_71:i26.VerticalFocusContainerComponent = (<any>(null as any));\nvar _decl0_72:i27.FocusableComponent = (<any>(null as any));\nvar _decl0_73:i28.CardContainerComponent = (<any>(null as any));\nvar _decl0_74:i29.TableComponent<any> = (<any>(null as any));\nvar _decl0_75:i30.EditRowControls<any> = (<any>(null as any));\nvar _decl0_76:i31.ColumnTemplateDirective = (<any>(null as any));\nvar _decl0_77:i32.IconComponent = (<any>(null as any));\nvar _decl0_78:i33.SectionHeaderComponent = (<any>(null as any));\nvar _decl0_79:i34.TableRowMenuComponent<any> = (<any>(null as any));\nvar _decl0_80:i35.ToolBarComponent = (<any>(null as any));\nvar _decl0_81:i36.CommandComponent = (<any>(null as any));\nvar _decl0_82:i37.PopupMenuComponent = (<any>(null as any));\nvar _decl0_83:i38.CommandFaceComponent<any> = (<any>(null as any));\nvar _decl0_84:i39.MoreMenuComponent = (<any>(null as any));\nvar _decl0_85:i40.SeparatorComponent = (<any>(null as any));\nvar _decl0_86:i41.FlexComponent = (<any>(null as any));\nvar _decl0_87:i42.TreeTableComponent<any> = (<any>(null as any));\nvar _decl0_88:i43.BusyOverlayComponent = (<any>(null as any));\nvar _decl0_89:i44.EmptyStateComponent = (<any>(null as any));\nvar _decl0_90:i45.PaginatorComponent = (<any>(null as any));\nvar _decl0_91:i46.PlaceOutletComponent = (<any>(null as any));\nvar _decl0_92:i47.TabbedPlaceNavigationComponent = (<any>(null as any));\nvar _decl0_93:i48.ListPlaceNavComponent = (<any>(null as any));\nvar _decl0_94:i49.SidePlaceNavigationComponent = (<any>(null as any));\nvar _decl0_95:i50.AbstractPlaceNavigationComponent = (<any>(null as any));\nvar _decl0_96:i51.ActivityContainerComponent<any,any,any> = (<any>(null as any));\nvar _decl0_97:i52.ActivityOutletComponent<any,any,any> = (<any>(null as any));\nvar _decl0_98:i53.ActivityTitleComponent = (<any>(null as any));\nvar _decl0_99:i54.InPlaceInteractionContextComponent<any,any,any> = (<any>(null as any));\nvar _decl0_100:i55.AddItemInteractionContextComponent = (<any>(null as any));\nvar _decl0_101:i56.ActivityActionsComponent = (<any>(null as any));\nvar _decl0_102:i57.PopupInteractionContextComponent = (<any>(null as any));\nvar _decl0_103:i58.InteractionContextTriggerFor<any,any,any> = (<any>(null as any));\nvar _decl0_104:i59.StringInputActivity = (<any>(null as any));\nvar _decl0_105:i60.SelectInputActivity<any> = (<any>(null as any));\nvar _decl0_106:i2.AsyncPipe = (<any>(null as any));\nvar _decl0_107:i2.UpperCasePipe = (<any>(null as any));\nvar _decl0_108:i2.LowerCasePipe = (<any>(null as any));\nvar _decl0_109:i2.JsonPipe = (<any>(null as any));\nvar _decl0_110:i2.SlicePipe = (<any>(null as any));\nvar _decl0_111:i2.DecimalPipe = (<any>(null as any));\nvar _decl0_112:i2.PercentPipe = (<any>(null as any));\nvar _decl0_113:i2.TitleCasePipe = (<any>(null as any));\nvar _decl0_114:i2.CurrencyPipe = (<any>(null as any));\nvar _decl0_115:i2.DatePipe = (<any>(null as any));\nvar _decl0_116:i2.I18nPluralPipe = (<any>(null as any));\nvar _decl0_117:i2.I18nSelectPipe = (<any>(null as any));\nvar _decl0_118:i2.KeyValuePipe = (<any>(null as any));\nvar _decl0_119:i2.CommonModule = (<any>(null as any));\nvar _decl0_120:i61.BrowserAnimationsModule = (<any>(null as any));\nvar _decl0_121:i3.FormsModule = (<any>(null as any));\nvar _decl0_122:i7.MatInputModule = (<any>(null as any));\nvar _decl0_123:i6.MatFormFieldModule = (<any>(null as any));\nvar _decl0_124:i10.MatSelectModule = (<any>(null as any));\nvar _decl0_125:i11.MatTabsModule = (<any>(null as any));\nvar _decl0_132:i62.DirectivesModule = (<any>(null as any));\nvar _decl0_133:i63.ComponentsModule = (<any>(null as any));\nvar _decl0_131:i64.PlaceModule = (<any>(null as any));\nvar _decl0_130:i65.InteractionModule = (<any>(null as any));\nvar _decl0_134:i0.TemplateRef<any> = (<any>(null as any));\nvar _decl0_135:i0.ElementRef<any> = (<any>(null as any));\n"]}
|
|
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 './components/forms/number-input/number-input.component';\nimport * as i15 from './components/forms/string-input/string-input.component';\nimport * as i16 from './components/forms/text-input/text-input.component';\nimport * as i17 from './components/forms/password-input/password-input.component';\nimport * as i18 from './components/forms/checkbox-input/checkbox-input.component';\nimport * as i19 from './components/forms/select-input/select-input.component';\nimport * as i20 from './components/forms/multiple-select-input/multiple-select-input.component';\nimport * as i21 from './components/forms/autocomplete-input/autocomplete-input.component';\nimport * as i22 from './components/scroll-container/scroll-container.component';\nimport * as i23 from './components/noop/noop.component';\nimport * as i24 from './components/switch-case/switch-case.component';\nimport * as i25 from './components/focus-container/focus-container.component';\nimport * as i26 from './components/vertical-focus-container/vertical-focus-container.component';\nimport * as i27 from './components/focusable.component';\nimport * as i28 from './components/card-container/card-container.component';\nimport * as i29 from './components/table/table.component';\nimport * as i30 from './components/table/edit-row-controls/edit-row-controls.component';\nimport * as i31 from './components/table/column-template/column-template.directive';\nimport * as i32 from './components/icon/icon.component';\nimport * as i33 from './components/section-header/section-header.component';\nimport * as i34 from './components/table/table-row-menu/table-row-menu.component';\nimport * as i35 from './components/commands/group/tool-bar/tool-bar.component';\nimport * as i36 from './components/commands/command/command.component';\nimport * as i37 from './components/commands/group/popup-menu/popup-menu.component';\nimport * as i38 from './components/commands/command-face/command-face.component';\nimport * as i39 from './components/commands/group/popup-menu/more-menu.component';\nimport * as i40 from './components/commands/separator.component';\nimport * as i41 from './components/commands/flex.component';\nimport * as i42 from './components/tree-table/tree-table-component';\nimport * as i43 from './components/busy-overlay/busy-overlay.component';\nimport * as i44 from './components/empty-state/empty-state.component';\nimport * as i45 from './components/table/paginator/paginator.component';\nimport * as i46 from './place/components/place-outlet/place-outlet.component';\nimport * as i47 from './place/components/tabbed-place-navigation/tabbed-place-navigation.component';\nimport * as i48 from './place/components/list-place-nav/list-place-nav.component';\nimport * as i49 from './place/components/side-place-navigation/side-place-navigation.component';\nimport * as i50 from './place/components/abstract-place-navigation.component';\nimport * as i51 from './interaction/components/activity-container/activity-container.component';\nimport * as i52 from './interaction/components/activity-container/activity-outlet/activity-outlet.component';\nimport * as i53 from './interaction/components/activity-title/activity-title.component';\nimport * as i54 from './interaction/components/inplace-interaction-context/in-place-interaction-context.component';\nimport * as i55 from './interaction/components/add-item-interaction-context/add-item-interaction-context.component';\nimport * as i56 from './interaction/components/activity-actions/activity-actions.component';\nimport * as i57 from './interaction/components/popup-interaction-context/popup-interaction-context.component';\nimport * as i58 from './interaction/directives/interaction-context-trigger-for.directive';\nimport * as i59 from './interaction/components/input-activities/string-input-activity';\nimport * as i60 from './interaction/components/input-activities/select-input-activity';\nimport * as i61 from './interaction/components/activity-content/activity-body.component';\nimport * as i62 from '@angular/platform-browser/animations';\nimport * as i63 from './directives/directives.module';\nimport * as i64 from './components/components.module';\nimport * as i65 from './place/place.module';\nimport * as i66 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_y = (<any>(null as any));\nvar _decl0_12:i3.NgSelectOption = (<any>(null as any));\nvar _decl0_13:i3.ɵangular_packages_forms_forms_x = (<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.NgModel = (<any>(null as any));\nvar _decl0_30:i3.NgModelGroup = (<any>(null as any));\nvar _decl0_31:i3.NgForm = (<any>(null as any));\nvar _decl0_32:i4.CdkAutofill = (<any>(null as any));\nvar _decl0_33:i4.CdkTextareaAutosize = (<any>(null as any));\nvar _decl0_34:i5.Dir = (<any>(null as any));\nvar _decl0_35:i6.MatError = (<any>(null as any));\nvar _decl0_36:i6.MatFormField = (<any>(null as any));\nvar _decl0_37:i6.MatHint = (<any>(null as any));\nvar _decl0_38:i6.MatLabel = (<any>(null as any));\nvar _decl0_39:i6.MatPlaceholder = (<any>(null as any));\nvar _decl0_40:i6.MatPrefix = (<any>(null as any));\nvar _decl0_41:i6.MatSuffix = (<any>(null as any));\nvar _decl0_42:i7.MatInput = (<any>(null as any));\nvar _decl0_43:i7.MatTextareaAutosize = (<any>(null as any));\nvar _decl0_44:i8.CdkScrollable = (<any>(null as any));\nvar _decl0_45:i9.MatOption = (<any>(null as any));\nvar _decl0_46:i9.MatOptgroup = (<any>(null as any));\nvar _decl0_47:i10.MatSelect = (<any>(null as any));\nvar _decl0_48:i10.MatSelectTrigger = (<any>(null as any));\nvar _decl0_49:i11.MatTabGroup = (<any>(null as any));\nvar _decl0_50:i11.MatTabLabel = (<any>(null as any));\nvar _decl0_51:i11.MatTab = (<any>(null as any));\nvar _decl0_52:i11.MatTabNav = (<any>(null as any));\nvar _decl0_53:i11.MatTabLink = (<any>(null as any));\nvar _decl0_54:i11.MatTabContent = (<any>(null as any));\nvar _decl0_55:i12.CommandDirective<any> = (<any>(null as any));\nvar _decl0_56:i13.FocusBindingDirective = (<any>(null as any));\nvar _decl0_57:i14.NumberInputComponent = (<any>(null as any));\nvar _decl0_58:i15.StringInputComponent = (<any>(null as any));\nvar _decl0_59:i16.TextInputComponent = (<any>(null as any));\nvar _decl0_60:i17.PasswordInputComponent = (<any>(null as any));\nvar _decl0_61:i18.CheckboxInputComponent = (<any>(null as any));\nvar _decl0_62:i19.SelectInputComponent<any> = (<any>(null as any));\nvar _decl0_63:i20.MultipleSelectInputComponent<any> = (<any>(null as any));\nvar _decl0_64:i21.AutocompleteInputComponent<any> = (<any>(null as any));\nvar _decl0_65:i22.ScrollContainerComponent = (<any>(null as any));\nvar _decl0_66:i23.NoopComponent = (<any>(null as any));\nvar _decl0_67:i24.SwitchCaseComponent<any> = (<any>(null as any));\nvar _decl0_68:i24.SwitchCaseWhenDirective<any> = (<any>(null as any));\nvar _decl0_69:i24.SwitchCaseDefaultDirective<any> = (<any>(null as any));\nvar _decl0_70:i25.FocusContainerComponent = (<any>(null as any));\nvar _decl0_71:i26.VerticalFocusContainerComponent = (<any>(null as any));\nvar _decl0_72:i27.FocusableComponent = (<any>(null as any));\nvar _decl0_73:i28.CardContainerComponent = (<any>(null as any));\nvar _decl0_74:i29.TableComponent<any> = (<any>(null as any));\nvar _decl0_75:i30.EditRowControls<any> = (<any>(null as any));\nvar _decl0_76:i31.ColumnTemplateDirective = (<any>(null as any));\nvar _decl0_77:i32.IconComponent = (<any>(null as any));\nvar _decl0_78:i33.SectionHeaderComponent = (<any>(null as any));\nvar _decl0_79:i34.TableRowMenuComponent<any> = (<any>(null as any));\nvar _decl0_80:i35.ToolBarComponent = (<any>(null as any));\nvar _decl0_81:i36.CommandComponent = (<any>(null as any));\nvar _decl0_82:i37.PopupMenuComponent = (<any>(null as any));\nvar _decl0_83:i38.CommandFaceComponent<any> = (<any>(null as any));\nvar _decl0_84:i39.MoreMenuComponent = (<any>(null as any));\nvar _decl0_85:i40.SeparatorComponent = (<any>(null as any));\nvar _decl0_86:i41.FlexComponent = (<any>(null as any));\nvar _decl0_87:i42.TreeTableComponent<any> = (<any>(null as any));\nvar _decl0_88:i43.BusyOverlayComponent = (<any>(null as any));\nvar _decl0_89:i44.EmptyStateComponent = (<any>(null as any));\nvar _decl0_90:i45.PaginatorComponent = (<any>(null as any));\nvar _decl0_91:i46.PlaceOutletComponent = (<any>(null as any));\nvar _decl0_92:i47.TabbedPlaceNavigationComponent = (<any>(null as any));\nvar _decl0_93:i48.ListPlaceNavComponent = (<any>(null as any));\nvar _decl0_94:i49.SidePlaceNavigationComponent = (<any>(null as any));\nvar _decl0_95:i50.AbstractPlaceNavigationComponent = (<any>(null as any));\nvar _decl0_96:i51.ActivityContainerComponent<any,any,any> = (<any>(null as any));\nvar _decl0_97:i52.ActivityOutletComponent<any,any,any> = (<any>(null as any));\nvar _decl0_98:i53.ActivityTitleComponent = (<any>(null as any));\nvar _decl0_99:i54.InPlaceInteractionContextComponent<any,any,any> = (<any>(null as any));\nvar _decl0_100:i55.AddItemInteractionContextComponent = (<any>(null as any));\nvar _decl0_101:i56.ActivityActionsComponent = (<any>(null as any));\nvar _decl0_102:i57.PopupInteractionContextComponent = (<any>(null as any));\nvar _decl0_103:i58.InteractionContextTriggerFor<any,any,any> = (<any>(null as any));\nvar _decl0_104:i59.StringInputActivity = (<any>(null as any));\nvar _decl0_105:i60.SelectInputActivity<any> = (<any>(null as any));\nvar _decl0_106:i61.ActivityBodyComponent = (<any>(null as any));\nvar _decl0_107:i2.AsyncPipe = (<any>(null as any));\nvar _decl0_108:i2.UpperCasePipe = (<any>(null as any));\nvar _decl0_109:i2.LowerCasePipe = (<any>(null as any));\nvar _decl0_110:i2.JsonPipe = (<any>(null as any));\nvar _decl0_111:i2.SlicePipe = (<any>(null as any));\nvar _decl0_112:i2.DecimalPipe = (<any>(null as any));\nvar _decl0_113:i2.PercentPipe = (<any>(null as any));\nvar _decl0_114:i2.TitleCasePipe = (<any>(null as any));\nvar _decl0_115:i2.CurrencyPipe = (<any>(null as any));\nvar _decl0_116:i2.DatePipe = (<any>(null as any));\nvar _decl0_117:i2.I18nPluralPipe = (<any>(null as any));\nvar _decl0_118:i2.I18nSelectPipe = (<any>(null as any));\nvar _decl0_119:i2.KeyValuePipe = (<any>(null as any));\nvar _decl0_120:i2.CommonModule = (<any>(null as any));\nvar _decl0_121:i62.BrowserAnimationsModule = (<any>(null as any));\nvar _decl0_122:i3.FormsModule = (<any>(null as any));\nvar _decl0_123:i7.MatInputModule = (<any>(null as any));\nvar _decl0_124:i6.MatFormFieldModule = (<any>(null as any));\nvar _decl0_125:i10.MatSelectModule = (<any>(null as any));\nvar _decl0_126:i11.MatTabsModule = (<any>(null as any));\nvar _decl0_133:i63.DirectivesModule = (<any>(null as any));\nvar _decl0_134:i64.ComponentsModule = (<any>(null as any));\nvar _decl0_132:i65.PlaceModule = (<any>(null as any));\nvar _decl0_131:i66.InteractionModule = (<any>(null as any));\nvar _decl0_135:i0.TemplateRef<any> = (<any>(null as any));\nvar _decl0_136:i0.ElementRef<any> = (<any>(null as any));\n"]}
|
|
@@ -68,7 +68,7 @@ CardContainerComponent.decorators = [
|
|
|
68
68
|
{ type: Component, args: [{
|
|
69
69
|
selector: 'aup-card-container',
|
|
70
70
|
template: "<div class=\"card-container\">\n <ng-content></ng-content>\n\n <div class=\"add-card-container\" *ngIf=\"addCardCommand.enabled.value\" [pectinCommand]=\"addCardCommand\">\n <aup-command-face *ngIf=\"addCardFace\" [faces]=\"[addCardFace]\"></aup-command-face>\n <aup-icon *ngIf=\"!addCardFace\" icon=\"mat:add\"></aup-icon>\n </div>\n\n <div class=\"add-card-template\" *ngIf=\"addCardTemplate\">\n <ng-container [ngTemplateOutlet]=\"addCardTemplate\"></ng-container>\n </div>\n\n</div>\n",
|
|
71
|
-
styles: [":root{--aup-default-background:#fff;--aup-default-padding:var(--default-padding,18px)}aup-activity-title{font-family:Roboto,Helvetica Neue,sans-serif;font-size:20px;letter-spacing:normal;line-height:32px
|
|
71
|
+
styles: [":root{--aup-default-background:#fff;--aup-default-padding:var(--default-padding,18px)}aup-activity-title{font-family:Roboto,Helvetica Neue,sans-serif;font-size:20px;letter-spacing:normal;line-height:32px}aup-activity-body{padding:var(--default-padding) 0}.router-outlet-container>*{bottom:0;left:0;position:absolute;right:0;top:0}[no-tab-header]>mat-tab-header{display:none}[full-height-tabs] .mat-tab-body-wrapper,mat-tab-group.full-height-tabs .mat-tab-body-wrapper{flex:1}[full-height-tabs] .mat-tab-body-wrapper .mat-tab-body-content,[full-height-tabs] .mat-tab-body-wrapper mat-tab-body,mat-tab-group.full-height-tabs .mat-tab-body-wrapper .mat-tab-body-content,mat-tab-group.full-height-tabs .mat-tab-body-wrapper mat-tab-body{display:flex;flex-direction:column;justify-content:stretch}.dialog-interaction-context,.dialog-interaction-context mat-dialog-container{max-height:95vh!important;max-width:95vw!important}.dialog-interaction-context mat-dialog-container{padding:0}.activity-outlet-wrapper{align-items:stretch;display:flex;flex-direction:column}.aup-popup-interaction-panel{background:var(--aup-default-background,#fff);box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);transition:box-shadow .28s cubic-bezier(.4,0,.2,1)}.aup-input-activity{padding:calc(var(--aup-default-padding)/2)}.aup-input-component{display:block}.aup-input-component input,.aup-input-component mat-form-field{width:100%}.aup-input-component input mat-hint.faux-error,.aup-input-component mat-form-field mat-hint.faux-error{color:#f44336}.aup-input-component mat-form-field .mat-form-field-prefix{align-items:center;align-self:flex-end;display:inline-flex;flex-direction:row;height:35px}.aup-input-component mat-form-field .mat-form-field-suffix .mat-icon-button{line-height:2.5em}.aup-input-component.dense mat-form-field .mat-form-field-infix{border-top:none}.aup-input-component.dense mat-form-field .mat-form-field-flex{padding-top:0}.aup-input-component.dense mat-form-field .mat-form-field-wrapper{border-bottom:0;padding-bottom:0}.aup-input-component.dense mat-form-field .mat-form-field-underline{bottom:0}.aup-input-component.dense mat-form-field.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label-wrapper{display:none}.aup-input-component.dense mat-form-field.mat-form-field-appearance-standard.mat-form-field-has-label .mat-select:not(.mat-select-empty) .mat-select-arrow-wrapper{transform:translateY(0)}aup-table-cell-renderer>.aup-input-component .mat-form-field-flex{padding-top:0}aup-table-cell-renderer>.aup-input-component .mat-form-field-infix{width:0}aup-table-cell-renderer>.aup-input-component .mat-form-field-label-wrapper{display:none}aup-table{--default-column-gap:var(--column-gap,24px);--resolved-row-hover-background-color:var(--row-hover-background-color,rgba(0,0,0,0.05));--resolved-row-selected-background-color:var(--row-selected-background-color,rgba(0,0,255,0.04))}aup-table.hide-header .mat-table thead,aup-table .mat-table td.hide,aup-table .mat-table th.hide{display:none}aup-table .mat-table td.mat-cell:first-of-type,aup-table .mat-table td.mat-footer-cell:first-of-type,aup-table .mat-table th.mat-header-cell:first-of-type{padding-left:0}aup-table .mat-table tr.enable-hover:hover{background-color:var(--resolved-row-hover-background-color)}aup-table .mat-table tr.aup-row-selected,aup-table .mat-table tr.aup-row-selected.enable-hover:hover{background-color:var(--resolved-row-selected-background-color)}aup-table .mat-table td.enable-cursor{cursor:pointer}aup-table .mat-table .mat-cell:not(.flex),aup-table .mat-table .mat-header-cell:not(.flex){white-space:nowrap;width:1px}aup-table aup-table-cell-renderer,aup-table aup-table-header-cell-renderer{align-items:stretch;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:47px}aup-table aup-table-cell-renderer.first-column,aup-table aup-table-cell-renderer:not(.first-column),aup-table aup-table-header-cell-renderer.first-column,aup-table aup-table-header-cell-renderer:not(.first-column){padding-left:var(--default-column-gap)}aup-table aup-table-cell-renderer.fillCell{justify-content:stretch;padding-left:0!important}aup-table aup-table-cell-renderer.padChild>:first-child{flex:1;padding-left:var(--default-column-gap)}:root{--aup-command-face-icon-gap:8px;--aup-fa-icon-width:18px;--aup-icon-width:24px}aup-icon{--fa-icon-offset:calc((var(--aup-icon-width) - var(--aup-fa-icon-width))/2);position:relative}aup-icon fa-icon .svg-inline--fa{height:var(--aup-fa-icon-width)!important;left:var(--fa-icon-offset);position:absolute;top:var(--fa-icon-offset);width:var(--aup-fa-icon-width)!important}.mat-menu-panel aup-icon .svg-inline--fa{opacity:.54}:host{--resolved-card-background:var(--card-background,#fcfcfb);--resolved-card-gap:var(--card-gap,16px);--resolved-card-height:var(--card-height,auto);--resolved-card-min-height:var(--card-min-height,auto);--resolved-card-width:var(--card-width,300px);background:var(--resolved-card-background);display:block;flex:1}.card-container{box-sizing:border-box;display:-ms-grid;display:grid;grid-gap:var(--resolved-card-gap);grid-template-columns:repeat(auto-fill,var(--resolved-card-width));grid-template-rows:repeat(auto-fit,minmax(var(--resolved-card-min-height),var(--resolved-card-height)));max-width:100%;min-height:calc(var(--resolved-card-height) + 2*var(--resolved-card-gap));min-width:calc(var(--resolved-card-width) + 2*var(--resolved-card-gap));padding:var(--resolved-card-gap);width:calc((var(--resolved-card-width) + var(--resolved-card-gap))*2 + var(--grid-gap))}.add-card-container{align-items:center;background-color:hsla(0,0%,100%,.8);border:2px dashed rgba(0,0,0,.1);border-radius:6px;box-sizing:border-box;color:rgba(0,0,0,.54);cursor:pointer;display:flex;flex-direction:column;font-weight:300;height:var(--resolved-card-height);justify-content:center;min-height:var(--resolved-card-min-height);transition:all .28s cubic-bezier(.4,0,.2,1);width:var(--resolved-card-width)}.add-card-container mat-icon{font-size:200%}.add-card-container:hover{background-color:#fff;border-color:transparent;color:rgba(0,0,0,.54);transition:box-shadow .28s cubic-bezier(.4,0,.2,1);transition:all .28s cubic-bezier(.4,0,.2,1)}.add-card-container:hover:hover{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.add-card-template-container{align-items:stretch;display:flex;flex-direction:column;height:var(--resolved-card-height);justify-content:stretch;width:var(--resolved-card-width)}"]
|
|
72
72
|
},] }
|
|
73
73
|
];
|
|
74
74
|
CardContainerComponent.ctorParameters = () => [];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"CardContainerComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../disposable-component","name":"DisposableComponent","line":64,"character":44},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":59,"character":1},"arguments":[{"selector":"aup-card-container","template":"<div class=\"card-container\">\n <ng-content></ng-content>\n\n <div class=\"add-card-container\" *ngIf=\"addCardCommand.enabled.value\" [pectinCommand]=\"addCardCommand\">\n <aup-command-face *ngIf=\"addCardFace\" [faces]=\"[addCardFace]\"></aup-command-face>\n <aup-icon *ngIf=\"!addCardFace\" icon=\"mat:add\"></aup-icon>\n </div>\n\n <div class=\"add-card-template\" *ngIf=\"addCardTemplate\">\n <ng-container [ngTemplateOutlet]=\"addCardTemplate\"></ng-container>\n </div>\n\n</div>\n","styles":[":root{--aup-default-background:#fff;--aup-default-padding:var(--default-padding,18px)}aup-activity-title{font-family:Roboto,Helvetica Neue,sans-serif;font-size:20px;letter-spacing:normal;line-height:32px
|
|
1
|
+
[{"__symbolic":"module","version":4,"metadata":{"CardContainerComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../disposable-component","name":"DisposableComponent","line":64,"character":44},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":59,"character":1},"arguments":[{"selector":"aup-card-container","template":"<div class=\"card-container\">\n <ng-content></ng-content>\n\n <div class=\"add-card-container\" *ngIf=\"addCardCommand.enabled.value\" [pectinCommand]=\"addCardCommand\">\n <aup-command-face *ngIf=\"addCardFace\" [faces]=\"[addCardFace]\"></aup-command-face>\n <aup-icon *ngIf=\"!addCardFace\" icon=\"mat:add\"></aup-icon>\n </div>\n\n <div class=\"add-card-template\" *ngIf=\"addCardTemplate\">\n <ng-container [ngTemplateOutlet]=\"addCardTemplate\"></ng-container>\n </div>\n\n</div>\n","styles":[":root{--aup-default-background:#fff;--aup-default-padding:var(--default-padding,18px)}aup-activity-title{font-family:Roboto,Helvetica Neue,sans-serif;font-size:20px;letter-spacing:normal;line-height:32px}aup-activity-body{padding:var(--default-padding) 0}.router-outlet-container>*{bottom:0;left:0;position:absolute;right:0;top:0}[no-tab-header]>mat-tab-header{display:none}[full-height-tabs] .mat-tab-body-wrapper,mat-tab-group.full-height-tabs .mat-tab-body-wrapper{flex:1}[full-height-tabs] .mat-tab-body-wrapper .mat-tab-body-content,[full-height-tabs] .mat-tab-body-wrapper mat-tab-body,mat-tab-group.full-height-tabs .mat-tab-body-wrapper .mat-tab-body-content,mat-tab-group.full-height-tabs .mat-tab-body-wrapper mat-tab-body{display:flex;flex-direction:column;justify-content:stretch}.dialog-interaction-context,.dialog-interaction-context mat-dialog-container{max-height:95vh!important;max-width:95vw!important}.dialog-interaction-context mat-dialog-container{padding:0}.activity-outlet-wrapper{align-items:stretch;display:flex;flex-direction:column}.aup-popup-interaction-panel{background:var(--aup-default-background,#fff);box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);transition:box-shadow .28s cubic-bezier(.4,0,.2,1)}.aup-input-activity{padding:calc(var(--aup-default-padding)/2)}.aup-input-component{display:block}.aup-input-component input,.aup-input-component mat-form-field{width:100%}.aup-input-component input mat-hint.faux-error,.aup-input-component mat-form-field mat-hint.faux-error{color:#f44336}.aup-input-component mat-form-field .mat-form-field-prefix{align-items:center;align-self:flex-end;display:inline-flex;flex-direction:row;height:35px}.aup-input-component mat-form-field .mat-form-field-suffix .mat-icon-button{line-height:2.5em}.aup-input-component.dense mat-form-field .mat-form-field-infix{border-top:none}.aup-input-component.dense mat-form-field .mat-form-field-flex{padding-top:0}.aup-input-component.dense mat-form-field .mat-form-field-wrapper{border-bottom:0;padding-bottom:0}.aup-input-component.dense mat-form-field .mat-form-field-underline{bottom:0}.aup-input-component.dense mat-form-field.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label-wrapper{display:none}.aup-input-component.dense mat-form-field.mat-form-field-appearance-standard.mat-form-field-has-label .mat-select:not(.mat-select-empty) .mat-select-arrow-wrapper{transform:translateY(0)}aup-table-cell-renderer>.aup-input-component .mat-form-field-flex{padding-top:0}aup-table-cell-renderer>.aup-input-component .mat-form-field-infix{width:0}aup-table-cell-renderer>.aup-input-component .mat-form-field-label-wrapper{display:none}aup-table{--default-column-gap:var(--column-gap,24px);--resolved-row-hover-background-color:var(--row-hover-background-color,rgba(0,0,0,0.05));--resolved-row-selected-background-color:var(--row-selected-background-color,rgba(0,0,255,0.04))}aup-table.hide-header .mat-table thead,aup-table .mat-table td.hide,aup-table .mat-table th.hide{display:none}aup-table .mat-table td.mat-cell:first-of-type,aup-table .mat-table td.mat-footer-cell:first-of-type,aup-table .mat-table th.mat-header-cell:first-of-type{padding-left:0}aup-table .mat-table tr.enable-hover:hover{background-color:var(--resolved-row-hover-background-color)}aup-table .mat-table tr.aup-row-selected,aup-table .mat-table tr.aup-row-selected.enable-hover:hover{background-color:var(--resolved-row-selected-background-color)}aup-table .mat-table td.enable-cursor{cursor:pointer}aup-table .mat-table .mat-cell:not(.flex),aup-table .mat-table .mat-header-cell:not(.flex){white-space:nowrap;width:1px}aup-table aup-table-cell-renderer,aup-table aup-table-header-cell-renderer{align-items:stretch;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:47px}aup-table aup-table-cell-renderer.first-column,aup-table aup-table-cell-renderer:not(.first-column),aup-table aup-table-header-cell-renderer.first-column,aup-table aup-table-header-cell-renderer:not(.first-column){padding-left:var(--default-column-gap)}aup-table aup-table-cell-renderer.fillCell{justify-content:stretch;padding-left:0!important}aup-table aup-table-cell-renderer.padChild>:first-child{flex:1;padding-left:var(--default-column-gap)}:root{--aup-command-face-icon-gap:8px;--aup-fa-icon-width:18px;--aup-icon-width:24px}aup-icon{--fa-icon-offset:calc((var(--aup-icon-width) - var(--aup-fa-icon-width))/2);position:relative}aup-icon fa-icon .svg-inline--fa{height:var(--aup-fa-icon-width)!important;left:var(--fa-icon-offset);position:absolute;top:var(--fa-icon-offset);width:var(--aup-fa-icon-width)!important}.mat-menu-panel aup-icon .svg-inline--fa{opacity:.54}:host{--resolved-card-background:var(--card-background,#fcfcfb);--resolved-card-gap:var(--card-gap,16px);--resolved-card-height:var(--card-height,auto);--resolved-card-min-height:var(--card-min-height,auto);--resolved-card-width:var(--card-width,300px);background:var(--resolved-card-background);display:block;flex:1}.card-container{box-sizing:border-box;display:-ms-grid;display:grid;grid-gap:var(--resolved-card-gap);grid-template-columns:repeat(auto-fill,var(--resolved-card-width));grid-template-rows:repeat(auto-fit,minmax(var(--resolved-card-min-height),var(--resolved-card-height)));max-width:100%;min-height:calc(var(--resolved-card-height) + 2*var(--resolved-card-gap));min-width:calc(var(--resolved-card-width) + 2*var(--resolved-card-gap));padding:var(--resolved-card-gap);width:calc((var(--resolved-card-width) + var(--resolved-card-gap))*2 + var(--grid-gap))}.add-card-container{align-items:center;background-color:hsla(0,0%,100%,.8);border:2px dashed rgba(0,0,0,.1);border-radius:6px;box-sizing:border-box;color:rgba(0,0,0,.54);cursor:pointer;display:flex;flex-direction:column;font-weight:300;height:var(--resolved-card-height);justify-content:center;min-height:var(--resolved-card-min-height);transition:all .28s cubic-bezier(.4,0,.2,1);width:var(--resolved-card-width)}.add-card-container mat-icon{font-size:200%}.add-card-container:hover{background-color:#fff;border-color:transparent;color:rgba(0,0,0,.54);transition:box-shadow .28s cubic-bezier(.4,0,.2,1);transition:all .28s cubic-bezier(.4,0,.2,1)}.add-card-container:hover:hover{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.add-card-template-container{align-items:stretch;display:flex;flex-direction:column;height:var(--resolved-card-height);justify-content:stretch;width:var(--resolved-card-width)}"]}]}],"members":{"addCardCommand":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":67,"character":3}}]}],"addCardFace":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":3}}]}],"addCardTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":73,"character":3},"arguments":["addCardTemplate"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}}}}]
|
|
@@ -17,6 +17,19 @@ import { CustomTemplateColumnModel } from './column-model';
|
|
|
17
17
|
* @example
|
|
18
18
|
* <aup-table [tableModel]="heroTableModel"></aup-table>
|
|
19
19
|
*
|
|
20
|
+
* Column templates
|
|
21
|
+
* @example
|
|
22
|
+
* this.heroTableModel = TableModel.fromList(heroList, table => {
|
|
23
|
+
* table.pluck("firstName");
|
|
24
|
+
* table.pluck("lastName");
|
|
25
|
+
* table.addTemplateColumn("specialColumn");
|
|
26
|
+
* });
|
|
27
|
+
* <aup-table [tableModel]="heroTableModel">
|
|
28
|
+
* <div *aupColumnTemplate="let hero; columnId: 'specialColumn'; fillCell: true; padChild:false">
|
|
29
|
+
* {{hero.name}}
|
|
30
|
+
* </div>
|
|
31
|
+
* </aup-table>
|
|
32
|
+
*
|
|
20
33
|
* Styling
|
|
21
34
|
* @example
|
|
22
35
|
* aup-table {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.component.js","sourceRoot":"","sources":["../../../../../../../libs/angular-ui-powerups/src/lib/components/table/table.component.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,SAAS,EACT,UAAU,EACV,WAAW,EACX,KAAK,EACL,MAAM,EAIP,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,GAAG,EAGH,iBAAiB,EACjB,iBAAiB,EACjB,aAAa,EACb,UAAU,EACX,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAe,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAExE
|
|
1
|
+
{"version":3,"file":"table.component.js","sourceRoot":"","sources":["../../../../../../../libs/angular-ui-powerups/src/lib/components/table/table.component.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,SAAS,EACT,UAAU,EACV,WAAW,EACX,KAAK,EACL,MAAM,EAIP,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,GAAG,EAGH,iBAAiB,EACjB,iBAAiB,EACjB,aAAa,EACb,UAAU,EACX,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAe,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAExE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AAMH,MAAM,OAAO,cAAoB,SAAQ,oBAAoB;IAiC3D,YAAY,UAAsB,EAAE,MAAc;QAChD,KAAK,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;QAd5B;;;;WAIG;QAGH,oBAAe,GAAG,KAAK,CAAC;QAExB,kEAAkE;QACjD,iBAAY,GAAG,IAAI,iBAAiB,CAAS,EAAE,CAAC,CAAC;QACjD,cAAS,GAAG,IAAI,iBAAiB,CAAS,EAAE,CAAC,CAAC;QAI7D,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QAE9C,MAAM,kBAAkB,GAAG,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,GAAG,CAAE,IAAI,CAAC,EAAE;YACjE,OAAO,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QAC5C,CAAC,EAAE,EAAC,SAAS,EAAE,IAAI,CAAC,YAAY,EAAC,CAAC,CAAC;QAEnC,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;YAC1D,4GAA4G;YAC5G,MAAM,WAAW,GAAG,CAAC,MAAM,CAAC,MAAM,GAAG,kBAAkB,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC;YACtF,MAAM,QAAQ,GAAG,WAAW,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;YAC/D,0BAA0B;YAC1B,OAAO,QAAQ,CAAC;QAClB,CAAC,EAAE;YACD,SAAS,EAAE,CAAC,kBAAkB,EAAE,IAAI,CAAC,SAAS,CAAC;YAC/C,aAAa,EAAE,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC;SAC5E,CAAC,CAAC;IACL,CAAC;IAED,IACI,UAAU;QACZ,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC;IAC1B,CAAC;IAGD,QAAQ;QACN,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,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QAC9C,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;QACvD,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;IAC7D,CAAC;IAED,SAAS,CAAC,GAAQ;QAChB,OAAO,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC;IAClD,CAAC;IAED,sBAAsB,CAAC,QAAgB,EAAE,WAA6B,EAAE,aAA+B,EAAE,QAAiB,EAAE,QAAiB;QAC3I,MAAM,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QAC9C,IAAI,MAAM,YAAY,yBAAyB,EAAE;YAC/C,MAAM,CAAC,WAAW,CAAC,WAAW,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;SACpE;IACH,CAAC;IAED,iBAAiB,CAAC,WAA6B,EAAE,GAAQ;QACvD,IAAI,CAAC,UAAU,CAAC,kBAAkB,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC;IACvD,CAAC;;;YApFF,SAAS,SAAC;gBACT,QAAQ,EAAE,WAAW;gBACrB,s+DAAqC;;aAEtC;;;YAnEC,UAAU;YAGV,MAAM;;;yBAmEL,KAAK;8BAIL,KAAK;yBAIL,KAAK;8BAeL,KAAK,YACL,WAAW,SAAC,wBAAwB;yBA2BpC,WAAW,SAAC,mBAAmB;;AAjDhC;IADC,aAAa,EAAE;8BACJ,kBAAkB;kDAAM;AAIpC;IADC,aAAa,CAAC,EAAC,YAAY,EAAE,IAAI,EAAC,CAAC;8BACnB,UAAU;uDAAU;AAIrC;IADC,iBAAiB,CAAC,iBAAiB,CAAC;;kDACjB","sourcesContent":["import {\n Component,\n ElementRef,\n HostBinding,\n Input,\n NgZone,\n OnInit,\n TemplateRef,\n ViewContainerRef\n} from '@angular/core';\nimport {\n Dsl,\n ListModelChain,\n MapModelChain,\n MutableValueModel,\n StoreInValueModel,\n TrackExternal,\n ValueModel\n} from '@coolon/pectin';\nimport { ResizeAwareComponent } from '../resize-aware.component';\nimport { AbstractTableModel } from './abstract-table-model';\nimport { ColumnModel, CustomTemplateColumnModel } from './column-model';\n\n/**\n * Create your model:\n * @example\n * this.heroTableModel = TableModel.fromList(heroList, table => {\n * table.pluck(\"firstName\");\n * table.pluck(\"lastName\");\n * table.addCustomColumn(\"fullName\", hero => `${hero.firstName} ${hero.lastName}`);\n * });\n *\n * Create your table\n * @example\n * <aup-table [tableModel]=\"heroTableModel\"></aup-table>\n *\n * Column templates\n * @example\n * this.heroTableModel = TableModel.fromList(heroList, table => {\n * table.pluck(\"firstName\");\n * table.pluck(\"lastName\");\n * table.addTemplateColumn(\"specialColumn\");\n * });\n * <aup-table [tableModel]=\"heroTableModel\">\n * <div *aupColumnTemplate=\"let hero; columnId: 'specialColumn'; fillCell: true; padChild:false\">\n * {{hero.name}}\n * </div>\n * </aup-table>\n *\n * Styling\n * @example\n * aup-table {\n * --column-gap: 10px; // defaults to 24px\n * --row-hover-background-color, rgba(0, 0, 0, 0.05)\n * --row-selected-background-color: rebeccapurple; // defaults to transparent\n * aup-table-cell-renderer {\n * &:first-column {\n * // do stuff\n * }\n * &:last-column {\n * // do stuff\n * }\n * }\n * }\n */\n@Component({\n selector: 'aup-table',\n templateUrl: './table.component.html',\n styleUrls: ['./table.component.scss']\n})\nexport class TableComponent<Row> extends ResizeAwareComponent implements OnInit {\n\n @Input()\n @TrackExternal()\n tableModel: AbstractTableModel<Row>;\n\n @Input()\n @TrackExternal({defaultValue: true})\n showHeaderModel: ValueModel<boolean>;\n\n @Input()\n @StoreInValueModel(\"showHeaderModel\")\n showHeader: boolean;\n\n columns: ListModelChain<ColumnModel<Row>>;\n columnIds: ListModelChain<string>;\n private columnsById: MapModelChain<string, ColumnModel<Row>>;\n\n readonly visibleRowCount: ValueModel<number>;\n\n /**\n * Set to true to enable scrolling. Once enabled the table will have 0 implicit height. You will either\n * need to set it explicitly e.g. height: 400px; or by using flex or grid layout to make it fill it's\n * containment area.\n */\n @Input()\n @HostBinding(\"class.enable-scrolling\")\n enableScrolling = false;\n\n // TODO: support user defined header and row heights via css vars.\n private readonly headerHeight = new MutableValueModel<number>(56);\n private readonly rowHeight = new MutableValueModel<number>(48);\n\n constructor(elementRef: ElementRef, ngZone: NgZone) {\n super(elementRef, ngZone);\n const { chain, when } = Dsl.disposeWith(this);\n\n const actualHeaderHeight = chain(this.showHeaderModel).map( show => {\n return show ? this.headerHeight.value : 0;\n }, {dependsOn: this.headerHeight});\n\n this.visibleRowCount = chain(this.boundsModel).map(bounds => {\n // TODO: this doesn't take into account any css styling adjustments etc. Will invistigate if it's an issue.\n const rawRowCount = (bounds.height - actualHeaderHeight.value) / this.rowHeight.value;\n const rowCount = rawRowCount < 1 ? 0 : Math.floor(rawRowCount);\n // console.log({rowCount})\n return rowCount;\n }, {\n dependsOn: [actualHeaderHeight, this.rowHeight],\n postponeWhile: chain(this.boundsModel).pluckNumeric('height').isLessThan(1)\n });\n }\n\n @HostBinding(\"class.hide-header\")\n get hideHeader() {\n return !this.showHeader;\n }\n\n\n ngOnInit(): void {\n const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);\n this.columns = chain(this.tableModel.columns);\n this.columnIds = chain(this.columns).pluck('columnId');\n this.columnsById = chain(this.columns).indexBy('columnId');\n }\n\n isEditing(row: Row): boolean {\n return !!this.tableModel.getEditSessionFor(row);\n }\n\n registerColumnTemplate(columnId: string, templateRef: TemplateRef<any>, viewContainer: ViewContainerRef, fillCell: boolean, padChild: boolean) {\n const column = this.columnsById.get(columnId);\n if (column instanceof CustomTemplateColumnModel) {\n column.setTemplate(templateRef, viewContainer, fillCell, padChild);\n }\n }\n\n notifyCellClicked(columnModel: ColumnModel<Row>, row: Row) {\n this.tableModel._notifyCellClicked(columnModel, row);\n }\n\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"TableComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../resize-aware.component","name":"ResizeAwareComponent","line":
|
|
1
|
+
[{"__symbolic":"module","version":4,"metadata":{"TableComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../resize-aware.component","name":"ResizeAwareComponent","line":70,"character":41},"arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":65,"character":1},"arguments":[{"selector":"aup-table","template":"<div class=\"scroll-container\">\n <table mat-table [dataSource]=\"tableModel.dataSource.value\" [trackBy]=\"tableModel.trackBy\">\n\n <ng-container *ngFor=\"let column of columns.value; index as index; first as first; last as last\"\n matColumnDef=\"{{column.columnId}}\">\n <th mat-header-cell *matHeaderCellDef [class.flex]=\"column.isFlex()\" [class.hide]=\"!column.isVisible()\">\n <aup-table-header-cell-renderer [column]=\"column\"\n [attr.column-index]=\"index\"\n [attr.column-id]=\"column.columnId\"\n [class.first-column]=\"first\"\n [class.last-column]=\"last\"\n ></aup-table-header-cell-renderer>\n </th>\n <td mat-cell *matCellDef=\"let row\" (click)=\"notifyCellClicked(column, row)\"\n [class.enable-cursor]=\"tableModel.isCursorEnabled(column)\"\n [class.flex]=\"column.isFlex()\"\n [class.hide]=\"!column.isVisible()\"\n >\n <aup-table-cell-renderer [column]=\"column\"\n [row]=\"row\"\n [tableModel]=\"tableModel\"\n [editSession]=\"tableModel.getEditSessionFor(row)\"\n [attr.column-index]=\"index\"\n [attr.column-id]=\"column.columnId\"\n [class.first-column]=\"first\"\n [class.last-column]=\"last\"\n ></aup-table-cell-renderer>\n </td>\n </ng-container>\n\n <tr mat-header-row *matHeaderRowDef=\"columnIds.value\"></tr>\n <tr mat-row *matRowDef=\"let row; columns: columnIds.value; let i = index\"\n [ngClass]=\"tableModel.getRowClasses(row)\" [class.enable-hover]=\"tableModel.isHoverEnabled()\"\n [attr.trackBy]=\"tableModel.trackBy(i, row)\"\n ></tr>\n\n </table>\n</div>\n","styles":[":host{align-items:stretch;display:flex;flex-direction:column}:host table{width:100%}:host.enable-scrolling{min-height:0}:host.enable-scrolling .scroll-container{align-items:stretch;display:flex;flex:1;flex-basis:0;flex-direction:column;overflow-y:scroll}"]}]}],"members":{"tableModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":72,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":73,"character":3}}]}],"showHeaderModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":76,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":77,"character":3},"arguments":[{"defaultValue":true}]}]}],"showHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":80,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInValueModel","line":81,"character":3},"arguments":["showHeaderModel"]}]}],"enableScrolling":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":95,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":96,"character":3},"arguments":["class.enable-scrolling"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":103,"character":26},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":103,"character":46}]}],"hideHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":123,"character":3},"arguments":["class.hide-header"]}]}],"ngOnInit":[{"__symbolic":"method"}],"isEditing":[{"__symbolic":"method"}],"registerColumnTemplate":[{"__symbolic":"method"}],"notifyCellClicked":[{"__symbolic":"method"}]}}}}]
|
|
@@ -1,11 +1,13 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import { __decorate, __metadata } from "tslib";
|
|
2
|
+
import { Component, HostBinding, InjectionToken, ViewChild } from '@angular/core';
|
|
3
|
+
import { Command, DelegatingValueModel, Dsl, TrackExternal } from '@coolon/pectin';
|
|
3
4
|
import { assert } from '@coolon/typescript-utilities';
|
|
4
5
|
import { DisposableComponent } from '../components/disposable-component';
|
|
6
|
+
import { ActivityActionsComponent } from './components/activity-actions/activity-actions.component';
|
|
5
7
|
export const ACTIVITY_DATA = new InjectionToken('InteractionActivityData');
|
|
6
8
|
export class Activity extends DisposableComponent {
|
|
7
9
|
constructor() {
|
|
8
|
-
super(
|
|
10
|
+
super();
|
|
9
11
|
this._busyModel = new DelegatingValueModel().withDefault(false);
|
|
10
12
|
this._focusedModel = this.registerDisposable(new DelegatingValueModel());
|
|
11
13
|
this.class = 'aup-activity';
|
|
@@ -23,6 +25,10 @@ export class Activity extends DisposableComponent {
|
|
|
23
25
|
this.onActivityReady();
|
|
24
26
|
});
|
|
25
27
|
}
|
|
28
|
+
ngAfterViewInit() {
|
|
29
|
+
var _a;
|
|
30
|
+
(_a = this.activityActions) === null || _a === void 0 ? void 0 : _a.initCommands(this);
|
|
31
|
+
}
|
|
26
32
|
get interactionContext() {
|
|
27
33
|
assert.isTruthy(this.isInitialised());
|
|
28
34
|
return this._interactionContext;
|
|
@@ -57,8 +63,18 @@ Activity.decorators = [
|
|
|
57
63
|
template: ''
|
|
58
64
|
},] }
|
|
59
65
|
];
|
|
66
|
+
Activity.ctorParameters = () => [];
|
|
60
67
|
Activity.propDecorators = {
|
|
68
|
+
activityActions: [{ type: ViewChild, args: [ActivityActionsComponent,] }],
|
|
61
69
|
class: [{ type: HostBinding, args: ['class',] }],
|
|
62
70
|
isFocused: [{ type: HostBinding, args: ['attr.focused',] }]
|
|
63
71
|
};
|
|
72
|
+
__decorate([
|
|
73
|
+
TrackExternal(),
|
|
74
|
+
__metadata("design:type", Command)
|
|
75
|
+
], Activity.prototype, "confirmCommand", void 0);
|
|
76
|
+
__decorate([
|
|
77
|
+
TrackExternal(),
|
|
78
|
+
__metadata("design:type", Command)
|
|
79
|
+
], Activity.prototype, "cancelCommand", void 0);
|
|
64
80
|
//# sourceMappingURL=activity.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"activity.js","sourceRoot":"","sources":["../../../../../../libs/angular-ui-powerups/src/lib/interaction/activity.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"activity.js","sourceRoot":"","sources":["../../../../../../libs/angular-ui-powerups/src/lib/interaction/activity.ts"],"names":[],"mappings":";AAAA,OAAO,EAAiB,SAAS,EAAc,WAAW,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC7G,OAAO,EAAE,OAAO,EAAE,oBAAoB,EAAE,GAAG,EAAS,aAAa,EAAc,MAAM,gBAAgB,CAAC;AACtG,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,wBAAwB,EAAE,MAAM,0DAA0D,CAAC;AAGpG,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,cAAc,CAAM,yBAAyB,CAAC,CAAC;AAKhF,MAAM,OAAO,QAAwB,SAAQ,mBAAmB;IAyB9D;QACE,KAAK,EAAE,CAAC;QAxBO,eAAU,GAAG,IAAI,oBAAoB,EAAW,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAC7E,kBAAa,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,oBAAoB,EAAW,CAAC,CAAC;QAe/D,UAAK,GAAG,cAAc,CAAC;IAS7C,CAAC;IAPD,IACI,SAAS;QACX,OAAO,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC;IAClC,CAAC;IAMD,UAAU,CAAC,wBAA4C,EAAE,eAAuC;QAC9F,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QAC9C,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;QACpC,IAAI,CAAC,gBAAgB,GAAG,eAAe,CAAC;QACxC,IAAI,CAAC,mBAAmB,GAAG,wBAAwB,CAAC;QACpD,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;QACxD,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,aAAa,CAAC,GAAG,EAAE;YAC1C,IAAI,CAAC,eAAe,EAAE,CAAC;QACzB,CAAC,CAAC,CAAC;IACL,CAAC;IAED,eAAe;;QACb,MAAA,IAAI,CAAC,eAAe,0CAAE,YAAY,CAAC,IAAI,EAAE;IAC3C,CAAC;IAED,IAAI,kBAAkB;QACpB,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;QACtC,OAAO,IAAI,CAAC,mBAAmB,CAAC;IAClC,CAAC;IAED,IAAI,CAAC,MAAU;QACb,OAAO,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IAC9C,CAAC;IAED,MAAM,CAAC,KAAS;QACd,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,CAAC;IAED,WAAW;IACX,eAAe;IACf,CAAC;IAED,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC;IAClC,CAAC;IAED,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC;IACrC,CAAC;IAED,SAAS,CAAC,SAA8B;QACtC,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;IACzC,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;IAC/B,CAAC;IAED,aAAa;QACX,OAAO,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC;IACjC,CAAC;;;YAlFF,SAAS,SAAC;gBACT,QAAQ,EAAE,EAAE;aACb;;;;8BAOE,SAAS,SAAC,wBAAwB;oBAYlC,WAAW,SAAC,OAAO;wBAEnB,WAAW,SAAC,cAAc;;AAV3B;IADC,aAAa,EAAE;8BACO,OAAO;gDAAU;AAGxC;IADC,aAAa,EAAE;8BACM,OAAO;+CAAU","sourcesContent":["import { AfterViewInit, Component, forwardRef, HostBinding, InjectionToken, ViewChild } from '@angular/core';\nimport { Command, DelegatingValueModel, Dsl, Trace, TrackExternal, ValueModel } from '@coolon/pectin';\nimport { assert } from '@coolon/typescript-utilities';\nimport { DisposableComponent } from '../components/disposable-component';\nimport { ActivityActionsComponent } from './components/activity-actions/activity-actions.component';\nimport { InteractionContext } from './interaction-context';\n\nexport const ACTIVITY_DATA = new InjectionToken<any>('InteractionActivityData');\n\n@Component({\n template: ''\n})\nexport class Activity<D, R, E = any> extends DisposableComponent implements AfterViewInit {\n\n private readonly _busyModel = new DelegatingValueModel<boolean>().withDefault(false);\n private _focusedModel = this.registerDisposable(new DelegatingValueModel<boolean>());\n private _activityContext: Activity.Context<R, E>;\n\n @ViewChild(ActivityActionsComponent)\n protected activityActions: ActivityActionsComponent;\n\n @TrackExternal()\n public confirmCommand: Command<unknown>;\n\n @TrackExternal()\n public cancelCommand: Command<unknown>;\n\n // @Trace()\n private _interactionContext: InteractionContext;\n\n @HostBinding('class') class = 'aup-activity';\n\n @HostBinding('attr.focused')\n get isFocused() {\n return this._focusedModel.value;\n }\n\n constructor() {\n super();\n }\n\n initialise(nestedInteractionContext: InteractionContext, activityContext: Activity.Context<R, E>): void {\n const { chain, when } = Dsl.disposeWith(this);\n assert.isNil(this._activityContext);\n this._activityContext = activityContext;\n this._interactionContext = nestedInteractionContext;\n this._focusedModel.setDelegate(activityContext.focused);\n when(this._focusedModel).becomesTruthy(() => {\n this.onActivityReady();\n });\n }\n\n ngAfterViewInit() {\n this.activityActions?.initCommands(this);\n }\n\n get interactionContext() {\n assert.isTruthy(this.isInitialised());\n return this._interactionContext;\n }\n\n done(result?: R): void {\n return this._activityContext.onDone(result);\n }\n\n cancel(error?: E): void {\n this._activityContext.onCancel(error);\n }\n\n // @Trace()\n onActivityReady() {\n }\n\n get busy(): ValueModel<boolean> {\n return this._busyModel.readonly;\n }\n\n get focused(): ValueModel<boolean> {\n return this._focusedModel.readonly;\n }\n\n busyWhile(busyModel: ValueModel<boolean>) {\n this._busyModel.setDelegate(busyModel);\n }\n\n isBusy() {\n return this._busyModel.value;\n }\n\n isInitialised() {\n return !!this._activityContext;\n }\n}\n\nexport namespace Activity {\n\n export interface Context<R, E> {\n onDone: (result: R) => void,\n onCancel: (error: E) => void,\n focused: ValueModel<boolean>\n }\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"ACTIVITY_DATA":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":
|
|
1
|
+
[{"__symbolic":"module","version":4,"metadata":{"ACTIVITY_DATA":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":7,"character":33},"arguments":["InteractionActivityData"]},"Activity":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../components/disposable-component","name":"DisposableComponent","line":12,"character":45},"arity":3,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"template":""}]}],"members":{"activityActions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":18,"character":3},"arguments":[{"__symbolic":"reference","module":"./components/activity-actions/activity-actions.component","name":"ActivityActionsComponent","line":18,"character":13}]}]}],"confirmCommand":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":21,"character":3}}]}],"cancelCommand":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":24,"character":3}}]}],"class":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":30,"character":3},"arguments":["class"]}]}],"isFocused":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":32,"character":3},"arguments":["attr.focused"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"initialise":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"done":[{"__symbolic":"method"}],"cancel":[{"__symbolic":"method"}],"onActivityReady":[{"__symbolic":"method"}],"busyWhile":[{"__symbolic":"method"}],"isBusy":[{"__symbolic":"method"}],"isInitialised":[{"__symbolic":"method"}]}}}}]
|
|
@@ -1,43 +1,41 @@
|
|
|
1
1
|
import { __decorate, __metadata } from "tslib";
|
|
2
|
-
import { Component, HostBinding, Input } from '@angular/core';
|
|
3
|
-
import { Command,
|
|
2
|
+
import { ChangeDetectorRef, Component, HostBinding, Input } from '@angular/core';
|
|
3
|
+
import { Command, TrackExternal } from '@coolon/pectin';
|
|
4
|
+
import { CommandFace } from '../../../components/commands/command-face';
|
|
4
5
|
import { DisposableComponent } from '../../../components/disposable-component';
|
|
5
6
|
/**
|
|
6
7
|
* @example
|
|
7
|
-
* <aup-activity-actions
|
|
8
|
-
* [confirmCommand]="confirm"
|
|
9
|
-
* [cancelCommand]="cancel"
|
|
10
|
-
* [style]="{confirm: saveFace, cancel: cancelFace}">
|
|
8
|
+
* <aup-activity-actions [style]="{confirm: saveFace, cancel: cancelFace}">
|
|
11
9
|
* </aup-activity-actions>
|
|
12
10
|
*
|
|
13
11
|
* // Running `ng g @coolon/angular-ui-powerups:aup-i18n` will install default
|
|
14
12
|
* // style definitions
|
|
15
|
-
* <aup-activity-actions
|
|
16
|
-
* [confirmCommand]="confirm"
|
|
17
|
-
* [cancelCommand]="cancel"
|
|
18
|
-
* [style]="I18n.aup.components.activityActions.styles.okCancelIcons">
|
|
19
|
-
* </aup-activity-actions>
|
|
20
|
-
*
|
|
21
|
-
* // both commands are optional
|
|
22
|
-
* <aup-activity-actions
|
|
23
|
-
* [confirmCommand]="confirm"
|
|
24
|
-
* [style]="I18n.aup.components.activityActions.styles.okCancelIcons">
|
|
13
|
+
* <aup-activity-actions [style]="I18n.aup.components.activityActions.styles.okCancelIcons">
|
|
25
14
|
* </aup-activity-actions>
|
|
26
15
|
*
|
|
27
16
|
* // you can also add additional content that will be displayed along with the buttons.
|
|
28
17
|
* // The location of the content depends on the alignment attribute.
|
|
29
18
|
* <aup-activity-actions
|
|
30
|
-
* [confirmCommand]="confirm"
|
|
31
|
-
* [cancelCommand]="cancel"
|
|
32
19
|
* align="stretch"
|
|
33
20
|
* [style]="I18n.aup.components.activityActions.styles.okCancelIcons">
|
|
34
21
|
* <span>This content will be between the two commands</span>
|
|
35
22
|
* </aup-activity-actions>
|
|
36
23
|
*/
|
|
37
24
|
export class ActivityActionsComponent extends DisposableComponent {
|
|
38
|
-
constructor() {
|
|
39
|
-
super(
|
|
40
|
-
this.
|
|
25
|
+
constructor(cdr) {
|
|
26
|
+
super();
|
|
27
|
+
this.cdr = cdr;
|
|
28
|
+
this.align = 'stretch';
|
|
29
|
+
}
|
|
30
|
+
set faces(faces) {
|
|
31
|
+
this.confirmFace = faces.confirm;
|
|
32
|
+
this.cancelFace = faces.cancel;
|
|
33
|
+
}
|
|
34
|
+
/**
|
|
35
|
+
* @deprecated use #commandFaces instead.
|
|
36
|
+
*/
|
|
37
|
+
set style(style) {
|
|
38
|
+
this.faces = style;
|
|
41
39
|
}
|
|
42
40
|
get alignEnd() {
|
|
43
41
|
return this.align === 'end';
|
|
@@ -47,23 +45,34 @@ export class ActivityActionsComponent extends DisposableComponent {
|
|
|
47
45
|
}
|
|
48
46
|
ngOnInit() {
|
|
49
47
|
}
|
|
50
|
-
|
|
51
|
-
return
|
|
48
|
+
hasConfirmFace() {
|
|
49
|
+
return this.confirmFace;
|
|
52
50
|
}
|
|
53
|
-
|
|
54
|
-
return
|
|
51
|
+
hasCancelFace() {
|
|
52
|
+
return this.cancelFace;
|
|
53
|
+
}
|
|
54
|
+
initCommands(activity) {
|
|
55
|
+
this.confirmCommand = activity.confirmCommand;
|
|
56
|
+
this.cancelCommand = activity.cancelCommand;
|
|
57
|
+
this.cdr.detectChanges();
|
|
55
58
|
}
|
|
56
59
|
}
|
|
57
60
|
ActivityActionsComponent.decorators = [
|
|
58
61
|
{ type: Component, args: [{
|
|
59
62
|
selector: 'aup-activity-actions',
|
|
60
|
-
template: "<ng-container *ngIf=\"
|
|
63
|
+
template: "<div class=\"content\">\n <ng-content></ng-content>\n</div>\n<ng-container *ngIf=\"hasConfirmFace()\">\n <aup-command class=\"confirm\" [command]=\"confirmCommand\" [face]=\"confirmFace\" data-cy=\"confirm-command\"></aup-command>\n</ng-container>\n<ng-container *ngIf=\"hasCancelFace()\">\n <aup-command class=\"cancel\" [command]=\"cancelCommand\" [face]=\"cancelFace\" data-cy=\"cancel-command\"></aup-command>\n</ng-container>\n",
|
|
61
64
|
styles: [":host{-ms-grid-columns:auto auto 1fr;-ms-grid-rows:auto;align-items:center;display:-ms-grid;display:grid;grid-template-areas:\"cancel confirm content\";grid-template-columns:auto auto 1fr;grid-template-rows:auto;justify-content:end}:host.align-end{-ms-grid-columns:1fr auto auto;grid-template-areas:\"content cancel confirm\";grid-template-columns:1fr auto auto}:host.align-stretch{-ms-grid-columns:auto 1fr auto;grid-template-areas:\"cancel content confirm\";grid-template-columns:auto 1fr auto}.cancel{-ms-grid-column:1;-ms-grid-row:1;grid-area:cancel}:host.align-end>.cancel{-ms-grid-column:2;-ms-grid-row:1}:host.align-stretch>.cancel{-ms-grid-column:1;-ms-grid-row:1}.confirm{-ms-grid-column:2;-ms-grid-row:1;grid-area:confirm}.column,:host.align-end>.confirm,:host.align-stretch>.confirm{-ms-grid-column:3;-ms-grid-row:1}.column{grid-area:content;text-align:left}:host.align-end>.column{-ms-grid-column:1;-ms-grid-row:1}:host.align-stretch>.column{-ms-grid-column:2;-ms-grid-row:1}"]
|
|
62
65
|
},] }
|
|
63
66
|
];
|
|
67
|
+
ActivityActionsComponent.ctorParameters = () => [
|
|
68
|
+
{ type: ChangeDetectorRef }
|
|
69
|
+
];
|
|
64
70
|
ActivityActionsComponent.propDecorators = {
|
|
65
71
|
confirmCommand: [{ type: Input }],
|
|
66
72
|
cancelCommand: [{ type: Input }],
|
|
73
|
+
faces: [{ type: Input }],
|
|
74
|
+
confirmFace: [{ type: Input }],
|
|
75
|
+
cancelFace: [{ type: Input }],
|
|
67
76
|
style: [{ type: Input }],
|
|
68
77
|
align: [{ type: Input }],
|
|
69
78
|
alignEnd: [{ type: HostBinding, args: ['class.align-end',] }],
|
package/esm2015/lib/interaction/components/activity-actions/activity-actions.component.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"activity-actions.component.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/interaction/components/activity-actions/activity-actions.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAU,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"activity-actions.component.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/interaction/components/activity-actions/activity-actions.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAU,MAAM,eAAe,CAAC;AACzF,OAAO,EAAE,OAAO,EAAS,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AACxE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAE/E;;;;;;;;;;;;;;;;;GAiBG;AAMH,MAAM,OAAO,wBAAyB,SAAQ,mBAAmB;IAiD/D,YAA6B,GAAsB;QACjD,KAAK,EAAE,CAAC;QADmB,QAAG,GAAH,GAAG,CAAmB;QAZnD,UAAK,GAAgC,SAAS,CAAC;IAc/C,CAAC;IAnCD,IACI,KAAK,CAAC,KAAqC;QAC7C,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC;QACjC,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC;IACjC,CAAC;IAQD;;OAEG;IACH,IACI,KAAK,CAAC,KAAqC;QAC7C,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACrB,CAAC;IAKD,IACI,QAAQ;QACV,OAAO,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC;IAC9B,CAAC;IAED,IACI,YAAY;QACd,OAAO,IAAI,CAAC,KAAK,KAAK,SAAS,CAAC;IAClC,CAAC;IAMD,QAAQ;IACR,CAAC;IAED,cAAc;QACZ,OAAO,IAAI,CAAC,WAAW,CAAC;IAC1B,CAAC;IAED,aAAa;QACX,OAAO,IAAI,CAAC,UAAU,CAAC;IACzB,CAAC;IAED,YAAY,CAAC,QAA+E;QAC1F,IAAI,CAAC,cAAc,GAAG,QAAQ,CAAC,cAAc,CAAC;QAC9C,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC;QAC5C,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;IAC3B,CAAC;;;YAzEF,SAAS,SAAC;gBACT,QAAQ,EAAE,sBAAsB;gBAChC,+bAAgD;;aAEjD;;;YA3BQ,iBAAiB;;;6BAiCvB,KAAK;4BAOL,KAAK;oBAIL,KAAK;0BAML,KAAK;yBAGL,KAAK;oBAML,KAAK;oBAKL,KAAK;uBAGL,WAAW,SAAC,iBAAiB;2BAK7B,WAAW,SAAC,qBAAqB;;AArClC;IADC,aAAa,EAAE;8BACA,OAAO;gEAAM;AAO7B;IADC,aAAa,EAAE;8BACD,OAAO;+DAAM","sourcesContent":["import { ChangeDetectorRef, Component, HostBinding, Input, OnInit } from '@angular/core';\nimport { Command, Trace, TrackExternal } from '@coolon/pectin';\nimport { CommandFace } from '../../../components/commands/command-face';\nimport { DisposableComponent } from '../../../components/disposable-component';\n\n/**\n * @example\n * <aup-activity-actions [style]=\"{confirm: saveFace, cancel: cancelFace}\">\n * </aup-activity-actions>\n *\n * // Running `ng g @coolon/angular-ui-powerups:aup-i18n` will install default\n * // style definitions\n * <aup-activity-actions [style]=\"I18n.aup.components.activityActions.styles.okCancelIcons\">\n * </aup-activity-actions>\n *\n * // you can also add additional content that will be displayed along with the buttons.\n * // The location of the content depends on the alignment attribute.\n * <aup-activity-actions\n * align=\"stretch\"\n * [style]=\"I18n.aup.components.activityActions.styles.okCancelIcons\">\n * <span>This content will be between the two commands</span>\n * </aup-activity-actions>\n */\n@Component({\n selector: 'aup-activity-actions',\n templateUrl: './activity-actions.component.html',\n styleUrls: ['./activity-actions.component.scss']\n})\nexport class ActivityActionsComponent extends DisposableComponent implements OnInit {\n\n /**\n * @deprecated activity actions now use the confirm command of the activity automatically\n */\n @Input()\n @TrackExternal()\n confirmCommand: Command<any>;\n\n /**\n * @deprecated activity actions now use the cancel command of the activity automatically\n */\n @Input()\n @TrackExternal()\n cancelCommand: Command<any>;\n\n @Input()\n set faces(faces: ActivityActionsComponent.Style) {\n this.confirmFace = faces.confirm;\n this.cancelFace = faces.cancel;\n }\n\n @Input()\n confirmFace: CommandFace;\n\n @Input()\n cancelFace: CommandFace;\n\n /**\n * @deprecated use #commandFaces instead.\n */\n @Input()\n set style(style: ActivityActionsComponent.Style) {\n this.faces = style;\n }\n\n @Input()\n align: 'start' | 'end' | 'stretch' = 'stretch';\n\n @HostBinding('class.align-end')\n get alignEnd(): boolean {\n return this.align === 'end';\n }\n\n @HostBinding('class.align-stretch')\n get alignStretch(): boolean {\n return this.align === 'stretch';\n }\n\n constructor(private readonly cdr: ChangeDetectorRef) {\n super();\n }\n\n ngOnInit() {\n }\n\n hasConfirmFace() {\n return this.confirmFace;\n }\n\n hasCancelFace() {\n return this.cancelFace;\n }\n\n initCommands(activity: { confirmCommand: Command<unknown>, cancelCommand: Command<unknown> }) {\n this.confirmCommand = activity.confirmCommand;\n this.cancelCommand = activity.cancelCommand;\n this.cdr.detectChanges();\n }\n\n}\n\nexport namespace ActivityActionsComponent {\n export interface Style {\n confirm: CommandFace;\n cancel: CommandFace;\n }\n}\n"]}
|
package/esm2015/lib/interaction/components/activity-actions/activity-actions.component.metadata.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"ActivityActionsComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../../components/disposable-component","name":"DisposableComponent","line":
|
|
1
|
+
[{"__symbolic":"module","version":4,"metadata":{"ActivityActionsComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../../components/disposable-component","name":"DisposableComponent","line":28,"character":46},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":23,"character":1},"arguments":[{"selector":"aup-activity-actions","template":"<div class=\"content\">\n <ng-content></ng-content>\n</div>\n<ng-container *ngIf=\"hasConfirmFace()\">\n <aup-command class=\"confirm\" [command]=\"confirmCommand\" [face]=\"confirmFace\" data-cy=\"confirm-command\"></aup-command>\n</ng-container>\n<ng-container *ngIf=\"hasCancelFace()\">\n <aup-command class=\"cancel\" [command]=\"cancelCommand\" [face]=\"cancelFace\" data-cy=\"cancel-command\"></aup-command>\n</ng-container>\n","styles":[":host{-ms-grid-columns:auto auto 1fr;-ms-grid-rows:auto;align-items:center;display:-ms-grid;display:grid;grid-template-areas:\"cancel confirm content\";grid-template-columns:auto auto 1fr;grid-template-rows:auto;justify-content:end}:host.align-end{-ms-grid-columns:1fr auto auto;grid-template-areas:\"content cancel confirm\";grid-template-columns:1fr auto auto}:host.align-stretch{-ms-grid-columns:auto 1fr auto;grid-template-areas:\"cancel content confirm\";grid-template-columns:auto 1fr auto}.cancel{-ms-grid-column:1;-ms-grid-row:1;grid-area:cancel}:host.align-end>.cancel{-ms-grid-column:2;-ms-grid-row:1}:host.align-stretch>.cancel{-ms-grid-column:1;-ms-grid-row:1}.confirm{-ms-grid-column:2;-ms-grid-row:1;grid-area:confirm}.column,:host.align-end>.confirm,:host.align-stretch>.confirm{-ms-grid-column:3;-ms-grid-row:1}.column{grid-area:content;text-align:left}:host.align-end>.column{-ms-grid-column:1;-ms-grid-row:1}:host.align-stretch>.column{-ms-grid-column:2;-ms-grid-row:1}"]}]}],"members":{"confirmCommand":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":34,"character":3}}]}],"cancelCommand":[{"__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":"TrackExternal","line":41,"character":3}}]}],"faces":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"confirmFace":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":3}}]}],"cancelFace":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}}]}],"style":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3}}]}],"align":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":3}}]}],"alignEnd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":67,"character":3},"arguments":["class.align-end"]}]}],"alignStretch":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":72,"character":3},"arguments":["class.align-stretch"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":77,"character":36}]}],"ngOnInit":[{"__symbolic":"method"}],"hasConfirmFace":[{"__symbolic":"method"}],"hasCancelFace":[{"__symbolic":"method"}],"initCommands":[{"__symbolic":"method"}]}}}}]
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"activity-body.component.html.shim.ngstyle.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/interaction/components/activity-content/activity-body.component.html.shim.ngstyle.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { Component } from '@angular/core';
|
|
2
|
+
import { DisposableComponent } from '../../../components/disposable-component';
|
|
3
|
+
export class ActivityBodyComponent extends DisposableComponent {
|
|
4
|
+
// @Input()
|
|
5
|
+
// align: 'start' | 'end' | 'stretch' = 'start';
|
|
6
|
+
//
|
|
7
|
+
// @HostBinding('class.align-end')
|
|
8
|
+
// get alignEnd():boolean {
|
|
9
|
+
// return this.align === 'end'
|
|
10
|
+
// }
|
|
11
|
+
//
|
|
12
|
+
// @HostBinding('class.align-stretch')
|
|
13
|
+
// get alignStretch():boolean {
|
|
14
|
+
// return this.align === 'stretch'
|
|
15
|
+
// }
|
|
16
|
+
ngOnInit() {
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
ActivityBodyComponent.decorators = [
|
|
20
|
+
{ type: Component, args: [{
|
|
21
|
+
selector: 'aup-activity-body',
|
|
22
|
+
template: "<ng-content></ng-content>\n",
|
|
23
|
+
styles: ["<ng-content></ng-content>\n"]
|
|
24
|
+
},] }
|
|
25
|
+
];
|
|
26
|
+
//# sourceMappingURL=activity-body.component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"activity-body.component.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/interaction/components/activity-content/activity-body.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAA8B,MAAM,eAAe,CAAC;AAItE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAO/E,MAAM,OAAO,qBAAsB,SAAQ,mBAAmB;IAE5D,WAAW;IACX,gDAAgD;IAChD,EAAE;IACF,kCAAkC;IAClC,2BAA2B;IAC3B,gCAAgC;IAChC,IAAI;IACJ,EAAE;IACF,sCAAsC;IACtC,+BAA+B;IAC/B,oCAAoC;IACpC,IAAI;IAEJ,QAAQ;IACR,CAAC;;;YArBF,SAAS,SAAC;gBACT,QAAQ,EAAE,mBAAmB;gBAC7B,uCAA6C;;aAE9C","sourcesContent":["import { Component, HostBinding, Input, OnInit } from '@angular/core';\nimport { Command, DelegatingCommand, TrackExternal } from '@coolon/pectin';\nimport _ from 'lodash';\nimport { CommandFace } from '../../../components/commands/command-face';\nimport { DisposableComponent } from '../../../components/disposable-component';\n\n@Component({\n selector: 'aup-activity-body',\n templateUrl: './activity-body.component.html',\n styleUrls: ['./activity-body.component.html'],\n})\nexport class ActivityBodyComponent extends DisposableComponent implements OnInit {\n\n // @Input()\n // align: 'start' | 'end' | 'stretch' = 'start';\n //\n // @HostBinding('class.align-end')\n // get alignEnd():boolean {\n // return this.align === 'end'\n // }\n //\n // @HostBinding('class.align-stretch')\n // get alignStretch():boolean {\n // return this.align === 'stretch'\n // }\n\n ngOnInit() {\n }\n\n}\n"]}
|
package/esm2015/lib/interaction/components/activity-content/activity-body.component.metadata.json
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
[{"__symbolic":"module","version":4,"metadata":{"ActivityBodyComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../../components/disposable-component","name":"DisposableComponent","line":11,"character":43},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"aup-activity-body","template":"<ng-content></ng-content>\n","styles":["<ng-content></ng-content>\n"]}]}],"members":{"ngOnInit":[{"__symbolic":"method"}]}}}}]
|
package/esm2015/lib/interaction/components/activity-content/activity-body.component.ngfactory.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"activity-body.component.ngfactory.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/interaction/components/activity-content/activity-body.component.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}
|
|
@@ -1,9 +1,18 @@
|
|
|
1
1
|
import { Component, Inject } from '@angular/core';
|
|
2
|
+
import { Command } from '@coolon/pectin';
|
|
2
3
|
import { Activity, ACTIVITY_DATA } from '../../activity';
|
|
3
4
|
export class AlertDialogComponent extends Activity {
|
|
4
5
|
constructor(alert) {
|
|
5
6
|
super();
|
|
6
7
|
this.alert = alert;
|
|
8
|
+
this.confirmCommand = Command.create(() => {
|
|
9
|
+
this.done();
|
|
10
|
+
});
|
|
11
|
+
this.confirmFace = {
|
|
12
|
+
text: () => alert.ok(),
|
|
13
|
+
color: () => "primary",
|
|
14
|
+
style: () => "raised"
|
|
15
|
+
};
|
|
7
16
|
}
|
|
8
17
|
ngOnInit() {
|
|
9
18
|
}
|
|
@@ -11,7 +20,7 @@ export class AlertDialogComponent extends Activity {
|
|
|
11
20
|
AlertDialogComponent.decorators = [
|
|
12
21
|
{ type: Component, args: [{
|
|
13
22
|
selector: 'aup-alert-dialog',
|
|
14
|
-
template: "<
|
|
23
|
+
template: "<aup-activity-title *ngIf=\"alert.title\">{{alert.title()}}</aup-activity-title>\n<aup-activity-body>\n <p *ngFor=\"let line of alert.content()\">{{line}}</p>\n</aup-activity-body>\n<aup-activity-actions [confirmFace]=\"confirmFace\"></aup-activity-actions>\n",
|
|
15
24
|
styles: [":host{display:block;padding:var(--aup-default-padding)}.mat-dialog-content{margin:0;padding:0}.mat-dialog-actions{align-items:flex-end;justify-content:flex-end;margin-bottom:0!important;padding:0}"]
|
|
16
25
|
},] }
|
|
17
26
|
];
|