@coolon/angular-ui-powerups 12.4.0-alpha.76 → 12.4.0-alpha.78

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

@@ -1848,8 +1848,8 @@ class SelectInputComponent extends AbstractValueInputComponent {
 SelectInputComponent.decorators = [
     { type: Component, args: [{
                 selector: 'aup-select-input',
-                template: "<mat-form-field appearance=\"standard\" [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <mat-select placeholder=\"{{placeholder}}\"\n              [(ngModel)]=\"componentValueModel.value\"\n              [disabled]=\"!enabled.value\"\n              (keydown.enter)=\"notifyEnterKey()\"\n              (keydown.escape)=\"notifyEscapeKey()\"\n              [pectinFocusBinding]=\"focusContext\"\n              [errorStateMatcher]=\"errorStateMatcher\"\n  >\n    <mat-option *ngIf=\"allowNil\">\n      <ng-container *ngIf=\"!nilOptionTemplateRef\">{{placeholder}}</ng-container>\n      <ng-container *ngIf=\"nilOptionTemplateRef\" [ngTemplateOutlet]=\"nilOptionTemplateRef\"></ng-container>\n    </mat-option>\n    <mat-option *ngFor=\"let option of optionsModel.value; let i = index\" [value]=\"option\">\n      <ng-container *ngIf=\"!optionTemplateRef\">{{optionLabelFormat(option)}}</ng-container>\n      <ng-container *ngIf=\"optionTemplateRef\"\n                    [ngTemplateOutlet]=\"optionTemplateRef\"\n                    [ngTemplateOutletContext]=\"{ $implicit: option, index: i }\"\n      >\n      </ng-container>\n    </mat-option>\n  </mat-select>\n  <mat-hint *ngIf=\"showHint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n</mat-form-field>\n",
-                styles: [":host{display:inline-block}mat-form-field{width:100%}\n"]
+                template: "<mat-form-field appearance=\"standard\" [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <mat-select placeholder=\"{{placeholder}}\"\n              [(ngModel)]=\"componentValueModel.value\"\n              [disabled]=\"!enabled.value\"\n              (keydown.enter)=\"notifyEnterKey()\"\n              (keydown.escape)=\"notifyEscapeKey()\"\n              [pectinFocusBinding]=\"focusContext\"\n              [errorStateMatcher]=\"errorStateMatcher\"\n  >\n    <mat-option *ngIf=\"allowNil\">\n      <ng-container *ngIf=\"!nilOptionTemplateRef\">{{placeholder}}</ng-container>\n      <ng-container *ngIf=\"nilOptionTemplateRef\" [ngTemplateOutlet]=\"nilOptionTemplateRef\"></ng-container>\n    </mat-option>\n    <mat-option *ngFor=\"let option of optionsModel.value; let i = index\" [value]=\"option\">\n      <ng-container *ngIf=\"!optionTemplateRef\">{{optionLabelFormat(option)}}</ng-container>\n      <ng-container *ngIf=\"optionTemplateRef\"\n                    [ngTemplateOutlet]=\"optionTemplateRef\"\n                    [ngTemplateOutletContext]=\"{ $implicit: option, index: i }\"\n      >\n      </ng-container>\n    </mat-option>\n  </mat-select>\n  <mat-hint *ngIf=\"showHint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n</mat-form-field>\n<div class=\"width-strut\">\n  <div *ngFor=\"let item of options\">{{optionLabelFormat(item)}}</div>\n</div>\n",
+                styles: [":host{display:inline-block}mat-form-field{width:100%}.width-strut{height:0;max-height:0;width:auto;visibility:hidden;padding-right:12px}\n"]
             },] }
 ];
 SelectInputComponent.ctorParameters = () => [];
@@ -4271,18 +4271,23 @@ class MarkdownComponent extends DisposableComponent {
         const { chain } = Dsl.disposeWith(this);
     }
     ngOnInit() {
-        const { chain } = Dsl.disposeWith(this);
-        chain(this.content$).subscribe(content => {
-            this.element.nativeElement.innerHTML = _.isEmpty(content) ? '' :
-                this.inline ? this.markdownService.renderInline(content) :
-                    this.markdownService.render(content);
-        }, { initialValue: 'evaluate' });
+        const { when } = Dsl.disposeWith(this);
+        when(this.content$).changes(content => this.renderContent(content), { initialValue: 'triggerChangeUnlessNil' });
+        if (_.isNil(this.content) && !_.isEmpty(this.element.nativeElement.innerHTML)) {
+            this.renderContent(this.element.nativeElement.innerHTML);
+        }
+    }
+    renderContent(content) {
+        if (!_.isNil(content)) {
+            this.element.nativeElement.innerHTML = this.inline ? this.markdownService.renderInline(content) :
+                this.markdownService.render(content);
+        }
     }
 }
 MarkdownComponent.decorators = [
     { type: Component, args: [{
                 selector: 'aup-markdown',
-                template: "<p>markdown works!</p>\n",
+                template: "<ng-content></ng-content>\n",
                 styles: [":host{display:inline-block}\n"]
             },] }
 ];
