npm - @coolon/angular-ui-powerups - Versions diffs - 3.3.2 → 3.4.0 - Mend

@coolon/angular-ui-powerups 3.3.2 → 3.4.0

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.

Files changed (38) hide show

package/esm2015/lib/components/table/table-model.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"table-model.js","sourceRoot":"","sources":["../../../../../../../libs/angular-ui-powerups/src/lib/components/table/table-model.ts"],"names":[],"mappings":"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","sourcesContent":["import { ComponentType } from '@angular/cdk/overlay';\nimport {\n assert,\n BooleanValueModelChain,\n CanIdentify,\n DirtyTrackingForm,\n Dsl,\n GarbageCollector,\n lang,\n ListModel,\n ListModelChain,\n MapModelChain,\n MutableListModel,\n SelectionModel,\n TrackExternal,\n Types,\n UnaryCommand,\n ValueModelChain\n} from '@coolon/pectin';\nimport { CellRenderer } from './cell-renderer';\nimport {\n CellRendererOptions,\n ColumnModel,\n CustomTemplateColumnModel,\n CustomValueColumnModel,\n EditorControlColumnModel,\n ListPropertyColumnModel,\n OnComponentInit,\n PropertyColumnModel,\n SelectionColumnModel\n} from './column-model';\nimport { ColumnTextProperties } from './column-text-properties';\nimport { EditSession } from './edit-session';\n\n// export type StringPropertiesOf<T> = { [K in keyof T]: T[K] extends string ? K : never }[keyof T];\n// export type NumberPropertiesOf<T> = { [K in keyof T]: T[K] extends number ? K : never }[keyof T];\n\nclass RowClass<Row> {\n constructor(readonly className: string,\n readonly matches: (row: Row) => boolean) {\n }\n}\n\n/*\n Example:\n * @example\n * const model = TableModel.fromList(heroList, table => {\n * table.pluck(\"firstName\");\n * table.pluck(\"lastName\");\n * table.addCustomColumn(\"fullName\", hero => `${hero.firstName} ${hero.lastName}`);\n * });\n \n Editable tables\n * @example\n * const saveCommand = UnaryCommand.create((form: Form<Hero>) => {\n * if (form.validate()) {\n * // normal form save stuff\n * return true; // finish editing\n * }\n * return false; // continue editiing\n * }\n * const colorsNames: ListModel<string> = ...;\n * const model = TableModel.fromList(heroList, table => {\n * table.pluck(\"firstName\").cellEditor(StringInputComponent); <-- interface CellEditor { valueModel: DirtyTrackingForm.ValueModel<string> \| ValueModel<string>; }\n * table.pluck(\"lastName\").cellEditor(StringInputComponent, {\n * validators: [Validator.present(\"We need a last name\")]\n * });\n * table.pluck(\"age\").cellEditor(NumberInputComponent);\n * table.pluck(\"favoriteColor\").cellEditor(SelectInputComponent, {\n * initialiseComponent(component: SelectInputComponent) {\n * selectInput.optionsModel = colorsNames; // <- initialise our component\n * }\n * });\n * table.addEditControls(saveCommand); // <- required to enable editing\n * });\n \n Selection models\n * @example\n * const model = TableModel.fromList(heroList, table => {\n * table.addSelectionColumn(selectionModel); // <- can be single or multiple selection model\n * table.pluck(\"firstName\");\n * table.pluck(\"lastName\");\n * });\n \n Custom cell renderers and editors\n * @example\n * const model = TableModel.fromList(heroList, table => {\n * table.pluck(\"favoriteColor\")\n * .cellHeaderRenderer(CellHeaderRendererComponent, (component, column) => {\n * // configure your component with what ever you need.\n * });\n * .cellRenderer(CellRendererComponent) // <-- interface CellEditor { value: string; }\n * .cellEditor(CellEditorComponent.); // <-- interface CellEditor { valueModel: DirtyTrackingForm.ValueModel<string> \| ValueModel<string>; }\n * table.addCustomColumn(\"fullName\", hero => `${hero.firstName} ${hero.lastName}`);\n * });\n \n I18n\n * @example\n * [table.yml]\n * table:\n * columns(ColumnTextProperties[]):\n * firstName:\n * headerText: \"First Name\"\n * fullName:\n * headerText: \"Full Name\"\n \n const model = TableModel.fromList(heroList, table => {\n * table.pluck(\"favoriteColor\").cellRenderer(...).cellEditor(...);\n * table.addCustomColumn(\"fullName\", hero => `${hero.firstName} ${hero.lastName}`);\n \n table.columnTextProperties(I18n.table.columns); // <- configures all columns\n * });\n */\n@TrackExternal.Strategy(new TrackExternal.OneTimeBinding())\nexport class TableModel<Row> {\n\n private readonly _garbage = new GarbageCollector();\n\n private readonly _columns = new MutableListModel<ColumnModel<Row>>();\n private _columnsById: MapModelChain<string, ColumnModel<Row>>;\n private _editorSessions = new MutableListModel<EditSession<Row>>();\n private readonly _rowsBeingEdited: MutableListModel<Row>;\n private readonly rowClassNamePredicates: RowClass<Row>[] = [];\n\n private _columnTextPropertiesLookup: { [columnName: string]: ColumnTextProperties };\n\n readonly identityOf: CanIdentify<Row>['identityOf'];\n private saveCommand: UnaryCommand<DirtyTrackingForm<Row>, boolean>;\n private _editorSessionByRowId: MapModelChain<any, EditSession<Row>>;\n\n readonly editing: BooleanValueModelChain;\n readonly dataSource: ListModelChain<Row>;\n readonly firstEditableColumn: ValueModelChain<ColumnModel<Row>>;\n private selectionColumnModel: SelectionColumnModel<Row>;\n private hasColumnsWithRowSelectionExplicitlyEnabled: BooleanValueModelChain;\n\n static fromList<Row>(sourceOfTruth: ListModel<Row>, builder?: (tableModel: TableModel<Row>) => void): TableModel<Row> {\n const model = new TableModel<Row>(sourceOfTruth);\n builder(model);\n return model;\n }\n\n private _createForm: (row: Row) => DirtyTrackingForm<Row> = (row) => new DirtyTrackingForm<Row>();\n\n protected constructor(private sourceOfTruth: ListModel<Row>) {\n this.identityOf = sourceOfTruth.identityOf;\n const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this._garbage);\n this._columnsById = chain(this._columns).indexBy('columnId');\n this._rowsBeingEdited = new MutableListModel<Row>([], {\n identifiedWith: this.identityOf\n });\n this._editorSessionByRowId = chain(this._editorSessions).indexBy('rowId');\n this.editing = chain(this._editorSessions).count().isGreaterThan(0);\n this.dataSource = chain(this.sourceOfTruth).replaceAll(this.rowsBeingEdited);\n this.firstEditableColumn = chain(this.columns).select(c => c.hasEditorPortal()).first();\n this.hasColumnsWithRowSelectionExplicitlyEnabled = chain(this._columns).findIndex(column => column.isRowSelectionExplicitlyEnabled()).isGreaterThanOrEqualTo(0);\n this.addRowClass('enable-hover', () => this.isRowSelectionEnabled());\n }\n\n get rowsBeingEdited(): ListModel<Row> {\n return this._rowsBeingEdited.readonly;\n }\n\n readonly trackBy = (index: number, item: Row) => {\n return this.identityOf ? this.identityOf(item) : index;\n };\n\n get columns(): ListModel<ColumnModel<Row>> {\n return this._columns.readonly;\n }\n\n pluck<P extends Types.ValuePropertiesOf<Row>>(property: P, options?: { columnId: string }): PropertyColumnModel<Row, P> {\n return this.addColumn(new PropertyColumnModel<Row, P>(options?.columnId \|\| property.toString(), property, this));\n }\n\n pluckList<P extends Types.ArrayPropertiesOf<Row>>(property: P, options?: { columnId: string }): ListPropertyColumnModel<Row, P> {\n return this.addColumn(new ListPropertyColumnModel<Row, P>(options?.columnId \|\| property.toString(), property, this));\n }\n\n addSelectionColumn(selectionModel: SelectionModel<Row>): SelectionColumnModel<Row> {\n assert.isNil(this.selectionColumnModel);\n this.selectionColumnModel = new SelectionColumnModel<Row>('selection', this, selectionModel);\n return this.addColumn(this.selectionColumnModel);\n }\n\n addEditControls(saveCommand: UnaryCommand<DirtyTrackingForm<Row>, boolean>): EditorControlColumnModel<Row> {\n this.saveCommand = saveCommand;\n return this.addColumn(new EditorControlColumnModel<Row>('editControls', saveCommand, this));\n }\n\n addCustomColumn<V>(columnId: string, dataAccessor: (row: Row) => V): CustomValueColumnModel<Row, V> {\n return this.addColumn(new CustomValueColumnModel<Row, V>(columnId, this, dataAccessor));\n }\n\n addComponentColumn<C extends CellRenderer<Row>>(columnId: string, component: ComponentType<C>, onInit?: OnComponentInit<C>): CustomValueColumnModel<Row, Row>\n addComponentColumn<C extends CellRenderer<Row>>(columnId: string, component: ComponentType<C>, options?: CellRendererOptions<Row, C>): CustomValueColumnModel<Row, Row>\n addComponentColumn<C extends CellRenderer<Row>>(columnId: string, component: ComponentType<C>, onComponentInitOrOptions?: OnComponentInit<C> \| CellRendererOptions<Row, C>): CustomValueColumnModel<Row, Row> {\n return this.addColumn(new CustomValueColumnModel<Row, Row>(columnId, this, row => row)).cellRenderer(component, onComponentInitOrOptions);\n }\n\n addTemplateColumn<V>(columnId: string): CustomTemplateColumnModel<Row> {\n return this.addColumn(new CustomTemplateColumnModel<Row>(columnId, this));\n }\n\n addRowClass(className: string, predicate: (row: Row) => boolean) {\n this.rowClassNamePredicates.push(new RowClass<Row>(className, predicate));\n }\n\n getRowClasses(row: Row): string[] {\n const classNames: string[] = [];\n this.rowClassNamePredicates.forEach(i => {\n if (i.matches(row)) {\n classNames.push(i.className);\n }\n });\n return classNames;\n }\n\n useFormFactory(factory: (row: Row) => DirtyTrackingForm<Row>): this {\n this._createForm = factory;\n return this;\n }\n\n protected addColumn<C extends ColumnModel<Row>>(column: C): C {\n if (this._columnsById.get(column.columnId)) {\n lang.illegalState(`Column with id=${column.columnId} already exists`);\n } else {\n this._columns.push(column);\n }\n return column;\n }\n\n // removeColumn(column: ColumnModel<Row>) {\n //\n // }\n\n columnTextProperties(columnTextProperties: { [columnName: string]: ColumnTextProperties }) {\n this._columnTextPropertiesLookup = columnTextProperties;\n }\n\n getColumnTextProperties(column: ColumnModel<Row>): ColumnTextProperties {\n return this._columnTextPropertiesLookup ? this._columnTextPropertiesLookup[column.columnId] : undefined;\n }\n\n startEditSession(row: Row): EditSession<Row> {\n const rowId = this.identityOf(row);\n if (this._rowsBeingEdited.query().indexOf(row) > -1) {\n return lang.illegalState(`Row with id=${rowId} already being edited`);\n } else {\n const editSession = new EditSession<Row>(rowId, row, this._createForm(row), this.saveCommand);\n const { when } = Dsl.disposeWith(editSession);\n when.valueOf(editSession.liveRowValue).changes((editedValue) => {\n this._rowsBeingEdited.replaceOrPush(editedValue);\n }, { initialValue: 'triggerChangeUnlessNil' });\n\n this._editorSessions.push(editSession);\n editSession.onDispose(() => {\n this._rowsBeingEdited.remove(editSession.liveRowValue.value);\n this._editorSessions.remove(editSession);\n });\n return editSession;\n }\n }\n\n getEditSessionFor(row: Row): EditSession<Row> {\n return this._editorSessionByRowId.get(this.identityOf(row));\n }\n\n cancelAllEditorSessions() {\n this._editorSessions.runInTransaction((draft) => {\n this._rowsBeingEdited.runInTransaction(() => {\n draft.value.forEach(session => session.dispose());\n });\n });\n }\n\n isRowSelectionEnabledFor(column: ColumnModel<Row>): boolean \| undefined {\n return this.selectionColumnModel && (column.isRowSelectionEnabled() ?? this.isRowSelectionEnabledByDefault());\n }\n\n isRowSelectionEnabledByDefault(): boolean {\n return this.selectionColumnModel && this.selectionColumnModel.isRowSelectionEnabledByDefault();\n }\n\n isRowSelectionEnabled() {\n return this.hasColumnsWithRowSelectionExplicitlyEnabled.value \|\| this.isRowSelectionEnabledByDefault();\n }\n\n selectRow(row: Row) {\n this.selectionColumnModel?.selectRow(row);\n }\n}\n\n"]}
1	+ {"version":3,"file":"table-model.js","sourceRoot":"","sources":["../../../../../../../libs/angular-ui-powerups/src/lib/components/table/table-model.ts"],"names":[],"mappings":"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","sourcesContent":["import { ComponentType } from '@angular/cdk/overlay';\nimport {\n assert,\n BooleanValueModelChain,\n CanIdentify,\n DirtyTrackingForm,\n Dsl,\n GarbageCollector,\n lang,\n ListModel,\n ListModelChain,\n MapModelChain,\n MutableListModel,\n SelectionModel,\n TrackExternal,\n Types,\n UnaryCommand,\n ValueModelChain\n} from '@coolon/pectin';\nimport { CellRenderer } from './cell-renderer';\nimport {\n CellRendererOptions,\n ColumnModel,\n CustomTemplateColumnModel,\n CustomValueColumnModel,\n EditorControlColumnModel,\n ListPropertyColumnModel,\n OnComponentInit,\n PropertyColumnModel,\n SelectionColumnModel\n} from './column-model';\nimport { ColumnTextProperties } from './column-text-properties';\nimport { EditSession } from './edit-session';\n\n// export type StringPropertiesOf<T> = { [K in keyof T]: T[K] extends string ? K : never }[keyof T];\n// export type NumberPropertiesOf<T> = { [K in keyof T]: T[K] extends number ? K : never }[keyof T];\n\nclass RowClass<Row> {\n constructor(readonly className: string,\n readonly matches: (row: Row) => boolean) {\n }\n}\n\n/*\n Example:\n * @example\n * const model = TableModel.fromList(heroList, table => {\n * table.pluck(\"firstName\");\n * table.pluck(\"lastName\");\n * table.addCustomColumn(\"fullName\", hero => `${hero.firstName} ${hero.lastName}`);\n * });\n \n Editable tables\n * @example\n * const saveCommand = UnaryCommand.create((form: Form<Hero>) => {\n * if (form.validate()) {\n * // normal form save stuff\n * return true; // finish editing\n * }\n * return false; // continue editiing\n * }\n * const colorsNames: ListModel<string> = ...;\n * const model = TableModel.fromList(heroList, table => {\n * table.pluck(\"firstName\").cellEditor(StringInputComponent); <-- interface CellEditor { valueModel: DirtyTrackingForm.ValueModel<string> \| ValueModel<string>; }\n * table.pluck(\"lastName\").cellEditor(StringInputComponent, {\n * validators: [Validator.present(\"We need a last name\")]\n * });\n * table.pluck(\"age\").cellEditor(NumberInputComponent);\n * table.pluck(\"favoriteColor\").cellEditor(SelectInputComponent, {\n * initialiseComponent(component: SelectInputComponent) {\n * selectInput.optionsModel = colorsNames; // <- initialise our component\n * }\n * });\n * table.addEditControls(saveCommand); // <- required to enable editing\n * });\n \n Selection models\n * @example\n * const model = TableModel.fromList(heroList, table => {\n * table.addSelectionColumn(selectionModel); // <- can be single or multiple selection model\n * table.pluck(\"firstName\");\n * table.pluck(\"lastName\");\n * });\n \n Custom cell renderers and editors\n * @example\n * const model = TableModel.fromList(heroList, table => {\n * table.pluck(\"favoriteColor\")\n * .cellHeaderRenderer(CellHeaderRendererComponent, (component, column) => {\n * // configure your component with what ever you need.\n * });\n * .cellRenderer(CellRendererComponent) // <-- interface CellEditor { value: string; }\n * .cellEditor(CellEditorComponent.); // <-- interface CellEditor { valueModel: DirtyTrackingForm.ValueModel<string> \| ValueModel<string>; }\n * table.addCustomColumn(\"fullName\", hero => `${hero.firstName} ${hero.lastName}`);\n * });\n \n I18n\n * @example\n * [table.yml]\n * table:\n * columns(ColumnTextProperties[]):\n * firstName:\n * headerText: \"First Name\"\n * fullName:\n * headerText: \"Full Name\"\n \n const model = TableModel.fromList(heroList, table => {\n * table.pluck(\"favoriteColor\").cellRenderer(...).cellEditor(...);\n * table.addCustomColumn(\"fullName\", hero => `${hero.firstName} ${hero.lastName}`);\n \n table.columnTextProperties(I18n.table.columns); // <- configures all columns\n * });\n */\n@TrackExternal.Strategy(new TrackExternal.OneTimeBinding())\nexport class TableModel<Row> {\n\n private readonly _garbage = new GarbageCollector();\n\n private readonly _columns = new MutableListModel<ColumnModel<Row>>();\n private _columnsById: MapModelChain<string, ColumnModel<Row>>;\n private _editorSessions = new MutableListModel<EditSession<Row>>();\n private readonly _rowsBeingEdited: MutableListModel<Row>;\n private readonly rowClassNamePredicates: RowClass<Row>[] = [];\n\n private _columnTextPropertiesLookup: { [columnName: string]: ColumnTextProperties };\n\n readonly identityOf: CanIdentify<Row>['identityOf'];\n private saveCommand: UnaryCommand<DirtyTrackingForm<Row>, boolean>;\n private _editorSessionByRowId: MapModelChain<any, EditSession<Row>>;\n\n readonly editing: BooleanValueModelChain;\n readonly dataSource: ListModelChain<Row>;\n readonly firstEditableColumn: ValueModelChain<ColumnModel<Row>>;\n private selectionColumnModel: SelectionColumnModel<Row>;\n private hasColumnsWithRowSelectionExplicitlyEnabled: BooleanValueModelChain;\n\n static fromList<Row>(sourceOfTruth: ListModel<Row>, builder?: (tableModel: TableModel<Row>) => void): TableModel<Row> {\n const model = new TableModel<Row>(sourceOfTruth);\n builder(model);\n return model;\n }\n\n private _createForm: (row: Row) => DirtyTrackingForm<Row> = (row) => new DirtyTrackingForm<Row>();\n\n protected constructor(private sourceOfTruth: ListModel<Row>) {\n this.identityOf = sourceOfTruth.identityOf;\n const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this._garbage);\n this._columnsById = chain(this._columns).indexBy('columnId');\n this._rowsBeingEdited = new MutableListModel<Row>([], {\n identifiedWith: this.identityOf\n });\n this._editorSessionByRowId = chain(this._editorSessions).indexBy('rowId');\n this.editing = chain(this._editorSessions).count().isGreaterThan(0);\n this.dataSource = chain(this.sourceOfTruth).replaceAll(this.rowsBeingEdited);\n this.firstEditableColumn = chain(this.columns).select(c => c.hasEditorPortal()).first();\n this.hasColumnsWithRowSelectionExplicitlyEnabled = chain(this._columns).findIndex(column => column.isRowSelectionExplicitlyEnabled()).isGreaterThanOrEqualTo(0);\n this.addRowClass('enable-hover', () => this.isRowSelectionEnabled());\n }\n\n get rowsBeingEdited(): ListModel<Row> {\n return this._rowsBeingEdited.readonly;\n }\n\n readonly trackBy = (index: number, item: Row) => {\n return this.identityOf ? this.identityOf(item) : index;\n };\n\n get columns(): ListModel<ColumnModel<Row>> {\n return this._columns.readonly;\n }\n\n pluck<P extends Types.ValuePropertiesOf<Row>>(property: P, options?: { columnId: string }): PropertyColumnModel<Row, P> {\n return this.addColumn(new PropertyColumnModel<Row, P>(options?.columnId \|\| property.toString(), property, this));\n }\n\n pluckList<P extends Types.ArrayPropertiesOf<Row>>(property: P, options?: { columnId: string }): ListPropertyColumnModel<Row, P> {\n return this.addColumn(new ListPropertyColumnModel<Row, P>(options?.columnId \|\| property.toString(), property, this));\n }\n\n addSelectionColumn(selectionModel: SelectionModel<Row>): SelectionColumnModel<Row> {\n assert.isNil(this.selectionColumnModel);\n this.selectionColumnModel = new SelectionColumnModel<Row>('selection', this, selectionModel);\n return this.addColumn(this.selectionColumnModel);\n }\n\n addEditControls(saveCommand: UnaryCommand<DirtyTrackingForm<Row>, boolean>): EditorControlColumnModel<Row> {\n this.saveCommand = saveCommand;\n return this.addColumn(new EditorControlColumnModel<Row>('editControls', saveCommand, this));\n }\n\n addCustomColumn<V>(columnId: string, dataAccessor: (row: Row) => V): CustomValueColumnModel<Row, V> {\n return this.addColumn(new CustomValueColumnModel<Row, V>(columnId, this, dataAccessor));\n }\n\n addComponentColumn<C extends CellRenderer<Row>>(columnId: string, component: ComponentType<C>, onInit?: OnComponentInit<C>): CustomValueColumnModel<Row, Row>\n addComponentColumn<C extends CellRenderer<Row>>(columnId: string, component: ComponentType<C>, options?: CellRendererOptions<Row, C>): CustomValueColumnModel<Row, Row>\n addComponentColumn<C extends CellRenderer<Row>>(columnId: string, component: ComponentType<C>, onComponentInitOrOptions?: OnComponentInit<C> \| CellRendererOptions<Row, C>): CustomValueColumnModel<Row, Row> {\n return this.addColumn(new CustomValueColumnModel<Row, Row>(columnId, this, row => row)).cellRenderer(component, onComponentInitOrOptions);\n }\n\n addTemplateColumn<V>(columnId: string): CustomTemplateColumnModel<Row> {\n return this.addColumn(new CustomTemplateColumnModel<Row>(columnId, this));\n }\n\n addRowClass(className: string, predicate: (row: Row) => boolean) {\n this.rowClassNamePredicates.push(new RowClass<Row>(className, predicate));\n }\n\n getRowClasses(row: Row): string[] {\n const classNames: string[] = [];\n this.rowClassNamePredicates.forEach(i => {\n if (i.matches(row)) {\n classNames.push(i.className);\n }\n });\n return classNames;\n }\n\n useFormFactory(factory: (row: Row) => DirtyTrackingForm<Row>): this {\n this._createForm = factory;\n return this;\n }\n\n protected addColumn<C extends ColumnModel<Row>>(column: C): C {\n if (this._columnsById.get(column.columnId)) {\n lang.illegalState(`Column with id=${column.columnId} already exists`);\n } else {\n this._columns.push(column);\n }\n return column;\n }\n\n // removeColumn(column: ColumnModel<Row>) {\n //\n // }\n\n columnTextProperties(columnTextProperties: { [columnName: string]: ColumnTextProperties }) {\n this._columnTextPropertiesLookup = columnTextProperties;\n }\n\n getColumnTextProperties(column: ColumnModel<Row>): ColumnTextProperties {\n return this._columnTextPropertiesLookup ? this._columnTextPropertiesLookup[column.columnId] : undefined;\n }\n\n startEditSession(row: Row): EditSession<Row> {\n const rowId = this.identityOf(row);\n if (this._rowsBeingEdited.query().indexOf(row) > -1) {\n return lang.illegalState(`Row with id=${rowId} already being edited`);\n } else {\n const editSession = new EditSession<Row>(rowId, row, this._createForm(row), this.saveCommand);\n const { when } = Dsl.disposeWith(editSession);\n when(editSession.liveRowValue).changes((editedValue) => {\n this._rowsBeingEdited.replaceOrPush(editedValue);\n }, { initialValue: 'triggerChangeUnlessNil' });\n\n this._editorSessions.push(editSession);\n editSession.onDispose(() => {\n this._rowsBeingEdited.remove(editSession.liveRowValue.value);\n this._editorSessions.remove(editSession);\n });\n return editSession;\n }\n }\n\n getEditSessionFor(row: Row): EditSession<Row> {\n return this._editorSessionByRowId.get(this.identityOf(row));\n }\n\n cancelAllEditorSessions() {\n this._editorSessions.runInTransaction((draft) => {\n this._rowsBeingEdited.runInTransaction(() => {\n draft.value.forEach(session => session.dispose());\n });\n });\n }\n\n isRowSelectionEnabledFor(column: ColumnModel<Row>): boolean \| undefined {\n return this.selectionColumnModel && (column.isRowSelectionEnabled() ?? this.isRowSelectionEnabledByDefault());\n }\n\n isRowSelectionEnabledByDefault(): boolean {\n return this.selectionColumnModel && this.selectionColumnModel.isRowSelectionEnabledByDefault();\n }\n\n isRowSelectionEnabled() {\n return this.hasColumnsWithRowSelectionExplicitlyEnabled.value \|\| this.isRowSelectionEnabledByDefault();\n }\n\n selectRow(row: Row) {\n this.selectionColumnModel?.selectRow(row);\n }\n}\n\n"]}

