@coolon/angular-ui-powerups 1.20.0 → 2.0.0-alpha.0

package/esm5/lib/place/place.module.ngfactory.js.map

@@ -1 +1 @@
-{"version":3,"file":"place.module.ngfactory.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/place/place.module.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\nimport * as i1 from './place.module';\nimport * as i2 from '@angular/common';\nimport * as i3 from '@angular/cdk/bidi';\nimport * as i4 from '@angular/material/progress-spinner';\nimport * as i5 from '@angular/router';\nimport * as i6 from '@angular/material/tabs';\nimport * as i7 from '@angular/material/core';\nimport * as i8 from '@angular/material/divider';\nimport * as i9 from '@angular/material/list';\nimport * as i10 from '@angular/cdk/scrolling';\nimport * as i11 from '@angular/material/tooltip';\nimport * as i12 from '@angular/material/icon';\nimport * as i13 from '../directives/command.directive';\nimport * as i14 from '../directives/focus-binding.directive';\nimport * as i15 from '@angular/flex-layout/flex';\nimport * as i16 from '../components/forms/number-input/number-input.component';\nimport * as i17 from '../components/forms/string-input/string-input.component';\nimport * as i18 from '../components/forms/text-input/text-input.component';\nimport * as i19 from '../components/forms/password-input/password-input.component';\nimport * as i20 from '../components/forms/checkbox-input/checkbox-input.component';\nimport * as i21 from '../components/forms/select-input/select-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/forms/multiple-select-input/multiple-select-input.component';\nimport * as i33 from '../components/icon/icon.component';\nimport * as i34 from '../components/section-header/section-header.component';\nimport * as i35 from './components/empty-state/empty-state.component';\nimport * as i36 from './components/busy-overlay/busy-overlay.component';\nimport * as i37 from './components/place-outlet/place-outlet.component';\nimport * as i38 from './components/tabbed-place-navigation/tabbed-place-navigation.component';\nimport * as i39 from './components/list-place-nav/list-place-nav.component';\nimport * as i40 from './components/side-place-navigation/side-place-navigation.component';\nimport * as i41 from './components/abstract-place-navigation.component';\nimport * as i42 from '@angular/platform-browser/animations';\nimport * as i43 from '../directives/directives.module';\nimport * as i44 from '../components/components.module';\nexport const PlaceModuleNgFactory:i0.NgModuleFactory<i1.PlaceModule> = (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.Dir = (<any>(null as any));\nvar _decl0_12:i4.MatProgressSpinner = (<any>(null as any));\nvar _decl0_13:i4.MatSpinner = (<any>(null as any));\nvar _decl0_14:i5.RouterOutlet = (<any>(null as any));\nvar _decl0_15:i5.RouterLink = (<any>(null as any));\nvar _decl0_16:i5.RouterLinkWithHref = (<any>(null as any));\nvar _decl0_17:i5.RouterLinkActive = (<any>(null as any));\nvar _decl0_18:i5.ɵangular_packages_router_router_l = (<any>(null as any));\nvar _decl0_19:i6.MatTabGroup = (<any>(null as any));\nvar _decl0_20:i6.MatTabLabel = (<any>(null as any));\nvar _decl0_21:i6.MatTab = (<any>(null as any));\nvar _decl0_22:i6.MatTabNav = (<any>(null as any));\nvar _decl0_23:i6.MatTabLink = (<any>(null as any));\nvar _decl0_24:i6.MatTabContent = (<any>(null as any));\nvar _decl0_25:i7.MatLine = (<any>(null as any));\nvar _decl0_26:i7.MatPseudoCheckbox = (<any>(null as any));\nvar _decl0_27:i8.MatDivider = (<any>(null as any));\nvar _decl0_28:i9.MatList = (<any>(null as any));\nvar _decl0_29:i9.MatNavList = (<any>(null as any));\nvar _decl0_30:i9.MatListItem = (<any>(null as any));\nvar _decl0_31:i9.MatListAvatarCssMatStyler = (<any>(null as any));\nvar _decl0_32:i9.MatListIconCssMatStyler = (<any>(null as any));\nvar _decl0_33:i9.MatListSubheaderCssMatStyler = (<any>(null as any));\nvar _decl0_34:i9.MatSelectionList = (<any>(null as any));\nvar _decl0_35:i9.MatListOption = (<any>(null as any));\nvar _decl0_36:i10.CdkScrollable = (<any>(null as any));\nvar _decl0_37:i11.MatTooltip = (<any>(null as any));\nvar _decl0_38:i11.TooltipComponent = (<any>(null as any));\nvar _decl0_39:i12.MatIcon = (<any>(null as any));\nvar _decl0_40:i13.CommandDirective<any> = (<any>(null as any));\nvar _decl0_41:i14.FocusBindingDirective = (<any>(null as any));\nvar _decl0_42:i15.DefaultLayoutDirective = (<any>(null as any));\nvar _decl0_43:i15.DefaultLayoutGapDirective = (<any>(null as any));\nvar _decl0_44:i15.DefaultLayoutAlignDirective = (<any>(null as any));\nvar _decl0_45:i15.DefaultFlexOrderDirective = (<any>(null as any));\nvar _decl0_46:i15.DefaultFlexOffsetDirective = (<any>(null as any));\nvar _decl0_47:i15.FlexFillDirective = (<any>(null as any));\nvar _decl0_48:i15.DefaultFlexAlignDirective = (<any>(null as any));\nvar _decl0_49:i15.DefaultFlexDirective = (<any>(null as any));\nvar _decl0_50:i16.NumberInputComponent = (<any>(null as any));\nvar _decl0_51:i17.StringInputComponent = (<any>(null as any));\nvar _decl0_52:i18.TextInputComponent = (<any>(null as any));\nvar _decl0_53:i19.PasswordInputComponent = (<any>(null as any));\nvar _decl0_54:i20.CheckboxInputComponent = (<any>(null as any));\nvar _decl0_55:i21.SelectInputComponent<any> = (<any>(null as any));\nvar _decl0_56:i22.ScrollContainerComponent = (<any>(null as any));\nvar _decl0_57:i23.NoopComponent = (<any>(null as any));\nvar _decl0_58:i24.SwitchCaseComponent<any> = (<any>(null as any));\nvar _decl0_59:i24.SwitchCaseWhenDirective<any> = (<any>(null as any));\nvar _decl0_60:i24.SwitchCaseDefaultDirective<any> = (<any>(null as any));\nvar _decl0_61:i25.FocusContainerComponent = (<any>(null as any));\nvar _decl0_62:i26.VerticalFocusContainerComponent = (<any>(null as any));\nvar _decl0_63:i27.FocusableComponent = (<any>(null as any));\nvar _decl0_64:i28.CardContainerComponent = (<any>(null as any));\nvar _decl0_65:i29.TableComponent<any> = (<any>(null as any));\nvar _decl0_66:i30.EditRowControls<any> = (<any>(null as any));\nvar _decl0_67:i31.ColumnTemplateDirective = (<any>(null as any));\nvar _decl0_68:i32.MultipleSelectInputComponent<any> = (<any>(null as any));\nvar _decl0_69:i33.IconComponent = (<any>(null as any));\nvar _decl0_70:i34.SectionHeaderComponent = (<any>(null as any));\nvar _decl0_71:i35.EmptyStateComponent = (<any>(null as any));\nvar _decl0_72:i36.BusyOverlayComponent = (<any>(null as any));\nvar _decl0_73:i37.PlaceOutletComponent = (<any>(null as any));\nvar _decl0_74:i38.TabbedPlaceNavigationComponent = (<any>(null as any));\nvar _decl0_75:i39.ListPlaceNavComponent = (<any>(null as any));\nvar _decl0_76:i40.SidePlaceNavigationComponent = (<any>(null as any));\nvar _decl0_77:i41.AbstractPlaceNavigationComponent = (<any>(null as any));\nvar _decl0_78:i2.AsyncPipe = (<any>(null as any));\nvar _decl0_79:i2.UpperCasePipe = (<any>(null as any));\nvar _decl0_80:i2.LowerCasePipe = (<any>(null as any));\nvar _decl0_81:i2.JsonPipe = (<any>(null as any));\nvar _decl0_82:i2.SlicePipe = (<any>(null as any));\nvar _decl0_83:i2.DecimalPipe = (<any>(null as any));\nvar _decl0_84:i2.PercentPipe = (<any>(null as any));\nvar _decl0_85:i2.TitleCasePipe = (<any>(null as any));\nvar _decl0_86:i2.CurrencyPipe = (<any>(null as any));\nvar _decl0_87:i2.DatePipe = (<any>(null as any));\nvar _decl0_88:i2.I18nPluralPipe = (<any>(null as any));\nvar _decl0_89:i2.I18nSelectPipe = (<any>(null as any));\nvar _decl0_90:i2.KeyValuePipe = (<any>(null as any));\nvar _decl0_91:i2.CommonModule = (<any>(null as any));\nvar _decl0_92:i42.BrowserAnimationsModule = (<any>(null as any));\nvar _decl0_93:i4.MatProgressSpinnerModule = (<any>(null as any));\nvar _decl0_94:i5.RouterModule = (<any>(null as any));\nvar _decl0_95:i6.MatTabsModule = (<any>(null as any));\nvar _decl0_96:i9.MatListModule = (<any>(null as any));\nvar _decl0_97:i11.MatTooltipModule = (<any>(null as any));\nvar _decl0_98:i12.MatIconModule = (<any>(null as any));\nvar _decl0_99:i43.DirectivesModule = (<any>(null as any));\nvar _decl0_100:i15.FlexModule = (<any>(null as any));\nvar _decl0_101:i44.ComponentsModule = (<any>(null as any));\nvar _decl0_102:i0.TemplateRef<any> = (<any>(null as any));\nvar _decl0_103:i0.ElementRef<any> = (<any>(null as any));\nfunction _View_EmptyStateComponent_Host_1_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_EmptyStateComponent_1_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_BusyOverlayComponent_Host_2_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_BusyOverlayComponent_2_1():void {\n  if (_decl0_72.busyModel.value) {\n    var _any:any = (null as any);\n    const currVal_0:any = 52;\n    currVal_0;\n    const currVal_1:any = 'indeterminate';\n    currVal_1;\n    const currVal_2:any = _decl0_12._noopAnimations;\n    currVal_2;\n    const currVal_3:any = _decl0_12.diameter;\n    currVal_3;\n    const currVal_4:any = _decl0_12.diameter;\n    currVal_4;\n    const currVal_5:any = ((_decl0_12.mode === 'determinate')? 0: null);\n    currVal_5;\n    const currVal_6:any = ((_decl0_12.mode === 'determinate')? 100: null);\n    currVal_6;\n    const currVal_7:any = ((_decl0_12.mode === 'determinate')? _decl0_12.value: null);\n    currVal_7;\n    const currVal_8:any = _decl0_12.mode;\n    currVal_8;\n  }\n}\nfunction _View_BusyOverlayComponent_2_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_72.busyModel.value;\n  currVal_0;\n}\nfunction _View_PlaceOutletComponent_Host_3_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_PlaceOutletComponent_3_1():void {\n  if (_decl0_73.animateModel.value) {\n    var _any:any = (null as any);\n    const currVal_0:any = {value:_decl0_73.getAnimationOrder(),params:{duration:_decl0_73.animationDuration}};\n    currVal_0;\n    const pd_1:any = ((<any>_decl0_73.animationStarted()) !== false);\n    const pd_2:any = ((<any>_decl0_73.animationDone()) !== false);\n    const pd_3:any = ((<any>_decl0_73.onOutletActivated(_decl0_14,_any)) !== false);\n    const pd_4:any = ((<any>_decl0_73.onOutletDeactivated()) !== false);\n  }\n}\nfunction _View_PlaceOutletComponent_3_2():void {\n  if (!_decl0_73.animateModel.value) {\n    var _any:any = (null as any);\n    const pd_0:any = ((<any>_decl0_73.onOutletActivated(_decl0_14,_any)) !== false);\n    const pd_1:any = ((<any>_decl0_73.onOutletDeactivated()) !== false);\n  }\n}\nfunction _View_PlaceOutletComponent_3_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_73.animateModel.value;\n  currVal_0;\n  const currVal_1:any = !_decl0_73.animateModel.value;\n  currVal_1;\n}\nfunction _View_TabbedPlaceNavigationComponent_Host_4_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_TabbedPlaceNavigationComponent_4_2():void {\n  if (_decl0_74.getNav(_any).icon()) {\n    var _any:any = (null as any);\n    const currVal_0:any = _decl0_74.getNav(_any).icon();\n    currVal_0;\n  }\n}\nfunction _View_TabbedPlaceNavigationComponent_4_1():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_74.isActive(_any);\n  currVal_0;\n  const currVal_1:any = (_decl0_23.active? 'page': null);\n  currVal_1;\n  const currVal_2:any = _decl0_23.disabled;\n  currVal_2;\n  const currVal_3:any = _decl0_23.tabIndex;\n  currVal_3;\n  const currVal_4:any = _decl0_23.disabled;\n  currVal_4;\n  const currVal_5:any = _decl0_23.active;\n  currVal_5;\n  const currVal_6:any = _decl0_74.getNav(_any).tooltip();\n  currVal_6;\n  const currVal_7:any = _decl0_74.commandFactory.create(_any);\n  currVal_7;\n  const currVal_8:any = _decl0_74.getNav(_any).icon();\n  currVal_8;\n  const currVal_9:any = _decl0_74.getNav(_any).title();\n  currVal_9;\n  const pd_10:any = ((<any>_decl0_40.notifyClick(_any)) !== false);\n}\nfunction _View_TabbedPlaceNavigationComponent_4_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_22._showPaginationControls;\n  currVal_0;\n  const currVal_1:any = (_decl0_22._getLayoutDirection() == 'rtl');\n  currVal_1;\n  const currVal_2:any = ((_decl0_22.color !== 'warn') && (_decl0_22.color !== 'accent'));\n  currVal_2;\n  const currVal_3:any = (_decl0_22.color === 'accent');\n  currVal_3;\n  const currVal_4:any = (_decl0_22.color === 'warn');\n  currVal_4;\n  const currVal_5:any = _decl0_74.placeDefinitions.value;\n  currVal_5;\n}\nfunction _View_ListPlaceNavComponent_Host_5_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_ListPlaceNavComponent_5_2():void {\n  if (_decl0_75.getNav(_any).icon()) {\n    var _any:any = (null as any);\n    const currVal_0:any = _decl0_75.getNav(_any).icon();\n    currVal_0;\n  }\n}\nfunction _View_ListPlaceNavComponent_5_1():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_30.disabled;\n  currVal_0;\n  const currVal_1:any = (_decl0_30._avatar || _decl0_30._icon);\n  currVal_1;\n  const currVal_2:any = (_decl0_30._avatar || _decl0_30._icon);\n  currVal_2;\n  const currVal_3:any = _decl0_75.getNav(_any).tooltip();\n  currVal_3;\n  const currVal_4:any = _decl0_75.commandFactory.create(_any);\n  currVal_4;\n  const currVal_5:any = _decl0_75.isActive(_any);\n  currVal_5;\n  const currVal_6:any = _decl0_75.getNav(_any).icon();\n  currVal_6;\n  const currVal_7:any = _decl0_75.getNav(_any).title();\n  currVal_7;\n  const pd_8:any = ((<any>_decl0_40.notifyClick(_any)) !== false);\n}\nfunction _View_ListPlaceNavComponent_5_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = '';\n  currVal_0;\n  const currVal_1:any = _decl0_75.placeDefinitions.value;\n  currVal_1;\n}\nfunction _View_SidePlaceNavigationComponent_Host_6_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_76.expanded;\n  currVal_0;\n}\nfunction _View_SidePlaceNavigationComponent_6_2():void {\n  if (_decl0_76.getNav(_any).icon()) {\n    var _any:any = (null as any);\n    const currVal_0:any = _decl0_76.getNav(_any).icon();\n    currVal_0;\n  }\n}\nfunction _View_SidePlaceNavigationComponent_6_1():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_30.disabled;\n  currVal_0;\n  const currVal_1:any = (_decl0_30._avatar || _decl0_30._icon);\n  currVal_1;\n  const currVal_2:any = (_decl0_30._avatar || _decl0_30._icon);\n  currVal_2;\n  const currVal_3:any = _decl0_76.getNav(_any).tooltip();\n  currVal_3;\n  const currVal_4:any = _decl0_76.commandFactory.create(_any);\n  currVal_4;\n  const currVal_5:any = _decl0_76.isActive(_any);\n  currVal_5;\n  const currVal_6:any = _decl0_76.getNav(_any).icon();\n  currVal_6;\n  const currVal_7:any = _decl0_76.getNav(_any).title();\n  currVal_7;\n  const pd_8:any = ((<any>_decl0_40.notifyClick(_any)) !== false);\n}\nfunction _View_SidePlaceNavigationComponent_6_3():void {\n  if (_decl0_76.navEndTemplate) {\n    var _any:any = (null as any);\n    const currVal_0:any = _decl0_76.navEndTemplate;\n    currVal_0;\n  }\n}\nfunction _View_SidePlaceNavigationComponent_6_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_30.disabled;\n  currVal_0;\n  const currVal_1:any = (_decl0_30._avatar || _decl0_30._icon);\n  currVal_1;\n  const currVal_2:any = (_decl0_30._avatar || _decl0_30._icon);\n  currVal_2;\n  const currVal_3:any = 'menu';\n  currVal_3;\n  const currVal_4:any = 'arrow_back';\n  currVal_4;\n  const currVal_5:any = _decl0_76.placeDefinitions.value;\n  currVal_5;\n  const currVal_6:any = 1;\n  currVal_6;\n  const currVal_7:any = _decl0_76.navEndTemplate;\n  currVal_7;\n  const pd_8:any = ((<any>_decl0_76.toggleMenu()) !== false);\n}\nfunction _View_AbstractPlaceNavigationComponent_Host_7_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_AbstractPlaceNavigationComponent_7_0():void {\n  var _any:any = (null as any);\n}\n"]}
+{"version":3,"file":"place.module.ngfactory.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/place/place.module.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\nimport * as i1 from './place.module';\nimport * as i2 from '@angular/common';\nimport * as i3 from '@angular/cdk/bidi';\nimport * as i4 from '@angular/material/progress-spinner';\nimport * as i5 from '@angular/router';\nimport * as i6 from '@angular/material/tabs';\nimport * as i7 from '@angular/material/core';\nimport * as i8 from '@angular/material/divider';\nimport * as i9 from '@angular/material/list';\nimport * as i10 from '@angular/cdk/scrolling';\nimport * as i11 from '@angular/material/tooltip';\nimport * as i12 from '@angular/material/icon';\nimport * as i13 from '../directives/command.directive';\nimport * as i14 from '../directives/focus-binding.directive';\nimport * as i15 from '@angular/flex-layout/flex';\nimport * as i16 from '../components/forms/number-input/number-input.component';\nimport * as i17 from '../components/forms/string-input/string-input.component';\nimport * as i18 from '../components/forms/text-input/text-input.component';\nimport * as i19 from '../components/forms/password-input/password-input.component';\nimport * as i20 from '../components/forms/checkbox-input/checkbox-input.component';\nimport * as i21 from '../components/forms/select-input/select-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/forms/multiple-select-input/multiple-select-input.component';\nimport * as i33 from '../components/icon/icon.component';\nimport * as i34 from '../components/section-header/section-header.component';\nimport * as i35 from './components/empty-state/empty-state.component';\nimport * as i36 from './components/busy-overlay/busy-overlay.component';\nimport * as i37 from './components/place-outlet/place-outlet.component';\nimport * as i38 from './components/tabbed-place-navigation/tabbed-place-navigation.component';\nimport * as i39 from './components/list-place-nav/list-place-nav.component';\nimport * as i40 from './components/side-place-navigation/side-place-navigation.component';\nimport * as i41 from './components/abstract-place-navigation.component';\nimport * as i42 from '@angular/platform-browser/animations';\nimport * as i43 from '../directives/directives.module';\nimport * as i44 from '../components/components.module';\nexport const PlaceModuleNgFactory:i0.NgModuleFactory<i1.PlaceModule> = (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.Dir = (<any>(null as any));\nvar _decl0_12:i4.MatProgressSpinner = (<any>(null as any));\nvar _decl0_13:i4.MatSpinner = (<any>(null as any));\nvar _decl0_14:i5.RouterOutlet = (<any>(null as any));\nvar _decl0_15:i5.RouterLink = (<any>(null as any));\nvar _decl0_16:i5.RouterLinkWithHref = (<any>(null as any));\nvar _decl0_17:i5.RouterLinkActive = (<any>(null as any));\nvar _decl0_18:i5.ɵangular_packages_router_router_l = (<any>(null as any));\nvar _decl0_19:i6.MatTabGroup = (<any>(null as any));\nvar _decl0_20:i6.MatTabLabel = (<any>(null as any));\nvar _decl0_21:i6.MatTab = (<any>(null as any));\nvar _decl0_22:i6.MatTabNav = (<any>(null as any));\nvar _decl0_23:i6.MatTabLink = (<any>(null as any));\nvar _decl0_24:i6.MatTabContent = (<any>(null as any));\nvar _decl0_25:i7.MatLine = (<any>(null as any));\nvar _decl0_26:i7.MatPseudoCheckbox = (<any>(null as any));\nvar _decl0_27:i8.MatDivider = (<any>(null as any));\nvar _decl0_28:i9.MatList = (<any>(null as any));\nvar _decl0_29:i9.MatNavList = (<any>(null as any));\nvar _decl0_30:i9.MatListItem = (<any>(null as any));\nvar _decl0_31:i9.MatListAvatarCssMatStyler = (<any>(null as any));\nvar _decl0_32:i9.MatListIconCssMatStyler = (<any>(null as any));\nvar _decl0_33:i9.MatListSubheaderCssMatStyler = (<any>(null as any));\nvar _decl0_34:i9.MatSelectionList = (<any>(null as any));\nvar _decl0_35:i9.MatListOption = (<any>(null as any));\nvar _decl0_36:i10.CdkScrollable = (<any>(null as any));\nvar _decl0_37:i11.MatTooltip = (<any>(null as any));\nvar _decl0_38:i11.TooltipComponent = (<any>(null as any));\nvar _decl0_39:i12.MatIcon = (<any>(null as any));\nvar _decl0_40:i13.CommandDirective<any> = (<any>(null as any));\nvar _decl0_41:i14.FocusBindingDirective = (<any>(null as any));\nvar _decl0_42:i15.DefaultLayoutDirective = (<any>(null as any));\nvar _decl0_43:i15.DefaultLayoutGapDirective = (<any>(null as any));\nvar _decl0_44:i15.DefaultLayoutAlignDirective = (<any>(null as any));\nvar _decl0_45:i15.DefaultFlexOrderDirective = (<any>(null as any));\nvar _decl0_46:i15.DefaultFlexOffsetDirective = (<any>(null as any));\nvar _decl0_47:i15.FlexFillDirective = (<any>(null as any));\nvar _decl0_48:i15.DefaultFlexAlignDirective = (<any>(null as any));\nvar _decl0_49:i15.DefaultFlexDirective = (<any>(null as any));\nvar _decl0_50:i16.NumberInputComponent = (<any>(null as any));\nvar _decl0_51:i17.StringInputComponent = (<any>(null as any));\nvar _decl0_52:i18.TextInputComponent = (<any>(null as any));\nvar _decl0_53:i19.PasswordInputComponent = (<any>(null as any));\nvar _decl0_54:i20.CheckboxInputComponent = (<any>(null as any));\nvar _decl0_55:i21.SelectInputComponent<any> = (<any>(null as any));\nvar _decl0_56:i22.ScrollContainerComponent = (<any>(null as any));\nvar _decl0_57:i23.NoopComponent = (<any>(null as any));\nvar _decl0_58:i24.SwitchCaseComponent<any> = (<any>(null as any));\nvar _decl0_59:i24.SwitchCaseWhenDirective<any> = (<any>(null as any));\nvar _decl0_60:i24.SwitchCaseDefaultDirective<any> = (<any>(null as any));\nvar _decl0_61:i25.FocusContainerComponent = (<any>(null as any));\nvar _decl0_62:i26.VerticalFocusContainerComponent = (<any>(null as any));\nvar _decl0_63:i27.FocusableComponent = (<any>(null as any));\nvar _decl0_64:i28.CardContainerComponent = (<any>(null as any));\nvar _decl0_65:i29.TableComponent<any> = (<any>(null as any));\nvar _decl0_66:i30.EditRowControls<any> = (<any>(null as any));\nvar _decl0_67:i31.ColumnTemplateDirective = (<any>(null as any));\nvar _decl0_68:i32.MultipleSelectInputComponent<any> = (<any>(null as any));\nvar _decl0_69:i33.IconComponent = (<any>(null as any));\nvar _decl0_70:i34.SectionHeaderComponent = (<any>(null as any));\nvar _decl0_71:i35.EmptyStateComponent = (<any>(null as any));\nvar _decl0_72:i36.BusyOverlayComponent = (<any>(null as any));\nvar _decl0_73:i37.PlaceOutletComponent = (<any>(null as any));\nvar _decl0_74:i38.TabbedPlaceNavigationComponent = (<any>(null as any));\nvar _decl0_75:i39.ListPlaceNavComponent = (<any>(null as any));\nvar _decl0_76:i40.SidePlaceNavigationComponent = (<any>(null as any));\nvar _decl0_77:i41.AbstractPlaceNavigationComponent = (<any>(null as any));\nvar _decl0_78:i2.AsyncPipe = (<any>(null as any));\nvar _decl0_79:i2.UpperCasePipe = (<any>(null as any));\nvar _decl0_80:i2.LowerCasePipe = (<any>(null as any));\nvar _decl0_81:i2.JsonPipe = (<any>(null as any));\nvar _decl0_82:i2.SlicePipe = (<any>(null as any));\nvar _decl0_83:i2.DecimalPipe = (<any>(null as any));\nvar _decl0_84:i2.PercentPipe = (<any>(null as any));\nvar _decl0_85:i2.TitleCasePipe = (<any>(null as any));\nvar _decl0_86:i2.CurrencyPipe = (<any>(null as any));\nvar _decl0_87:i2.DatePipe = (<any>(null as any));\nvar _decl0_88:i2.I18nPluralPipe = (<any>(null as any));\nvar _decl0_89:i2.I18nSelectPipe = (<any>(null as any));\nvar _decl0_90:i2.KeyValuePipe = (<any>(null as any));\nvar _decl0_91:i2.CommonModule = (<any>(null as any));\nvar _decl0_92:i42.BrowserAnimationsModule = (<any>(null as any));\nvar _decl0_93:i4.MatProgressSpinnerModule = (<any>(null as any));\nvar _decl0_94:i5.RouterModule = (<any>(null as any));\nvar _decl0_95:i6.MatTabsModule = (<any>(null as any));\nvar _decl0_96:i9.MatListModule = (<any>(null as any));\nvar _decl0_97:i11.MatTooltipModule = (<any>(null as any));\nvar _decl0_98:i12.MatIconModule = (<any>(null as any));\nvar _decl0_99:i43.DirectivesModule = (<any>(null as any));\nvar _decl0_100:i15.FlexModule = (<any>(null as any));\nvar _decl0_101:i44.ComponentsModule = (<any>(null as any));\nvar _decl0_102:i0.TemplateRef<any> = (<any>(null as any));\nvar _decl0_103:i0.ElementRef<any> = (<any>(null as any));\nfunction _View_EmptyStateComponent_Host_1_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_EmptyStateComponent_1_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_BusyOverlayComponent_Host_2_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_BusyOverlayComponent_2_1():void {\n  if (_decl0_72.busyModel.value) {\n    var _any:any = (null as any);\n    const currVal_0:any = 52;\n    currVal_0;\n    const currVal_1:any = 'indeterminate';\n    currVal_1;\n    const currVal_2:any = _decl0_12._noopAnimations;\n    currVal_2;\n    const currVal_3:any = _decl0_12.diameter;\n    currVal_3;\n    const currVal_4:any = _decl0_12.diameter;\n    currVal_4;\n    const currVal_5:any = ((_decl0_12.mode === 'determinate')? 0: null);\n    currVal_5;\n    const currVal_6:any = ((_decl0_12.mode === 'determinate')? 100: null);\n    currVal_6;\n    const currVal_7:any = ((_decl0_12.mode === 'determinate')? _decl0_12.value: null);\n    currVal_7;\n    const currVal_8:any = _decl0_12.mode;\n    currVal_8;\n  }\n}\nfunction _View_BusyOverlayComponent_2_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_72.busyModel.value;\n  currVal_0;\n}\nfunction _View_PlaceOutletComponent_Host_3_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_PlaceOutletComponent_3_1():void {\n  if (_decl0_73.animateModel.value) {\n    var _any:any = (null as any);\n    const currVal_0:any = {value:_decl0_73.getAnimationOrder(),params:{duration:_decl0_73.animationDuration}};\n    currVal_0;\n    const pd_1:any = ((<any>_decl0_73.animationStarted()) !== false);\n    const pd_2:any = ((<any>_decl0_73.animationDone()) !== false);\n    const pd_3:any = ((<any>_decl0_73.onOutletActivated(_decl0_14,_any)) !== false);\n    const pd_4:any = ((<any>_decl0_73.onOutletDeactivated()) !== false);\n  }\n}\nfunction _View_PlaceOutletComponent_3_2():void {\n  if (!_decl0_73.animateModel.value) {\n    var _any:any = (null as any);\n    const pd_0:any = ((<any>_decl0_73.onOutletActivated(_decl0_14,_any)) !== false);\n    const pd_1:any = ((<any>_decl0_73.onOutletDeactivated()) !== false);\n  }\n}\nfunction _View_PlaceOutletComponent_3_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_73.animateModel.value;\n  currVal_0;\n  const currVal_1:any = !_decl0_73.animateModel.value;\n  currVal_1;\n}\nfunction _View_TabbedPlaceNavigationComponent_Host_4_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_TabbedPlaceNavigationComponent_4_2():void {\n  if (_decl0_74.getNav(_any).icon()) {\n    var _any:any = (null as any);\n    const currVal_0:any = _decl0_74.getNav(_any).icon();\n    currVal_0;\n  }\n}\nfunction _View_TabbedPlaceNavigationComponent_4_1():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_74.isActive(_any);\n  currVal_0;\n  const currVal_1:any = (_decl0_23.active? 'page': null);\n  currVal_1;\n  const currVal_2:any = _decl0_23.disabled;\n  currVal_2;\n  const currVal_3:any = _decl0_23.tabIndex;\n  currVal_3;\n  const currVal_4:any = _decl0_23.disabled;\n  currVal_4;\n  const currVal_5:any = _decl0_23.active;\n  currVal_5;\n  const currVal_6:any = _decl0_74.getNav(_any).tooltip();\n  currVal_6;\n  const currVal_7:any = _decl0_74.commandFactory.create(_any);\n  currVal_7;\n  const currVal_8:any = _decl0_74.getNav(_any).icon();\n  currVal_8;\n  const currVal_9:any = _decl0_74.getNav(_any).title();\n  currVal_9;\n  const pd_10:any = ((<any>_decl0_40.notifyClick(_any)) !== false);\n}\nfunction _View_TabbedPlaceNavigationComponent_4_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_22._showPaginationControls;\n  currVal_0;\n  const currVal_1:any = (_decl0_22._getLayoutDirection() == 'rtl');\n  currVal_1;\n  const currVal_2:any = ((_decl0_22.color !== 'warn') && (_decl0_22.color !== 'accent'));\n  currVal_2;\n  const currVal_3:any = (_decl0_22.color === 'accent');\n  currVal_3;\n  const currVal_4:any = (_decl0_22.color === 'warn');\n  currVal_4;\n  const currVal_5:any = _decl0_74.placeDefinitions.value;\n  currVal_5;\n}\nfunction _View_ListPlaceNavComponent_Host_5_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_ListPlaceNavComponent_5_2():void {\n  if (_decl0_75.getNav(_any).icon()) {\n    var _any:any = (null as any);\n    const currVal_0:any = _decl0_75.getNav(_any).icon();\n    currVal_0;\n  }\n}\nfunction _View_ListPlaceNavComponent_5_1():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_30.disabled;\n  currVal_0;\n  const currVal_1:any = (_decl0_30._avatar || _decl0_30._icon);\n  currVal_1;\n  const currVal_2:any = (_decl0_30._avatar || _decl0_30._icon);\n  currVal_2;\n  const currVal_3:any = _decl0_75.getNav(_any).tooltip();\n  currVal_3;\n  const currVal_4:any = _decl0_75.commandFactory.create(_any);\n  currVal_4;\n  const currVal_5:any = _decl0_75.isActive(_any);\n  currVal_5;\n  const currVal_6:any = _decl0_75.getNav(_any).icon();\n  currVal_6;\n  const currVal_7:any = _decl0_75.getNav(_any).title();\n  currVal_7;\n  const pd_8:any = ((<any>_decl0_40.notifyClick(_any)) !== false);\n}\nfunction _View_ListPlaceNavComponent_5_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = '';\n  currVal_0;\n  const currVal_1:any = _decl0_75.placeDefinitions.value;\n  currVal_1;\n}\nfunction _View_SidePlaceNavigationComponent_Host_6_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_76.expanded;\n  currVal_0;\n}\nfunction _View_SidePlaceNavigationComponent_6_2():void {\n  if (_decl0_76.getNav(_any).icon()) {\n    var _any:any = (null as any);\n    const currVal_0:any = _decl0_76.getNav(_any).icon();\n    currVal_0;\n  }\n}\nfunction _View_SidePlaceNavigationComponent_6_1():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_30.disabled;\n  currVal_0;\n  const currVal_1:any = (_decl0_30._avatar || _decl0_30._icon);\n  currVal_1;\n  const currVal_2:any = (_decl0_30._avatar || _decl0_30._icon);\n  currVal_2;\n  const currVal_3:any = _decl0_76.getNav(_any).tooltip();\n  currVal_3;\n  const currVal_4:any = _decl0_76.commandFactory.create(_any);\n  currVal_4;\n  const currVal_5:any = _decl0_76.isActive(_any);\n  currVal_5;\n  const currVal_6:any = _decl0_76.getNav(_any).icon();\n  currVal_6;\n  const currVal_7:any = _decl0_76.getNav(_any).title();\n  currVal_7;\n  const pd_8:any = ((<any>_decl0_40.notifyClick(_any)) !== false);\n}\nfunction _View_SidePlaceNavigationComponent_6_3():void {\n  if (_decl0_76.navEndTemplate) {\n    var _any:any = (null as any);\n    const currVal_0:any = _decl0_76.navEndTemplate;\n    currVal_0;\n  }\n}\nfunction _View_SidePlaceNavigationComponent_6_0():void {\n  var _any:any = (null as any);\n  const currVal_0:any = _decl0_30.disabled;\n  currVal_0;\n  const currVal_1:any = (_decl0_30._avatar || _decl0_30._icon);\n  currVal_1;\n  const currVal_2:any = (_decl0_30._avatar || _decl0_30._icon);\n  currVal_2;\n  const currVal_3:any = 'mat:menu';\n  currVal_3;\n  const currVal_4:any = 'mat:arrow_back';\n  currVal_4;\n  const currVal_5:any = _decl0_76.placeDefinitions.value;\n  currVal_5;\n  const currVal_6:any = 1;\n  currVal_6;\n  const currVal_7:any = _decl0_76.navEndTemplate;\n  currVal_7;\n  const pd_8:any = ((<any>_decl0_76.toggleMenu()) !== false);\n}\nfunction _View_AbstractPlaceNavigationComponent_Host_7_0():void {\n  var _any:any = (null as any);\n}\nfunction _View_AbstractPlaceNavigationComponent_7_0():void {\n  var _any:any = (null as any);\n}\n"]}

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

