@coolon/angular-ui-powerups 12.4.0-alpha.72 → 12.4.0-alpha.74

package/lib/components/exports.d.ts

@@ -76,6 +76,7 @@ export * from "./tables/tree-table/tree-table-component";
 export * from "./tables/tree-table/tree-table-model";
 export * from "./tables/tree-table/tree-inheritance-icon/tree-inheritance-icon.component";
 export * from "./tables/tree-table/tree-label-cell-renderer/tree-label-cell-renderer.component";
+export * from "./text/markdown/markdown.component";
 export * from "./types/bounds.class";
 export * from "./types/dimension.class";
 export * from "./types/point.class";

package/lib/components/text/markdown/markdown.component.d.ts

@@ -0,0 +1,13 @@
+import { ElementRef, OnInit } from '@angular/core';
+import { ValueModel } from '@coolon/pectin';
+import { MarkdownService } from '../../../services/markdown/markdown.service';
+import { DisposableComponent } from '../../disposable-component';
+export declare class MarkdownComponent extends DisposableComponent implements OnInit {
+    private readonly element;
+    private readonly markdownService;
+    content$: ValueModel<string>;
+    content: string;
+    inline: boolean;
+    constructor(element: ElementRef, markdownService: MarkdownService);
+    ngOnInit(): void;
+}

package/lib/interaction/abstract-interaction-context.d.ts

@@ -21,5 +21,5 @@ export declare abstract class AbstractInteractionContext implements InteractionC
      * @param data the activity data.
      */
     confirmThen<D, R, E>(confirm: Confirm, activityType: Constructable<Activity<D, R, E>>, data?: D): Promise<R>;
-    confirmThenExecute<R>(confirm: Confirm, operation: () => (Promise<R> | R)): Promise<R>;
+    confirmThenExecute<R>(confirm: Confirm, operation: (interactionContext: InteractionContext) => (Promise<R> | R)): Promise<R>;
 }

package/lib/interaction/alert.d.ts

@@ -1,5 +1,11 @@
 export interface Alert {
     title?(): string;
-    content(): string[];
+    color?(): 'primary' | 'accent' | 'warn';
+    content(): string | string[];
     ok(): string;
 }
+export declare namespace Alert {
+    function getContent(alert: Alert): string[];
+    function getTitle(alert: Alert): string;
+    function getColor(alert: Alert): 'primary' | 'accent' | 'warn';
+}

package/lib/interaction/components/alert-dialog/alert-dialog.component.d.ts

@@ -5,6 +5,10 @@ import { Alert } from '../../alert';
 export declare class AlertDialogComponent extends Activity<Alert, void> implements OnInit {
     readonly alert: Alert;
     readonly confirmFace: CommandFace;
+    readonly title: string;
+    readonly content: string[];
+    readonly color?: 'primary' | 'accent' | 'warn';
     constructor(alert: Alert);
+    isContentArray(): void;
     ngOnInit(): void;
 }

package/lib/interaction/components/confirm-then-dialog/confirm-then-dialog.component.d.ts

@@ -7,6 +7,9 @@ export declare class ConfirmThenDialogComponent<D, R, E> extends Activity<Confir
     readonly config: ConfirmThenDialogComponent.Data<D, R, E>;
     readonly confirmFace: CommandFace;
     readonly cancelFace: CommandFace;
+    readonly title: string;
+    readonly color: 'primary' | 'accent' | 'warn';
+    readonly content: string[];
     constructor(config: ConfirmThenDialogComponent.Data<D, R, E>);
     ngOnInit(): void;
     get confirm(): Confirm;

package/lib/interaction/components/confirm-then-execute-dialog/confirm-then-execute-dialog.component.d.ts

@@ -1,10 +1,14 @@
 import { CommandFace } from '../../../components/commands/command-face';
 import { Activity } from '../../activity';
 import { Confirm } from '../../confirm';