package/esm2015/lib/directives/command.directive.js CHANGED Viewed

@@ -1,11 +1,16 @@
-import { Directive, ElementRef, HostListener, Inject, Input } from '@angular/core';
+import { Directive, ElementRef, Host, HostListener, Inject, Input, Optional } from '@angular/core';
+import { MatButton } from '@angular/material/button';
+import { MatMenuItem } from '@angular/material/menu';
 import { assert, DelegatingValueModel, Dsl, GarbageCollector, lang, UnaryCommand } from '@coolon/pectin';
 export class CommandDirective extends GarbageCollector {
-    constructor(elementRef) {
+    constructor(elementRef, matButton, matMenuItem) {
         super();
         this.elementRef = elementRef;
         this._commandEnabled = new DelegatingValueModel().withDefault(false);
         this._commandParameterProvided = false;
+        // Material buttons and menu items don't respond to the disabled binding so we
+        // need to inject them from our host element and handle them manually.
+        this.matControl = matButton || matMenuItem;
     }
     set pectinCommand(command) {
         this._command = command;
@@ -35,23 +40,35 @@ export class CommandDirective extends GarbageCollector {
         }
     }
     ngAfterViewInit() {
-        // for some reason mat-buttons kills the disabled host binding.  It works on a regular button but for now
-        // we need to do this.
         const { when } = Dsl.disposeWith(this);
-        when.valueOf(this._commandEnabled).changes(enabled => {
-            if (enabled) {
-                this.elementRef.nativeElement.removeAttribute('disabled');
-                if (this.elementRef.nativeElement.tagName === 'A') {
-                    this.elementRef.nativeElement.setAttribute('href', 'javascript:void');
-                }
+        when(this._commandEnabled).changes(enabled => this.updateEnabledState(enabled), {
+            initialValue: 'triggerChange'
+        });
+    }
+    updateEnabledState(enabled) {
+        // for some reason mat-buttons kills the disabled host binding.  It works on a regular button but for now
+        // we need to do this. The set timeout is required to prevent the button getting a expression changed
+        // when it's clicked.
+        if (this.matControl) {
+            setTimeout(() => {
+                this.matControl.disabled = !enabled;
+            }, 0);
+        }
+        if (!enabled) {
+            // Note:
+            // We can't use a host binding here for disabled as the directive can be used on arbitrary
+            // components (e.g. divs) and the compiler will barf if we use the host binding.
+            this.elementRef.nativeElement.setAttribute('disabled', 'disabled');
+            if (this.elementRef.nativeElement.tagName === 'A') {
+                this.elementRef.nativeElement.removeAttribute('href');
             }
-            else {
-                this.elementRef.nativeElement.setAttribute('disabled', 'disabled');
-                if (this.elementRef.nativeElement.tagName === 'A') {
-                    this.elementRef.nativeElement.removeAttribute('href');
-                }
+        }
+        else {
+            this.elementRef.nativeElement.removeAttribute('disabled');
+            if (this.elementRef.nativeElement.tagName === 'A') {
+                this.elementRef.nativeElement.setAttribute('href', 'javascript:void');
             }
-        }, { initialValue: 'triggerChange' });
+        }
     }
     ngOnDestroy() {
         this.dispose();
@@ -79,7 +96,9 @@ CommandDirective.decorators = [
             },] }
 ];
 CommandDirective.ctorParameters = () => [
-    { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] }
+    { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] },
+    { type: MatButton, decorators: [{ type: Host }, { type: Optional }] },
+    { type: MatMenuItem, decorators: [{ type: Host }, { type: Optional }] }
 ];
 CommandDirective.propDecorators = {
     pectinCommand: [{ type: Input }],

package/esm2015/lib/directives/command.directive.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"command.directive.js","sourceRoot":"","sources":["../../../../../../libs/angular-ui-powerups/src/lib/directives/command.directive.ts"],"names":[],"mappings":"AAAA,OAAO,~~EAAiB~~,SAAS,~~EAAE~~,UAAU,~~EAAE~~,YAAY,~~EAAE~~,MAAM,~~EAAE~~,KAAK,~~EAAqB~~,MAAM,eAAe,CAAC;~~AACrH~~,OAAO,EAAE,MAAM,EAAW,oBAAoB,EAAE,GAAG,EAAE,gBAAgB,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAMlH,MAAM,OAAO,gBAA0B,SAAQ,gBAAgB;~~IA2B7D~~,~~YAAwC~~,UAAsB;~~QAC5D~~,KAAK,EAAE,CAAC;~~QAD8B~~,eAAU,GAAV,UAAU,CAAY;~~QAxBtD~~,oBAAe,GAAG,IAAI,oBAAoB,EAAW,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;~~QAYzE~~,8BAAyB,GAAG,KAAK,CAAC;~~IAc1C~~,CAAC;~~IAxBD~~,IACI,aAAa,CAAC,OAAuC;QACvD,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;QACxB,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IACrE,CAAC;~~IACD~~,IAAI,aAAa;QACf,OAAO,IAAI,CAAC,QAAQ,CAAC;IACvB,CAAC;IAKD,IACI,gBAAgB,CAAC,KAAQ;QAC3B,IAAI,CAAC,yBAAyB,GAAG,IAAI,CAAC;QACtC,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC;IACjC,CAAC;IAED,IAAI,gBAAgB;QAClB,OAAO,IAAI,CAAC,iBAAiB,CAAC;IAChC,CAAC;~~IAMD~~,QAAQ;QACN,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QAClC,IAAI,IAAI,CAAC,aAAa,YAAY,YAAY,EAAE;YAC9C,IAAI,CAAC,IAAI,CAAC,yBAAyB,EAAE;gBACnC,IAAI,CAAC,YAAY,CAAC,8DAA8D,CAAC,CAAC;aACnF;SACF;aAAM;YACL,IAAI,IAAI,CAAC,yBAAyB,EAAE;gBAClC,IAAI,CAAC,YAAY,CAAC,wDAAwD,CAAC,CAAC;aAC7E;SACF;IACH,CAAC;IAED,eAAe;QACb,~~yGAAyG;QACzG,sBAAsB;QACtB,~~MAAM,EAAE,IAAI,EAAE,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACvC,IAAI,CAAC,~~OAAO,CAAC,~~IAAI,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE~~;YACnD~~,IAAI,OAAO,EAAE;~~gBACX~~,~~IAAI~~,~~CAAC~~,~~UAAU~~,CAAC,~~aAAa~~,CAAC,~~eAAe~~,CAAC,~~UAAU~~,~~CAAC~~,~~CAAC~~;~~gBAC1D~~,IAAI,IAAI,CAAC,UAAU,~~CAAC~~,~~aAAa~~,CAAC,~~OAAO,KAAK,~~GAAG,EAAE;~~oBACjD~~,IAAI,CAAC,UAAU,CAAC,~~aAAa~~,CAAC,~~YAAY~~,CAAC,~~MAAM~~,EAAE,~~iBAAiB~~,CAAC,CAAC;~~iBACvE~~;~~aACF~~;~~iBAAM~~;~~gBACL~~,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,YAAY,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;~~gBACnE~~,IAAI,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,KAAK,GAAG,EAAE;~~oBACjD~~,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;~~iBACvD~~;~~aACF~~;~~QACH~~,CAAC,EAAE,~~EAAC~~,YAAY,EAAE,~~eAAe~~,~~EAAC,~~CAAC,CAAC;~~IACtC~~,CAAC;IAED,WAAW;QACT,IAAI,CAAC,OAAO,EAAE,CAAC;IACjB,CAAC;IAID,WAAW,CAAC,MAAa;QACvB,MAAM,CAAC,cAAc,EAAE,CAAC;QACxB,MAAM,CAAC,eAAe,EAAE,CAAC;QACzB,IAAI,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,KAAK,EAAE;YACpC,IAAI,IAAI,CAAC,aAAa,YAAY,YAAY,EAAE;gBAC9C,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;aAClF;iBAAM;gBACL,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC;aAC7D;SACF;aAAM;YACL,OAAO,CAAC,IAAI,CAAC,qCAAqC,CAAC,CAAC;SACrD;IACH,CAAC;;;~~YArFF~~,SAAS,SAAC;gBACT,8CAA8C;gBAC9C,QAAQ,EAAE,iBAAiB;aAC5B;;;~~YANkC~~,UAAU,~~uBAkC9B~~,MAAM,SAAC,UAAU;;;~~4BAtB7B~~,KAAK;+~~BAYL~~,KAAK;~~0BAmDL~~,YAAY,SAAC,OAAO,EAAE,CAAC,QAAQ,CAAC","sourcesContent":["import { AfterViewInit, Directive, ElementRef, HostListener, Inject, Input, OnDestroy, OnInit } from '@angular/core';\nimport { assert, Command, DelegatingValueModel, Dsl, GarbageCollector, lang, UnaryCommand } from '@coolon/pectin';\n\n@Directive({\n // tslint:disable-next-line:directive-selector\n selector: '[pectinCommand]'\n})\nexport class CommandDirective<P = any> extends GarbageCollector implements OnInit, OnDestroy, AfterViewInit {\n\n private _command: Command<any> \| UnaryCommand<P>;\n private _commandEnabled = new DelegatingValueModel<boolean>().withDefault(false);\n\n @Input()\n set pectinCommand(command: Command<any> \| UnaryCommand<P>) {\n this._command = command;\n this._commandEnabled.setDelegate(command ? command.enabled : null);\n }\n get pectinCommand():Command<any> \| UnaryCommand<P> {\n return this._command;\n }\n\n private _commandParameter: P;\n private _commandParameterProvided = false;\n\n @Input()\n set commandParameter(value: P) {\n this._commandParameterProvided = true;\n this._commandParameter = value;\n }\n\n get commandParameter(): P {\n return this._commandParameter;\n }\n\n constructor(@Inject(ElementRef) private elementRef: ElementRef) {\n super();\n }\n\n ngOnInit(): void {\n assert.notNil(this.pectinCommand);\n if (this.pectinCommand instanceof UnaryCommand) {\n if (!this._commandParameterProvided) {\n lang.illegalState('UnaryCommands require the command parameter to be specified.');\n }\n } else {\n if (this._commandParameterProvided) {\n lang.illegalState('command parameters are only supported by UnaryCommands');\n }\n }\n }\n\n ngAfterViewInit(): void {\n // for some reason mat-buttons kills the disabled host binding. It works on a regular button but for now\n // we need to do this.\n ~~const~~ { when } = ~~Dsl.disposeWith~~(this);\n ~~when.valueOf~~(~~this._commandEnabled~~)~~.changes(enabled~~ => {\n if (enabled) {\n this.elementRef.nativeElement.~~removeAttribute~~('disabled');\n if (this.elementRef.nativeElement.tagName === 'A') {\n this.elementRef.nativeElement.~~setAttribute~~('href'~~, 'javascript:void'~~);\n }\n } else {\n this.elementRef.nativeElement.~~setAttribute~~('disabled'~~, 'disabled'~~);\n if (this.elementRef.nativeElement.tagName === 'A') {\n this.elementRef.nativeElement.~~removeAttribute~~('href');\n ~~}\n~~ }\n }~~, {initialValue: 'triggerChange'});\~~n }\n\n ngOnDestroy(): void {\n this.dispose();\n }\n\n\n @HostListener('click', ['$event'])\n notifyClick($event: Event) {\n $event.preventDefault();\n $event.stopPropagation();\n if (this.pectinCommand.enabled.value) {\n if (this.pectinCommand instanceof UnaryCommand) {\n this.pectinCommand.withContext({ event: $event }).execute(this.commandParameter);\n } else {\n this.pectinCommand.withContext({ event: $event }).execute();\n }\n } else {\n console.warn('disabled command clicked, ignoring.');\n }\n }\n}\n"]}
1	+ {"version":3,"file":"command.directive.js","sourceRoot":"","sources":["../../../../../../libs/angular-ui-powerups/src/lib/directives/command.directive.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n AfterViewInit,\n Directive,\n ElementRef,\n Host,\n HostListener,\n Inject,\n Input,\n OnDestroy,\n OnInit,\n Optional\n} from '@angular/core';\nimport { MatButton } from '@angular/material/button';\nimport { MatMenuItem } from '@angular/material/menu';\nimport { assert, Command, DelegatingValueModel, Dsl, GarbageCollector, lang, UnaryCommand } from '@coolon/pectin';\n\n@Directive({\n // tslint:disable-next-line:directive-selector\n selector: '[pectinCommand]'\n})\nexport class CommandDirective<P = any> extends GarbageCollector implements OnInit, OnDestroy, AfterViewInit {\n\n private _command: Command<any> \| UnaryCommand<P>;\n private _commandEnabled = new DelegatingValueModel<boolean>().withDefault(false);\n private matControl: MatButton \| MatMenuItem;\n\n @Input()\n set pectinCommand(command: Command<any> \| UnaryCommand<P>) {\n this._command = command;\n this._commandEnabled.setDelegate(command ? command.enabled : null);\n }\n\n get pectinCommand(): Command<any> \| UnaryCommand<P> {\n return this._command;\n }\n\n private _commandParameter: P;\n private _commandParameterProvided = false;\n\n @Input()\n set commandParameter(value: P) {\n this._commandParameterProvided = true;\n this._commandParameter = value;\n }\n\n get commandParameter(): P {\n return this._commandParameter;\n }\n\n constructor(\n @Inject(ElementRef) private elementRef: ElementRef,\n @Host() @Optional() matButton: MatButton,\n @Host() @Optional() matMenuItem: MatMenuItem\n ) {\n super();\n // Material buttons and menu items don't respond to the disabled binding so we\n // need to inject them from our host element and handle them manually.\n this.matControl = matButton \|\| matMenuItem;\n }\n\n ngOnInit(): void {\n assert.notNil(this.pectinCommand);\n if (this.pectinCommand instanceof UnaryCommand) {\n if (!this._commandParameterProvided) {\n lang.illegalState('UnaryCommands require the command parameter to be specified.');\n }\n } else {\n if (this._commandParameterProvided) {\n lang.illegalState('command parameters are only supported by UnaryCommands');\n }\n }\n }\n\n ngAfterViewInit(): void {\n const { when } = Dsl.disposeWith(this);\n when(this._commandEnabled).changes(enabled => this.updateEnabledState(enabled), {\n initialValue: 'triggerChange'\n });\n }\n\n updateEnabledState(enabled: boolean) {\n // for some reason mat-buttons kills the disabled host binding. It works on a regular button but for now\n // we need to do this. The set timeout is required to prevent the button getting a expression changed\n // when it's clicked.\n if (this.matControl) {\n setTimeout(() => {\n this.matControl.disabled = !enabled;\n }, 0);\n }\n if (!enabled) {\n // Note:\n // We can't use a host binding here for disabled as the directive can be used on arbitrary\n // components (e.g. divs) and the compiler will barf if we use the host binding.\n this.elementRef.nativeElement.setAttribute('disabled', 'disabled');\n if (this.elementRef.nativeElement.tagName === 'A') {\n this.elementRef.nativeElement.removeAttribute('href');\n }\n } else {\n this.elementRef.nativeElement.removeAttribute('disabled');\n if (this.elementRef.nativeElement.tagName === 'A') {\n this.elementRef.nativeElement.setAttribute('href', 'javascript:void');\n }\n }\n }\n\n ngOnDestroy(): void {\n this.dispose();\n }\n\n\n @HostListener('click', ['$event'])\n notifyClick($event: Event) {\n $event.preventDefault();\n $event.stopPropagation();\n if (this.pectinCommand.enabled.value) {\n if (this.pectinCommand instanceof UnaryCommand) {\n this.pectinCommand.withContext({ event: $event }).execute(this.commandParameter);\n } else {\n this.pectinCommand.withContext({ event: $event }).execute();\n }\n } else {\n console.warn('disabled command clicked, ignoring.');\n }\n }\n}\n"]}