@@ -13,13 +13,14 @@ import { MatButtonModule } from '@angular/material/button';
 import { MatCheckboxModule } from '@angular/material/checkbox';
 import { MatIconModule } from '@angular/material/icon';
 import { MatTableModule } from '@angular/material/table';
-import { GarbageCollector, DelegatingValueModel, assert, UnaryCommand, lang, Dsl, Logger, TrackExternal, Command, FocusManager, DelegatingFormListModel, DelegatingFormValueModel, ListModel, StoreInListModel, ValueModel, StoreInValueModel, MutableValueModel, MultipleSelectionModel, MutableListModel, Form, DelegatingCommand, Deferred, Trace, Guard, DebugContext, Binding, Functions } from '@coolon/pectin';
+import { GarbageCollector, DelegatingValueModel, assert, UnaryCommand, lang, Dsl, Logger, TrackExternal, Command, FocusManager, Form, ListModel, StoreInListModel, ValueModel, StoreInValueModel, MutableValueModel, MultipleSelectionModel, MutableListModel, DirtyTrackingForm, DelegatingCommand, Deferred, Trace, Guard, DebugContext, Binding, Functions } from '@coolon/pectin';
 import { assert as assert$1, Opts, lang as lang$1, Klass } from '@coolon/typescript-utilities';
 import { Memoize } from '@typescript-plus/fast-memoize-decorator/dist/src';
 import ___default, { isEqual, isNil } from 'lodash';
 import produce from 'immer';
 import { FaIconLibrary, FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 import { fas } from '@fortawesome/free-solid-svg-icons';
+import { MatTooltipModule } from '@angular/material/tooltip';
 import { FlexModule, GridModule } from '@angular/flex-layout';
 import { MatDialogModule, MatDialog, MatDialogConfig, MAT_DIALOG_DEFAULT_OPTIONS } from '@angular/material/dialog';
 import { RouterModule, UrlSegment, Router, UrlSerializer, NavigationStart, NavigationEnd, NavigationError, NavigationCancel, RouterOutlet } from '@angular/router';
@@ -27,7 +28,6 @@ import { Overlay, CdkScrollable } from '@angular/cdk/overlay';
 import ResizeObserver from 'resize-observer-polyfill';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { MatListModule } from '@angular/material/list';
-import { MatTooltipModule } from '@angular/material/tooltip';
 import { Memoize as Memoize$1 } from '@typescript-plus/fast-memoize-decorator';
 import 'reflect-metadata';
 import { style, query, group, animate, trigger, transition } from '@angular/animations';
@@ -615,14 +615,14 @@ let AbstractListInputComponent = class AbstractListInputComponent extends Abstra
          * A backing model for all our @Input() valueModel properties which should be defined as follows.
          *
          *    @Input() @TrackExternal({useExisting: "inputModel"})
-         *    valueModel: FormListModel<string> | IMutableListModel<string>;
+         *    valueModel: Form.ListModelBase<string> | IMutableListModel<string>;
          *
          * This approach allows the input to accept plain or form models but all backed by a form
          * friendly delegate.  We have to use an existing delegate for union types as pectin just
          * gets told it's an Object and can't scan for a base type annotated with @DelegateUsing(..).
          */
         // We have to register it as a disposable so it ditches any listeners when we're disposed.
-        this.inputModel = this.registerDisposable(new DelegatingFormListModel());
+        this.inputModel = this.registerDisposable(new Form.DelegatingListModel());
     }
 };
 AbstractListInputComponent = __decorate([
@@ -636,14 +636,14 @@ let AbstractValueInputComponent = class AbstractValueInputComponent extends Abst
          * A backing model for all our @Input() valueModel properties which should be defined as follows.
          *
          *    @Input() @TrackExternal({useExisting: "inputModel"})
-         *    valueModel: FormValueModel<string> | IMutableValueModel<string>;
+         *    valueModel:  DirtyTrackingForm.ValueModel<string> | IMutableValueModel<string>;
          *
          * This approach allows the input to accept plain or form models but all backed by a form
          * friendly delegate.  We have to use an existing delegate for union types as pectin just
          * gets told it's an Object and can't scan for a base type annotated with @DelegateUsing(..).
          */
         // We have to register it as a disposable so it ditches any listeners when we're disposed.
-        this.inputModel = this.registerDisposable(new DelegatingFormValueModel());
+        this.inputModel = this.registerDisposable(new Form.DelegatingValueModel());
     }
 };
 AbstractValueInputComponent = __decorate([
@@ -718,7 +718,7 @@ let PasswordInputComponent = class PasswordInputComponent extends AbstractValueI
     }
 };
 __decorate([
-    Input(), TrackExternal({ delegateTo: "inputModel" }),
+    Input(), TrackExternal({ delegateTo: 'inputModel' }),
     __metadata("design:type", Object)
 ], PasswordInputComponent.prototype, "valueModel", void 0);
 PasswordInputComponent = __decorate([
@@ -739,7 +739,7 @@ let SelectInputComponent = class SelectInputComponent extends AbstractValueInput
     }
 };
 __decorate([
-    Input(), TrackExternal({ delegateTo: "inputModel" }),
+    Input(), TrackExternal({ delegateTo: 'inputModel' }),
     __metadata("design:type", Object)
 ], SelectInputComponent.prototype, "valueModel", void 0);
 __decorate([
@@ -759,11 +759,11 @@ __decorate([
     __metadata("design:type", Boolean)
 ], SelectInputComponent.prototype, "allowNil", void 0);
 __decorate([
-    ContentChild("optionTemplate"),
+    ContentChild('optionTemplate'),
     __metadata("design:type", TemplateRef)
 ], SelectInputComponent.prototype, "optionTemplateRef", void 0);
 __decorate([
-    ContentChild("nilOptionTemplate"),
+    ContentChild('nilOptionTemplate'),
     __metadata("design:type", TemplateRef)
 ], SelectInputComponent.prototype, "nilOptionTemplateRef", void 0);
 __decorate([
@@ -1499,6 +1499,12 @@ class SelectionColumnModel extends ColumnModel {
 var TableModel_1;
 // export type StringPropertiesOf<T> = { [K in keyof T]: T[K] extends string ? K : never }[keyof T];
 // export type NumberPropertiesOf<T> = { [K in keyof T]: T[K] extends number ? K : never }[keyof T];
+class RowClass {
+    constructor(className, matches) {
+        this.className = className;
+        this.matches = matches;
+    }
+}
 /**
  * Example:
  * @example
@@ -1519,7 +1525,7 @@ var TableModel_1;
  * }
  * const colorsNames: ListModel<string> = ...;
  * const model = TableModel.fromList(heroList, table => {
- *   table.pluck("firstName").cellEditor(StringInputComponent); <-- interface CellEditor { valueModel: FormValueModel<string> | ValueModel<string>; }
+ *   table.pluck("firstName").cellEditor(StringInputComponent); <-- interface CellEditor { valueModel:  DirtyTrackingForm.ValueModel<string> | ValueModel<string>; }
  *   table.pluck("lastName").cellEditor(StringInputComponent, {
  *     validators: [Validator.present("We need a last name")]
  *   });
@@ -1548,7 +1554,7 @@ var TableModel_1;
  *        // configure your component with what ever you need.
  *      });
  *      .cellRenderer(CellRendererComponent) // <-- interface CellEditor { value: string; }
- *      .cellEditor(CellEditorComponent.); // <-- interface CellEditor { valueModel: FormValueModel<string> | ValueModel<string>; }
+ *      .cellEditor(CellEditorComponent.); // <-- interface CellEditor { valueModel:  DirtyTrackingForm.ValueModel<string> | ValueModel<string>; }
  *   table.addCustomColumn("fullName", hero => `${hero.firstName} ${hero.lastName}`);
  * });
  *
@@ -1575,7 +1581,8 @@ let TableModel = TableModel_1 = class TableModel {
         this._garbage = new GarbageCollector();
         this._columns = new MutableListModel();
         this._editorSessions = new MutableListModel();
-        this._createForm = (row) => new Form();
+        this.rowClassNamePredicates = [];
+        this._createForm = (row) => new DirtyTrackingForm();
         this.identityOf = sourceOfTruth.identityOf;
         const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this._garbage);
         this._columnsById = chain(this._columns).indexBy('columnId');
@@ -1587,6 +1594,7 @@ let TableModel = TableModel_1 = class TableModel {
         this.dataSource = chain(this.sourceOfTruth).replaceAll(this.rowsBeingEdited);
         this.firstEditableColumn = chain(this.columns).select(c => c.hasEditorPortal()).first();
         this.hasColumnsWithRowSelectionExplicitlyEnabled = chain(this._columns).findIndex(column => column.isRowSelectionExplicitlyEnabled()).isGreaterThanOrEqualTo(0);
+        this.addRowClass("enable-hover", () => this.isRowSelectionEnabled());
     }
     static fromList(sourceOfTruth, builder) {
         const model = new TableModel_1(sourceOfTruth);
@@ -1625,6 +1633,18 @@ let TableModel = TableModel_1 = class TableModel {
     addTemplateColumn(columnId) {
         return this.addColumn(new CustomTemplateColumnModel(columnId, this));
     }
+    addRowClass(className, predicate) {
+        this.rowClassNamePredicates.push(new RowClass(className, predicate));
+    }
+    getRowClasses(row) {
+        const classNames = [];
+        this.rowClassNamePredicates.forEach(i => {
+            if (i.matches(row)) {
+                classNames.push(i.className);
+            }
+        });
+        return classNames;
+    }
     useFormFactory(factory) {
         this._createForm = factory;
         return this;
@@ -1757,7 +1777,7 @@ __decorate([
 TableComponent = __decorate([
     Component({
         selector: 'aup-table',
-        template: "<table mat-table [dataSource]=\"tableModel.dataSource.value\" [trackBy]=\"tableModel.getTrackByFunction()\">\n\n  <ng-container *ngFor=\"let column of columns.value; index as index; first as first; last as last\" matColumnDef=\"{{column.columnId}}\">\n    <th mat-header-cell *matHeaderCellDef>\n      <aup-table-header-cell-renderer [column]=\"column\"\n                                      [attr.column-index]=\"index\"\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)=\"onCellClicked(column, row)\" [class.enable-cursor]=\"tableModel.isRowSelectionEnabledFor(column)\">\n      <aup-table-cell-renderer [column]=\"column\"\n                               [row]=\"row\"\n                               [tableModel]=\"tableModel\"\n                               [editSession]=\"tableModel.getEditSessionFor(row)\"\n                               [attr.column-index]=\"index\"\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;\" [class.enable-hover]=\"tableModel.isRowSelectionEnabled()\"></tr>\n\n</table>\n",
+        template: "<table mat-table [dataSource]=\"tableModel.dataSource.value\" [trackBy]=\"tableModel.getTrackByFunction()\">\n\n  <ng-container *ngFor=\"let column of columns.value; index as index; first as first; last as last\" matColumnDef=\"{{column.columnId}}\">\n    <th mat-header-cell *matHeaderCellDef>\n      <aup-table-header-cell-renderer [column]=\"column\"\n                                      [attr.column-index]=\"index\"\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)=\"onCellClicked(column, row)\" [class.enable-cursor]=\"tableModel.isRowSelectionEnabledFor(column)\">\n      <aup-table-cell-renderer [column]=\"column\"\n                               [row]=\"row\"\n                               [tableModel]=\"tableModel\"\n                               [editSession]=\"tableModel.getEditSessionFor(row)\"\n                               [attr.column-index]=\"index\"\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;\"\n      [ngClass]=\"tableModel.getRowClasses(row)\"\n  ></tr>\n\n</table>\n",
         styles: [":host{display:flex;flex-direction:column;align-items:stretch}:host table{flex:1}"]
     }),
     __metadata("design:paramtypes", [])
@@ -2064,40 +2084,38 @@ MultipleSelectInputComponent = __decorate([
 ], MultipleSelectInputComponent);
 
 let IconComponent = class IconComponent {
-    constructor() { }
-    ligature() {
-        if (this.icon.startsWith('mat:')) {
-            return this.icon.slice(4);
+    set icon(iconName) {
+        this._icon = iconName;
+        if (!iconName) {
+            this.errorMessage = 'icon is nil';
+            this.prefix = undefined;
+            return;
         }
-        if (!this.icon.includes(":")) {
-            return this.icon;
+        const colonIndex = iconName.indexOf(':');
+        if (colonIndex > 0) {
+            this.prefix = this.icon.slice(0, colonIndex);
+            this.suffix = this.icon.slice(colonIndex + 1);
         }
-    }
-    svgIcon() {
-        if (this.icon.startsWith('svg:')) {
-            return this.icon.slice(4);
+        if (this.prefix) {
+            this.errorMessage = `Unknown icon "${iconName}"`;
         }
+        this.errorMessage = `Unknown icon prefix "${this.prefix}"`;
     }
-    isFontAwesome() {
-        return this.icon.startsWith('fab:');
-    }
-    fontAwesomeIcon() {
-        if (this.isFontAwesome()) {
-            return this.icon.slice(4);
-        }
+    get icon() {
+        return this._icon;
     }
 };
 __decorate([
     Input(),
-    __metadata("design:type", String)
-], IconComponent.prototype, "icon", void 0);
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [String])
+], IconComponent.prototype, "icon", null);
 IconComponent = __decorate([
     Component({
         selector: 'aup-icon',
-        template: "<mat-icon *ngIf=\"!isFontAwesome()\"\n          [svgIcon]=\"svgIcon()\">\n  {{ligature()}}\n</mat-icon>\n<fa-icon *ngIf=\"isFontAwesome()\"\n         [icon]=\"fontAwesomeIcon()\">\n</fa-icon>\n\n",
-        styles: [":host{display:inline-flex;width:24px}fa-icon{width:100%;text-align:center}:host(.mat-chip-remove) mat-icon{font-size:18px}mat-icon{width:inherit;height:inherit}"]
-    }),
-    __metadata("design:paramtypes", [])
+        template: "<ng-container [ngSwitch]=\"prefix\">\n\n  <mat-icon *ngSwitchCase=\"'svg'\"\n            [svgIcon]=\"suffix\"\n            class=\"svgIcon\">\n  </mat-icon>\n\n  <mat-icon *ngSwitchCase=\"'mat'\">\n    {{suffix}}\n  </mat-icon>\n\n  <div *ngSwitchCase=\"'fab'\"\n       class=\"faIconWrapper\">\n    <fa-icon [icon]=\"suffix\">\n    </fa-icon>\n  </div>\n\n  <mat-icon *ngSwitchDefault\n            [matTooltip]=\"errorMessage\">\n    bug_report\n  </mat-icon>\n\n</ng-container>\n\n",
+        styles: [":host{display:inline-flex;width:24px}fa-icon{vertical-align:middle}.faIconWrapper{text-align:center;width:24px;height:24px}.svgIcon{width:24px;height:24px}:host(.mat-chip-remove) mat-icon{font-size:18px}mat-icon{width:inherit;height:inherit}"]
+    })
 ], IconComponent);
 
 let ComponentsModule = class ComponentsModule {
@@ -2157,7 +2175,8 @@ ComponentsModule = __decorate([
             MatTableModule,
             PortalModule,
             CdkScrollableModule,
-            FontAwesomeModule
+            FontAwesomeModule,
+            MatTooltipModule
         ],
         exports: [
             NumberInputComponent,
@@ -2947,6 +2966,15 @@ InPlaceInteractionContextComponent = __decorate([
     __metadata("design:paramtypes", [InteractionService, Object])
 ], InPlaceInteractionContextComponent);
 
+/**
+ * Css Vars.
+ *   --link-color
+ *   --link-color-hover
+ *   --link-background
+ *   --link-background-hover
+ *   --link-border-radius
+ *   --link-padding
+ */
 let AddItemInteractionContextComponent = class AddItemInteractionContextComponent extends DisposableComponent {
     constructor() {
         super();
@@ -3010,7 +3038,7 @@ AddItemInteractionContextComponent = __decorate([
     Component({
         selector: 'aup-add-item-interaction-context',
         template: "<aup-in-place-interaction-context [animateFirstActivity]=\"false\">\n    <a part=\"link\" class=\"link\" [pectinCommand]=\"clickCommand\"><aup-icon [icon]=\"icon\"></aup-icon> {{label}}</a>\n</aup-in-place-interaction-context>\n",
-        styles: [":host{--def-link-color:var(--link-color, currentColor);--def-link-color-hover:var(--link-color-hover, currentColor);--def-link-backgound:var(--link-background, transparent);--def-link-backgound-hover:var(--link-background-hover, rgba(0, 0, 0, 0.05));--def-link-border-radius:var(--link-border-radius, 4px);--def-link-padding:var(--link-padding, calc(var(--aup-default-padding) / 2));display:flex;flex-direction:column;border-radius:var(--def-link-border-radius);box-sizing:border-box;outline:0}:host:hover a.link{color:var(--def-link-color-hover);background-color:var(--def-link-backgound-hover)}aup-in-place-interaction-context{border-radius:var(--def-link-border-radius)}a.link{display:flex;flex-direction:row;align-items:center;border-radius:var(--def-link-border-radius);color:var(--def-link-color);background:var(--def-link-backgound);padding:var(--def-link-padding);cursor:pointer;text-decoration:none}a.link mat-icon{margin-right:8px}"]
+        styles: [":host{--def-link-color:var(--link-color, currentColor);--def-link-color-hover:var(--link-color-hover, currentColor);--def-link-background:var(--link-background, transparent);--def-link-background-hover:var(--link-background-hover, rgba(0, 0, 0, 0.05));--def-link-border-radius:var(--link-border-radius, 4px);--def-link-padding:var(--link-padding, calc(var(--aup-default-padding) / 2));display:flex;flex-direction:column;border-radius:var(--def-link-border-radius);box-sizing:border-box;outline:0}:host:hover a.link{color:var(--def-link-color-hover);background-color:var(--def-link-background-hover)}aup-in-place-interaction-context{border-radius:var(--def-link-border-radius)}a.link{display:flex;flex-direction:row;align-items:center;border-radius:var(--def-link-border-radius);color:var(--def-link-color);background:var(--def-link-background);padding:var(--def-link-padding);cursor:pointer;text-decoration:none}a.link mat-icon{margin-right:8px}"]
     }),
     __metadata("design:paramtypes", [])
 ], AddItemInteractionContextComponent);
@@ -3204,7 +3232,7 @@ let AbstractInputActivity = class AbstractInputActivity extends Activity {
         super();
         this.data = data;
         this.class = 'aup-input-activity';
-        const form = new Form();
+        const form = new DirtyTrackingForm();
         this.valueModel = form.valueModel(this.data.initialValue);
         this.valueModel.validateUsing(data.validators || []);
         this.confirmCommand = Command.create(() => {
@@ -5489,7 +5517,7 @@ __decorate([
 SidePlaceNavigationComponent = __decorate([
     Component({
         selector: 'aup-side-place-navigation',
-        template: "<mat-nav-list>\n  <a mat-list-item (click)=\"toggleMenu()\" class=\"home\">\n    <aup-icon class=\"collapsed-only\" icon=\"menu\"></aup-icon>\n    <aup-icon class=\"expanded-only\" icon=\"arrow_back\"></aup-icon>\n    <span class=\"expanded-only\">Menu</span>\n  </a>\n  <a mat-list-item *ngFor=\"let placeDefinition of placeDefinitions.value\"\n     [pectinCommand]=\"commandFactory.create(placeDefinition)\"\n     [class.active]=\"isActive(placeDefinition)\"\n     [matTooltip]=\"getNav(placeDefinition).tooltip()\">\n    <aup-icon *ngIf=\"getNav(placeDefinition).icon()\" [icon]=\"getNav(placeDefinition).icon()\"></aup-icon>\n    <span\n      class=\"expanded-only\">{{getNav(placeDefinition).title()}}</span>\n  </a>\n  <span [style.flex]=\"1\"></span>\n  <ng-container *ngIf=\"navEndTemplate\" [ngTemplateOutlet]=\"navEndTemplate\"></ng-container>\n</mat-nav-list>\n",
+        template: "<mat-nav-list>\n  <a mat-list-item (click)=\"toggleMenu()\" class=\"home\">\n    <aup-icon class=\"collapsed-only\" icon=\"mat:menu\"></aup-icon>\n    <aup-icon class=\"expanded-only\" icon=\"mat:arrow_back\"></aup-icon>\n    <span class=\"expanded-only\">Menu</span>\n  </a>\n  <a mat-list-item *ngFor=\"let placeDefinition of placeDefinitions.value\"\n     [pectinCommand]=\"commandFactory.create(placeDefinition)\"\n     [class.active]=\"isActive(placeDefinition)\"\n     [matTooltip]=\"getNav(placeDefinition).tooltip()\">\n    <aup-icon *ngIf=\"getNav(placeDefinition).icon()\" [icon]=\"getNav(placeDefinition).icon()\"></aup-icon>\n    <span\n      class=\"expanded-only\">{{getNav(placeDefinition).title()}}</span>\n  </a>\n  <span [style.flex]=\"1\"></span>\n  <ng-container *ngIf=\"navEndTemplate\" [ngTemplateOutlet]=\"navEndTemplate\"></ng-container>\n</mat-nav-list>\n",
         styles: [":host{display:flex;flex-direction:column;--resolved-nav-item-width:var(--nav-width, 56px);--resolved-nav-item-height:var(--nav-item-height, var(--resolved-nav-item-width));--resolved-expanded-width:var(--nav-expanded-width, 235px);--resolved-color:var(--nav-color, rgba(255, 255, 255, 0.9));--resolved-background-color:var(--nav-background-color, #555);width:var(--resolved-nav-item-width);transition:width 125ms linear;background-color:var(--resolved-background-color);color:var(--resolved-color)}:host.expanded{width:var(--resolved-expanded-width);max-width:var(--resolved-expanded-width)}:host-context(.expanded) .expanded-only{max-width:100%}:host-context(.expanded) .collapsed-only{max-width:0}:host-context(.expanded) .mat-list-item aup-icon:not(.collapsed-only){margin-right:12px}:host-context(.expanded) .mat-list-item span{text-wrap:none;white-space:nowrap}.expanded-only{max-width:0;overflow:hidden}.collapsed-only{max-width:100%;overflow:hidden}mat-nav-list{flex:1;display:flex;flex-direction:column}.mat-list-item{width:var(--resolved-nav-item-width);height:var(--resolved-nav-item-height);color:inherit}.mat-list-item.active{background-color:#444}.mat-list-item.home{text-align:left}mat-icon{color:inherit}mat-icon.flip-horizontal{transform:scaleX(-1)}"]
     }),
     __metadata("design:paramtypes", [Router, PlaceRouter])