@coolon/angular-ui-powerups 1.13.3 → 1.15.0

package/lib/components/components.module.d.ts

@@ -1,2 +1,4 @@
+import { FaIconLibrary } from '@fortawesome/angular-fontawesome';
 export declare class ComponentsModule {
+    constructor(faIconLibrary: FaIconLibrary);
 }

package/lib/components/icon/icon.component.d.ts

@@ -0,0 +1,9 @@
+import { IconName } from '@fortawesome/fontawesome-common-types';
+export declare class IconComponent {
+    icon: string;
+    constructor();
+    ligature(): string;
+    svgIcon(): string;
+    isFontAwesome(): boolean;
+    fontAwesomeIcon(): IconName;
+}

package/lib/components/index.d.ts

@@ -7,7 +7,6 @@ export * from "./focusable.component";
 export * from "./resize-aware.component";
 export * from "./card-container/card-container.component";
 export * from "./focus-container/focus-container.component";
-export * from "./forms/abstract-input-activity";
 export * from "./forms/abstract-input.component";
 export * from "./forms/abstract-list-input.component";
 export * from "./forms/abstract-value-input.component";
@@ -16,9 +15,9 @@ export * from "./forms/multiple-select-input/multiple-select-input.component";
 export * from "./forms/number-input/number-input.component";
 export * from "./forms/password-input/password-input.component";
 export * from "./forms/select-input/select-input.component";
-export * from "./forms/string-input/string-input-activity";
 export * from "./forms/string-input/string-input.component";
 export * from "./forms/text-input/text-input.component";
+export * from "./icon/icon.component";
 export * from "./noop/noop.component";
 export * from "./scroll-container/scroll-container.component";
 export * from "./switch-case/switch-case.component";

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

@@ -0,0 +1,12 @@
+import { Command, FormValueModel } from '@coolon/pectin';
+import { Activity } from '../../index';
+import { InputActivityData } from './input-activity-data';
+export declare class AbstractInputActivity<T, D extends InputActivityData<T> = InputActivityData<T>> extends Activity<D, T> {
+    readonly data: D;
+    readonly confirmCommand: Command<void>;
+    readonly cancelCommand: Command<void>;
+    readonly valueModel: FormValueModel<T>;
+    class: string;
+    constructor(data: D);
+    onActivityReady(): void;
+}

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

@@ -0,0 +1,9 @@
+import { FormValueModel, Validator } from '@coolon/pectin';
+import { InteractionContext } from '../../interaction-context';
+export interface InputActivityData<T> {
+    label?: string;
+    placeholder?: string;
+    initialValue: T;
+    validators?: Validator<T>[];
+    save?(valueModel: FormValueModel<T>, interactionContext?: InteractionContext): void | Promise<unknown>;
+}

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

@@ -0,0 +1,8 @@
+import { ListModel } from '@coolon/pectin';
+import { InputActivityData } from './input-activity-data';
+export interface SelectInputActivityData<T> extends InputActivityData<T> {
+    options?: T[];
+    optionsModel?: ListModel<T>;
+    optionLabel?: keyof T;
+    optionLabelFormat?: (option: T) => any;
+}

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

@@ -0,0 +1,7 @@
+import { AbstractInputActivity } from './abstract-input-activity';
+import { SelectInputActivityData } from './select-input-activity-data';
+export declare class SelectInputActivity<T> extends AbstractInputActivity<T, SelectInputActivityData<T>> {
+    readonly defaultOptionLabelFormat: (option: T) => T | T[keyof T];
+    get optionLabelFormat(): (option: T) => any;
+    get options(): T[];
+}

package/lib/{components/forms/string-input → interaction/components/input-activities}/string-input-activity.d.ts

@@ -1,3 +1,3 @@
-import { AbstractInputActivity } from '../abstract-input-activity';
+import { AbstractInputActivity } from './abstract-input-activity';
 export declare class StringInputActivity extends AbstractInputActivity<string> {
 }

package/lib/interaction/index.d.ts

@@ -18,6 +18,11 @@ export * from "./components/alert-dialog/alert-dialog.component";
 export * from "./components/confirm-then-dialog/confirm-then-dialog.component";
 export * from "./components/confirmation-dialog/confirmation-dialog.component";
 export * from "./components/inplace-interaction-context/in-place-interaction-context.component";