package/esm2015/lib/directives/command.directive.metadata.json CHANGED Viewed

	@@ -1 +1 @@
1	- [{"__symbolic":"module","version":4,"metadata":{"CommandDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@coolon/pectin","name":"GarbageCollector","line":7,"character":47},"arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":3,"character":1},"arguments":[{"selector":"[pectinCommand]"}]}],"members":{"pectinCommand":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"commandParameter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":34,"character":15},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":34,"character":22}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":34,"character":54}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"notifyClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":75,"character":3},"arguments":["click",["$event"]]}]}]}}}}]
1	+ [{"__symbolic":"module","version":4,"metadata":{"CommandDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@coolon/pectin","name":"GarbageCollector","line":20,"character":47},"arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":16,"character":1},"arguments":[{"selector":"[pectinCommand]"}]}],"members":{"pectinCommand":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"commandParameter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":50,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":50,"character":12}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":51,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":51,"character":13}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":52,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":52,"character":13}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":50,"character":44},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButton","line":51,"character":36},{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuItem","line":52,"character":38}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"updateEnabledState":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"notifyClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":110,"character":3},"arguments":["click",["$event"]]}]}]}}}}]

package/esm2015/lib/directives/focus-binding.js CHANGED Viewed

@@ -12,7 +12,7 @@ export class FocusBinding extends GarbageCollector {
         this.document = document;
         // TODO: Make this also track the current enabled/disabled state.
         const { when } = Dsl.disposeWith(this);
-        when.valueOf(this.focusContext.focused).changes((focused) => {
+        when(this.focusContext.focused).changes((focused) => {
             if (focused && !this.alreadyHasFocus()) {
                 this.tryAndFocus();
             }

package/esm2015/lib/directives/focus-binding.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"focus-binding.js","sourceRoot":"","sources":["../../../../../../libs/angular-ui-powerups/src/lib/directives/focus-binding.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAE7E,MAAM,OAAO,YAAa,SAAQ,gBAAgB;IAIhD,8FAA8F;IAC9F,YAA6B,kBAA+B,EACf,MAAc,EAC7B,QAAa,EACtB,YAAkC;QACrD,KAAK,EAAE,CAAC;QAJmB,uBAAkB,GAAlB,kBAAkB,CAAa;QACf,WAAM,GAAN,MAAM,CAAQ;QAEtC,iBAAY,GAAZ,YAAY,CAAsB;QAErD,kHAAkH;QAClH,IAAI,CAAC,QAAQ,GAAG,QAAoB,CAAC;QAErC,iEAAiE;QACjE,MAAM,EAAE,IAAI,EAAE,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACvC,IAAI,CAAC,~~OAAO,CAAC,~~IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;~~YAC1D~~,IAAI,OAAO,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE,EAAE;gBACtC,IAAI,CAAC,WAAW,EAAE,CAAC;aACpB;QACH,CAAC,EAAE,EAAE,YAAY,EAAE,wBAAwB,EAAE,CAAC,CAAC;IACjD,CAAC;IAED,SAAS;QACP,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,CAAC;IACpC,CAAC;IAED,UAAU;QACR,IAAI,CAAC,YAAY,CAAC,cAAc,EAAE,CAAC;IACrC,CAAC;IAED,yCAAyC;IACzC,eAAe;QACb,OAAO,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IACjD,CAAC;IAED,yCAAyC;IACzC,gBAAgB,CAAC,OAAgB;QAC/B,OAAO,IAAI,CAAC,QAAQ,CAAC,aAAa,KAAK,OAAO,CAAC;IACjD,CAAC;IAED,WAAW,CAAC,UAAkB,CAAC;QAC7B,IAAI,IAAI,CAAC,yBAAyB,EAAE,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;YACvD,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE,EAAE;gBAC3B,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC;aAC1B;YACD,iDAAiD;YACjD,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE,EAAE;gBAC3B,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,wBAAwB,OAAO,aAAa,CAAC,CAAC;gBACnE,IAAI,OAAO,GAAG,CAAC,EAAE;oBACf,8BAA8B;oBAC9B,iFAAiF;oBACjF,qBAAqB,CAAC,GAAG,EAAE;wBACzB,IAAI,CAAC,WAAW,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC;oBAChC,CAAC,CAAC,CAAC;iBACJ;qBAAM;oBACL,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,wEAAwE,CAAC,CAAC;iBACjG;aACF;SACF;IACH,CAAC;IAED,IAAI,WAAW;QACb,OAAO,IAAI,CAAC,kBAAkB,CAAC;IACjC,CAAC;IAED,yCAAyC;IACzC,yBAAyB;QACvB,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC;IACzC,CAAC;IAED,yCAAyC;IACzC,QAAQ;QACN,MAAM,SAAS,GAAG,IAAI,CAAC,WAAW,CAAC,qBAAqB,EAAE,CAAC;QAC3D,MAAM,OAAO,GAAG,SAAS,CAAC,MAAM,IAAI,CAAC,IAAI,SAAS,CAAC,MAAM,IAAI,CAAC,CAAC;QAC/D,6CAA6C;QAC7C,OAAO,OAAO,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAClD,CAAC;;;YAvEgD,WAAW;YAR7C,MAAM,uBASR,MAAM,SAAC,MAAM;4CACb,MAAM,SAAC,QAAQ","sourcesContent":["import { DOCUMENT } from '@angular/common';\nimport { Inject, NgZone } from '@angular/core';\nimport { Dsl, FocusManager, GarbageCollector, Logger } from '@coolon/pectin';\n\nexport class FocusBinding extends GarbageCollector {\n\n private readonly document: Document;\n\n // TODO: update to support alternate focus mechanisms so we can interoperate with mat-checkbox\n constructor(private readonly focusTargetElement: HTMLElement,\n @Inject(NgZone) private readonly ngZone: NgZone,\n @Inject(DOCUMENT) document: any,\n readonly focusContext: FocusManager.Context) {\n super();\n // @see https://stackoverflow.com/questions/49513359/could-not-resolve-type-document-in-angular5/53715642#53715642\n this.document = document as Document;\n\n // TODO: Make this also track the current enabled/disabled state.\n const { when } = Dsl.disposeWith(this);\n when~~.valueOf~~(this.focusContext.focused).changes((focused) => {\n if (focused && !this.alreadyHasFocus()) {\n this.tryAndFocus();\n }\n }, { initialValue: 'triggerChangeUnlessNil' });\n }\n\n onFocusIn() {\n this.focusContext.notifyFocusIn();\n }\n\n onFocusOut() {\n this.focusContext.notifyFocusOut();\n }\n\n // Hook method for debugging via tracing.\n alreadyHasFocus() {\n return this.isElementFocused(this.focusTarget);\n }\n\n // Hook method for debugging via tracing.\n isElementFocused(element: Element): boolean {\n return this.document.activeElement === element;\n }\n\n tryAndFocus(retries: number = 5) {\n if (this.modelShouldStillHaveFocus() && this.canFocus()) {\n if (!this.alreadyHasFocus()) {\n this.focusTarget.focus();\n }\n // if we didn't get the focus we try again later.\n if (!this.alreadyHasFocus()) {\n Logger.get(this).log(`focus failed, trying ${retries} more times`);\n if (retries > 0) {\n // try again on the next paint\n // TODO: is there an angular way of doing this without calling a window function.\n requestAnimationFrame(() => {\n this.tryAndFocus(retries - 1);\n });\n } else {\n Logger.get(this).warn(`Tried to focus but gave up as the component wasn't enabled or visible.`);\n }\n }\n }\n }\n\n get focusTarget(): HTMLElement {\n return this.focusTargetElement;\n }\n\n // Hook method for debugging via tracing.\n modelShouldStillHaveFocus() {\n return this.focusContext.focused.value;\n }\n\n // Hook method for debugging via tracing.\n canFocus(): boolean {\n const dimension = this.focusTarget.getBoundingClientRect();\n const hasSize = dimension.height >= 0 && dimension.height >= 0;\n // tslint:disable-next-line:no-string-literal\n return hasSize && !this.focusTarget['disabled'];\n }\n}\n"]}
1	+ {"version":3,"file":"focus-binding.js","sourceRoot":"","sources":["../../../../../../libs/angular-ui-powerups/src/lib/directives/focus-binding.ts"],"names":[],"mappings":"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","sourcesContent":["import { DOCUMENT } from '@angular/common';\nimport { Inject, NgZone } from '@angular/core';\nimport { Dsl, FocusManager, GarbageCollector, Logger } from '@coolon/pectin';\n\nexport class FocusBinding extends GarbageCollector {\n\n private readonly document: Document;\n\n // TODO: update to support alternate focus mechanisms so we can interoperate with mat-checkbox\n constructor(private readonly focusTargetElement: HTMLElement,\n @Inject(NgZone) private readonly ngZone: NgZone,\n @Inject(DOCUMENT) document: any,\n readonly focusContext: FocusManager.Context) {\n super();\n // @see https://stackoverflow.com/questions/49513359/could-not-resolve-type-document-in-angular5/53715642#53715642\n this.document = document as Document;\n\n // TODO: Make this also track the current enabled/disabled state.\n const { when } = Dsl.disposeWith(this);\n when(this.focusContext.focused).changes((focused) => {\n if (focused && !this.alreadyHasFocus()) {\n this.tryAndFocus();\n }\n }, { initialValue: 'triggerChangeUnlessNil' });\n }\n\n onFocusIn() {\n this.focusContext.notifyFocusIn();\n }\n\n onFocusOut() {\n this.focusContext.notifyFocusOut();\n }\n\n // Hook method for debugging via tracing.\n alreadyHasFocus() {\n return this.isElementFocused(this.focusTarget);\n }\n\n // Hook method for debugging via tracing.\n isElementFocused(element: Element): boolean {\n return this.document.activeElement === element;\n }\n\n tryAndFocus(retries: number = 5) {\n if (this.modelShouldStillHaveFocus() && this.canFocus()) {\n if (!this.alreadyHasFocus()) {\n this.focusTarget.focus();\n }\n // if we didn't get the focus we try again later.\n if (!this.alreadyHasFocus()) {\n Logger.get(this).log(`focus failed, trying ${retries} more times`);\n if (retries > 0) {\n // try again on the next paint\n // TODO: is there an angular way of doing this without calling a window function.\n requestAnimationFrame(() => {\n this.tryAndFocus(retries - 1);\n });\n } else {\n Logger.get(this).warn(`Tried to focus but gave up as the component wasn't enabled or visible.`);\n }\n }\n }\n }\n\n get focusTarget(): HTMLElement {\n return this.focusTargetElement;\n }\n\n // Hook method for debugging via tracing.\n modelShouldStillHaveFocus() {\n return this.focusContext.focused.value;\n }\n\n // Hook method for debugging via tracing.\n canFocus(): boolean {\n const dimension = this.focusTarget.getBoundingClientRect();\n const hasSize = dimension.height >= 0 && dimension.height >= 0;\n // tslint:disable-next-line:no-string-literal\n return hasSize && !this.focusTarget['disabled'];\n }\n}\n"]}

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

@@ -1,7 +1,6 @@
 import { __decorate, __metadata } from "tslib";
 import { Component, HostBinding, Input } from '@angular/core';
 import { Command, DelegatingCommand, TrackExternal } from '@coolon/pectin';
-import _ from 'lodash';
 import { DisposableComponent } from '../../../components/disposable-component';
 export class ActivityActionsComponent extends DisposableComponent {
     constructor() {
@@ -16,12 +15,6 @@ export class ActivityActionsComponent extends DisposableComponent {
     }
     ngOnInit() {
     }
-    hasConfirmText() {
-        return !_.isEmpty(this.confirmText);
-    }
-    hasCancelText() {
-        return !_.isEmpty(this.cancelText);
-    }
     hasConfirmCommand() {
         return DelegatingCommand.hasDelegate(this.confirmCommand);
     }
@@ -32,15 +25,14 @@ export class ActivityActionsComponent extends DisposableComponent {
 ActivityActionsComponent.decorators = [
     { type: Component, args: [{
                 selector: 'aup-activity-actions',
-                template: "<ng-container *ngIf=\"hasCancelCommand()\">\n  <button class=\"cancel\" *ngIf=\"!hasCancelText()\" mat-icon-button [pectinCommand]=\"cancelCommand\">\n    <aup-icon icon=\"mat:clear\"></aup-icon>\n  </button>\n  <button class=\"cancel\" *ngIf=\"hasCancelText()\" mat-button [pectinCommand]=\"cancelCommand\">{{cancelText}}</button>\n</ng-container>\n<ng-container *ngIf=\"hasConfirmCommand()\">\n  <button class=\"confirm\" *ngIf=\"!hasConfirmText()\" mat-icon-button [pectinCommand]=\"confirmCommand\">\n    <aup-icon icon=\"mat:done\"></aup-icon>\n  </button>\n  <button class=\"confirm\" *ngIf=\"hasConfirmText()\" mat-button [pectinCommand]=\"confirmCommand\">{{confirmText}}</button>\n</ng-container>\n<div class=\"content\">\n  <ng-content></ng-content>\n</div>\n",
+                template: "<ng-container *ngIf=\"hasCancelCommand()\">\n  <aup-command class=\"cancel\" [command]=\"cancelCommand\" [face]=\"style.cancel\"></aup-command>\n</ng-container>\n<ng-container *ngIf=\"hasConfirmCommand()\">\n  <aup-command class=\"confirm\" [command]=\"confirmCommand\" [face]=\"style.confirm\"></aup-command>\n</ng-container>\n<div class=\"content\">\n  <ng-content></ng-content>\n</div>\n",
                 styles: [":host{-ms-grid-columns:auto auto 1fr;-ms-grid-rows:auto;align-items:center;display:-ms-grid;display:grid;grid-template-areas:\"cancel confirm content\";grid-template-columns:auto auto 1fr;grid-template-rows:auto;justify-content:end}:host.align-end{-ms-grid-columns:1fr auto auto;grid-template-areas:\"content cancel confirm\";grid-template-columns:1fr auto auto}:host.align-stretch{-ms-grid-columns:auto 1fr auto;grid-template-areas:\"cancel content confirm\";grid-template-columns:auto 1fr auto}.cancel{-ms-grid-column:1;-ms-grid-row:1;grid-area:cancel}:host.align-end>.cancel{-ms-grid-column:2;-ms-grid-row:1}:host.align-stretch>.cancel{-ms-grid-column:1;-ms-grid-row:1}.confirm{-ms-grid-column:2;-ms-grid-row:1;grid-area:confirm}.column,:host.align-end>.confirm,:host.align-stretch>.confirm{-ms-grid-column:3;-ms-grid-row:1}.column{grid-area:content;text-align:left}:host.align-end>.column{-ms-grid-column:1;-ms-grid-row:1}:host.align-stretch>.column{-ms-grid-column:2;-ms-grid-row:1}"]
             },] }
 ];
 ActivityActionsComponent.propDecorators = {
     confirmCommand: [{ type: Input }],
-    confirmText: [{ type: Input }],
     cancelCommand: [{ type: Input }],
-    cancelText: [{ type: Input }],
+    style: [{ type: Input }],
     align: [{ type: Input }],
     alignEnd: [{ type: HostBinding, args: ['class.align-end',] }],
     alignStretch: [{ type: HostBinding, args: ['class.align-stretch',] }]

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

	@@ -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;AACtE,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;~~AAC3E~~,OAAO,~~CAAC,MAAM,QAAQ,CAAC;AACvB,OAAO,~~EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAO/E,MAAM,OAAO,wBAAyB,SAAQ,mBAAmB;IALjE;;~~QAuBE~~,UAAK,GAAgC,OAAO,CAAC;~~IA+B~~/C,CAAC;~~IA7BC~~,IACI,QAAQ;QACV,OAAO,IAAI,CAAC,KAAK,KAAK,KAAK,CAAA;IAC7B,CAAC;IAED,IACI,YAAY;QACd,OAAO,IAAI,CAAC,KAAK,KAAK,SAAS,CAAA;IACjC,CAAC;IAED,QAAQ;IACR,CAAC;IAED,~~cAAc;QACZ,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IACtC,CAAC;IAED,aAAa;QACX,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;IACpC,CAAC;IAED,~~iBAAiB;QACf,OAAO,iBAAiB,CAAC,WAAW,CAAC,IAAI,CAAC,cAAc,CAAC,CAAA;IAC3D,CAAC;IAED,gBAAgB;QACd,OAAO,iBAAiB,CAAC,WAAW,CAAC,IAAI,CAAC,aAAa,CAAC,CAAA;IAC1D,CAAC;;;~~YApDF~~,SAAS,SAAC;gBACT,QAAQ,EAAE,sBAAsB;gBAChC,~~6wBAAgD~~;;aAEjD;;;6BAGE,KAAK;~~0BAIL~~,KAAK;~~4BAGL~~,KAAK;~~yBAIL~~,KAAK;~~oBAIL,KAAK;~~uBAGL,WAAW,SAAC,iBAAiB;2BAK7B,WAAW,SAAC,qBAAqB;;~~AArBlC~~;IADC,aAAa,EAAE;8BACA,OAAO;gEAAM;~~AAO7B~~;IADC,aAAa,EAAE;8BACD,OAAO;+DAAM","sourcesContent":["import { Component, HostBinding, Input, OnInit } from '@angular/core';\nimport { Command, DelegatingCommand, TrackExternal } from '@coolon/pectin';\nimport _ from 'lodash';\nimport { DisposableComponent } from '../../../components/disposable-component';\n\n@Component({\n selector: 'aup-activity-actions',\n templateUrl: './activity-actions.component.html',\n styleUrls: ['./activity-actions.component.scss']\n})\nexport class ActivityActionsComponent extends DisposableComponent implements OnInit {\n\n @Input()\n @TrackExternal()\n confirmCommand: Command<any>;\n\n @Input()\n ~~confirmText: string;\n\n~~ @~~Input()\n @~~TrackExternal()\n cancelCommand: Command<any>;\n\n @Input()\n ~~cancelText~~: ~~string~~;\n\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 ~~hasConfirmText~~() {\n return !_.~~isEmpty~~(this.~~confirmText~~);\n }\n\n ~~hasCancelText~~() {\n return !_.~~isEmpty~~(this.~~cancelText~~)\n }\n\n ~~hasConfirmCommand() {~~\n ~~return~~ ~~DelegatingCommand.hasDelegate(this.confirmCommand)~~\n ~~}\n\n hasCancelCommand()~~ {\n ~~return~~ ~~DelegatingCommand.hasDelegate(this.cancelCommand)\~~n }\n\n}\n"]}
1	+ {"version":3,"file":"activity-actions.component.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/interaction/components/activity-actions/activity-actions.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAU,MAAM,eAAe,CAAC;AACtE,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAG3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAO/E,MAAM,OAAO,wBAAyB,SAAQ,mBAAmB;IALjE;;QAmBE,UAAK,GAAgC,OAAO,CAAC;IAuB/C,CAAC;IArBC,IACI,QAAQ;QACV,OAAO,IAAI,CAAC,KAAK,KAAK,KAAK,CAAA;IAC7B,CAAC;IAED,IACI,YAAY;QACd,OAAO,IAAI,CAAC,KAAK,KAAK,SAAS,CAAA;IACjC,CAAC;IAED,QAAQ;IACR,CAAC;IAED,iBAAiB;QACf,OAAO,iBAAiB,CAAC,WAAW,CAAC,IAAI,CAAC,cAAc,CAAC,CAAA;IAC3D,CAAC;IAED,gBAAgB;QACd,OAAO,iBAAiB,CAAC,WAAW,CAAC,IAAI,CAAC,aAAa,CAAC,CAAA;IAC1D,CAAC;;;YAxCF,SAAS,SAAC;gBACT,QAAQ,EAAE,sBAAsB;gBAChC,kZAAgD;;aAEjD;;;6BAGE,KAAK;4BAIL,KAAK;oBAIL,KAAK;oBAGL,KAAK;uBAGL,WAAW,SAAC,iBAAiB;2BAK7B,WAAW,SAAC,qBAAqB;;AAjBlC;IADC,aAAa,EAAE;8BACA,OAAO;gEAAM;AAI7B;IADC,aAAa,EAAE;8BACD,OAAO;+DAAM","sourcesContent":["import { Component, HostBinding, Input, OnInit } from '@angular/core';\nimport { Command, DelegatingCommand, TrackExternal } from '@coolon/pectin';\nimport _ from 'lodash';\nimport { CommandFace } from '../../../components/commands/command-face';\nimport { DisposableComponent } from '../../../components/disposable-component';\n\n@Component({\n selector: 'aup-activity-actions',\n templateUrl: './activity-actions.component.html',\n styleUrls: ['./activity-actions.component.scss']\n})\nexport class ActivityActionsComponent extends DisposableComponent implements OnInit {\n\n @Input()\n @TrackExternal()\n confirmCommand: Command<any>;\n\n @Input()\n @TrackExternal()\n cancelCommand: Command<any>;\n\n @Input()\n style: ActivityActionsComponent.Style;\n\n @Input()\n align: 'start' \| 'end' \| 'stretch' = 'start';\n\n @HostBinding('class.align-end')\n get alignEnd():boolean {\n return this.align === 'end'\n }\n\n @HostBinding('class.align-stretch')\n get alignStretch():boolean {\n return this.align === 'stretch'\n }\n\n ngOnInit() {\n }\n\n hasConfirmCommand() {\n return DelegatingCommand.hasDelegate(this.confirmCommand)\n }\n\n hasCancelCommand() {\n return DelegatingCommand.hasDelegate(this.cancelCommand)\n }\n\n}\n\nexport namespace ActivityActionsComponent {\n export interface Style {\n confirm: CommandFace;\n cancel: CommandFace;\n }\n}\n"]}

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

	@@ -1 +1 @@
1	- [{"__symbolic":"module","version":4,"metadata":{"ActivityActionsComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../../components/disposable-component","name":"DisposableComponent","line":10,"character":46},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"aup-activity-actions","template":"<ng-container ngIf=\"hasCancelCommand()\">\n <~~button~~ class=\"cancel\" ngIf=\"!hasCancelText()\" mat-icon-button [~~pectinCommand~~]=\"cancelCommand\"~~>\n <aup-icon~~ ~~icon~~=\"~~mat:clear~~\"></aup-~~icon~~>\n </~~button>\n <button class=\"cancel\" ngIf=\"hasCancelText()\" mat-button [pectinCommand]=\"cancelCommand\">{{cancelText}}</button>\n</~~ng-container>\n<ng-container ngIf=\"hasConfirmCommand()\">\n <~~button~~ class=\"confirm\" ngIf=\"!hasConfirmText()\" mat-icon-button [~~pectinCommand~~]=\"confirmCommand\"~~>\n <aup-icon~~ ~~icon~~=\"~~mat:done~~\"></aup-~~icon~~>\n </~~button>\n <button class=\"confirm\" ngIf=\"hasConfirmText()\" mat-button [pectinCommand]=\"confirmCommand\">{{confirmText}}</button>\n</~~ng-container>\n<div class=\"content\">\n <ng-content></ng-content>\n</div>\n","styles":[":host{-ms-grid-columns:auto auto 1fr;-ms-grid-rows:auto;align-items:center;display:-ms-grid;display:grid;grid-template-areas:\"cancel confirm content\";grid-template-columns:auto auto 1fr;grid-template-rows:auto;justify-content:end}:host.align-end{-ms-grid-columns:1fr auto auto;grid-template-areas:\"content cancel confirm\";grid-template-columns:1fr auto auto}:host.align-stretch{-ms-grid-columns:auto 1fr auto;grid-template-areas:\"cancel content confirm\";grid-template-columns:auto 1fr auto}.cancel{-ms-grid-column:1;-ms-grid-row:1;grid-area:cancel}:host.align-end>.cancel{-ms-grid-column:2;-ms-grid-row:1}:host.align-stretch>.cancel{-ms-grid-column:1;-ms-grid-row:1}.confirm{-ms-grid-column:2;-ms-grid-row:1;grid-area:confirm}.column,:host.align-end>.confirm,:host.align-stretch>.confirm{-ms-grid-column:3;-ms-grid-row:1}.column{grid-area:content;text-align:left}:host.align-end>.column{-ms-grid-column:1;-ms-grid-row:1}:host.align-stretch>.column{-ms-grid-column:2;-ms-grid-row:1}"]}]}],"members":{"confirmCommand":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":13,"character":3}}]}],"~~confirmText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"~~cancelCommand":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":20,"character":3}}]}],"~~cancelText~~":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"align":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"alignEnd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":30,"character":3},"arguments":["class.align-end"]}]}],"alignStretch":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":35,"character":3},"arguments":["class.align-stretch"]}]}],"ngOnInit":[{"__symbolic":"method"}],"~~hasConfirmText":[{"__symbolic":"method"}],"hasCancelText":[{"__symbolic":"method"}],"~~hasConfirmCommand":[{"__symbolic":"method"}],"hasCancelCommand":[{"__symbolic":"method"}]}}}}]
1	+ [{"__symbolic":"module","version":4,"metadata":{"ActivityActionsComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../../components/disposable-component","name":"DisposableComponent","line":11,"character":46},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"aup-activity-actions","template":"<ng-container ngIf=\"hasCancelCommand()\">\n <aup-command class=\"cancel\" [command]=\"cancelCommand\" [face]=\"style.cancel\"></aup-command>\n</ng-container>\n<ng-container ngIf=\"hasConfirmCommand()\">\n <aup-command class=\"confirm\" [command]=\"confirmCommand\" [face]=\"style.confirm\"></aup-command>\n</ng-container>\n<div class=\"content\">\n <ng-content></ng-content>\n</div>\n","styles":[":host{-ms-grid-columns:auto auto 1fr;-ms-grid-rows:auto;align-items:center;display:-ms-grid;display:grid;grid-template-areas:\"cancel confirm content\";grid-template-columns:auto auto 1fr;grid-template-rows:auto;justify-content:end}:host.align-end{-ms-grid-columns:1fr auto auto;grid-template-areas:\"content cancel confirm\";grid-template-columns:1fr auto auto}:host.align-stretch{-ms-grid-columns:auto 1fr auto;grid-template-areas:\"cancel content confirm\";grid-template-columns:auto 1fr auto}.cancel{-ms-grid-column:1;-ms-grid-row:1;grid-area:cancel}:host.align-end>.cancel{-ms-grid-column:2;-ms-grid-row:1}:host.align-stretch>.cancel{-ms-grid-column:1;-ms-grid-row:1}.confirm{-ms-grid-column:2;-ms-grid-row:1;grid-area:confirm}.column,:host.align-end>.confirm,:host.align-stretch>.confirm{-ms-grid-column:3;-ms-grid-row:1}.column{grid-area:content;text-align:left}:host.align-end>.column{-ms-grid-column:1;-ms-grid-row:1}:host.align-stretch>.column{-ms-grid-column:2;-ms-grid-row:1}"]}]}],"members":{"confirmCommand":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":14,"character":3}}]}],"cancelCommand":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":18,"character":3}}]}],"style":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"align":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"alignEnd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":27,"character":3},"arguments":["class.align-end"]}]}],"alignStretch":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":32,"character":3},"arguments":["class.align-stretch"]}]}],"ngOnInit":[{"__symbolic":"method"}],"hasConfirmCommand":[{"__symbolic":"method"}],"hasCancelCommand":[{"__symbolic":"method"}]}}}}]

