@coolon/angular-ui-powerups 12.4.0-alpha.38 → 12.4.0-alpha.4

package/esm2015/lib/interaction/components/input-activities/input-activity.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-activity.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/interaction/components/input-activities/input-activity.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtE,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAmB,MAAM,gBAAgB,CAAC;AAC7E,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAGzD,gHAAgH;AAChH,qHAAqH;AACrH,WAAW;AAEX,MAAM,OAAO,aAA0E,SAAQ,QAAc;IAc3G,YAA4C,IAAO;QACjD,KAAK,EAAE,CAAC;QADkC,SAAI,GAAJ,IAAI,CAAG;QAR7B,UAAK,GAAG,oBAAoB,CAAC;QAWjD,MAAM,IAAI,GAAG,IAAI,iBAAiB,EAAE,CAAC;QACrC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAI,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAC7D,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,IAAI,CAAC,UAAU,IAAI,EAAE,CAAC,CAAC;QAErD,IAAI,CAAC,cAAc,GAAG,OAAO,CAAC,MAAM,CAAC,GAAS,EAAE;YAC9C,IAAI,IAAI,CAAC,UAAU,CAAC,QAAQ,EAAE,EAAE;gBAC9B,IAAI,IAAI,CAAC,IAAI,EAAE;oBACb,MAAM,IAAI,GAAG,IAAI,CAAC;oBAClB,IAAI;wBACF,IAAI,OAAO,GAAG,IAAI,CAAC;wBACnB,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE;4BACpD,WAAW,CAAC,KAAa;gCACvB,OAAO,GAAG,KAAK,CAAC;gCAChB,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;4BACxC,CAAC;yBACF,CAAC,CAAC;wBACH,IAAI,OAAO,EAAE;4BACX,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;yBAClC;qBACF;oBAAC,OAAM,CAAC,EAAE;wBACT,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;qBAClB;iBACF;qBAAM;oBACL,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;iBAClC;aAEF;QACH,CAAC,CAAA,CAAC,CAAC;QACH,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC,MAAM,CAAC,GAAG,EAAE;YACvC,IAAI,CAAC,MAAM,EAAE,CAAC;QAChB,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;IAC3C,CAAC;IA1CD,IAEI,MAAM;;QACR,OAAO,MAAA,MAAA,IAAI,CAAC,IAAI,0CAAE,MAAM,mCAAI,aAAa,CAAC,MAAM,CAAC,KAAK,CAAC;IACzD,CAAC;IAwCD,eAAe;QACb,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,YAAY,EAAE,CAAC;IAC9C,CAAC;;;YAvDF,SAAS,SAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;;;4CAeZ,MAAM,SAAC,aAAa;;;oBARhC,WAAW,SAAC,OAAO;qBAEnB,KAAK,YACL,WAAW,SAAC,aAAa;;AAiD5B,WAAiB,aAAa;IAEf,oBAAM,GAAG,IAAI,CAAC;QACzB,MAAM,EAAE,QAAQ;QAChB,KAAK,EAAE,OAAO;KACf,CAAC,CAAC;AAiBL,CAAC,EAtBgB,aAAa,KAAb,aAAa,QAsB7B","sourcesContent":["import { Component, HostBinding, Inject, Input } from '@angular/core';\nimport { Command, DirtyTrackingForm, Form, Validator } from '@coolon/pectin';\nimport { Enum } from 'typescript-string-enums';\nimport { Activity, ACTIVITY_DATA } from '../../activity';\nimport { ActivityActionsComponent } from '../activity-actions/activity-actions.component';\n\n// @see https://github.com/ng-packagr/ng-packagr/issues/641 and  https://github.com/angular/angular/issues/21123\n// we're getting a metadata error for D for no reason that I can find and only during the build (ng serve works fine)\n// @dynamic\n@Component({ template: `` })\nexport class InputActivity<T, D extends InputActivity.Data<T> = InputActivity.Data<T>> extends Activity<D, T> {\n\n  readonly confirmCommand: Command<void>;\n  readonly cancelCommand: Command<void>;\n  readonly valueModel: Form.ValueModelBase<T>;\n\n  @HostBinding('class') class = 'aup-input-activity';\n\n  @Input()\n  @HostBinding('attr.layout')\n  get layout(): InputActivity.Layout {\n    return this.data?.layout ?? InputActivity.Layout.BLOCK;\n  }\n\n  constructor(@Inject(ACTIVITY_DATA) readonly data: D) {\n    super();\n\n    const form = new DirtyTrackingForm();\n    this.valueModel = form.valueModel<T>(this.data.initialValue);\n    this.valueModel.validateUsing(data.validators || []);\n\n    this.confirmCommand = Command.create(async () => {\n      if (this.valueModel.validate()) {\n        if (data.save) {\n          const self = this;\n          try {\n            let allGood = true;\n            const result = await data.save(this.valueModel.value, {\n              injectError(error: string) {\n                allGood = false;\n                self.valueModel.injectErrors([error]);\n              }\n            });\n            if (allGood) {\n              this.done(this.valueModel.value);\n            }\n          } catch(e) {\n            console.error(e);\n          }\n        } else {\n          this.done(this.valueModel.value);\n        }\n\n      }\n    });\n    this.cancelCommand = Command.create(() => {\n      this.cancel();\n    });\n\n    this.busyWhile(this.confirmCommand.busy);\n  }\n\n  onActivityReady() {\n    this.valueModel.focusContext.requestFocus();\n  }\n\n}\n\nexport namespace InputActivity {\n\n  export const Layout = Enum({\n    INLINE: 'inline',\n    BLOCK: 'block'\n  });\n  export type Layout = Enum<typeof Layout>;\n\n  export interface Context {\n    injectError(error: string);\n  }\n\n  export interface Data<T> {\n    initialValue: T;\n    label?: string;\n    placeholder?: string;\n    layout?: InputActivity.Layout\n    buttonStyle?: ActivityActionsComponent.Style\n    validators?: Validator<T>[],\n\n    save?(valueModel: T, interactionContext?: Context): void | Promise<void>\n  }\n}\n"]}