+export * from "./components/input-activities/abstract-input-activity";
+export * from "./components/input-activities/input-activity-data";
+export * from "./components/input-activities/select-input-activity-data";
+export * from "./components/input-activities/select-input-activity";
+export * from "./components/input-activities/string-input-activity";
 export * from "./components/popup-interaction-context/popup-interaction-context.component";
 export * from "./directives/interaction-context-trigger-for.directive";
 export * from "./services/interaction-service-routing-adapter";

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@coolon/angular-ui-powerups",
-  "version": "1.13.3",
+  "version": "1.15.0",
   "schematics": "./schematics/collection.json",
   "dependencies": {
-    "ts-morph": "^7.0.3",
-    "@typescript-plus/fast-memoize-decorator": "^0.1.0",
     "@coolon/typescript-utilities": "^2.0.0",
+    "@typescript-plus/fast-memoize-decorator": "^0.1.0",
     "json5": "^2.1.0",
+    "ts-morph": "^7.0.3",
     "@angular/forms": "^9.1.9",
     "@angular/platform-browser": "^9.1.9",
     "factory.ts": "^0.5.1",
@@ -26,6 +26,9 @@
     "@angular/cdk": "^9.2.4",
     "@coolon/pectin": ">=2.5.5",
     "resize-observer-polyfill": "^1.5.1",
+    "@fortawesome/angular-fontawesome": "^0.6.1",
+    "@fortawesome/fontawesome-svg-core": "^1.2.28",
+    "@fortawesome/free-solid-svg-icons": "^5.13.0",
     "tslib": "^1.10.0"
   },
   "main": "bundles/coolon-angular-ui-powerups.umd.js",

package/esm2015/lib/components/forms/abstract-input-activity.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"abstract-input-activity.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/forms/abstract-input-activity.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,IAAI,EAA6B,MAAM,gBAAgB,CAAC;AAC1E,OAAO,EAAsB,QAAQ,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAehF,IAAa,qBAAqB,GAAlC,MAAa,qBAAyB,SAAQ,QAAiC;IAQ7E,YAA4C,IAA0B;QACpE,KAAK,EAAE,CAAC;QADkC,SAAI,GAAJ,IAAI,CAAsB;QAFhD,UAAK,GAAG,oBAAoB,CAAC;QAKjD,MAAM,IAAI,GAAG,IAAI,IAAI,EAAE,CAAC;QACxB,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,GAAG,EAAE;YACxC,IAAI,IAAI,CAAC,UAAU,CAAC,QAAQ,EAAE,EAAE;gBAC9B,IAAI,IAAI,CAAC,IAAI,EAAE;oBACb,OAAO,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;yBACxE,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAA;iBAC3B;qBAAM;oBACL,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;iBAClC;aACF;QACH,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC,MAAM,CAAC,GAAG,EAAE;YACvC,IAAI,CAAC,MAAM,EAAE,CAAC;QAChB,CAAC,CAAC,CAAC;IACL,CAAC;IAED,eAAe;QACb,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,YAAY,EAAE,CAAC;IAC9C,CAAC;CAEF,CAAA;;4CA1Bc,MAAM,SAAC,aAAa;;AAFX;IAArB,WAAW,CAAC,OAAO,CAAC;;oDAA8B;AANxC,qBAAqB;IAHjC,SAAS,CAAC;QACT,QAAQ,EAAE,EAAE;KACb,CAAC;IASa,WAAA,MAAM,CAAC,aAAa,CAAC,CAAA;;GARvB,qBAAqB,CAkCjC;SAlCY,qBAAqB","sourcesContent":["import { Component, HostBinding, Inject } from '@angular/core';\nimport { Command, Form, FormValueModel, Validator } from '@coolon/pectin';\nimport { InteractionContext, Activity, ACTIVITY_DATA } from '../../interaction';\n\n\nexport interface InputActivityData<T> {\n  label?: string;\n  placeholder?: string;\n  initialValue: T;\n  validators?: Validator<T>[]\n\n  save?(valueModel: FormValueModel<T>, interactionContext?: InteractionContext): void | Promise<unknown>\n}\n\n@Component({\n  template: ``\n})\nexport class AbstractInputActivity<T> extends Activity<InputActivityData<T>, T> {\n\n  readonly confirmCommand: Command<void>;\n  readonly cancelCommand: Command<void>;\n  readonly valueModel: FormValueModel<T>;\n\n  @HostBinding('class') class = 'aup-input-activity';\n\n  constructor(@Inject(ACTIVITY_DATA) readonly data: InputActivityData<T>) {\n    super();\n\n    const form = new Form();\n    this.valueModel = form.valueModel<T>(this.data.initialValue);\n    this.valueModel.validateUsing(data.validators || []);\n\n    this.confirmCommand = Command.create(() => {\n      if (this.valueModel.validate()) {\n        if (data.save) {\n          return Promise.resolve(data.save(this.valueModel, this.interactionContext))\n            .then(() => this.done())\n        } else {\n          this.done(this.valueModel.value);\n        }\n      }\n    });\n    this.cancelCommand = Command.create(() => {\n      this.cancel();\n    });\n  }\n\n  onActivityReady() {\n    this.valueModel.focusContext.requestFocus();\n  }\n\n}\n"]}