package/esm2015/lib/interaction/components/popup-interaction-context/popup-interaction-context.component.js CHANGED Viewed

@@ -35,7 +35,7 @@ export class PopupInteractionContextComponent extends DisposableComponent {
         const componentRef = overlayRef.attach(this.outputPortal);
         this.interactionContext = componentRef.instance;
         return new Promise((resolve, reject) => {
-            // HACK: afterViewInit won't have been called yet.  Need to add when.valueOf(interactionContext.ready).becomesTruthy(...)
+            // HACK: afterViewInit won't have been called yet.  Need to add when(interactionContext.ready).becomesTruthy(...)
             setTimeout(() => {
                 this.interactionContext.startActivity(activityType, data)
                     .then(resolve)

package/esm2015/lib/interaction/components/popup-interaction-context/popup-interaction-context.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"popup-interaction-context.component.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/interaction/components/popup-interaction-context/popup-interaction-context.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAqB,OAAO,EAAE,MAAM,sBAAsB,CAAC;AACjF,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,KAAK,EAAU,QAAQ,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEtG,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAE/E,OAAO,EAAE,kCAAkC,EAAE,MAAM,uEAAuE,CAAC;AAO3H,MAAM,OAAO,gCAAiC,SAAQ,mBAAmB;IAkBvE,YAAoB,QAAoB,EAAU,QAAiB,EAA0B,UAAyB;QACpH,KAAK,EAAE,CAAC;QADU,aAAQ,GAAR,QAAQ,CAAY;QAAU,aAAQ,GAAR,QAAQ,CAAS;QAR1D,iBAAY,GAAG,IAAI,eAAe,CAAoD,kCAAkC,CAAC,CAAC;QAGnI,YAAO,GAAoB,OAAO,CAAC;QAGnC,YAAO,GAAqB,QAAQ,CAAC;QAInC,IAAI,CAAC,gBAAgB,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IACzD,CAAC;IAhBD,IACW,MAAM;QACf,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC;IACzB,CAAC;IAeD,aAAa,CAAU,YAA8C,EAAE,IAAQ;QAC7E,2CAA2C;QAC3C,MAAM,IAAI,GAAG,IAAI,CAAC;QAClB,MAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;YACtC,WAAW,EAAE,KAAK;YAClB,UAAU,EAAE,6BAA6B;YACzC,gBAAgB,EAAE,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE;iBACvC,mBAAmB,CAAC,IAAI,CAAC,QAAQ,CAAC;iBAClC,QAAQ,CAAC,IAAI,CAAC;iBACd,aAAa,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC;iBACtC,iBAAiB,CAAC,IAAI,CAAC;iBACvB,wBAAwB,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,4BAA4B;SAChF,CAAC,CAAC;QAEH,MAAM,IAAI,GAAG,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,eAAe,EAAE,CAAC,SAAS,CAAC,GAAG,EAAE;YAC/E,UAAU,CAAC,cAAc,EAAE,CAAC;QAC9B,CAAC,CAAC,CAAC,CAAA;QAGH,MAAM,YAAY,GAAG,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAC1D,IAAI,CAAC,kBAAkB,GAAG,YAAY,CAAC,QAAQ,CAAC;QAEhD,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;YACrC,~~yHAAyH~~;~~YACzH~~,UAAU,CAAC,GAAG,EAAE;gBACd,IAAI,CAAC,kBAAkB,CAAC,aAAa,CAAC,YAAY,EAAE,IAAI,CAAC;qBACtD,IAAI,CAAC,OAAO,CAAC;qBACb,KAAK,CAAC,MAAM,CAAC;qBACb,OAAO,CAAC,GAAG,EAAE;oBACZ,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAA;oBAClC,UAAU,CAAC,OAAO,EAAE,CAAC;gBACvB,CAAC,CAAC,CAAC;gBACL,UAAU,CAAC,GAAG,EAAE;oBACd,UAAU,CAAC,cAAc,EAAE,CAAC;gBAC9B,CAAC,CAAC,CAAA;YACJ,CAAC,CAAC,CAAC;QAEL,CAAC,CAAC,CAAC;IACL,CAAC;IAED,gBAAgB;QACd,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC;QAC5D,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,KAAK,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC;QAC3D,OAAO;YACL,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE;YACxF,8CAA8C;YAC9C,+EAA+E;YAC/E,2EAA2E;YAC3E,+EAA+E;YAC/E,0EAA0E;SAC3E,CAAC;IACJ,CAAC;IAED,oBAAoB;QAClB,OAAO,IAAI,CAAC,kBAAkB,CAAC,oBAAoB,EAAE,CAAC;IACxD,CAAC;IAED,QAAQ;QACN,OAAO,IAAI,CAAC,kBAAkB,IAAI,IAAI,CAAC,kBAAkB,CAAC,QAAQ,EAAE,CAAC;IACvE,CAAC;IAED,QAAQ;IACR,CAAC;;;YA1FF,SAAS,SAAC;gBACT,QAAQ,EAAE,+BAA+B;gBACzC,uCAAyD;;aAE1D;;;YAVmB,UAAU;YAFa,OAAO;YAAzC,aAAa,uBA+BkD,QAAQ,YAAI,QAAQ;;;qBAbzF,WAAW,SAAC,0BAA0B;sBAOtC,KAAK;sBAGL,KAAK","sourcesContent":["import { CdkScrollable, ConnectedPosition, Overlay } from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport { Component, ElementRef, HostBinding, Input, OnInit, Optional, SkipSelf } from '@angular/core';\nimport { Constructable } from '@coolon/pectin';\nimport { DisposableComponent } from '../../../components/disposable-component';\nimport { Activity } from '../../activity';\nimport { InPlaceInteractionContextComponent } from '../inplace-interaction-context/in-place-interaction-context.component';\n\n@Component({\n selector: 'aup-popup-interaction-context',\n templateUrl: './popup-interaction-context.component.html',\n styleUrls: ['./popup-interaction-context.component.scss']\n})\nexport class PopupInteractionContextComponent extends DisposableComponent implements OnInit {\n\n private interactionContext: InPlaceInteractionContextComponent<any, any, any>;\n private scrollContainers: CdkScrollable[];\n\n @HostBinding('class.interaction-active')\n public get active(): boolean {\n return this.isActive();\n }\n\n readonly outputPortal = new ComponentPortal<InPlaceInteractionContextComponent<any, any, any>>(InPlaceInteractionContextComponent);\n\n @Input()\n anchorX: 'start' \| 'end' = 'start';\n\n @Input()\n anchorY: 'top' \| 'bottom' = 'bottom';\n\n constructor(private _element: ElementRef, private _overlay: Overlay, @Optional() @SkipSelf() scrollable: CdkScrollable) {\n super();\n this.scrollContainers = scrollable ? [scrollable] : [];\n }\n\n startActivity<D, R, E>(activityType: Constructable<Activity<D, R, E>>, data?: D): Promise<R> {\n // console.log({ element: this._element });\n const self = this;\n const overlayRef = this._overlay.create({\n hasBackdrop: false,\n panelClass: 'aup-popup-interaction-panel',\n positionStrategy: this._overlay.position()\n .flexibleConnectedTo(this._element)\n .withPush(true)\n .withPositions(this.computePositions())\n .withGrowAfterOpen(true)\n .withScrollableContainers(self.scrollContainers) // this isn't working. sigh.\n });\n\n const subs = this.scrollContainers.map(sc => sc.elementScrolled().subscribe(() => {\n overlayRef.updatePosition();\n }))\n\n\n const componentRef = overlayRef.attach(this.outputPortal);\n this.interactionContext = componentRef.instance;\n\n return new Promise((resolve, reject) => {\n // HACK: afterViewInit won't have been called yet. Need to add when~~.valueOf~~(interactionContext.ready).becomesTruthy(...)\n setTimeout(() => {\n this.interactionContext.startActivity(activityType, data)\n .then(resolve)\n .catch(reject)\n .finally(() => {\n subs.forEach(s => s.unsubscribe())\n overlayRef.dispose();\n });\n setTimeout(() => {\n overlayRef.updatePosition();\n })\n });\n\n });\n }\n\n computePositions(): ConnectedPosition[] {\n const overlayX = this.anchorX === 'start' ? 'start' : 'end';\n const overlayY = this.anchorY === 'top' ? 'bottom' : 'top';\n return [\n { originX: this.anchorX, originY: this.anchorY, overlayX: overlayX, overlayY: overlayY }\n // TODO: compute some meaningful alternatives.\n // { originX: 'start', originY: 'bottom', overlayX: 'start', overlayY: 'top' },\n // { originX: 'end', originY: 'bottom', overlayX: 'end', overlayY: 'top' },\n // { originX: 'start', originY: 'top', overlayX: 'start', overlayY: 'bottom' },\n // { originX: 'end', originY: 'top', overlayX: 'end', overlayY: 'bottom' }\n ];\n }\n\n cancelActiveActivity(): Promise<boolean> {\n return this.interactionContext.cancelActiveActivity();\n }\n\n isActive(): boolean {\n return this.interactionContext && this.interactionContext.isActive();\n }\n\n ngOnInit() {\n }\n\n\n}\n"]}
1	+ {"version":3,"file":"popup-interaction-context.component.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/interaction/components/popup-interaction-context/popup-interaction-context.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { CdkScrollable, ConnectedPosition, Overlay } from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport { Component, ElementRef, HostBinding, Input, OnInit, Optional, SkipSelf } from '@angular/core';\nimport { Constructable } from '@coolon/pectin';\nimport { DisposableComponent } from '../../../components/disposable-component';\nimport { Activity } from '../../activity';\nimport { InPlaceInteractionContextComponent } from '../inplace-interaction-context/in-place-interaction-context.component';\n\n@Component({\n selector: 'aup-popup-interaction-context',\n templateUrl: './popup-interaction-context.component.html',\n styleUrls: ['./popup-interaction-context.component.scss']\n})\nexport class PopupInteractionContextComponent extends DisposableComponent implements OnInit {\n\n private interactionContext: InPlaceInteractionContextComponent<any, any, any>;\n private scrollContainers: CdkScrollable[];\n\n @HostBinding('class.interaction-active')\n public get active(): boolean {\n return this.isActive();\n }\n\n readonly outputPortal = new ComponentPortal<InPlaceInteractionContextComponent<any, any, any>>(InPlaceInteractionContextComponent);\n\n @Input()\n anchorX: 'start' \| 'end' = 'start';\n\n @Input()\n anchorY: 'top' \| 'bottom' = 'bottom';\n\n constructor(private _element: ElementRef, private _overlay: Overlay, @Optional() @SkipSelf() scrollable: CdkScrollable) {\n super();\n this.scrollContainers = scrollable ? [scrollable] : [];\n }\n\n startActivity<D, R, E>(activityType: Constructable<Activity<D, R, E>>, data?: D): Promise<R> {\n // console.log({ element: this._element });\n const self = this;\n const overlayRef = this._overlay.create({\n hasBackdrop: false,\n panelClass: 'aup-popup-interaction-panel',\n positionStrategy: this._overlay.position()\n .flexibleConnectedTo(this._element)\n .withPush(true)\n .withPositions(this.computePositions())\n .withGrowAfterOpen(true)\n .withScrollableContainers(self.scrollContainers) // this isn't working. sigh.\n });\n\n const subs = this.scrollContainers.map(sc => sc.elementScrolled().subscribe(() => {\n overlayRef.updatePosition();\n }))\n\n\n const componentRef = overlayRef.attach(this.outputPortal);\n this.interactionContext = componentRef.instance;\n\n return new Promise((resolve, reject) => {\n // HACK: afterViewInit won't have been called yet. Need to add when(interactionContext.ready).becomesTruthy(...)\n setTimeout(() => {\n this.interactionContext.startActivity(activityType, data)\n .then(resolve)\n .catch(reject)\n .finally(() => {\n subs.forEach(s => s.unsubscribe())\n overlayRef.dispose();\n });\n setTimeout(() => {\n overlayRef.updatePosition();\n })\n });\n\n });\n }\n\n computePositions(): ConnectedPosition[] {\n const overlayX = this.anchorX === 'start' ? 'start' : 'end';\n const overlayY = this.anchorY === 'top' ? 'bottom' : 'top';\n return [\n { originX: this.anchorX, originY: this.anchorY, overlayX: overlayX, overlayY: overlayY }\n // TODO: compute some meaningful alternatives.\n // { originX: 'start', originY: 'bottom', overlayX: 'start', overlayY: 'top' },\n // { originX: 'end', originY: 'bottom', overlayX: 'end', overlayY: 'top' },\n // { originX: 'start', originY: 'top', overlayX: 'start', overlayY: 'bottom' },\n // { originX: 'end', originY: 'top', overlayX: 'end', overlayY: 'bottom' }\n ];\n }\n\n cancelActiveActivity(): Promise<boolean> {\n return this.interactionContext.cancelActiveActivity();\n }\n\n isActive(): boolean {\n return this.interactionContext && this.interactionContext.isActive();\n }\n\n ngOnInit() {\n }\n\n\n}\n"]}

package/esm2015/lib/interaction/interaction.module.ngfactory.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"interaction.module.ngfactory.js","sourceRoot":"","sources":["../../../../../../libs/angular-ui-powerups/src/lib/interaction/interaction.module.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\nimport * as i1 from './interaction.module';\nimport * as i2 from '@angular/common';\nimport * as i3 from '@angular/cdk/bidi';\nimport * as i4 from '@angular/material/button';\nimport * as i5 from '@angular/material/dialog';\nimport * as i6 from '@angular/material/tabs';\nimport * as i7 from '@angular/cdk/portal';\nimport * as i8 from '@angular/router';\nimport * as i9 from '@angular/material/icon';\nimport * as i10 from '../directives/command.directive';\nimport * as i11 from '../directives/focus-binding.directive';\nimport * as i12 from '@angular/flex-layout/flex';\nimport * as i13 from '@angular/flex-layout/grid';\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/command-group/command-group.component';\nimport * as i36 from '../components/commands/group/tool-bar/tool-bar.component';\nimport * as i37 from '../components/commands/command/command.component';\nimport * as i38 from '../components/commands/group/popup-menu.component';\nimport * as i39 from '../components/commands/command-face/command-face.component';\nimport * as i40 from '../components/commands/group/more-menu.component';\nimport * as i41 from '../components/commands/separator.component';\nimport * as i42 from '../components/commands/flex.component';\nimport * as i43 from './components/activity-container/activity-container.component';\nimport * as i44 from './components/confirmation-dialog/confirmation-dialog.component';\nimport * as i45 from './components/confirm-then-dialog/confirm-then-dialog.component';\nimport * as i46 from './components/alert-dialog/alert-dialog.component';\nimport * as i47 from './components/activity-container/activity-outlet/activity-outlet.component';\nimport * as i48 from './components/inplace-interaction-context/in-place-interaction-context.component';\nimport * as i49 from './components/add-item-interaction-context/add-item-interaction-context.component';\nimport * as i50 from './components/activity-actions/activity-actions.component';\nimport * as i51 from './components/popup-interaction-context/popup-interaction-context.component';\nimport * as i52 from './components/input-activities/string-input-activity';\nimport * as i53 from './components/input-activities/select-input-activity';\nimport * as i54 from './components/input-activities/abstract-input-activity';\nimport * as i55 from './directives/interaction-context-trigger-for.directive';\nimport * as i56 from './activity';\nimport * as i57 from '../directives/directives.module';\nimport * as i58 from '../components/components.module';\nexport const InteractionModuleNgFactory:i0.NgModuleFactory<i1.InteractionModule> = (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.MatButton = (<any>(null as any));\nvar _decl0_13:i4.MatAnchor = (<any>(null as any));\nvar _decl0_14:i5.MatDialogContainer = (<any>(null as any));\nvar _decl0_15:i5.MatDialogClose = (<any>(null as any));\nvar _decl0_16:i5.MatDialogTitle = (<any>(null as any));\nvar _decl0_17:i5.MatDialogContent = (<any>(null as any));\nvar _decl0_18:i5.MatDialogActions = (<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.CdkPortal = (<any>(null as any));\nvar _decl0_26:i7.CdkPortalOutlet = (<any>(null as any));\nvar _decl0_27:i7.TemplatePortalDirective = (<any>(null as any));\nvar _decl0_28:i7.PortalHostDirective = (<any>(null as any));\nvar _decl0_29:i8.RouterOutlet = (<any>(null as any));\nvar _decl0_30:i8.RouterLink = (<any>(null as any));\nvar _decl0_31:i8.RouterLinkWithHref = (<any>(null as any));\nvar _decl0_32:i8.RouterLinkActive = (<any>(null as any));\nvar _decl0_33:i8.ɵangular_packages_router_router_l = (<any>(null as any));\nvar _decl0_34:i9.MatIcon = (<any>(null as any));\nvar _decl0_35:i10.CommandDirective<any> = (<any>(null as any));\nvar _decl0_36:i11.FocusBindingDirective = (<any>(null as any));\nvar _decl0_37:i12.DefaultLayoutDirective = (<any>(null as any));\nvar _decl0_38:i12.DefaultLayoutGapDirective = (<any>(null as any));\nvar _decl0_39:i12.DefaultLayoutAlignDirective = (<any>(null as any));\nvar _decl0_40:i12.DefaultFlexOrderDirective = (<any>(null as any));\nvar _decl0_41:i12.DefaultFlexOffsetDirective = (<any>(null as any));\nvar _decl0_42:i12.FlexFillDirective = (<any>(null as any));\nvar _decl0_43:i12.DefaultFlexAlignDirective = (<any>(null as any));\nvar _decl0_44:i12.DefaultFlexDirective = (<any>(null as any));\nvar _decl0_45:i13.ɵgrid_privatec = (<any>(null as any));\nvar _decl0_46:i13.ɵgrid_privatef = (<any>(null as any));\nvar _decl0_47:i13.ɵgrid_privatei = (<any>(null as any));\nvar _decl0_48:i13.ɵgrid_privatel = (<any>(null as any));\nvar _decl0_49:i13.ɵgrid_privateo = (<any>(null as any));\nvar _decl0_50:i13.ɵgrid_privater = (<any>(null as any));\nvar _decl0_51:i13.ɵgrid_privateu = (<any>(null as any));\nvar _decl0_52:i13.ɵgrid_privatex = (<any>(null as any));\nvar _decl0_53:i13.ɵgrid_privateba = (<any>(null as any));\nvar _decl0_54:i13.ɵgrid_privatebd = (<any>(null as any));\nvar _decl0_55:i13.ɵgrid_privatebg = (<any>(null as any));\nvar _decl0_56:i14.NumberInputComponent = (<any>(null as any));\nvar _decl0_57:i15.StringInputComponent = (<any>(null as any));\nvar _decl0_58:i16.TextInputComponent = (<any>(null as any));\nvar _decl0_59:i17.PasswordInputComponent = (<any>(null as any));\nvar _decl0_60:i18.CheckboxInputComponent = (<any>(null as any));\nvar _decl0_61:i19.SelectInputComponent<any> = (<any>(null as any));\nvar _decl0_62:i20.MultipleSelectInputComponent<any> = (<any>(null as any));\nvar _decl0_63:i21.AutocompleteInputComponent<any> = (<any>(null as any));\nvar _decl0_64:i22.ScrollContainerComponent = (<any>(null as any));\nvar _decl0_65:i23.NoopComponent = (<any>(null as any));\nvar _decl0_66:i24.SwitchCaseComponent<any> = (<any>(null as any));\nvar _decl0_67:i24.SwitchCaseWhenDirective<any> = (<any>(null as any));\nvar _decl0_68:i24.SwitchCaseDefaultDirective<any> = (<any>(null as any));\nvar _decl0_69:i25.FocusContainerComponent = (<any>(null as any));\nvar _decl0_70:i26.VerticalFocusContainerComponent = (<any>(null as any));\nvar _decl0_71:i27.FocusableComponent = (<any>(null as any));\nvar _decl0_72:i28.CardContainerComponent = (<any>(null as any));\nvar _decl0_73:i29.TableComponent<any> = (<any>(null as any));\nvar _decl0_74:i30.EditRowControls<any> = (<any>(null as any));\nvar _decl0_75:i31.ColumnTemplateDirective = (<any>(null as any));\nvar _decl0_76:i32.IconComponent = (<any>(null as any));\nvar _decl0_77:i33.SectionHeaderComponent = (<any>(null as any));\nvar _decl0_78:i34.TableRowMenuComponent<any> = (<any>(null as any));\nvar _decl0_79:i35.CommandGroupComponent = (<any>(null as any));\nvar _decl0_80:i36.ToolBarComponent = (<any>(null as any));\nvar _decl0_81:i37.CommandComponent = (<any>(null as any));\nvar _decl0_82:i38.PopupMenuComponent = (<any>(null as any));\nvar _decl0_83:i39.CommandFaceComponent<any> = (<any>(null as any));\nvar _decl0_84:i40.MoreMenuComponent = (<any>(null as any));\nvar _decl0_85:i41.SeparatorComponent = (<any>(null as any));\nvar _decl0_86:i42.FlexComponent = (<any>(null as any));\nvar _decl0_87:i43.ActivityContainerComponent<any,any,any> = (<any>(null as any));\nvar _decl0_88:i44.ConfirmationDialogComponent = (<any>(null as any));\nvar _decl0_89:i45.ConfirmThenDialogComponent<any,any,any> = (<any>(null as any));\nvar _decl0_90:i46.AlertDialogComponent = (<any>(null as any));\nvar _decl0_91:i47.ActivityOutletComponent<any,any,any> = (<any>(null as any));\nvar _decl0_92:i48.InPlaceInteractionContextComponent<any,any,any> = (<any>(null as any));\nvar _decl0_93:i49.AddItemInteractionContextComponent = (<any>(null as any));\nvar _decl0_94:i50.ActivityActionsComponent = (<any>(null as any));\nvar _decl0_95:i51.PopupInteractionContextComponent = (<any>(null as any));\nvar _decl0_96:i52.StringInputActivity = (<any>(null as any));\nvar _decl0_97:i53.SelectInputActivity<any> = (<any>(null as any));\nvar _decl0_98:i54.AbstractInputActivity<any,any> = (<any>(null as any));\nvar _decl0_99:i55.InteractionContextTriggerFor<any,any,any> = (<any>(null as any));\nvar _decl0_100:i56.Activity<any,any,any> = (<any>(null as any));\nvar _decl0_101:i2.AsyncPipe = (<any>(null as any));\nvar _decl0_102:i2.UpperCasePipe = (<any>(null as any));\nvar _decl0_103:i2.LowerCasePipe = (<any>(null as any));\nvar _decl0_104:i2.JsonPipe = (<any>(null as any));\nvar _decl0_105:i2.SlicePipe = (<any>(null as any));\nvar _decl0_106:i2.DecimalPipe = (<any>(null as any));\nvar _decl0_107:i2.PercentPipe = (<any>(null as any));\nvar _decl0_108:i2.TitleCasePipe = (<any>(null as any));\nvar _decl0_109:i2.CurrencyPipe = (<any>(null as any));\nvar _decl0_110:i2.DatePipe = (<any>(null as any));\nvar _decl0_111:i2.I18nPluralPipe = (<any>(null as any));\nvar _decl0_112:i2.I18nSelectPipe = (<any>(null as any));\nvar _decl0_113:i2.KeyValuePipe = (<any>(null as any));\nvar _decl0_114:i2.CommonModule = (<any>(null as any));\nvar _decl0_115:i4.MatButtonModule = (<any>(null as any));\nvar _decl0_116:i5.MatDialogModule = (<any>(null as any));\nvar _decl0_117:i6.MatTabsModule = (<any>(null as any));\nvar _decl0_118:i7.PortalModule = (<any>(null as any));\nvar _decl0_119:i8.RouterModule = (<any>(null as any));\nvar _decl0_120:i9.MatIconModule = (<any>(null as any));\nvar _decl0_121:i57.DirectivesModule = (<any>(null as any));\nvar _decl0_122:i12.FlexModule = (<any>(null as any));\nvar _decl0_123:i13.GridModule = (<any>(null as any));\nvar _decl0_124:i58.ComponentsModule = (<any>(null as any));\nvar _decl0_125:i0.TemplateRef<any> = (<any>(null as any));\nvar _decl0_126:i0.ElementRef<any> = (<any>(null as any));\nfunction _View_ActivityContainerComponent_Host_1_0():void {\n var _any:any = (null as any);\n}\nfunction _View_ActivityContainerComponent_1_1():void {\n var _any:any = (null as any);\n const currVal_0:any = !_any.focused;\n currVal_0;\n const currVal_1:any = _decl0_87;\n currVal_1;\n const currVal_2:any = _any;\n currVal_2;\n}\nfunction _View_ActivityContainerComponent_1_0():void {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_87.dynamicHeight;\n currVal_0;\n const currVal_1:any = _decl0_19.dynamicHeight;\n currVal_1;\n const currVal_2:any = (_decl0_19.headerPosition === 'below');\n currVal_2;\n const currVal_3:any = !_decl0_87.dynamicHeight;\n currVal_3;\n const currVal_4:any = _decl0_87.activityRefs;\n currVal_4;\n const currVal_5:any = _decl0_87.activityIndex;\n currVal_5;\n}\nfunction _View_ConfirmationDialogComponent_Host_2_0():void {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_88.class;\n currVal_0;\n const currVal_1:any = _decl0_88.isFocused;\n currVal_1;\n}\nfunction _View_ConfirmationDialogComponent_2_1():void {\n if (_decl0_88.confirm.title) {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_16.id;\n currVal_0;\n const currVal_1:any = _decl0_88.confirm.title();\n currVal_1;\n }\n}\nfunction _View_ConfirmationDialogComponent_2_2():void {\n var _any:any = (null as any);\n const currVal_0:any = _any;\n currVal_0;\n}\nfunction _View_ConfirmationDialogComponent_2_0():void {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_88.confirm.title;\n currVal_0;\n const currVal_1:any = _decl0_88.confirm.content();\n currVal_1;\n const currVal_2:any = (_decl0_12.disabled \|\| null);\n currVal_2;\n const currVal_3:any = (_decl0_12._animationMode === 'NoopAnimations');\n currVal_3;\n const currVal_4:any = _decl0_12.disabled;\n currVal_4;\n const currVal_5:any = _decl0_88.confirm.cancel();\n currVal_5;\n const currVal_6:any = (_decl0_88.isDestructive()? 'warn': 'primary');\n currVal_6;\n const currVal_7:any = (_decl0_12.disabled \|\| null);\n currVal_7;\n const currVal_8:any = (_decl0_12._animationMode === 'NoopAnimations');\n currVal_8;\n const currVal_9:any = _decl0_12.disabled;\n currVal_9;\n const currVal_10:any = _decl0_88.confirm.ok();\n currVal_10;\n const pd_11:any = ((<any>_decl0_88.cancel()) !== false);\n const pd_12:any = ((<any>_decl0_88.done()) !== false);\n}\nfunction _View_ConfirmThenDialogComponent_Host_3_0():void {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_89.class;\n currVal_0;\n const currVal_1:any = _decl0_89.isFocused;\n currVal_1;\n}\nfunction _View_ConfirmThenDialogComponent_3_1():void {\n if (_decl0_89.confirm.title) {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_16.id;\n currVal_0;\n const currVal_1:any = _decl0_89.confirm.title();\n currVal_1;\n }\n}\nfunction _View_ConfirmThenDialogComponent_3_2():void {\n var _any:any = (null as any);\n const currVal_0:any = _any;\n currVal_0;\n}\nfunction _View_ConfirmThenDialogComponent_3_0():void {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_89.confirm.title;\n currVal_0;\n const currVal_1:any = _decl0_89.confirm.content();\n currVal_1;\n const currVal_2:any = (_decl0_12.disabled \|\| null);\n currVal_2;\n const currVal_3:any = (_decl0_12._animationMode === 'NoopAnimations');\n currVal_3;\n const currVal_4:any = _decl0_12.disabled;\n currVal_4;\n const currVal_5:any = _decl0_89.confirm.cancel();\n currVal_5;\n const currVal_6:any = (_decl0_89.isDestructive()? 'warn': 'primary');\n currVal_6;\n const currVal_7:any = (_decl0_12.disabled \|\| null);\n currVal_7;\n const currVal_8:any = (_decl0_12._animationMode === 'NoopAnimations');\n currVal_8;\n const currVal_9:any = _decl0_12.disabled;\n currVal_9;\n const currVal_10:any = _decl0_89.confirm.ok();\n currVal_10;\n const pd_11:any = ((<any>_decl0_89.cancel()) !== false);\n const pd_12:any = ((<any>_decl0_89.onConfirm()) !== false);\n}\nfunction _View_AlertDialogComponent_Host_4_0():void {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_90.class;\n currVal_0;\n const currVal_1:any = _decl0_90.isFocused;\n currVal_1;\n}\nfunction _View_AlertDialogComponent_4_1():void {\n if (_decl0_90.alert.title) {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_16.id;\n currVal_0;\n const currVal_1:any = _decl0_90.alert.title();\n currVal_1;\n }\n}\nfunction _View_AlertDialogComponent_4_2():void {\n var _any:any = (null as any);\n const currVal_0:any = _any;\n currVal_0;\n}\nfunction _View_AlertDialogComponent_4_0():void {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_90.alert.title;\n currVal_0;\n const currVal_1:any = _decl0_90.alert.content();\n currVal_1;\n const currVal_2:any = 'primary';\n currVal_2;\n const currVal_3:any = (_decl0_12.disabled \|\| null);\n currVal_3;\n const currVal_4:any = (_decl0_12._animationMode === 'NoopAnimations');\n currVal_4;\n const currVal_5:any = _decl0_12.disabled;\n currVal_5;\n const currVal_6:any = _decl0_90.alert.ok();\n currVal_6;\n const pd_7:any = ((<any>_decl0_90.done()) !== false);\n}\nfunction _View_ActivityOutletComponent_Host_5_0():void {\n var _any:any = (null as any);\n}\nfunction _View_ActivityOutletComponent_5_0():void {\n var _any:any = (null as any);\n}\nfunction _View_InPlaceInteractionContextComponent_Host_6_0():void {\n var _any:any = (null as any);\n}\nfunction _View_InPlaceInteractionContextComponent_6_0():void {\n var _any:any = (null as any);\n const currVal_0:any = false;\n currVal_0;\n const currVal_1:any = (_decl0_92.isActive()? 1: 0);\n currVal_1;\n const currVal_2:any = _decl0_92.animationDuration;\n currVal_2;\n const currVal_3:any = _decl0_19.dynamicHeight;\n currVal_3;\n const currVal_4:any = (_decl0_19.headerPosition === 'below');\n currVal_4;\n const currVal_5:any = false;\n currVal_5;\n}\nfunction _View_AddItemInteractionContextComponent_Host_7_0():void {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_93.active;\n currVal_0;\n const currVal_1:any = _decl0_93.tabindex;\n currVal_1;\n}\nfunction _View_AddItemInteractionContextComponent_7_0():void {\n var _any:any = (null as any);\n const currVal_0:any = false;\n currVal_0;\n const currVal_1:any = _decl0_93.clickCommand;\n currVal_1;\n const currVal_2:any = _decl0_93.icon;\n currVal_2;\n const currVal_3:any = _decl0_93.label;\n currVal_3;\n const pd_4:any = ((<any>_decl0_35.notifyClick(_any)) !== false);\n}\nfunction _View_ActivityActionsComponent_Host_8_0():void {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_94.alignEnd;\n currVal_0;\n const currVal_1:any = _decl0_94.alignStretch;\n currVal_1;\n}\nfunction _View_ActivityActionsComponent_8_2():void {\n if ((_decl0_94.hasCancelCommand() && !_decl0_94.hasCancelText())) {\n var _any:any = (null as any);\n const currVal_0:any = (_decl0_12.disabled \|\| null);\n currVal_0;\n const currVal_1:any = (_decl0_12._animationMode === 'NoopAnimations');\n currVal_1;\n const currVal_2:any = _decl0_12.disabled;\n currVal_2;\n const currVal_3:any = _decl0_94.cancelCommand;\n currVal_3;\n const currVal_4:any = 'mat:clear';\n currVal_4;\n const pd_5:any = ((<any>_decl0_35.notifyClick(_any)) !== false);\n }\n}\nfunction _View_ActivityActionsComponent_8_3():void {\n if ((_decl0_94.hasCancelCommand() && _decl0_94.hasCancelText())) {\n var _any:any = (null as any);\n const currVal_0:any = (_decl0_12.disabled \|\| null);\n currVal_0;\n const currVal_1:any = (_decl0_12._animationMode === 'NoopAnimations');\n currVal_1;\n const currVal_2:any = _decl0_12.disabled;\n currVal_2;\n const currVal_3:any = _decl0_94.cancelCommand;\n currVal_3;\n const currVal_4:any = _decl0_94.cancelText;\n currVal_4;\n const pd_5:any = ((<any>_decl0_35.notifyClick(_any)) !== false);\n }\n}\nfunction _View_ActivityActionsComponent_8_1():void {\n if (_decl0_94.hasCancelCommand()) {\n var _any:any = (null as any);\n const currVal_0:any = !_decl0_94.hasCancelText();\n currVal_0;\n const currVal_1:any = _decl0_94.hasCancelText();\n currVal_1;\n }\n}\nfunction _View_ActivityActionsComponent_8_5():void {\n if ((_decl0_94.hasConfirmCommand() && !_decl0_94.hasConfirmText())) {\n var _any:any = (null as any);\n const currVal_0:any = (_decl0_12.disabled \|\| null);\n currVal_0;\n const currVal_1:any = (_decl0_12._animationMode === 'NoopAnimations');\n currVal_1;\n const currVal_2:any = _decl0_12.disabled;\n currVal_2;\n const currVal_3:any = _decl0_94.confirmCommand;\n currVal_3;\n const currVal_4:any = 'mat:done';\n currVal_4;\n const pd_5:any = ((<any>_decl0_35.notifyClick(_any)) !== false);\n }\n}\nfunction _View_ActivityActionsComponent_8_6():void {\n if ((_decl0_94.hasConfirmCommand() && _decl0_94.hasConfirmText())) {\n var _any:any = (null as any);\n const currVal_0:any = (_decl0_12.disabled \|\| null);\n currVal_0;\n const currVal_1:any = (_decl0_12._animationMode === 'NoopAnimations');\n currVal_1;\n const currVal_2:any = _decl0_12.disabled;\n currVal_2;\n const currVal_3:any = _decl0_94.confirmCommand;\n currVal_3;\n const currVal_4:any = _decl0_94.confirmText;\n currVal_4;\n const pd_5:any = ((<any>_decl0_35.notifyClick(_any)) !== false);\n }\n}\nfunction _View_ActivityActionsComponent_8_4():void {\n if (_decl0_94.hasConfirmCommand()) {\n var _any:any = (null as any);\n const currVal_0:any = !_decl0_94.hasConfirmText();\n currVal_0;\n const currVal_1:any = _decl0_94.hasConfirmText();\n currVal_1;\n }\n}\nfunction _View_ActivityActionsComponent_8_0():void {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_94.hasCancelCommand();\n currVal_0;\n const currVal_1:any = _decl0_94.hasConfirmCommand();\n currVal_1;\n}\nfunction _View_PopupInteractionContextComponent_Host_9_0():void {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_95.active;\n currVal_0;\n}\nfunction _View_PopupInteractionContextComponent_9_0():void {\n var _any:any = (null as any);\n}\nfunction _View_StringInputActivity_Host_10_0():void {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_96.class;\n currVal_0;\n const currVal_1:any = _decl0_96.isFocused;\n currVal_1;\n}\nfunction _View_StringInputActivity_10_0():void {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_96.data.label;\n currVal_0;\n const currVal_1:any = _decl0_96.data.placeholder;\n currVal_1;\n const currVal_2:any = _decl0_96.confirmCommand;\n currVal_2;\n const currVal_3:any = _decl0_96.cancelCommand;\n currVal_3;\n const currVal_4:any = _decl0_96.valueModel;\n currVal_4;\n const currVal_5:any = _decl0_57.dense;\n currVal_5;\n const currVal_6:any = _decl0_57.baseClassName;\n currVal_6;\n const currVal_7:any = _decl0_96.confirmCommand;\n currVal_7;\n const currVal_8:any = _decl0_96.cancelCommand;\n currVal_8;\n const currVal_9:any = 'end';\n currVal_9;\n const currVal_10:any = _decl0_94.alignEnd;\n currVal_10;\n const currVal_11:any = _decl0_94.alignStretch;\n currVal_11;\n const pd_12:any = ((<any>_decl0_57.notifyClick()) !== false);\n const pd_13:any = ((<any>_decl0_57.notifyFocusIn()) !== false);\n const pd_14:any = ((<any>_decl0_57.notifyFocusOut()) !== false);\n}\nfunction _View_SelectInputActivity_Host_11_0():void {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_97.class;\n currVal_0;\n const currVal_1:any = _decl0_97.isFocused;\n currVal_1;\n}\nfunction _View_SelectInputActivity_11_0():void {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_97.data.label;\n currVal_0;\n const currVal_1:any = _decl0_97.data.placeholder;\n currVal_1;\n const currVal_2:any = _decl0_97.confirmCommand;\n currVal_2;\n const currVal_3:any = _decl0_97.cancelCommand;\n currVal_3;\n const currVal_4:any = _decl0_97.valueModel;\n currVal_4;\n const currVal_5:any = _decl0_97.options;\n currVal_5;\n const currVal_6:any = _decl0_97.optionLabelFormat;\n currVal_6;\n const currVal_7:any = _decl0_61.dense;\n currVal_7;\n const currVal_8:any = _decl0_61.baseClassName;\n currVal_8;\n const currVal_9:any = _decl0_97.confirmCommand;\n currVal_9;\n const currVal_10:any = _decl0_97.cancelCommand;\n currVal_10;\n const currVal_11:any = 'end';\n currVal_11;\n const currVal_12:any = _decl0_94.alignEnd;\n currVal_12;\n const currVal_13:any = _decl0_94.alignStretch;\n currVal_13;\n const pd_14:any = ((<any>_decl0_61.notifyClick()) !== false);\n const pd_15:any = ((<any>_decl0_61.notifyFocusIn()) !== false);\n const pd_16:any = ((<any>_decl0_61.notifyFocusOut()) !== false);\n}\nfunction _View_AbstractInputActivity_Host_12_0():void {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_98.class;\n currVal_0;\n const currVal_1:any = _decl0_98.isFocused;\n currVal_1;\n}\nfunction _View_AbstractInputActivity_12_0():void {\n var _any:any = (null as any);\n}\nfunction _View_Activity_Host_13_0():void {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_100.class;\n currVal_0;\n const currVal_1:any = _decl0_100.isFocused;\n currVal_1;\n}\nfunction _View_Activity_13_0():void {\n var _any:any = (null as any);\n}\n"]}
1	+ {"version":3,"file":"interaction.module.ngfactory.js","sourceRoot":"","sources":["../../../../../../libs/angular-ui-powerups/src/lib/interaction/interaction.module.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\nimport * as i1 from './interaction.module';\nimport * as i2 from '@angular/common';\nimport * as i3 from '@angular/cdk/bidi';\nimport * as i4 from '@angular/material/button';\nimport * as i5 from '@angular/material/dialog';\nimport * as i6 from '@angular/material/tabs';\nimport * as i7 from '@angular/cdk/portal';\nimport * as i8 from '@angular/router';\nimport * as i9 from '@angular/material/icon';\nimport * as i10 from '../directives/command.directive';\nimport * as i11 from '../directives/focus-binding.directive';\nimport * as i12 from '@angular/flex-layout/flex';\nimport * as i13 from '@angular/flex-layout/grid';\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/command-group/command-group.component';\nimport * as i36 from '../components/commands/group/tool-bar/tool-bar.component';\nimport * as i37 from '../components/commands/command/command.component';\nimport * as i38 from '../components/commands/group/popup-menu.component';\nimport * as i39 from '../components/commands/command-face/command-face.component';\nimport * as i40 from '../components/commands/group/more-menu.component';\nimport * as i41 from '../components/commands/separator.component';\nimport * as i42 from '../components/commands/flex.component';\nimport * as i43 from './components/activity-container/activity-container.component';\nimport * as i44 from './components/confirmation-dialog/confirmation-dialog.component';\nimport * as i45 from './components/confirm-then-dialog/confirm-then-dialog.component';\nimport * as i46 from './components/alert-dialog/alert-dialog.component';\nimport * as i47 from './components/activity-container/activity-outlet/activity-outlet.component';\nimport * as i48 from './components/inplace-interaction-context/in-place-interaction-context.component';\nimport * as i49 from './components/add-item-interaction-context/add-item-interaction-context.component';\nimport * as i50 from './components/activity-actions/activity-actions.component';\nimport * as i51 from './components/popup-interaction-context/popup-interaction-context.component';\nimport * as i52 from './components/input-activities/string-input-activity';\nimport * as i53 from './components/input-activities/select-input-activity';\nimport * as i54 from './components/input-activities/abstract-input-activity';\nimport * as i55 from './directives/interaction-context-trigger-for.directive';\nimport * as i56 from './activity';\nimport * as i57 from '../directives/directives.module';\nimport * as i58 from '../components/components.module';\nexport const InteractionModuleNgFactory:i0.NgModuleFactory<i1.InteractionModule> = (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.MatButton = (<any>(null as any));\nvar _decl0_13:i4.MatAnchor = (<any>(null as any));\nvar _decl0_14:i5.MatDialogContainer = (<any>(null as any));\nvar _decl0_15:i5.MatDialogClose = (<any>(null as any));\nvar _decl0_16:i5.MatDialogTitle = (<any>(null as any));\nvar _decl0_17:i5.MatDialogContent = (<any>(null as any));\nvar _decl0_18:i5.MatDialogActions = (<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.CdkPortal = (<any>(null as any));\nvar _decl0_26:i7.CdkPortalOutlet = (<any>(null as any));\nvar _decl0_27:i7.TemplatePortalDirective = (<any>(null as any));\nvar _decl0_28:i7.PortalHostDirective = (<any>(null as any));\nvar _decl0_29:i8.RouterOutlet = (<any>(null as any));\nvar _decl0_30:i8.RouterLink = (<any>(null as any));\nvar _decl0_31:i8.RouterLinkWithHref = (<any>(null as any));\nvar _decl0_32:i8.RouterLinkActive = (<any>(null as any));\nvar _decl0_33:i8.ɵangular_packages_router_router_l = (<any>(null as any));\nvar _decl0_34:i9.MatIcon = (<any>(null as any));\nvar _decl0_35:i10.CommandDirective<any> = (<any>(null as any));\nvar _decl0_36:i11.FocusBindingDirective = (<any>(null as any));\nvar _decl0_37:i12.DefaultLayoutDirective = (<any>(null as any));\nvar _decl0_38:i12.DefaultLayoutGapDirective = (<any>(null as any));\nvar _decl0_39:i12.DefaultLayoutAlignDirective = (<any>(null as any));\nvar _decl0_40:i12.DefaultFlexOrderDirective = (<any>(null as any));\nvar _decl0_41:i12.DefaultFlexOffsetDirective = (<any>(null as any));\nvar _decl0_42:i12.FlexFillDirective = (<any>(null as any));\nvar _decl0_43:i12.DefaultFlexAlignDirective = (<any>(null as any));\nvar _decl0_44:i12.DefaultFlexDirective = (<any>(null as any));\nvar _decl0_45:i13.ɵgrid_privatec = (<any>(null as any));\nvar _decl0_46:i13.ɵgrid_privatef = (<any>(null as any));\nvar _decl0_47:i13.ɵgrid_privatei = (<any>(null as any));\nvar _decl0_48:i13.ɵgrid_privatel = (<any>(null as any));\nvar _decl0_49:i13.ɵgrid_privateo = (<any>(null as any));\nvar _decl0_50:i13.ɵgrid_privater = (<any>(null as any));\nvar _decl0_51:i13.ɵgrid_privateu = (<any>(null as any));\nvar _decl0_52:i13.ɵgrid_privatex = (<any>(null as any));\nvar _decl0_53:i13.ɵgrid_privateba = (<any>(null as any));\nvar _decl0_54:i13.ɵgrid_privatebd = (<any>(null as any));\nvar _decl0_55:i13.ɵgrid_privatebg = (<any>(null as any));\nvar _decl0_56:i14.NumberInputComponent = (<any>(null as any));\nvar _decl0_57:i15.StringInputComponent = (<any>(null as any));\nvar _decl0_58:i16.TextInputComponent = (<any>(null as any));\nvar _decl0_59:i17.PasswordInputComponent = (<any>(null as any));\nvar _decl0_60:i18.CheckboxInputComponent = (<any>(null as any));\nvar _decl0_61:i19.SelectInputComponent<any> = (<any>(null as any));\nvar _decl0_62:i20.MultipleSelectInputComponent<any> = (<any>(null as any));\nvar _decl0_63:i21.AutocompleteInputComponent<any> = (<any>(null as any));\nvar _decl0_64:i22.ScrollContainerComponent = (<any>(null as any));\nvar _decl0_65:i23.NoopComponent = (<any>(null as any));\nvar _decl0_66:i24.SwitchCaseComponent<any> = (<any>(null as any));\nvar _decl0_67:i24.SwitchCaseWhenDirective<any> = (<any>(null as any));\nvar _decl0_68:i24.SwitchCaseDefaultDirective<any> = (<any>(null as any));\nvar _decl0_69:i25.FocusContainerComponent = (<any>(null as any));\nvar _decl0_70:i26.VerticalFocusContainerComponent = (<any>(null as any));\nvar _decl0_71:i27.FocusableComponent = (<any>(null as any));\nvar _decl0_72:i28.CardContainerComponent = (<any>(null as any));\nvar _decl0_73:i29.TableComponent<any> = (<any>(null as any));\nvar _decl0_74:i30.EditRowControls<any> = (<any>(null as any));\nvar _decl0_75:i31.ColumnTemplateDirective = (<any>(null as any));\nvar _decl0_76:i32.IconComponent = (<any>(null as any));\nvar _decl0_77:i33.SectionHeaderComponent = (<any>(null as any));\nvar _decl0_78:i34.TableRowMenuComponent<any> = (<any>(null as any));\nvar _decl0_79:i35.CommandGroupComponent = (<any>(null as any));\nvar _decl0_80:i36.ToolBarComponent = (<any>(null as any));\nvar _decl0_81:i37.CommandComponent = (<any>(null as any));\nvar _decl0_82:i38.PopupMenuComponent = (<any>(null as any));\nvar _decl0_83:i39.CommandFaceComponent<any> = (<any>(null as any));\nvar _decl0_84:i40.MoreMenuComponent = (<any>(null as any));\nvar _decl0_85:i41.SeparatorComponent = (<any>(null as any));\nvar _decl0_86:i42.FlexComponent = (<any>(null as any));\nvar _decl0_87:i43.ActivityContainerComponent<any,any,any> = (<any>(null as any));\nvar _decl0_88:i44.ConfirmationDialogComponent = (<any>(null as any));\nvar _decl0_89:i45.ConfirmThenDialogComponent<any,any,any> = (<any>(null as any));\nvar _decl0_90:i46.AlertDialogComponent = (<any>(null as any));\nvar _decl0_91:i47.ActivityOutletComponent<any,any,any> = (<any>(null as any));\nvar _decl0_92:i48.InPlaceInteractionContextComponent<any,any,any> = (<any>(null as any));\nvar _decl0_93:i49.AddItemInteractionContextComponent = (<any>(null as any));\nvar _decl0_94:i50.ActivityActionsComponent = (<any>(null as any));\nvar _decl0_95:i51.PopupInteractionContextComponent = (<any>(null as any));\nvar _decl0_96:i52.StringInputActivity = (<any>(null as any));\nvar _decl0_97:i53.SelectInputActivity<any> = (<any>(null as any));\nvar _decl0_98:i54.AbstractInputActivity<any,any> = (<any>(null as any));\nvar _decl0_99:i55.InteractionContextTriggerFor<any,any,any> = (<any>(null as any));\nvar _decl0_100:i56.Activity<any,any,any> = (<any>(null as any));\nvar _decl0_101:i2.AsyncPipe = (<any>(null as any));\nvar _decl0_102:i2.UpperCasePipe = (<any>(null as any));\nvar _decl0_103:i2.LowerCasePipe = (<any>(null as any));\nvar _decl0_104:i2.JsonPipe = (<any>(null as any));\nvar _decl0_105:i2.SlicePipe = (<any>(null as any));\nvar _decl0_106:i2.DecimalPipe = (<any>(null as any));\nvar _decl0_107:i2.PercentPipe = (<any>(null as any));\nvar _decl0_108:i2.TitleCasePipe = (<any>(null as any));\nvar _decl0_109:i2.CurrencyPipe = (<any>(null as any));\nvar _decl0_110:i2.DatePipe = (<any>(null as any));\nvar _decl0_111:i2.I18nPluralPipe = (<any>(null as any));\nvar _decl0_112:i2.I18nSelectPipe = (<any>(null as any));\nvar _decl0_113:i2.KeyValuePipe = (<any>(null as any));\nvar _decl0_114:i2.CommonModule = (<any>(null as any));\nvar _decl0_115:i4.MatButtonModule = (<any>(null as any));\nvar _decl0_116:i5.MatDialogModule = (<any>(null as any));\nvar _decl0_117:i6.MatTabsModule = (<any>(null as any));\nvar _decl0_118:i7.PortalModule = (<any>(null as any));\nvar _decl0_119:i8.RouterModule = (<any>(null as any));\nvar _decl0_120:i9.MatIconModule = (<any>(null as any));\nvar _decl0_121:i57.DirectivesModule = (<any>(null as any));\nvar _decl0_122:i12.FlexModule = (<any>(null as any));\nvar _decl0_123:i13.GridModule = (<any>(null as any));\nvar _decl0_124:i58.ComponentsModule = (<any>(null as any));\nvar _decl0_125:i0.TemplateRef<any> = (<any>(null as any));\nvar _decl0_126:i0.ElementRef<any> = (<any>(null as any));\nfunction _View_ActivityContainerComponent_Host_1_0():void {\n var _any:any = (null as any);\n}\nfunction _View_ActivityContainerComponent_1_1():void {\n var _any:any = (null as any);\n const currVal_0:any = !_any.focused;\n currVal_0;\n const currVal_1:any = _decl0_87;\n currVal_1;\n const currVal_2:any = _any;\n currVal_2;\n}\nfunction _View_ActivityContainerComponent_1_0():void {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_87.dynamicHeight;\n currVal_0;\n const currVal_1:any = _decl0_19.dynamicHeight;\n currVal_1;\n const currVal_2:any = (_decl0_19.headerPosition === 'below');\n currVal_2;\n const currVal_3:any = !_decl0_87.dynamicHeight;\n currVal_3;\n const currVal_4:any = _decl0_87.activityRefs;\n currVal_4;\n const currVal_5:any = _decl0_87.activityIndex;\n currVal_5;\n}\nfunction _View_ConfirmationDialogComponent_Host_2_0():void {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_88.class;\n currVal_0;\n const currVal_1:any = _decl0_88.isFocused;\n currVal_1;\n}\nfunction _View_ConfirmationDialogComponent_2_1():void {\n if (_decl0_88.confirm.title) {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_16.id;\n currVal_0;\n const currVal_1:any = _decl0_88.confirm.title();\n currVal_1;\n }\n}\nfunction _View_ConfirmationDialogComponent_2_2():void {\n var _any:any = (null as any);\n const currVal_0:any = _any;\n currVal_0;\n}\nfunction _View_ConfirmationDialogComponent_2_0():void {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_88.confirm.title;\n currVal_0;\n const currVal_1:any = _decl0_88.confirm.content();\n currVal_1;\n const currVal_2:any = (_decl0_12.disabled \|\| null);\n currVal_2;\n const currVal_3:any = (_decl0_12._animationMode === 'NoopAnimations');\n currVal_3;\n const currVal_4:any = _decl0_12.disabled;\n currVal_4;\n const currVal_5:any = _decl0_88.confirm.cancel();\n currVal_5;\n const currVal_6:any = (_decl0_88.isDestructive()? 'warn': 'primary');\n currVal_6;\n const currVal_7:any = (_decl0_12.disabled \|\| null);\n currVal_7;\n const currVal_8:any = (_decl0_12._animationMode === 'NoopAnimations');\n currVal_8;\n const currVal_9:any = _decl0_12.disabled;\n currVal_9;\n const currVal_10:any = _decl0_88.confirm.ok();\n currVal_10;\n const pd_11:any = ((<any>_decl0_88.cancel()) !== false);\n const pd_12:any = ((<any>_decl0_88.done()) !== false);\n}\nfunction _View_ConfirmThenDialogComponent_Host_3_0():void {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_89.class;\n currVal_0;\n const currVal_1:any = _decl0_89.isFocused;\n currVal_1;\n}\nfunction _View_ConfirmThenDialogComponent_3_1():void {\n if (_decl0_89.confirm.title) {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_16.id;\n currVal_0;\n const currVal_1:any = _decl0_89.confirm.title();\n currVal_1;\n }\n}\nfunction _View_ConfirmThenDialogComponent_3_2():void {\n var _any:any = (null as any);\n const currVal_0:any = _any;\n currVal_0;\n}\nfunction _View_ConfirmThenDialogComponent_3_0():void {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_89.confirm.title;\n currVal_0;\n const currVal_1:any = _decl0_89.confirm.content();\n currVal_1;\n const currVal_2:any = (_decl0_12.disabled \|\| null);\n currVal_2;\n const currVal_3:any = (_decl0_12._animationMode === 'NoopAnimations');\n currVal_3;\n const currVal_4:any = _decl0_12.disabled;\n currVal_4;\n const currVal_5:any = _decl0_89.confirm.cancel();\n currVal_5;\n const currVal_6:any = (_decl0_89.isDestructive()? 'warn': 'primary');\n currVal_6;\n const currVal_7:any = (_decl0_12.disabled \|\| null);\n currVal_7;\n const currVal_8:any = (_decl0_12._animationMode === 'NoopAnimations');\n currVal_8;\n const currVal_9:any = _decl0_12.disabled;\n currVal_9;\n const currVal_10:any = _decl0_89.confirm.ok();\n currVal_10;\n const pd_11:any = ((<any>_decl0_89.cancel()) !== false);\n const pd_12:any = ((<any>_decl0_89.onConfirm()) !== false);\n}\nfunction _View_AlertDialogComponent_Host_4_0():void {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_90.class;\n currVal_0;\n const currVal_1:any = _decl0_90.isFocused;\n currVal_1;\n}\nfunction _View_AlertDialogComponent_4_1():void {\n if (_decl0_90.alert.title) {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_16.id;\n currVal_0;\n const currVal_1:any = _decl0_90.alert.title();\n currVal_1;\n }\n}\nfunction _View_AlertDialogComponent_4_2():void {\n var _any:any = (null as any);\n const currVal_0:any = _any;\n currVal_0;\n}\nfunction _View_AlertDialogComponent_4_0():void {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_90.alert.title;\n currVal_0;\n const currVal_1:any = _decl0_90.alert.content();\n currVal_1;\n const currVal_2:any = 'primary';\n currVal_2;\n const currVal_3:any = (_decl0_12.disabled \|\| null);\n currVal_3;\n const currVal_4:any = (_decl0_12._animationMode === 'NoopAnimations');\n currVal_4;\n const currVal_5:any = _decl0_12.disabled;\n currVal_5;\n const currVal_6:any = _decl0_90.alert.ok();\n currVal_6;\n const pd_7:any = ((<any>_decl0_90.done()) !== false);\n}\nfunction _View_ActivityOutletComponent_Host_5_0():void {\n var _any:any = (null as any);\n}\nfunction _View_ActivityOutletComponent_5_0():void {\n var _any:any = (null as any);\n}\nfunction _View_InPlaceInteractionContextComponent_Host_6_0():void {\n var _any:any = (null as any);\n}\nfunction _View_InPlaceInteractionContextComponent_6_0():void {\n var _any:any = (null as any);\n const currVal_0:any = false;\n currVal_0;\n const currVal_1:any = (_decl0_92.isActive()? 1: 0);\n currVal_1;\n const currVal_2:any = _decl0_92.animationDuration;\n currVal_2;\n const currVal_3:any = _decl0_19.dynamicHeight;\n currVal_3;\n const currVal_4:any = (_decl0_19.headerPosition === 'below');\n currVal_4;\n const currVal_5:any = false;\n currVal_5;\n}\nfunction _View_AddItemInteractionContextComponent_Host_7_0():void {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_93.active;\n currVal_0;\n const currVal_1:any = _decl0_93.tabindex;\n currVal_1;\n}\nfunction _View_AddItemInteractionContextComponent_7_0():void {\n var _any:any = (null as any);\n const currVal_0:any = false;\n currVal_0;\n const currVal_1:any = _decl0_93.clickCommand;\n currVal_1;\n const currVal_2:any = _decl0_93.icon;\n currVal_2;\n const currVal_3:any = _decl0_93.label;\n currVal_3;\n const pd_4:any = ((<any>_decl0_35.notifyClick(_any)) !== false);\n}\nfunction _View_ActivityActionsComponent_Host_8_0():void {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_94.alignEnd;\n currVal_0;\n const currVal_1:any = _decl0_94.alignStretch;\n currVal_1;\n}\nfunction _View_ActivityActionsComponent_8_1():void {\n if (_decl0_94.hasCancelCommand()) {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_94.cancelCommand;\n currVal_0;\n const currVal_1:any = _decl0_94.style.cancel;\n currVal_1;\n }\n}\nfunction _View_ActivityActionsComponent_8_2():void {\n if (_decl0_94.hasConfirmCommand()) {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_94.confirmCommand;\n currVal_0;\n const currVal_1:any = _decl0_94.style.confirm;\n currVal_1;\n }\n}\nfunction _View_ActivityActionsComponent_8_0():void {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_94.hasCancelCommand();\n currVal_0;\n const currVal_1:any = _decl0_94.hasConfirmCommand();\n currVal_1;\n}\nfunction _View_PopupInteractionContextComponent_Host_9_0():void {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_95.active;\n currVal_0;\n}\nfunction _View_PopupInteractionContextComponent_9_0():void {\n var _any:any = (null as any);\n}\nfunction _View_StringInputActivity_Host_10_0():void {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_96.class;\n currVal_0;\n const currVal_1:any = _decl0_96.isFocused;\n currVal_1;\n}\nfunction _View_StringInputActivity_10_0():void {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_96.data.label;\n currVal_0;\n const currVal_1:any = _decl0_96.data.placeholder;\n currVal_1;\n const currVal_2:any = _decl0_96.confirmCommand;\n currVal_2;\n const currVal_3:any = _decl0_96.cancelCommand;\n currVal_3;\n const currVal_4:any = _decl0_96.valueModel;\n currVal_4;\n const currVal_5:any = _decl0_57.dense;\n currVal_5;\n const currVal_6:any = _decl0_57.baseClassName;\n currVal_6;\n const currVal_7:any = _decl0_96.confirmCommand;\n currVal_7;\n const currVal_8:any = _decl0_96.cancelCommand;\n currVal_8;\n const currVal_9:any = 'end';\n currVal_9;\n const currVal_10:any = _decl0_94.alignEnd;\n currVal_10;\n const currVal_11:any = _decl0_94.alignStretch;\n currVal_11;\n const pd_12:any = ((<any>_decl0_57.notifyClick()) !== false);\n const pd_13:any = ((<any>_decl0_57.notifyFocusIn()) !== false);\n const pd_14:any = ((<any>_decl0_57.notifyFocusOut()) !== false);\n}\nfunction _View_SelectInputActivity_Host_11_0():void {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_97.class;\n currVal_0;\n const currVal_1:any = _decl0_97.isFocused;\n currVal_1;\n}\nfunction _View_SelectInputActivity_11_0():void {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_97.data.label;\n currVal_0;\n const currVal_1:any = _decl0_97.data.placeholder;\n currVal_1;\n const currVal_2:any = _decl0_97.confirmCommand;\n currVal_2;\n const currVal_3:any = _decl0_97.cancelCommand;\n currVal_3;\n const currVal_4:any = _decl0_97.valueModel;\n currVal_4;\n const currVal_5:any = _decl0_97.options;\n currVal_5;\n const currVal_6:any = _decl0_97.optionLabelFormat;\n currVal_6;\n const currVal_7:any = _decl0_61.dense;\n currVal_7;\n const currVal_8:any = _decl0_61.baseClassName;\n currVal_8;\n const currVal_9:any = _decl0_97.confirmCommand;\n currVal_9;\n const currVal_10:any = _decl0_97.cancelCommand;\n currVal_10;\n const currVal_11:any = 'end';\n currVal_11;\n const currVal_12:any = _decl0_94.alignEnd;\n currVal_12;\n const currVal_13:any = _decl0_94.alignStretch;\n currVal_13;\n const pd_14:any = ((<any>_decl0_61.notifyClick()) !== false);\n const pd_15:any = ((<any>_decl0_61.notifyFocusIn()) !== false);\n const pd_16:any = ((<any>_decl0_61.notifyFocusOut()) !== false);\n}\nfunction _View_AbstractInputActivity_Host_12_0():void {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_98.class;\n currVal_0;\n const currVal_1:any = _decl0_98.isFocused;\n currVal_1;\n}\nfunction _View_AbstractInputActivity_12_0():void {\n var _any:any = (null as any);\n}\nfunction _View_Activity_Host_13_0():void {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_100.class;\n currVal_0;\n const currVal_1:any = _decl0_100.isFocused;\n currVal_1;\n}\nfunction _View_Activity_13_0():void {\n var _any:any = (null as any);\n}\n"]}

package/esm2015/lib/place/components/abstract-place-navigation.component.js CHANGED Viewed

@@ -18,7 +18,7 @@ export class AbstractPlaceNavigationComponent extends DisposableComponent {
         this.commandFactory = Command.createFactory((placeDefinition) => {
             this.placeOutlet.navigate(new Visit(placeDefinition));
         });
-        when.valueOf(this.placeOutletModel).changes(outlet => {
+        when(this.placeOutletModel).changes(outlet => {
             // NOTE: this updates during a change cycle and causes our isActiveMethod to return 2 different
             // values in the one change detection cycle. So instead we delay the update to a different
             // tick.

package/esm2015/lib/place/components/abstract-place-navigation.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"abstract-place-navigation.component.js","sourceRoot":"","sources":["../../../../../../../libs/angular-ui-powerups/src/lib/place/components/abstract-place-navigation.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAU,MAAM,eAAe,CAAC;AACzD,OAAO,EACL,OAAO,EAEP,oBAAoB,EACpB,GAAG,EACH,SAAS,EAET,gBAAgB,EAChB,iBAAiB,EAEjB,aAAa,EACb,UAAU,EAEX,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,OAAO,EAAE,MAAM,kDAAkD,CAAC;AAC3E,OAAO,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AACrE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;AAE5E,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AAK7E,MAAM,OAAO,gCAAiC,SAAQ,mBAAmB;IAqBvE,YAAY,WAAwB;QAClC,KAAK,EAAE,CAAC;QAJD,0BAAqB,GAAG,IAAI,oBAAoB,EAAkB,CAAC;QAK1E,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,gBAAgB,GAAG,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;QAC1F,IAAI,CAAC,cAAc,GAAG,OAAO,CAAC,aAAa,CAAC,CAAC,eAAgC,EAAE,EAAE;YAC/E,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC;QACxD,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,~~OAAO,CAAC,~~IAAI,CAAC,gBAAgB,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;~~YACnD~~,+FAA+F;YAC/F,0FAA0F;YAC1F,QAAQ;YACR,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,qBAAqB,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;QACpG,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,qBAAqB,GAAG,KAAK,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;IAC1F,CAAC;IAID,iBAAiB,CAAC,QAAyB;QACzC,MAAM,OAAO,GAAG,QAAQ,CAAC,YAAY,CAAC,KAAK,CAAY,CAAC;QACxD,OAAO;YACL,IAAI,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;YACvF,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC,YAAY,EAAE,IAAI,CAAC;YACzG,IAAI,EAAE,GAAG,EAAE,CAAC,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC,SAAS,EAAE,IAAI,CAAC;SAC9F,CAAC;IACJ,CAAC;IAED,QAAQ,CAAC,KAAsB;QAC7B,OAAO,IAAI,CAAC,qBAAqB,CAAC,KAAK,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC1D,CAAC;IAED,QAAQ;IACR,CAAC;;;YAzDF,SAAS,SAAC;gBACT,QAAQ,EAAE,EAAE;aACb;;;YANQ,WAAW;;;qBASjB,KAAK;0BAGL,KAAK;0BAIL,KAAK;+BAGL,KAAK;;AATN;IADU,gBAAgB,CAAC,aAAa,CAAC;;gEACD;AAGxC;IADU,aAAa,EAAE;8BACZ,SAAS;qEAAgC;AAItD;IADU,iBAAiB,CAAC,kBAAkB,CAAC;8BAClC,oBAAoB;qEAAC;AAGlC;IADU,aAAa,EAAE;8BACP,UAAU;0EAAuB;AA2BnD;IADC,OAAO,EAAE;;qCACkB,eAAe;;yEAO1C","sourcesContent":["import { Component, Input, OnInit } from '@angular/core';\nimport {\n Command,\n Constructable,\n DelegatingValueModel,\n Dsl,\n ListModel,\n ListModelChain,\n StoreInListModel,\n StoreInValueModel,\n TransactionObserver,\n TrackExternal,\n ValueModel,\n ValueModelChain\n} from '@coolon/pectin';\nimport { Memoize } from '@typescript-plus/fast-memoize-decorator/dist/src';\nimport { CommandFace } from '../../components/commands/command-face';\nimport { DisposableComponent } from '../../components/disposable-component';\nimport { NavItem } from '../nav-item';\nimport { PlaceComponent } from '../place-component';\nimport { PlaceDefinition } from '../place-definition';\nimport { PlaceRouter } from '../place-router';\nimport { Visit } from '../visit';\nimport { PlaceOutletComponent } from './place-outlet/place-outlet.component';\n\n@Component({\n template: ''\n})\nexport class AbstractPlaceNavigationComponent extends DisposableComponent implements OnInit {\n\n @Input() @StoreInListModel('placesModel')\n places: Constructable<PlaceComponent>[];\n\n @Input() @TrackExternal()\n placesModel: ListModel<Constructable<PlaceComponent>>;\n\n\n @Input() @StoreInValueModel('placeOutletModel')\n placeOutlet: PlaceOutletComponent;\n\n @Input() @TrackExternal()\n placeOutletModel: ValueModel<PlaceOutletComponent>;\n\n readonly placeDefinitions: ListModelChain<PlaceDefinition>;\n\n readonly commandFactory: Command.Factory<PlaceDefinition, void>;\n readonly _activePlaceComponent = new DelegatingValueModel<PlaceComponent>();\n private activePlaceDefinition: ValueModelChain<PlaceDefinition>;\n\n constructor(placeRouter: PlaceRouter) {\n super();\n const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);\n this.placeDefinitions = chain(this.placesModel).map(c => PlaceComponent.getDefinition(c));\n this.commandFactory = Command.createFactory((placeDefinition: PlaceDefinition) => {\n this.placeOutlet.navigate(new Visit(placeDefinition));\n });\n\n when~~.valueOf~~(this.placeOutletModel).changes(outlet => {\n // NOTE: this updates during a change cycle and causes our isActiveMethod to return 2 different\n // values in the one change detection cycle. So instead we delay the update to a different\n // tick.\n setTimeout(() => this._activePlaceComponent.setDelegate(outlet ? outlet.activePlaceModel : null));\n });\n this.activePlaceDefinition = chain(this._activePlaceComponent).pluck('placeDefinition');\n }\n\n\n @Memoize()\n getNavigationFace(placeDef: PlaceDefinition): CommandFace {\n const navItem = placeDef.getPlaceData('nav') as NavItem;\n return {\n text: () => navItem ? navItem.title() : placeDef.searchPlaceData(['navTitle', 'title']),\n tooltip: () => navItem && navItem.tooltip ? navItem.tooltip() : placeDef.getPlaceData('navTooltip', null),\n icon: () => navItem && navItem.icon ? navItem.icon() : placeDef.getPlaceData('navIcon', null)\n };\n }\n\n isActive(place: PlaceDefinition): boolean {\n return this.activePlaceDefinition.query().equals(place);\n }\n\n ngOnInit() {\n }\n\n}\n"]}
1	+ {"version":3,"file":"abstract-place-navigation.component.js","sourceRoot":"","sources":["../../../../../../../libs/angular-ui-powerups/src/lib/place/components/abstract-place-navigation.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, OnInit } from '@angular/core';\nimport {\n Command,\n Constructable,\n DelegatingValueModel,\n Dsl,\n ListModel,\n ListModelChain,\n StoreInListModel,\n StoreInValueModel,\n TransactionObserver,\n TrackExternal,\n ValueModel,\n ValueModelChain\n} from '@coolon/pectin';\nimport { Memoize } from '@typescript-plus/fast-memoize-decorator/dist/src';\nimport { CommandFace } from '../../components/commands/command-face';\nimport { DisposableComponent } from '../../components/disposable-component';\nimport { NavItem } from '../nav-item';\nimport { PlaceComponent } from '../place-component';\nimport { PlaceDefinition } from '../place-definition';\nimport { PlaceRouter } from '../place-router';\nimport { Visit } from '../visit';\nimport { PlaceOutletComponent } from './place-outlet/place-outlet.component';\n\n@Component({\n template: ''\n})\nexport class AbstractPlaceNavigationComponent extends DisposableComponent implements OnInit {\n\n @Input() @StoreInListModel('placesModel')\n places: Constructable<PlaceComponent>[];\n\n @Input() @TrackExternal()\n placesModel: ListModel<Constructable<PlaceComponent>>;\n\n\n @Input() @StoreInValueModel('placeOutletModel')\n placeOutlet: PlaceOutletComponent;\n\n @Input() @TrackExternal()\n placeOutletModel: ValueModel<PlaceOutletComponent>;\n\n readonly placeDefinitions: ListModelChain<PlaceDefinition>;\n\n readonly commandFactory: Command.Factory<PlaceDefinition, void>;\n readonly _activePlaceComponent = new DelegatingValueModel<PlaceComponent>();\n private activePlaceDefinition: ValueModelChain<PlaceDefinition>;\n\n constructor(placeRouter: PlaceRouter) {\n super();\n const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);\n this.placeDefinitions = chain(this.placesModel).map(c => PlaceComponent.getDefinition(c));\n this.commandFactory = Command.createFactory((placeDefinition: PlaceDefinition) => {\n this.placeOutlet.navigate(new Visit(placeDefinition));\n });\n\n when(this.placeOutletModel).changes(outlet => {\n // NOTE: this updates during a change cycle and causes our isActiveMethod to return 2 different\n // values in the one change detection cycle. So instead we delay the update to a different\n // tick.\n setTimeout(() => this._activePlaceComponent.setDelegate(outlet ? outlet.activePlaceModel : null));\n });\n this.activePlaceDefinition = chain(this._activePlaceComponent).pluck('placeDefinition');\n }\n\n\n @Memoize()\n getNavigationFace(placeDef: PlaceDefinition): CommandFace {\n const navItem = placeDef.getPlaceData('nav') as NavItem;\n return {\n text: () => navItem ? navItem.title() : placeDef.searchPlaceData(['navTitle', 'title']),\n tooltip: () => navItem && navItem.tooltip ? navItem.tooltip() : placeDef.getPlaceData('navTooltip', null),\n icon: () => navItem && navItem.icon ? navItem.icon() : placeDef.getPlaceData('navIcon', null)\n };\n }\n\n isActive(place: PlaceDefinition): boolean {\n return this.activePlaceDefinition.query().equals(place);\n }\n\n ngOnInit() {\n }\n\n}\n"]}

package/esm2015/lib/place/components/place-outlet/place-outlet.component.js CHANGED Viewed

@@ -142,7 +142,7 @@ export class PlaceOutletComponent extends DisposableComponent {
             this.onAnimationFinishedJob = finishPlaceLoad;
         }
         const { when, chain, valueOf } = Dsl.disposeWith(activePlace);
-        when.valueOf(this.routerVisitModel)
+        when(this.routerVisitModel)
             .changes(visit => {
             activePlace.updateVisit(visit);
         }, {