package/esm2015/lib/interaction/components/input-activities/input-activity.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"InputActivity":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../activity","name":"Activity","line":10,"character":95},"arity":2,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"template":""}]}],"members":{"class":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":16,"character":3},"arguments":["class"]}]}],"layout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":19,"character":3},"arguments":["attr.layout"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":24,"character":15},"arguments":[{"__symbolic":"reference","module":"../../activity","name":"ACTIVITY_DATA","line":24,"character":22}]}]],"parameters":[{"__symbolic":"error","message":"Could not resolve type","line":24,"character":52,"context":{"typeName":"D"}}]}],"onActivityReady":[{"__symbolic":"method"}]}}}}]

package/esm2015/lib/interaction/components/input-activities/input-activity.ngfactory.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-activity.ngfactory.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/interaction/components/input-activities/input-activity.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}

package/lib/components/cards/abstract-card-container.component.d.ts

@@ -1,11 +0,0 @@
-import { OnInit, TemplateRef } from '@angular/core';
-import { Command } from '@coolon/pectin';
-import { CommandFace } from '../commands/command-face';
-import { DisposableComponent } from '../disposable-component';
-export declare class AbstractCardContainerComponent extends DisposableComponent implements OnInit {
-    addCardCommand: Command<any>;
-    addCardFace: CommandFace;
-    addCardTemplate: TemplateRef<any>;
-    constructor();
-    ngOnInit(): void;
-}

package/lib/components/cards/card-stack/card-stack.component.d.ts