package/esm2015/lib/components/forms/abstract-input-activity.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"InputActivityData":{"__symbolic":"interface"},"AbstractInputActivity":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../interaction","name":"Activity","line":17,"character":46},"arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"template":""}]}],"members":{"class":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":23,"character":3},"arguments":["class"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":25,"character":15},"arguments":[{"__symbolic":"reference","module":"../../interaction","name":"ACTIVITY_DATA","line":25,"character":22}]}]],"parameters":[{"__symbolic":"reference","name":"any","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":25,"character":70,"context":{"typeName":"T"}}]}]}],"onActivityReady":[{"__symbolic":"method"}]}}}}]

package/esm2015/lib/components/forms/abstract-input-activity.ngfactory.js.map

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

package/esm2015/lib/components/forms/string-input/string-input-activity.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"string-input-activity.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/forms/string-input/string-input-activity.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAgBnE,IAAa,mBAAmB,GAAhC,MAAa,mBAAoB,SAAQ,qBAA6B;CACrE,CAAA;AADY,mBAAmB;IAb/B,SAAS,CAAC;QACT,QAAQ,EAAE,2BAA2B;QACrC,QAAQ,EAAE;;;;;;;;;GAST;KACF,CAAC;GACW,mBAAmB,CAC/B;SADY,mBAAmB","sourcesContent":["import { Component } from '@angular/core';\nimport { AbstractInputActivity } from '../abstract-input-activity';\n\n\n@Component({\n  selector: 'aup-string-input-activity',\n  template: `\n    <aup-string-input [valueModel]=\"valueModel\"\n                      [label]=\"data.label\"\n                      [placeholder]=\"data.placeholder\"\n                      [command.enter]=\"confirmCommand\"\n                      [command.escape]=\"cancelCommand\"></aup-string-input>\n    <aup-activity-actions align=\"end\"\n                          [confirmCommand]=\"confirmCommand\"\n                          [cancelCommand]=\"cancelCommand\"></aup-activity-actions>\n  `\n})\nexport class StringInputActivity extends AbstractInputActivity<string> {\n}\n"]}

package/esm2015/lib/components/forms/string-input/string-input-activity.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"StringInputActivity":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../abstract-input-activity","name":"AbstractInputActivity","line":17,"character":41},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"aup-string-input-activity","template":"\n    <aup-string-input [valueModel]=\"valueModel\"\n                      [label]=\"data.label\"\n                      [placeholder]=\"data.placeholder\"\n                      [command.enter]=\"confirmCommand\"\n                      [command.escape]=\"cancelCommand\"></aup-string-input>\n    <aup-activity-actions align=\"end\"\n                          [confirmCommand]=\"confirmCommand\"\n                          [cancelCommand]=\"cancelCommand\"></aup-activity-actions>\n  "}]}]}}}]

package/esm2015/lib/components/forms/string-input/string-input-activity.ngfactory.js.map

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