@@ -4538,6 +4543,7 @@ class Activity extends DisposableComponent {
         this._busyModel = this.registerDisposable(new DelegatingValueModel().withDefault(false));
         this._focusedModel = this.registerDisposable(new DelegatingValueModel());
         this.class = 'aup-activity';
+        this.busyWhile(this.confirmCommand.busy);
     }
     get isFocused() {
         return this._focusedModel.value;
@@ -4551,7 +4557,6 @@ class Activity extends DisposableComponent {
         when(this._focusedModel).becomesTruthy(() => {
             this.onActivityReady();
         });
-        this.busyWhile(this.confirmCommand.busy);
     }
     ngAfterViewInit() {
         var _a;
@@ -4623,26 +4628,78 @@ var Alert;
     Alert.getColor = getColor;
 })(Alert || (Alert = {}));
 
-class AlertDialogComponent extends Activity {
-    constructor(alert) {
+const ALERT_CONFIG = new InjectionToken('AlertConfig');
+class AbstractDialogComponent extends Activity {
+    constructor(config) {
         super();
-        this.alert = alert;
-        this.confirmCommand = Command.create(() => {
-            this.done();
-        });
-        this.title = Alert.getTitle(alert);
-        this.color = Alert.getColor(alert);
-        this.content = Alert.getContent(alert);
+        this.config = config;
+        assert.notNil(config);
+        this.title = Alert.getTitle(config);
+        this.color = this.checkColor(Alert.getColor(config));
+        this.content = Alert.getContent(config);
         this.confirmFace = {
-            text: () => alert.ok(),
-            color: () => this.color || "primary",
-            style: () => "raised"
+            text: () => config.ok(),
+            color: () => this.color || 'primary',
+            style: () => 'raised'
         };
     }
-    isContentArray() {
-        return;
+    getConfig() {
+        return lang$1.abstractMethod(this.constructor);
     }
-    ngOnInit() {
+    checkColor(rawColor) {
+        if (this.isDestructive()) {
+            return 'warn';
+        }
+        else {
+            if (['primary', 'accent', 'warn'].includes(rawColor)) {
+                return rawColor;
+            }
+            else {
+                console.warn(`Invalid color string ${rawColor}`);
+                return undefined;
+            }
+        }
+    }
+    isDestructive() {
+        // @ts-ignore
+        return _.isFunction(this.config['destructive']) && this.config.destructive();
+    }
+}
+AbstractDialogComponent.decorators = [
+    { type: Component, args: [{
+                template: ''
+            },] }
+];
+AbstractDialogComponent.ctorParameters = () => [
+    { type: undefined, decorators: [{ type: Inject, args: [ALERT_CONFIG,] }] }
+];
+
+class AbstractConfirmDialogComponent extends AbstractDialogComponent {
+    constructor(config) {
+        super(config);
+        this.cancelFace = {
+            text: () => config.cancel()
+        };
+        this.cancelCommand = Command.create(() => {
+            return this.cancel();
+        });
+    }
+}
+AbstractConfirmDialogComponent.decorators = [
+    { type: Component, args: [{
+                template: ''
+            },] }
+];
+AbstractConfirmDialogComponent.ctorParameters = () => [
+    { type: undefined, decorators: [{ type: Inject, args: [ALERT_CONFIG,] }] }
+];
+
+class AlertDialogComponent extends AbstractDialogComponent {
+    constructor(alert) {
+        super(alert);
+        this.confirmCommand = Command.create(() => {
+            this.done();
+        });
     }
 }
 AlertDialogComponent.decorators = [
@@ -4656,42 +4713,14 @@ AlertDialogComponent.ctorParameters = () => [
     { type: Alert, decorators: [{ type: Inject, args: [ACTIVITY_DATA,] }] }
 ];
 
-class ConfirmThenDialogComponent extends Activity {
+class ConfirmThenDialogComponent extends AbstractConfirmDialogComponent {
     constructor(config) {
-        var _a;
-        super();
-        this.config = config;
-        assert.notNil(config);
+        super(config.confirm);
         this.confirmCommand = Command.create(() => {
-            this.interactionContext.startActivity(this.config.activityType, this.config.data)
+            this.interactionContext.startActivity(config.activityType, config.data)
                 .then((result) => this.done(result))
                 .catch(error => this.cancel(error));
         });
-        this.cancelCommand = Command.create(() => {
-            return this.cancel();
-        });
-        this.title = Alert.getTitle(config.confirm);
-        this.color = this.isDestructive() ? 'warn' : (_a = Alert.getColor(config.confirm)) !== null && _a !== void 0 ? _a : 'primary';
-        this.content = Alert.getContent(config.confirm);
-        this.confirmFace = {
-            text: () => this.confirm.ok(),
-            color: () => this.color,
-            style: () => 'raised'
-        };
-        this.cancelFace = {
-            text: () => this.confirm.cancel(),
-        };
-    }
-    ngOnInit() {
-    }
-    get confirm() {
-        return this.config.confirm;
-    }
-    get titleColor() {
-        return this.isDestructive() ? 'warn' : undefined;
-    }
-    isDestructive() {
-        return this.confirm.destructive && this.confirm.destructive();
     }
 }
 ConfirmThenDialogComponent.decorators = [
@@ -4705,12 +4734,9 @@ ConfirmThenDialogComponent.ctorParameters = () => [
     { type: undefined, decorators: [{ type: Inject, args: [ACTIVITY_DATA,] }] }
 ];
 
-class ConfirmThenExecuteDialogComponent extends Activity {
+class ConfirmThenExecuteDialogComponent extends AbstractConfirmDialogComponent {
     constructor(data) {
-        var _a;
-        super();
-        this.data = data;
-        assert.notNil(data);
+        super(data.confirm);
         this.confirmCommand = Command.create(() => __awaiter(this, void 0, void 0, function* () {
             try {
                 const result = yield data.operation(this.interactionContext);
@@ -4720,29 +4746,6 @@ class ConfirmThenExecuteDialogComponent extends Activity {
                 this.cancel(e);
             }
         }));
-        this.cancelCommand = Command.create(() => {
-            return this.cancel();
-        });
-        this.title = Alert.getTitle(data.confirm);
-        this.color = this.isDestructive() ? 'warn' : (_a = Alert.getColor(data.confirm)) !== null && _a !== void 0 ? _a : 'primary';
-        this.content = Alert.getContent(data.confirm);
-        this.confirmFace = {
-            text: () => this.confirm.ok(),
-            color: () => this.color,
-            style: () => 'raised'
-        };
-        this.cancelFace = {
-            text: () => this.confirm.cancel()
-        };
-    }
-    get confirm() {
-        return this.data.confirm;
-    }
-    get titleColor() {
-        return this.isDestructive() ? 'warn' : undefined;
-    }
-    isDestructive() {
-        return this.confirm.destructive && this.confirm.destructive();
     }
 }
 ConfirmThenExecuteDialogComponent.decorators = [
@@ -4756,37 +4759,13 @@ ConfirmThenExecuteDialogComponent.ctorParameters = () => [
     { type: undefined, decorators: [{ type: Inject, args: [ACTIVITY_DATA,] }] }
 ];
 
-class ConfirmationDialogComponent extends Activity {
+class ConfirmationDialogComponent extends AbstractConfirmDialogComponent {
     constructor(confirm) {
-        var _a;
-        super();
+        super(confirm);
         this.confirm = confirm;
-        assert.notNil(confirm);
         this.confirmCommand = Command.create(() => {
             return this.done();
         });
-        this.cancelCommand = Command.create(() => {
-            return this.cancel();
-        });
-        this.title = Alert.getTitle(confirm);
-        this.color = this.isDestructive() ? 'warn' : (_a = Alert.getColor(confirm)) !== null && _a !== void 0 ? _a : 'primary';
-        this.content = Alert.getContent(confirm);
-        this.confirmFace = {
-            text: () => confirm.ok(),
-            color: () => this.color,
-            style: () => 'raised'
-        };
-        this.cancelFace = {
-            text: () => confirm.cancel()
-        };
-    }
-    ngOnInit() {
-    }
-    get titleColor() {
-        return this.isDestructive() ? 'warn' : undefined;
-    }
-    isDestructive() {
-        return this.confirm.destructive && this.confirm.destructive();
     }
 }
 ConfirmationDialogComponent.decorators = [
@@ -6357,7 +6336,9 @@ InteractionModule.decorators = [
                     InlineActivityTriggerComponent,
                     ModalActivityTriggerComponent,
                     AddCardActivityComponent,
-                    InlineStringEditorComponent
+                    InlineStringEditorComponent,
+                    AbstractDialogComponent,
+                    AbstractConfirmDialogComponent,
                 ],
                 exports: [
                     ActivityContainerComponent,
@@ -9342,5 +9323,5 @@ VisibilityService.ctorParameters = () => [
  * Generated bundle index. Do not edit.
  */
 
-export { ACTIVITY_DATA, AUP_PLACE_CONFIG, AUP_UNAUTHORISED_PLACE_NOTICE_COMPONENT, AbstractActivityTriggerComponent, AbstractCardContainerComponent, AbstractInputComponent, AbstractInteractionContext, AbstractListInputComponent, AbstractPlaceNavigationComponent, AbstractPopStateNavigation, AbstractPopupMenuComponent, AbstractTableComponent, AbstractTableModel, AbstractValueInputComponent, Activity, ActivityActionsComponent, ActivityBodyComponent, ActivityContainerComponent, ActivityOutletComponent, ActivityRef, ActivityTitleComponent, AddCardActivityComponent, AddItemInteractionContextComponent, Alert, AlertDialogComponent, AngularUiPowerupsModule, AutocompleteInputComponent, Bounds, BusyOverlayComponent, CELL_EDITOR_PORTAL, CELL_RENDERER_PORTAL, CardContainerComponent, CardStackComponent, CellEditorPortalRef, CellHeaderPortalRef, CellPortalRef, CellRendererPortalRef, CheckboxInputComponent, ColumnListModel, ColumnModel, ColumnTemplateDirective, CommandComponent, CommandContainer, CommandDirective, CommandFace, CommandFaceComponent, ComponentCellRendererPortalRef, ComponentsModule, ConfirmThenDialogComponent, ConfirmThenExecuteDialogComponent, ConfirmationDialogComponent, ConsolidatedParameterMap, CustomTemplateColumnModel, CustomValueColumnModel, DEFINITION_META_DATA_KEY, DIALOG_INTERACTION_SERVICE_DEFAULTS, DecoratedTreeNode, DefaultCellRendererComponent, DefaultHeaderCellRendererComponent, DialogInteractionContext, DialogInteractionContextFactory, Dimension, DirectivesModule, DisposableComponent, EditRowControls, EditSession, EditorControlColumnModel, EmptyStateComponent, EventCleanUpSession, FlattenedTreeListModel, FlexComponent, FocusBinding, FocusBindingDirective, FocusBindingFactory, FocusContainerComponent, FocusableComponent, Formatter, HEADER_CELL_RENDERER_PORTAL, HighlightPipe, HighlightTextModelDirective, HorizontalAlignment, IconComponent, InPlaceInteractionContextComponent, InlineActivityTriggerComponent, InlineEditorModel, InlineStringEditorComponent, InputActivity, InteractionContextTriggerFor, InteractionModule, InteractionService, InteractionServiceRoutingAdapter, LEFT_RIGHT_PLACE_ANIMATION, LabelledValueComponent, ListPlaceNavComponent, ListPropertyColumnModel, LoadingContainerComponent, MarkdownComponent, MarkdownService, ModalActivityTriggerComponent, ModalInteractionContextFactory, MoreMenuComponent, MultipleSelectInputComponent, Navigating, NavigatingDuringInteraction, NavigationContext, NavigationSession, NoopAuthGuard, NoopComponent, NotAuthorisedNoticeComponent, NumberInputComponent, POPUP_CONTAINER, PORTAL_EDITOR_COMPONENT, PORTAL_RENDERER_COMPONENT, PaginatorComponent, ParameterDefinition, PasswordInputComponent, Place, PlaceAccessGuard, PlaceComponent, PlaceComponentDeactivationHandler, PlaceDefinition, PlaceGuard, PlaceHistory, PlaceModule, PlaceOutletComponent, PlaceRouter, Point, PopStateDuringInteractionNavigation, PopStateNavigation, PopupActivityTriggerComponent, PopupAwareComponent, PopupInteractionContextComponent, PopupMenuComponent, PopupMenuRendererComponent, PropertyColumnModel, ROUTE_PARAMETER_LIST_KEY, RemoveLastInteractionFromUrlNavigationSession, ResizeAwareComponent, RouteId, ScrollContainerComponent, SectionHeaderComponent, SelectCellRendererComponent, SelectHeaderCellRendererComponent, SelectInputActivity, SelectInputComponent, SelectionColumnModel, SeparatorComponent, SidePlaceNavigationComponent, StringInputActivity, StringInputComponent, SwitchCaseComponent, SwitchCaseDefaultDirective, SwitchCaseOption, SwitchCaseWhenDirective, SynchroniseInteractionContextIdsWithRoute, TabbedPlaceNavigationComponent, TableCellRendererComponent, TableComponent, TableHeaderCellRendererComponent, TableModel, TableRowMenuComponent, TemplateCellRendererPortalRef, TextInputComponent, ToolBarComponent, TrackBy, TreeExpansionModel, TreeInheritanceIconComponent, TreeLabelCellRendererComponent, TreeLabelColumnModel, TreeTableComponent, TreeTableModel, UrlService, UrlSnapshot, VerticalFocusContainerComponent, VisibilityService, Visit, VisitParameter, VisitParameterList, VisitSanitiser, WaitUntilLeavingInteractionTransitionCancelled, WaitUntilLinkTriggeredNavigationInteractionCancellationTypeDetermined, WaitUntilPopStateDuringCanDeactivateInteractionFinishes, leftRightPlaceAnimation, markdownPillExtension, slideDownOnEnterAnimation, slideRightOnEnterAnimation, treeNodeDecorator, ɵ0, ɵ1 };
+export { ACTIVITY_DATA, ALERT_CONFIG, AUP_PLACE_CONFIG, AUP_UNAUTHORISED_PLACE_NOTICE_COMPONENT, AbstractActivityTriggerComponent, AbstractCardContainerComponent, AbstractConfirmDialogComponent, AbstractDialogComponent, AbstractInputComponent, AbstractInteractionContext, AbstractListInputComponent, AbstractPlaceNavigationComponent, AbstractPopStateNavigation, AbstractPopupMenuComponent, AbstractTableComponent, AbstractTableModel, AbstractValueInputComponent, Activity, ActivityActionsComponent, ActivityBodyComponent, ActivityContainerComponent, ActivityOutletComponent, ActivityRef, ActivityTitleComponent, AddCardActivityComponent, AddItemInteractionContextComponent, Alert, AlertDialogComponent, AngularUiPowerupsModule, AutocompleteInputComponent, Bounds, BusyOverlayComponent, CELL_EDITOR_PORTAL, CELL_RENDERER_PORTAL, CardContainerComponent, CardStackComponent, CellEditorPortalRef, CellHeaderPortalRef, CellPortalRef, CellRendererPortalRef, CheckboxInputComponent, ColumnListModel, ColumnModel, ColumnTemplateDirective, CommandComponent, CommandContainer, CommandDirective, CommandFace, CommandFaceComponent, ComponentCellRendererPortalRef, ComponentsModule, ConfirmThenDialogComponent, ConfirmThenExecuteDialogComponent, ConfirmationDialogComponent, ConsolidatedParameterMap, CustomTemplateColumnModel, CustomValueColumnModel, DEFINITION_META_DATA_KEY, DIALOG_INTERACTION_SERVICE_DEFAULTS, DecoratedTreeNode, DefaultCellRendererComponent, DefaultHeaderCellRendererComponent, DialogInteractionContext, DialogInteractionContextFactory, Dimension, DirectivesModule, DisposableComponent, EditRowControls, EditSession, EditorControlColumnModel, EmptyStateComponent, EventCleanUpSession, FlattenedTreeListModel, FlexComponent, FocusBinding, FocusBindingDirective, FocusBindingFactory, FocusContainerComponent, FocusableComponent, Formatter, HEADER_CELL_RENDERER_PORTAL, HighlightPipe, HighlightTextModelDirective, HorizontalAlignment, IconComponent, InPlaceInteractionContextComponent, InlineActivityTriggerComponent, InlineEditorModel, InlineStringEditorComponent, InputActivity, InteractionContextTriggerFor, InteractionModule, InteractionService, InteractionServiceRoutingAdapter, LEFT_RIGHT_PLACE_ANIMATION, LabelledValueComponent, ListPlaceNavComponent, ListPropertyColumnModel, LoadingContainerComponent, MarkdownComponent, MarkdownService, ModalActivityTriggerComponent, ModalInteractionContextFactory, MoreMenuComponent, MultipleSelectInputComponent, Navigating, NavigatingDuringInteraction, NavigationContext, NavigationSession, NoopAuthGuard, NoopComponent, NotAuthorisedNoticeComponent, NumberInputComponent, POPUP_CONTAINER, PORTAL_EDITOR_COMPONENT, PORTAL_RENDERER_COMPONENT, PaginatorComponent, ParameterDefinition, PasswordInputComponent, Place, PlaceAccessGuard, PlaceComponent, PlaceComponentDeactivationHandler, PlaceDefinition, PlaceGuard, PlaceHistory, PlaceModule, PlaceOutletComponent, PlaceRouter, Point, PopStateDuringInteractionNavigation, PopStateNavigation, PopupActivityTriggerComponent, PopupAwareComponent, PopupInteractionContextComponent, PopupMenuComponent, PopupMenuRendererComponent, PropertyColumnModel, ROUTE_PARAMETER_LIST_KEY, RemoveLastInteractionFromUrlNavigationSession, ResizeAwareComponent, RouteId, ScrollContainerComponent, SectionHeaderComponent, SelectCellRendererComponent, SelectHeaderCellRendererComponent, SelectInputActivity, SelectInputComponent, SelectionColumnModel, SeparatorComponent, SidePlaceNavigationComponent, StringInputActivity, StringInputComponent, SwitchCaseComponent, SwitchCaseDefaultDirective, SwitchCaseOption, SwitchCaseWhenDirective, SynchroniseInteractionContextIdsWithRoute, TabbedPlaceNavigationComponent, TableCellRendererComponent, TableComponent, TableHeaderCellRendererComponent, TableModel, TableRowMenuComponent, TemplateCellRendererPortalRef, TextInputComponent, ToolBarComponent, TrackBy, TreeExpansionModel, TreeInheritanceIconComponent, TreeLabelCellRendererComponent, TreeLabelColumnModel, TreeTableComponent, TreeTableModel, UrlService, UrlSnapshot, VerticalFocusContainerComponent, VisibilityService, Visit, VisitParameter, VisitParameterList, VisitSanitiser, WaitUntilLeavingInteractionTransitionCancelled, WaitUntilLinkTriggeredNavigationInteractionCancellationTypeDetermined, WaitUntilPopStateDuringCanDeactivateInteractionFinishes, leftRightPlaceAnimation, markdownPillExtension, slideDownOnEnterAnimation, slideRightOnEnterAnimation, treeNodeDecorator, ɵ0, ɵ1 };
 //# sourceMappingURL=coolon-angular-ui-powerups.js.map