@@ -1,63 +0,0 @@
-import { AbstractCardContainerComponent } from '../abstract-card-container.component';
-/**
- * @example
- * // basic usage
- * <aup-card-stack>
- *   <my-card *ngFor="..."></my-card>
- * </aup-card-stack>
- *
- * // adds an add button with a the '+' icon to the end of the card list.
- * <aup-card-stack [addCardCommand]="addCard">
- *   <my-card *ngFor="..."></my-card>
- * </aup-card-stack>
- *
- * // adds an add button with the specified face
- * <aup-card-stack [addCardCommand]="addCard" [addCardFace]="i18n.addCard" >
- *   <my-card *ngFor="..."></my-card>
- * </aup-card-stack>
- *
- * // use the aup-add-card-activity to display as the new card place holder and to run
- * // the activity inside teh card
- * <aup-card-stack [addCardCommand]="addCard" [addCardFace]="i18n.addCard" >
- *   <my-card *ngFor="..."></my-card>
- *   <aup-add-card-activity type="inline" renderAs="card" [face]="i18n.commands.addModal" [activityClass]="AddCardActivity"></aup-add-card-activity>
- * </aup-card-stack>
- *
- * // adds an add card component using the specified template.  The template
- * // will fill it's container in the grid.
- * <aup-card-stack>
- *   <my-card *ngFor="..."></my-card>
- *   <ng-template #addCardTemplate>
- *     <div>This is a new card template, it will the the size of the other cards.</div>
- *   </ng-template>
- * </aup-card-stack>
- *
- * // sing the default new card styles for your template
- * @import "../../../../assets/styles";
- * .my-new-card {
- *   @include aup-card-stack-new-card-style();
- *   // OR
- *   @include aup-card-stack-new-card-style(
- *      $color: rgba(0,0,0,0.54),
- *      $background-color: rgba(255,255,255,0.8),
- *      $hover-color: $color,
- *      $background-hover-color: white
- *   )
- * }
- * <aup-card-stack>
- *   <my-card *ngFor="..."></my-card>
- *   <ng-template #addCardTemplate>
- *     <div class="my-new-card" >This is a new card template, it will the the size of the other cards.</div>
- *   </ng-template>
- * </aup-card-stack>
- *
- * // CSS Vars
- * aup-card-stack {
- *   --card-gap: var(--card-gap, 16px);
- *   --card-height: var(--card-height, auto);
- *   --card-min-height: var(--card-min-height, auto);
- *   --card-background: var(--card-background, #fcfcfb);
- * }
- */
-export declare class CardStackComponent extends AbstractCardContainerComponent {
-}

package/lib/components/labelled-value/labelled-value.component.d.ts

@@ -1,7 +0,0 @@
-import { OnInit } from '@angular/core';
-import { DisposableComponent } from '../disposable-component';
-export declare class LabelledValueComponent extends DisposableComponent implements OnInit {
-    label: string;
-    constructor();
-    ngOnInit(): void;
-}

package/lib/interaction/components/add-card-activity/add-card-activity.component.d.ts

@@ -1,38 +0,0 @@
-import { OnInit } from '@angular/core';
-import { ListModelChain } from '@coolon/pectin';
-import { Enum } from 'typescript-string-enums';
-import { CommandFace } from '../../../components/commands/command-face';
-import { InteractionContext } from '../../interaction-context';
-import { InteractionService } from '../../services/interaction.service';
-import { AbstractActivityTriggerComponent } from '../activity-triggers/abstract-activity-trigger.component';
-/**
- *
- */
-export declare class AddCardActivityComponent extends AbstractActivityTriggerComponent implements OnInit {
-    private modalInteractionContext;
-    inlineInteractionContext: InteractionContext;
-    interactionStyle: AddCardActivityComponent.InteractionType;
-    renderAs: AddCardActivityComponent.RenderAs;
-    readonly faceList: ListModelChain<CommandFace>;
-    get renderAsClass(): string;
-    get activityTypeClass(): string;
-    isRenderAsCard(): boolean;
-    isRenderAsButton(): boolean;
-    constructor(interactionService: InteractionService);
-    ngOnInit(): void;
-    get interactionContext(): InteractionContext;
-    isModal(): boolean;
-    isInline(): boolean;
-}
-export declare namespace AddCardActivityComponent {
-    const InteractionType: {
-        MODAL: "modal";
-        INLINE: "inline";
-    };
-    type InteractionType = Enum<typeof InteractionType>;
-    const RenderAs: {
-        CARD: "card";
-        BUTTON: "button";
-    };
-    type RenderAs = Enum<typeof RenderAs>;
-}

package/lib/interaction/components/editors/edit-context.d.ts

@@ -1,3 +0,0 @@
-export interface EditContext<T> {
-    injectError(error: string): any;
-}

package/lib/interaction/components/editors/inline-string-editor/inline-editor-model.d.ts

@@ -1,24 +0,0 @@
-import { GarbageCollector, ListModel, MutableValueModel, Validator, ValueModel } from '@coolon/pectin';
-import { EditContext } from '../edit-context';
-export declare class InlineEditorModel<T> extends GarbageCollector {
-    readonly valueModel: ValueModel<T>;
-    readonly saveCallback: InlineEditorModel.SaveCallback<T>;
-    readonly editing: MutableValueModel<boolean>;
-    private readonly _validators;
-    private _editingEnabled;
-    constructor(valueModel: ValueModel<T>, saveCallback: InlineEditorModel.SaveCallback<T>);
-    get editingEnabled(): ValueModel<boolean>;
-    disableWhile(condition: ValueModel<boolean>): this;
-    enableWhile(condition: ValueModel<boolean>): this;
-    get validators(): ListModel<Validator<T>>;
-    validateUsing(validator: Validator<T>): this;
-    isEditing(): boolean;
-    cancelEdit(): void;
-    startEditing(): void;
-}
-export declare namespace InlineEditorModel {
-    type SaveCallback<T> = (value: T, context: EditContext<T>) => void | Promise<void>;
-    function create<T>(valueModel: ValueModel<T>, options: {
-        save: SaveCallback<T>;
-    }): InlineEditorModel<T>;
-}