package/esm5/lib/components/forms/abstract-input-activity.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"abstract-input-activity.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/forms/abstract-input-activity.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,IAAI,EAA6B,MAAM,gBAAgB,CAAC;AAC1E,OAAO,EAAsB,QAAQ,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAehF;IAA8C,yCAAiC;IAQ7E,+BAA4C,IAA0B;QAAtE,YACE,iBAAO,SAmBR;QApB2C,UAAI,GAAJ,IAAI,CAAsB;QAFhD,WAAK,GAAG,oBAAoB,CAAC;QAKjD,IAAM,IAAI,GAAG,IAAI,IAAI,EAAE,CAAC;QACxB,KAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAI,KAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAC7D,KAAI,CAAC,UAAU,CAAC,aAAa,CAAC,IAAI,CAAC,UAAU,IAAI,EAAE,CAAC,CAAC;QAErD,KAAI,CAAC,cAAc,GAAG,OAAO,CAAC,MAAM,CAAC;YACnC,IAAI,KAAI,CAAC,UAAU,CAAC,QAAQ,EAAE,EAAE;gBAC9B,IAAI,IAAI,CAAC,IAAI,EAAE;oBACb,OAAO,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,KAAI,CAAC,UAAU,EAAE,KAAI,CAAC,kBAAkB,CAAC,CAAC;yBACxE,IAAI,CAAC,cAAM,OAAA,KAAI,CAAC,IAAI,EAAE,EAAX,CAAW,CAAC,CAAA;iBAC3B;qBAAM;oBACL,KAAI,CAAC,IAAI,CAAC,KAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;iBAClC;aACF;QACH,CAAC,CAAC,CAAC;QACH,KAAI,CAAC,aAAa,GAAG,OAAO,CAAC,MAAM,CAAC;YAClC,KAAI,CAAC,MAAM,EAAE,CAAC;QAChB,CAAC,CAAC,CAAC;;IACL,CAAC;IAED,+CAAe,GAAf;QACE,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,YAAY,EAAE,CAAC;IAC9C,CAAC;;gDAxBY,MAAM,SAAC,aAAa;;IAFX;QAArB,WAAW,CAAC,OAAO,CAAC;;wDAA8B;IANxC,qBAAqB;QAHjC,SAAS,CAAC;YACT,QAAQ,EAAE,EAAE;SACb,CAAC;QASa,WAAA,MAAM,CAAC,aAAa,CAAC,CAAA;;OARvB,qBAAqB,CAkCjC;IAAD,4BAAC;CAAA,AAlCD,CAA8C,QAAQ,GAkCrD;SAlCY,qBAAqB","sourcesContent":["import { Component, HostBinding, Inject } from '@angular/core';\nimport { Command, Form, FormValueModel, Validator } from '@coolon/pectin';\nimport { InteractionContext, Activity, ACTIVITY_DATA } from '../../interaction';\n\n\nexport interface InputActivityData<T> {\n  label?: string;\n  placeholder?: string;\n  initialValue: T;\n  validators?: Validator<T>[]\n\n  save?(valueModel: FormValueModel<T>, interactionContext?: InteractionContext): void | Promise<unknown>\n}\n\n@Component({\n  template: ``\n})\nexport class AbstractInputActivity<T> extends Activity<InputActivityData<T>, T> {\n\n  readonly confirmCommand: Command<void>;\n  readonly cancelCommand: Command<void>;\n  readonly valueModel: FormValueModel<T>;\n\n  @HostBinding('class') class = 'aup-input-activity';\n\n  constructor(@Inject(ACTIVITY_DATA) readonly data: InputActivityData<T>) {\n    super();\n\n    const form = new Form();\n    this.valueModel = form.valueModel<T>(this.data.initialValue);\n    this.valueModel.validateUsing(data.validators || []);\n\n    this.confirmCommand = Command.create(() => {\n      if (this.valueModel.validate()) {\n        if (data.save) {\n          return Promise.resolve(data.save(this.valueModel, this.interactionContext))\n            .then(() => this.done())\n        } else {\n          this.done(this.valueModel.value);\n        }\n      }\n    });\n    this.cancelCommand = Command.create(() => {\n      this.cancel();\n    });\n  }\n\n  onActivityReady() {\n    this.valueModel.focusContext.requestFocus();\n  }\n\n}\n"]}

package/esm5/lib/components/forms/abstract-input-activity.ngfactory.js.map

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

package/esm5/lib/components/forms/string-input/string-input-activity.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"string-input-activity.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/forms/string-input/string-input-activity.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAgBnE;IAAyC,uCAA6B;IAAtE;;IACA,CAAC;IADY,mBAAmB;QAb/B,SAAS,CAAC;YACT,QAAQ,EAAE,2BAA2B;YACrC,QAAQ,EAAE,seAST;SACF,CAAC;OACW,mBAAmB,CAC/B;IAAD,0BAAC;CAAA,AADD,CAAyC,qBAAqB,GAC7D;SADY,mBAAmB","sourcesContent":["import { Component } from '@angular/core';\nimport { AbstractInputActivity } from '../abstract-input-activity';\n\n\n@Component({\n  selector: 'aup-string-input-activity',\n  template: `\n    <aup-string-input [valueModel]=\"valueModel\"\n                      [label]=\"data.label\"\n                      [placeholder]=\"data.placeholder\"\n                      [command.enter]=\"confirmCommand\"\n                      [command.escape]=\"cancelCommand\"></aup-string-input>\n    <aup-activity-actions align=\"end\"\n                          [confirmCommand]=\"confirmCommand\"\n                          [cancelCommand]=\"cancelCommand\"></aup-activity-actions>\n  `\n})\nexport class StringInputActivity extends AbstractInputActivity<string> {\n}\n"]}

package/esm5/lib/components/forms/string-input/string-input-activity.ngfactory.js.map

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

package/lib/components/forms/abstract-input-activity.d.ts

@@ -1,18 +0,0 @@
-import { Command, FormValueModel, Validator } from '@coolon/pectin';
-import { InteractionContext, Activity } from '../../interaction';
-export interface InputActivityData<T> {
-    label?: string;
-    placeholder?: string;
-    initialValue: T;
-    validators?: Validator<T>[];
-    save?(valueModel: FormValueModel<T>, interactionContext?: InteractionContext): void | Promise<unknown>;
-}
-export declare class AbstractInputActivity<T> extends Activity<InputActivityData<T>, T> {
-    readonly data: InputActivityData<T>;
-    readonly confirmCommand: Command<void>;
-    readonly cancelCommand: Command<void>;
-    readonly valueModel: FormValueModel<T>;
-    class: string;
-    constructor(data: InputActivityData<T>);
-    onActivityReady(): void;
-}