+import { InteractionContext } from '../../interaction-context';
 export declare class ConfirmThenExecuteDialogComponent<R, E> extends Activity<ConfirmThenExecuteDialogComponent.Data<R, E>, R, E> {
     readonly data: ConfirmThenExecuteDialogComponent.Data<R, E>;
     readonly confirmFace: CommandFace;
     readonly cancelFace: CommandFace;
+    readonly title: string;
+    readonly color: 'primary' | 'accent' | 'warn';
+    readonly content: string[];
     constructor(data: ConfirmThenExecuteDialogComponent.Data<R, E>);
     get confirm(): Confirm;
     get titleColor(): string;
@@ -13,6 +17,6 @@ export declare class ConfirmThenExecuteDialogComponent<R, E> extends Activity<Co
 export declare namespace ConfirmThenExecuteDialogComponent {
     interface Data<R, E> {
         confirm: Confirm;
-        operation: () => R | Promise<R>;
+        operation: (interactionContext: InteractionContext) => R | Promise<R>;
     }
 }

package/lib/interaction/components/confirmation-dialog/confirmation-dialog.component.d.ts

@@ -6,6 +6,9 @@ export declare class ConfirmationDialogComponent extends Activity<Confirm, void>
     readonly confirm: Confirm;
     readonly confirmFace: CommandFace;
     readonly cancelFace: CommandFace;
+    readonly title: string;
+    readonly color: 'primary' | 'accent' | 'warn';
+    readonly content: string[];
     constructor(confirm: Confirm);
     ngOnInit(): void;
     get titleColor(): string;

package/lib/interaction/components/inplace-interaction-context/in-place-interaction-context.component.d.ts

@@ -39,7 +39,7 @@ export declare class InPlaceInteractionContextComponent<D, R, E> extends Disposa
     confirm(confirm: Confirm): Promise<boolean>;
     confirmOrReject(confirm: Confirm): Promise<void>;
     confirmThen<D1, R1, E1>(confirm: Confirm, activityType: Constructable<Activity<D1, R1, E1>>, data?: D1): Promise<R1>;
-    confirmThenExecute<R1>(confirm: Confirm, operation: () => (Promise<R1> | R1)): Promise<R1>;
+    confirmThenExecute<R1>(confirm: Confirm, operation: (interactionContext: InteractionContext) => (Promise<R1> | R1)): Promise<R1>;
     isActive(): boolean;
     startActivity<D1, R1, E1>(activityType: Constructable<Activity<D1, R1, E1>>, data?: D1, options?: InteractionContext.Options): Promise<R1>;
 }

package/lib/interaction/interaction-context.d.ts

@@ -11,7 +11,7 @@ export interface InteractionContext extends Disposable, Disposable.Collector {
     alert(alert: Alert): Promise<void>;
     confirmOrReject(confirm: Confirm): Promise<void>;
     confirmThen<D, R, E>(confirm: Confirm, activityType: Constructable<Activity<D, R, E>>, data?: D): Promise<R>;
-    confirmThenExecute<R>(confirm: Confirm, operation: () => R | Promise<R>): Promise<R>;
+    confirmThenExecute<R>(confirm: Confirm, operation: (interactionContext: InteractionContext) => R | Promise<R>): Promise<R>;
 }
 export declare namespace InteractionContext {
     interface Options {

package/lib/services/exports.d.ts

@@ -2,3 +2,5 @@
  * @file Automatically generated by barrelsby.
  */
 export * from "./visibility-service";
+export * from "./markdown/markdown.service";
+export * from "./markdown/pill-plugin";

package/lib/services/markdown/markdown.service.d.ts

@@ -0,0 +1,6 @@
+export declare class MarkdownService {
+    constructor();
+    render(content: string): string;
+    renderInline(content: string): string;
+    usePillExtension(renderer?: (content: string) => string): void;
+}

package/lib/services/markdown/pill-plugin.d.ts

@@ -0,0 +1,15 @@
+import { marked } from 'marked';
+import RendererThis = marked.RendererThis;
+import TokenizerThis = marked.TokenizerThis;
+import Tokens = marked.Tokens;
+export declare const markdownPillExtension: (renderPill: (text: string) => string) => {
+    name: string;
+    level: string;
+    start: (src: string) => number;
+    tokenizer: (this: TokenizerThis, src: string) => {
+        type: string;
+        raw: string;
+        text: string;
+    };
+    renderer: (this: RendererThis, token: Tokens.Generic) => string;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coolon/angular-ui-powerups",
-  "version": "12.4.0-alpha.72",
+  "version": "12.4.0-alpha.74",
   "schematics": "./schematics/collection.json",
   "dependencies": {
     "@coolon/typescript-utilities": "^2.3.0",
@@ -14,6 +14,7 @@
     "@fortawesome/free-solid-svg-icons": "^5.15.2",
     "@fortawesome/fontawesome-free": "5.15.3",
     "resize-observer-polyfill": "^1.5.1",
+    "marked": "^4.0.3",
     "tslib": "^2.2.0"
   },
   "peerDependencies": {