package/lib/interaction/components/editors/inline-string-editor/inline-string-editor.component.d.ts

@@ -1,57 +0,0 @@
-import { OnInit } from '@angular/core';
-import { BooleanValueModelChain, Command, DelegatingValueModel, ValueModel, ValueModelChain } from '@coolon/pectin';
-import { CommandFace } from '../../../../components/commands/command-face';
-import { DisposableComponent } from '../../../../components/disposable-component';
-import { InteractionService } from '../../../services/interaction.service';
-import { InPlaceInteractionContextComponent } from '../../inplace-interaction-context/in-place-interaction-context.component';
-import { InlineEditorModel } from './inline-editor-model';
-/**
- * @example
- * const source: ValueModel<string> = ...;
- * const model = InlineEditorModel.create(source, {
- *   save(updated:string, context: EditContext) => {
- *      try {
- *        try and save the thing...
- *      } catch(error) {
- *        context.injectError(error)
- *      }
- * }).validateUsing(Validator.present("We'll need a value");
- *
- * # in the view
- * <aup-inline-string-editor
- *       label="My field"
- *       placeHolder="I'm ready for a string..."
- *       [editorModel]="model"></aup-inline-string-editor>
- */
-export declare class InlineStringEditorComponent extends DisposableComponent implements OnInit {
-    editorModel: InlineEditorModel<string>;
-    facesModel: ValueModel<InlineStringEditorComponent.Faces>;
-    faces: InlineStringEditorComponent.Faces;
-    interactionContext: InPlaceInteractionContextComponent<any, any, any>;
-    label: string;
-    placeHolder: string;
-    placeHolderModel: ValueModel<string>;
-    readonly description: ValueModelChain<string>;
-    empty: BooleanValueModelChain;
-    readonly editCommand: Command<void>;
-    displayValue: ValueModelChain<string>;
-    readonly editFaceModel: ValueModelChain<CommandFace>;
-    readonly saveFace: ValueModelChain<CommandFace>;
-    readonly cancelFace: ValueModelChain<CommandFace>;
-    readonly editingEnabled: DelegatingValueModel<boolean>;
-    constructor(interactionService: InteractionService);
-    ngOnInit(): void;
-    private createInputActivityData;
-    cancelEdit(): void;
-    startEdit(): void;
-    private isEditing;
-    isEmpty(): boolean;
-}
-export declare namespace InlineStringEditorComponent {
-    interface Faces {
-        edit?: CommandFace;
-        save?: CommandFace;
-        cancel?: CommandFace;
-    }
-    const DEFAULT_FACES: Faces;
-}

package/lib/interaction/components/input-activities/input-activity.d.ts

@@ -1,33 +0,0 @@
-import { Command, Form, Validator } from '@coolon/pectin';
-import { Enum } from 'typescript-string-enums';
-import { Activity } from '../../activity';
-import { ActivityActionsComponent } from '../activity-actions/activity-actions.component';
-export declare class InputActivity<T, D extends InputActivity.Data<T> = InputActivity.Data<T>> extends Activity<D, T> {
-    readonly data: D;
-    readonly confirmCommand: Command<void>;
-    readonly cancelCommand: Command<void>;
-    readonly valueModel: Form.ValueModelBase<T>;
-    class: string;
-    get layout(): InputActivity.Layout;
-    constructor(data: D);
-    onActivityReady(): void;
-}
-export declare namespace InputActivity {
-    const Layout: {
-        INLINE: "inline";
-        BLOCK: "block";
-    };
-    type Layout = Enum<typeof Layout>;
-    interface Context {
-        injectError(error: string): any;
-    }
-    interface Data<T> {
-        initialValue: T;
-        label?: string;
-        placeholder?: string;
-        layout?: InputActivity.Layout;
-        buttonStyle?: ActivityActionsComponent.Style;
-        validators?: Validator<T>[];
-        save?(valueModel: T, interactionContext?: Context): void | Promise<void>;
-    }
-}