@coolon/angular-ui-powerups 3.5.1 → 3.5.3
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.
- package/CHANGELOG.md +9 -0
- package/bundles/coolon-angular-ui-powerups.umd.js +98 -103
- package/bundles/coolon-angular-ui-powerups.umd.js.map +1 -1
- package/bundles/coolon-angular-ui-powerups.umd.min.js +1 -1
- package/bundles/coolon-angular-ui-powerups.umd.min.js.map +1 -1
- package/coolon-angular-ui-powerups.d.ts +1 -1
- package/coolon-angular-ui-powerups.metadata.json +1 -1
- package/cypress/package.json +1 -1
- package/esm2015/coolon-angular-ui-powerups.js +1 -1
- package/esm2015/coolon-angular-ui-powerups.js.map +1 -1
- package/esm2015/coolon-angular-ui-powerups.metadata.json +1 -1
- package/esm2015/lib/components/card-container/card-container.component.js +1 -1
- package/esm2015/lib/components/card-container/card-container.component.js.map +1 -1
- package/esm2015/lib/components/card-container/card-container.component.metadata.json +1 -1
- package/esm2015/lib/components/commands/command/command.component.js +14 -8
- package/esm2015/lib/components/commands/command/command.component.js.map +1 -1
- package/esm2015/lib/components/commands/command/command.component.metadata.json +1 -1
- package/esm2015/lib/components/commands/command-face/command-face.component.js +20 -29
- package/esm2015/lib/components/commands/command-face/command-face.component.js.map +1 -1
- package/esm2015/lib/components/commands/command-face/command-face.component.metadata.json +1 -1
- package/esm2015/lib/components/commands/group/command-group/command-group.component.js +4 -2
- package/esm2015/lib/components/commands/group/command-group/command-group.component.js.map +1 -1
- package/esm2015/lib/components/commands/group/command-group/command-group.component.metadata.json +1 -1
- package/esm2015/lib/components/commands/group/command-group-menu-renderer/command-group-menu-renderer.component.js +1 -1
- package/esm2015/lib/components/commands/group/command-group-menu-renderer/command-group-menu-renderer.component.js.map +1 -1
- package/esm2015/lib/components/commands/group/command-group-menu-renderer/command-group-menu-renderer.component.metadata.json +1 -1
- package/esm2015/lib/components/commands/group/command-group-renderer/command-group-renderer.component.js +3 -2
- package/esm2015/lib/components/commands/group/command-group-renderer/command-group-renderer.component.js.map +1 -1
- package/esm2015/lib/components/commands/group/command-group-renderer/command-group-renderer.component.metadata.json +1 -1
- package/esm2015/lib/components/commands/group/command-group.js +10 -7
- package/esm2015/lib/components/commands/group/command-group.js.map +1 -1
- package/esm2015/lib/components/commands/group/more-menu.component.js +8 -6
- package/esm2015/lib/components/commands/group/more-menu.component.js.map +1 -1
- package/esm2015/lib/components/commands/group/popup-menu.component.js +1 -1
- package/esm2015/lib/components/commands/group/popup-menu.component.js.map +1 -1
- package/esm2015/lib/components/commands/group/registration.js +6 -6
- package/esm2015/lib/components/commands/group/registration.js.map +1 -1
- package/esm2015/lib/components/commands/group/view-data.js +24 -15
- package/esm2015/lib/components/commands/group/view-data.js.map +1 -1
- package/esm2015/lib/components/components.module.ngfactory.js.map +1 -1
- package/esm2015/lib/interaction/components/input-activities/input-activity-data.js.map +1 -1
- package/esm2015/lib/interaction/components/input-activities/select-input-activity.js +3 -1
- package/esm2015/lib/interaction/components/input-activities/select-input-activity.js.map +1 -1
- package/esm2015/lib/interaction/components/input-activities/select-input-activity.metadata.json +1 -1
- package/esm2015/lib/interaction/components/input-activities/string-input-activity.js +2 -1
- package/esm2015/lib/interaction/components/input-activities/string-input-activity.js.map +1 -1
- package/esm2015/lib/interaction/components/input-activities/string-input-activity.metadata.json +1 -1
- package/esm2015/lib/interaction/interaction.module.ngfactory.js.map +1 -1
- package/esm2015/lib/place/components/list-place-nav/list-place-nav.component.js +1 -1
- package/esm2015/lib/place/components/list-place-nav/list-place-nav.component.js.map +1 -1
- package/esm2015/lib/place/components/list-place-nav/list-place-nav.component.metadata.json +1 -1
- package/esm2015/lib/place/components/tabbed-place-navigation/tabbed-place-navigation.component.js +1 -1
- package/esm2015/lib/place/components/tabbed-place-navigation/tabbed-place-navigation.component.js.map +1 -1
- package/esm2015/lib/place/components/tabbed-place-navigation/tabbed-place-navigation.component.metadata.json +1 -1
- package/esm2015/lib/place/place.module.ngfactory.js.map +1 -1
- package/esm2015/{public_api.js → public-api.js} +1 -1
- package/esm2015/{public_api.js.map → public-api.js.map} +1 -1
- package/fesm2015/coolon-angular-ui-powerups.js +96 -79
- package/fesm2015/coolon-angular-ui-powerups.js.map +1 -1
- package/lib/components/commands/command/command.component.d.ts +4 -2
- package/lib/components/commands/command-face/command-face.component.d.ts +9 -12
- package/lib/components/commands/group/command-group/command-group.component.d.ts +2 -1
- package/lib/components/commands/group/command-group.d.ts +5 -4
- package/lib/components/commands/group/registration.d.ts +5 -5
- package/lib/components/commands/group/view-data.d.ts +6 -5
- package/lib/interaction/components/input-activities/input-activity-data.d.ts +3 -1
- package/package.json +2 -2
- package/schematics/bootstrap-app/index.js +1 -1
- package/schematics/bootstrap-app/index.js.map +1 -1
- /package/esm2015/{public_api.metadata.json → public-api.metadata.json} +0 -0
- /package/{public_api.d.ts → public-api.d.ts} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"CommandGroupRendererComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../../disposable-component","name":"DisposableComponent","line":11,"character":51},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"aup-command-group-renderer","template":"<ng-template #groupTemplate let-group>\n\n <ng-container *ngIf=\"ViewData.hasText(group)\" [ngSwitch]=\"ViewData.getStyle(group)\">\n <ng-container *ngSwitchCase=\"'stroked'\">\n <button #trigger=\"matMenuTrigger\"\n [matMenuTriggerFor]=\"subMenu.menuComponent\"\n [matTooltip]=\"ViewData.getTooltip(group)\"\n [color]=\"ViewData.getColor(group)\"\n mat-stroked-button>\n <aup-command-face [
|
|
1
|
+
[{"__symbolic":"module","version":4,"metadata":{"CommandGroupRendererComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../../disposable-component","name":"DisposableComponent","line":11,"character":51},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"aup-command-group-renderer","template":"<ng-template #groupTemplate let-group>\n\n <ng-container *ngIf=\"ViewData.hasText(group)\" [ngSwitch]=\"ViewData.getStyle(group)\">\n <ng-container *ngSwitchCase=\"'stroked'\">\n <button #trigger=\"matMenuTrigger\"\n [matMenuTriggerFor]=\"subMenu.menuComponent\"\n [matTooltip]=\"ViewData.getTooltip(group)\"\n [color]=\"ViewData.getColor(group)\"\n mat-stroked-button>\n <aup-command-face [faces]=\"ViewData.getFaces(group)\"></aup-command-face>\n </button>\n <aup-command-group-menu #subMenu [groupViewData]=\"group\" (commandFired)=\"trigger.closeMenu()\"></aup-command-group-menu>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'raised'\">\n <button #trigger=\"matMenuTrigger\"\n [matMenuTriggerFor]=\"subMenu.menuComponent\"\n\n [matTooltip]=\"ViewData.getTooltip(group)\"\n [color]=\"ViewData.getColor(group)\"\n mat-raised-button>\n <aup-command-face [faces]=\"ViewData.getFaces(group)\"></aup-command-face>\n </button>\n <aup-command-group-menu #subMenu [groupViewData]=\"group\" (commandFired)=\"trigger.closeMenu()\"></aup-command-group-menu>\n </ng-container>\n\n <ng-container *ngSwitchDefault>\n <button #trigger=\"matMenuTrigger\"\n [matMenuTriggerFor]=\"subMenu.menuComponent\"\n [matTooltip]=\"ViewData.getTooltip(group)\"\n [color]=\"ViewData.getColor(group)\"\n mat-button>\n <aup-command-face [faces]=\"ViewData.getFaces(group)\"></aup-command-face>\n </button>\n <aup-command-group-menu #subMenu [groupViewData]=\"group\" (commandFired)=\"trigger.closeMenu()\"></aup-command-group-menu>\n </ng-container>\n\n </ng-container>\n\n <ng-container *ngIf=\"!ViewData.hasText(group)\">\n <button #trigger=\"matMenuTrigger\"\n mat-icon-button\n [matMenuTriggerFor]=\"subMenu.menuComponent\"\n\n [matTooltip]=\"ViewData.getTooltip(group)\"\n [color]=\"ViewData.getColor(group)\"\n >\n <aup-command-face [faces]=\"ViewData.getFaces(group)\"></aup-command-face>\n </button>\n <aup-command-group-menu #subMenu [groupViewData]=\"group\" (commandFired)=\"trigger.closeMenu()\"></aup-command-group-menu>\n </ng-container>\n\n</ng-template>\n\n\n<ng-template #commandTemplate let-data>\n\n <ng-container *ngIf=\"ViewData.hasText(data)\" [ngSwitch]=\"ViewData.getStyle(data)\">\n <button *ngSwitchCase=\"'raised'\"\n [pectinCommand]=\"ViewData.getCommand(data)\"\n [matTooltip]=\"ViewData.getTooltip(data)\"\n [color]=\"ViewData.getColor(data)\"\n mat-raised-button>\n <aup-command-face [faces]=\"ViewData.getFaces(data)\"></aup-command-face>\n </button>\n <button *ngSwitchCase=\"'stroked'\"\n [pectinCommand]=\"ViewData.getCommand(data)\"\n [matTooltip]=\"ViewData.getTooltip(data)\"\n [color]=\"ViewData.getColor(data)\"\n mat-stroked-button>\n <aup-command-face [faces]=\"ViewData.getFaces(data)\"></aup-command-face>\n </button>\n <button *ngSwitchDefault\n [pectinCommand]=\"ViewData.getCommand(data)\"\n [matTooltip]=\"ViewData.getTooltip(data)\"\n [color]=\"ViewData.getColor(data)\"\n mat-button>\n <aup-command-face [faces]=\"ViewData.getFaces(data)\"></aup-command-face>\n </button>\n </ng-container>\n\n <button *ngIf=\"!ViewData.hasText(data)\"\n [pectinCommand]=\"ViewData.getCommand(data)\"\n [matTooltip]=\"ViewData.getTooltip(data)\"\n [color]=\"ViewData.getColor(data)\"\n mat-icon-button>\n <aup-command-face [faces]=\"ViewData.getFaces(data)\"></aup-command-face>\n </button>\n\n</ng-template>\n\n\n<ng-template *ngIf=\"renderRootNode\"\n [ngTemplateOutlet]=\"groupTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: groupViewDataModel.value }\">\n</ng-template>\n\n<ng-container *ngIf=\"!renderRootNode\">\n <ng-container *ngFor=\"let data of this.childViewDataModels.value; trackBy: TrackBy.byIndex\">\n <ng-template *ngIf=\"ViewData.isGroup(data)\"\n [ngTemplateOutlet]=\"groupTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: data }\">\n </ng-template>\n <ng-template *ngIf=\"ViewData.isCommand(data)\"\n [ngTemplateOutlet]=\"commandTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: data }\">\n </ng-template>\n\n <mat-divider *ngIf=\"ViewData.isSeparator(data)\" [vertical]=\"true\"></mat-divider>\n </ng-container>\n\n</ng-container>\n","styles":[":host{align-items:center;display:inline-flex;flex-direction:row}:host:not(.render-root) mat-divider{-ms-grid-row-align:stretch;align-self:stretch;margin:4px 0}:host:not(.render-root)>*+*{margin-left:8px}:host span.flex{flex:1}"]}]}],"members":{"groupViewDataModel":[{"__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":13,"character":12}}]}],"groupViewData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInValueModel","line":16,"character":12},"arguments":["groupViewDataModel"]}]}],"renderRootNode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":20,"character":3},"arguments":["class.render-root"]}]}],"__ctor__":[{"__symbolic":"constructor"}]}}}}]
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { __decorate, __metadata } from "tslib";
|
|
2
|
-
import { Dsl, GarbageCollector, MutableListModel, MutableValueModel, StoreInValueModel, TrackExternal, ValueModel } from '@coolon/pectin';
|
|
2
|
+
import { Dsl, GarbageCollector, ListModel, MutableListModel, MutableValueModel, StoreInValueModel, TrackExternal, ValueModel } from '@coolon/pectin';
|
|
3
3
|
import { Registration } from './registration';
|
|
4
4
|
import { ViewData } from './view-data';
|
|
5
5
|
export class CommandGroup extends GarbageCollector {
|
|
@@ -33,7 +33,7 @@ export class CommandGroup extends GarbageCollector {
|
|
|
33
33
|
this.notifyChanged();
|
|
34
34
|
}
|
|
35
35
|
rebuildTemplates() {
|
|
36
|
-
this._rootTemplate.value = new ViewData.GroupData(this.
|
|
36
|
+
this._rootTemplate.value = new ViewData.GroupData(this.faceListModel.value, this.xPosition, this.yPosition, this.registrations.value.map(r => r.toTemplate()));
|
|
37
37
|
}
|
|
38
38
|
get depth() {
|
|
39
39
|
return this.isRoot() ? 0 : this.parent.depth + 1;
|
|
@@ -41,8 +41,8 @@ export class CommandGroup extends GarbageCollector {
|
|
|
41
41
|
isRoot() {
|
|
42
42
|
return false;
|
|
43
43
|
}
|
|
44
|
-
registerCommand(command,
|
|
45
|
-
return this.register(new Registration.CommandRegistration(
|
|
44
|
+
registerCommand(command, faceListModel) {
|
|
45
|
+
return this.register(new Registration.CommandRegistration(command, faceListModel));
|
|
46
46
|
}
|
|
47
47
|
registerGroup(group, faceModel) {
|
|
48
48
|
return this.register(new Registration.GroupRegistration(faceModel, group));
|
|
@@ -57,7 +57,7 @@ export class CommandGroup extends GarbageCollector {
|
|
|
57
57
|
this._registrations.push(registration);
|
|
58
58
|
if (registration instanceof Registration.FaceRegistration) {
|
|
59
59
|
const { when } = Dsl.disposeWith(registration);
|
|
60
|
-
when(registration.
|
|
60
|
+
when(registration.faceListModel).changes((is, was) => {
|
|
61
61
|
this.notifyChildFaceChanged(is, was);
|
|
62
62
|
}, { asLongAs: this.initialised });
|
|
63
63
|
}
|
|
@@ -67,14 +67,17 @@ export class CommandGroup extends GarbageCollector {
|
|
|
67
67
|
}
|
|
68
68
|
(function (CommandGroup) {
|
|
69
69
|
class Root extends CommandGroup {
|
|
70
|
+
constructor() {
|
|
71
|
+
super();
|
|
72
|
+
}
|
|
70
73
|
isRoot() {
|
|
71
74
|
return true;
|
|
72
75
|
}
|
|
73
76
|
}
|
|
74
77
|
__decorate([
|
|
75
78
|
TrackExternal(),
|
|
76
|
-
__metadata("design:type",
|
|
77
|
-
], Root.prototype, "
|
|
79
|
+
__metadata("design:type", ListModel)
|
|
80
|
+
], Root.prototype, "faceListModel", void 0);
|
|
78
81
|
__decorate([
|
|
79
82
|
TrackExternal({ defaultValue: 'after' }),
|
|
80
83
|
__metadata("design:type", ValueModel)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"command-group.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/components/commands/group/command-group.ts"],"names":[],"mappings":";AAAA,OAAO,EAIL,GAAG,EACH,gBAAgB,
|
|
1
|
+
{"version":3,"file":"command-group.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/components/commands/group/command-group.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n BooleanValueModelChain,\n Command,\n Disposable,\n Dsl,\n GarbageCollector,\n ListModel,\n ListModelChain,\n MutableListModel,\n MutableValueModel,\n StoreInValueModel,\n TrackExternal,\n ValueModel\n} from '@coolon/pectin';\nimport { CommandFace } from '../command-face';\nimport { FlexComponent } from '../flex.component';\nimport { SeparatorComponent } from '../separator.component';\nimport { Registration } from './registration';\nimport { ViewData } from './view-data';\n\nexport abstract class CommandGroup extends GarbageCollector {\n\n abstract faceListModel: ListModel<CommandFace>;\n\n abstract xPosition: 'before' | 'after';\n abstract yPosition: 'above' | 'below';\n\n private readonly _rootTemplate = new MutableValueModel<ViewData.GroupData>();\n\n private readonly _registrations = new MutableListModel<Registration>();\n\n readonly childTemplates: ListModelChain<ViewData>;\n\n private initialised: BooleanValueModelChain;\n\n constructor(readonly parent?: CommandGroup) {\n super();\n\n const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);\n\n this.childTemplates = chain(this._rootTemplate).pluckList('children');\n\n this.initialised = chain(this._rootTemplate).isNotNil();\n }\n\n initialise() {\n this.rebuildTemplates();\n }\n\n get rootTemplate() {\n return this._rootTemplate.readonly;\n }\n\n get registrations(): ListModel<Registration> {\n return this._registrations.readonly;\n }\n\n notifyChanged() {\n if (this.parent) {\n this.parent.notifyChanged();\n } else {\n this.rebuildTemplates();\n }\n }\n\n private notifyChildFaceChanged(is: CommandFace[], was: CommandFace[]) {\n this.notifyChanged();\n }\n\n private rebuildTemplates() {\n this._rootTemplate.value = new ViewData.GroupData(\n this.faceListModel.value,\n this.xPosition,\n this.yPosition,\n this.registrations.value.map(r => r.toTemplate())\n );\n }\n\n get depth(): number {\n return this.isRoot() ? 0 : this.parent.depth + 1;\n }\n\n isRoot(): boolean {\n return false;\n }\n\n registerCommand(command: Command<unknown>, faceListModel: ListModel<CommandFace>): Disposable {\n return this.register(new Registration.CommandRegistration(command, faceListModel));\n }\n\n registerGroup(group: CommandGroup, faceModel: ListModel<CommandFace>): Disposable {\n return this.register(new Registration.GroupRegistration(faceModel, group));\n }\n\n registerFlex(component: FlexComponent): Disposable {\n return this.register(new Registration.FlexRegistration());\n }\n\n registerSeparator(component: SeparatorComponent): Disposable {\n return this.register(new Registration.SeparatorRegistration());\n }\n\n protected register(registration: Registration): Registration {\n this._registrations.push(registration);\n if (registration instanceof Registration.FaceRegistration) {\n const { when } = Dsl.disposeWith(registration);\n when(registration.faceListModel).changes((is, was) => {\n this.notifyChildFaceChanged(is, was);\n }, { asLongAs: this.initialised });\n }\n registration.onDispose(() => this._registrations.remove(registration));\n return registration;\n }\n\n}\n\nexport namespace CommandGroup {\n export class Root extends CommandGroup {\n\n @TrackExternal()\n faceListModel: ListModel<CommandFace>;\n\n @TrackExternal({ defaultValue: 'after' })\n xPositionModel: ValueModel<'before' | 'after'>;\n\n @StoreInValueModel('xPositionModel')\n xPosition: 'before' | 'after';\n\n @TrackExternal({ defaultValue: 'below' })\n yPositionModel: ValueModel<'above' | 'below'>;\n\n @StoreInValueModel('yPositionModel')\n yPosition: 'above' | 'below';\n\n constructor() {\n super();\n }\n\n isRoot(): boolean {\n return true;\n }\n }\n\n export function factory(): Root {\n return new Root();\n }\n}\n\n\n"]}
|
|
@@ -14,13 +14,15 @@ export class MoreMenuComponent extends DisposableComponent {
|
|
|
14
14
|
this.tooltipModel = new MutableValueModel();
|
|
15
15
|
const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);
|
|
16
16
|
group.xPosition = 'before'; // this should be the default unless overridden by the user.
|
|
17
|
-
group.
|
|
18
|
-
return
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
17
|
+
group.faceListModel = chain(this.tooltipModel).mapToList(tooltip => {
|
|
18
|
+
return [
|
|
19
|
+
{
|
|
20
|
+
icon: () => 'mat:more_vert',
|
|
21
|
+
tooltip() {
|
|
22
|
+
return tooltip;
|
|
23
|
+
}
|
|
22
24
|
}
|
|
23
|
-
|
|
25
|
+
];
|
|
24
26
|
}, { allowNil: true });
|
|
25
27
|
}
|
|
26
28
|
ngOnInit() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"more-menu.component.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/components/commands/group/more-menu.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAoB,SAAS,EAAE,KAAK,EAAU,MAAM,eAAe,CAAC;AAC3E,OAAO,EAAE,GAAG,EAAE,iBAAiB,EAAE,iBAAiB,EAAS,MAAM,gBAAgB,CAAC;AAClF,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;WAQI,YAAY,CAAC,OAAO;AANvE;;GAEG;AAMH,MAAM,OAAO,iBAAkB,SAAQ,mBAAmB;IAOxD,YAAqB,KAAmB;QACtC,KAAK,EAAE,CAAC;QADW,UAAK,GAAL,KAAK,CAAc;QALhC,iBAAY,GAAG,IAAI,iBAAiB,EAAU,CAAC;QAOrD,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,KAAK,CAAC,SAAS,GAAG,QAAQ,CAAC,CAAC,4DAA4D;QACxF,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"more-menu.component.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/components/commands/group/more-menu.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAoB,SAAS,EAAE,KAAK,EAAU,MAAM,eAAe,CAAC;AAC3E,OAAO,EAAE,GAAG,EAAE,iBAAiB,EAAE,iBAAiB,EAAS,MAAM,gBAAgB,CAAC;AAClF,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;WAQI,YAAY,CAAC,OAAO;AANvE;;GAEG;AAMH,MAAM,OAAO,iBAAkB,SAAQ,mBAAmB;IAOxD,YAAqB,KAAmB;QACtC,KAAK,EAAE,CAAC;QADW,UAAK,GAAL,KAAK,CAAc;QALhC,iBAAY,GAAG,IAAI,iBAAiB,EAAU,CAAC;QAOrD,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,KAAK,CAAC,SAAS,GAAG,QAAQ,CAAC,CAAC,4DAA4D;QACxF,KAAK,CAAC,aAAa,GAAG,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE;YACjE,OAAO;gBACL;oBACE,IAAI,EAAE,GAAG,EAAE,CAAC,eAAe;oBAC3B,OAAO;wBACL,OAAO,OAAO,CAAC;oBACjB,CAAC;iBACF;aACF,CAAC;QACJ,CAAC,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IACzB,CAAC;IAED,QAAQ;IACR,CAAC;IAED,WAAW;IACX,kBAAkB;QAChB,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC;IAC1B,CAAC;;;YAlCF,SAAS,SAAC;gBACT,QAAQ,EAAE,eAAe;gBACzB,QAAQ,EAAE,6HAA6H;gBACvI,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,UAAU,IAAsB,EAAE,CAAC;aACzE;;;YATQ,YAAY;;;sBAclB,KAAK;;AACN;IADU,iBAAiB,CAAC,cAAc,CAAC;;kDAC3B","sourcesContent":["import { AfterContentInit, Component, Input, OnInit } from '@angular/core';\nimport { Dsl, MutableValueModel, StoreInValueModel, Trace } from '@coolon/pectin';\nimport { DisposableComponent } from '../../disposable-component';\nimport { CommandGroup } from './command-group';\n\n/**\n *\n */\n@Component({\n selector: 'aup-more-menu',\n template: '<aup-command-group-renderer [renderRootNode]=\"true\" [groupViewDataModel]=\"group.rootTemplate\"></aup-command-group-renderer>',\n providers: [{ provide: CommandGroup, useFactory: CommandGroup.factory }]\n})\nexport class MoreMenuComponent extends DisposableComponent implements OnInit, AfterContentInit {\n\n private tooltipModel = new MutableValueModel<string>();\n\n @Input() @StoreInValueModel('tooltipModel')\n tooltip: string;\n\n constructor(readonly group: CommandGroup) {\n super();\n const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);\n group.xPosition = 'before'; // this should be the default unless overridden by the user.\n group.faceListModel = chain(this.tooltipModel).mapToList(tooltip => {\n return [\n {\n icon: () => 'mat:more_vert',\n tooltip(): string {\n return tooltip;\n }\n }\n ];\n }, { allowNil: true });\n }\n\n ngOnInit() {\n }\n\n // @Trace()\n ngAfterContentInit(): void {\n this.group.initialise();\n }\n\n}\n"]}
|
|
@@ -13,7 +13,7 @@ export class PopupMenuComponent extends DisposableComponent {
|
|
|
13
13
|
super();
|
|
14
14
|
this.group = group;
|
|
15
15
|
const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);
|
|
16
|
-
group.
|
|
16
|
+
group.faceListModel = chain(this.faceModel).mapToList(face => [face]);
|
|
17
17
|
}
|
|
18
18
|
// @Trace()
|
|
19
19
|
ngOnInit() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popup-menu.component.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/components/commands/group/popup-menu.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAmC,SAAS,EAAE,KAAK,EAAU,MAAM,eAAe,CAAC;AAE1F,OAAO,EAAE,GAAG,EAAE,iBAAiB,EAAS,aAAa,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC1F,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;WASI,YAAY,CAAC,OAAO;AAPvE;;GAEG;AAOH,MAAM,OAAO,kBAAmB,SAAQ,mBAAmB;IAQzD,YAAqB,KAAmB;QACtC,KAAK,EAAE,CAAC;QADW,UAAK,GAAL,KAAK,CAAc;QAEtC,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,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"popup-menu.component.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/components/commands/group/popup-menu.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAmC,SAAS,EAAE,KAAK,EAAU,MAAM,eAAe,CAAC;AAE1F,OAAO,EAAE,GAAG,EAAE,iBAAiB,EAAS,aAAa,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC1F,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;WASI,YAAY,CAAC,OAAO;AAPvE;;GAEG;AAOH,MAAM,OAAO,kBAAmB,SAAQ,mBAAmB;IAQzD,YAAqB,KAAmB;QACtC,KAAK,EAAE,CAAC;QADW,UAAK,GAAL,KAAK,CAAc;QAEtC,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,KAAK,CAAC,aAAa,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;IACxE,CAAC;IAED,WAAW;IACX,QAAQ;IACR,CAAC;IAED,WAAW;IACX,kBAAkB;QAChB,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC;IAC1B,CAAC;IAED,WAAW;IACX,eAAe;IACf,CAAC;;;YA/BF,SAAS,SAAC;gBACT,QAAQ,EAAE,gBAAgB;gBAC1B,QAAQ,EAAE,6HAA6H;gBAEvI,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,UAAU,IAAsB,EAAC,CAAC;aACxE;;;YAVQ,YAAY;;;wBAalB,KAAK;mBAGL,KAAK;;AAFN;IADU,aAAa,EAAE;8BACd,UAAU;qDAAc;AAGnC;IADU,iBAAiB,CAAC,WAAW,CAAC;;gDACtB","sourcesContent":["import { AfterContentInit, AfterViewInit, Component, Input, OnInit } from '@angular/core';\n\nimport { Dsl, StoreInValueModel, Trace, TrackExternal, ValueModel } from '@coolon/pectin';\nimport { DisposableComponent } from '../../disposable-component';\nimport { CommandFace } from '../command-face';\nimport { CommandGroup } from './command-group';\n\n/**\n *\n */\n@Component({\n selector: 'aup-popup-menu',\n template: '<aup-command-group-renderer [renderRootNode]=\"true\" [groupViewDataModel]=\"group.rootTemplate\"></aup-command-group-renderer>',\n styleUrls: [],\n providers: [{ provide: CommandGroup, useFactory: CommandGroup.factory}]\n})\nexport class PopupMenuComponent extends DisposableComponent implements OnInit, AfterContentInit, AfterViewInit {\n\n @Input() @TrackExternal()\n faceModel: ValueModel<CommandFace>;\n\n @Input() @StoreInValueModel('faceModel')\n face: CommandFace;\n\n constructor(readonly group: CommandGroup) {\n super();\n const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);\n group.faceListModel = chain(this.faceModel).mapToList(face => [face]);\n }\n\n // @Trace()\n ngOnInit(): void {\n }\n\n // @Trace()\n ngAfterContentInit(): void {\n this.group.initialise();\n }\n\n // @Trace()\n ngAfterViewInit(): void {\n }\n\n\n}\n"]}
|
|
@@ -4,19 +4,19 @@ export class Registration extends GarbageCollector {
|
|
|
4
4
|
}
|
|
5
5
|
(function (Registration) {
|
|
6
6
|
class FaceRegistration extends Registration {
|
|
7
|
-
constructor(
|
|
7
|
+
constructor(faceListModel) {
|
|
8
8
|
super();
|
|
9
|
-
this.
|
|
9
|
+
this.faceListModel = faceListModel;
|
|
10
10
|
}
|
|
11
11
|
}
|
|
12
12
|
Registration.FaceRegistration = FaceRegistration;
|
|
13
13
|
class CommandRegistration extends FaceRegistration {
|
|
14
|
-
constructor(
|
|
15
|
-
super(
|
|
14
|
+
constructor(command, faceListModel) {
|
|
15
|
+
super(faceListModel);
|
|
16
16
|
this.command = command;
|
|
17
17
|
}
|
|
18
18
|
toTemplate() {
|
|
19
|
-
return new ViewData.CommandData(this.
|
|
19
|
+
return new ViewData.CommandData(this.command, this.faceListModel.value);
|
|
20
20
|
}
|
|
21
21
|
}
|
|
22
22
|
Registration.CommandRegistration = CommandRegistration;
|
|
@@ -26,7 +26,7 @@ export class Registration extends GarbageCollector {
|
|
|
26
26
|
this.group = group;
|
|
27
27
|
}
|
|
28
28
|
toTemplate() {
|
|
29
|
-
return new ViewData.GroupData(this.
|
|
29
|
+
return new ViewData.GroupData(this.faceListModel.value, this.group.xPosition, this.group.yPosition, this.group.registrations.value.map(r => r.toTemplate()));
|
|
30
30
|
}
|
|
31
31
|
}
|
|
32
32
|
Registration.GroupRegistration = GroupRegistration;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"registration.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/components/commands/group/registration.ts"],"names":[],"mappings":"AACA,OAAO,EAAW,gBAAgB,
|
|
1
|
+
{"version":3,"file":"registration.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/components/commands/group/registration.ts"],"names":[],"mappings":"AACA,OAAO,EAAW,gBAAgB,EAAyB,MAAM,gBAAgB,CAAC;AAElF,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAGvC,MAAM,OAAgB,YAAa,SAAQ,gBAAgB;CAE1D;AAED,WAAiB,YAAY;IAE3B,MAAsB,gBAAiB,SAAQ,YAAY;QACzD,YAA+B,aAAqC;YAClE,KAAK,EAAE,CAAC;YADqB,kBAAa,GAAb,aAAa,CAAwB;QAEpE,CAAC;KACF;IAJqB,6BAAgB,mBAIrC,CAAA;IAED,MAAa,mBAAoB,SAAQ,gBAAgB;QACvD,YAAqB,OAAyB,EAAE,aAAqC;YACnF,KAAK,CAAC,aAAa,CAAC,CAAC;YADF,YAAO,GAAP,OAAO,CAAkB;QAE9C,CAAC;QAED,UAAU;YACR,OAAO,IAAI,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC1E,CAAC;KACF;IARY,gCAAmB,sBAQ/B,CAAA;IAED,MAAa,iBAAkB,SAAQ,gBAAgB;QACrD,YAAY,SAAiC,EAAW,KAAmB;YACzE,KAAK,CAAC,SAAS,CAAC,CAAC;YADqC,UAAK,GAAL,KAAK,CAAc;QAE3E,CAAC;QAED,UAAU;YACR,OAAO,IAAI,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,EACpD,IAAI,CAAC,KAAK,CAAC,SAAS,EACpB,IAAI,CAAC,KAAK,CAAC,SAAS,EACpB,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC,CACxD,CAAC;QACJ,CAAC;KAEF;IAbY,8BAAiB,oBAa7B,CAAA;IAED,MAAa,qBAAsB,SAAQ,YAAY;QAAvD;;YACmB,aAAQ,GAAG,IAAI,QAAQ,CAAC,aAAa,EAAE,CAAC;QAK3D,CAAC;QAHC,UAAU;YACR,OAAO,IAAI,CAAC,QAAQ,CAAC;QACvB,CAAC;KACF;IANY,kCAAqB,wBAMjC,CAAA;IAED,MAAa,gBAAiB,SAAQ,YAAY;QAAlD;;YACmB,aAAQ,GAAG,IAAI,QAAQ,CAAC,QAAQ,EAAE,CAAC;QAKtD,CAAC;QAHC,UAAU;YACR,OAAO,IAAI,CAAC,QAAQ,CAAC;QACvB,CAAC;KACF;IANY,6BAAgB,mBAM5B,CAAA;IAED,SAAgB,OAAO,CAAC,KAAmB;QACzC,OAAO,KAAK,YAAY,mBAAmB,IAAI,KAAK,YAAY,iBAAiB,CAAC;IACpF,CAAC;IAFe,oBAAO,UAEtB,CAAA;AAEH,CAAC,EArDgB,YAAY,KAAZ,YAAY,QAqD5B","sourcesContent":["\nimport { Command, GarbageCollector, ListModel, ValueModel } from '@coolon/pectin';\nimport { CommandGroup } from './command-group';\nimport { ViewData } from './view-data';\nimport { CommandFace } from '../command-face';\n\nexport abstract class Registration extends GarbageCollector {\n abstract toTemplate(): ViewData;\n}\n\nexport namespace Registration {\n\n export abstract class FaceRegistration extends Registration {\n protected constructor(readonly faceListModel: ListModel<CommandFace>) {\n super();\n }\n }\n\n export class CommandRegistration extends FaceRegistration {\n constructor(readonly command: Command<unknown>, faceListModel: ListModel<CommandFace>) {\n super(faceListModel);\n }\n\n toTemplate(): ViewData.CommandData {\n return new ViewData.CommandData(this.command, this.faceListModel.value);\n }\n }\n\n export class GroupRegistration extends FaceRegistration {\n constructor(faceModel: ListModel<CommandFace>, readonly group: CommandGroup) {\n super(faceModel);\n }\n\n toTemplate(): ViewData.GroupData {\n return new ViewData.GroupData(this.faceListModel.value,\n this.group.xPosition,\n this.group.yPosition,\n this.group.registrations.value.map(r => r.toTemplate())\n );\n }\n\n }\n\n export class SeparatorRegistration extends Registration {\n private readonly template = new ViewData.SeparatorData();\n\n toTemplate(): ViewData.SeparatorData {\n return this.template;\n }\n }\n\n export class FlexRegistration extends Registration {\n private readonly template = new ViewData.FlexData();\n\n toTemplate(): ViewData.FlexData {\n return this.template;\n }\n }\n\n export function hasFace(entry: Registration): entry is FaceRegistration {\n return entry instanceof CommandRegistration || entry instanceof GroupRegistration;\n }\n\n}\n\n\n"]}
|
|
@@ -1,27 +1,36 @@
|
|
|
1
1
|
import { __decorate, __metadata } from "tslib";
|
|
2
|
-
import { lang } from '@coolon/pectin';
|
|
2
|
+
import { lang, assert } from '@coolon/pectin';
|
|
3
3
|
import { Memoize } from '@typescript-plus/fast-memoize-decorator/dist/src';
|
|
4
4
|
import { CommandFace } from '../command-face';
|
|
5
5
|
export class ViewData {
|
|
6
6
|
}
|
|
7
7
|
(function (ViewData) {
|
|
8
8
|
class FaceData extends ViewData {
|
|
9
|
-
constructor(
|
|
9
|
+
constructor(faces) {
|
|
10
10
|
super();
|
|
11
|
-
this.
|
|
11
|
+
this.faces = faces;
|
|
12
|
+
assert.notNil(faces);
|
|
13
|
+
}
|
|
14
|
+
get activeFaceAdapter() {
|
|
15
|
+
return new CommandFace.Adapter(this.faces.length > 0 ? this.faces[0] : undefined);
|
|
12
16
|
}
|
|
13
17
|
}
|
|
18
|
+
__decorate([
|
|
19
|
+
Memoize(),
|
|
20
|
+
__metadata("design:type", CommandFace.Adapter),
|
|
21
|
+
__metadata("design:paramtypes", [])
|
|
22
|
+
], FaceData.prototype, "activeFaceAdapter", null);
|
|
14
23
|
ViewData.FaceData = FaceData;
|
|
15
24
|
class GroupData extends FaceData {
|
|
16
|
-
constructor(
|
|
17
|
-
super(
|
|
25
|
+
constructor(faces, xPosition, yPosition, children) {
|
|
26
|
+
super(faces);
|
|
18
27
|
this.xPosition = xPosition;
|
|
19
28
|
this.yPosition = yPosition;
|
|
20
29
|
this.children = children;
|
|
21
30
|
}
|
|
22
31
|
get hasMixedIcons() {
|
|
23
32
|
const hasFaces = this.children.filter(c => ViewData.hasFace(c));
|
|
24
|
-
const iconCount = hasFaces.filter(c => !!c.
|
|
33
|
+
const iconCount = hasFaces.filter(c => !!c.activeFaceAdapter.icon).length;
|
|
25
34
|
return iconCount > 0 && hasFaces.length !== iconCount;
|
|
26
35
|
}
|
|
27
36
|
}
|
|
@@ -32,8 +41,8 @@ export class ViewData {
|
|
|
32
41
|
], GroupData.prototype, "hasMixedIcons", null);
|
|
33
42
|
ViewData.GroupData = GroupData;
|
|
34
43
|
class CommandData extends FaceData {
|
|
35
|
-
constructor(
|
|
36
|
-
super(
|
|
44
|
+
constructor(command, faces) {
|
|
45
|
+
super(faces);
|
|
37
46
|
this.command = command;
|
|
38
47
|
}
|
|
39
48
|
}
|
|
@@ -53,25 +62,25 @@ export class ViewData {
|
|
|
53
62
|
}
|
|
54
63
|
ViewData.getCommand = getCommand;
|
|
55
64
|
function getTooltip(data) {
|
|
56
|
-
return as(FaceData, data).
|
|
65
|
+
return as(FaceData, data).activeFaceAdapter.tooltip;
|
|
57
66
|
}
|
|
58
67
|
ViewData.getTooltip = getTooltip;
|
|
59
68
|
function getStyle(data) {
|
|
60
|
-
return as(FaceData, data).
|
|
69
|
+
return as(FaceData, data).activeFaceAdapter.style;
|
|
61
70
|
}
|
|
62
71
|
ViewData.getStyle = getStyle;
|
|
63
72
|
function getColor(data) {
|
|
64
|
-
return as(FaceData, data).
|
|
73
|
+
return as(FaceData, data).activeFaceAdapter.color;
|
|
65
74
|
}
|
|
66
75
|
ViewData.getColor = getColor;
|
|
67
76
|
function hasText(data) {
|
|
68
|
-
return !!as(FaceData, data).
|
|
77
|
+
return !!as(FaceData, data).activeFaceAdapter.text;
|
|
69
78
|
}
|
|
70
79
|
ViewData.hasText = hasText;
|
|
71
|
-
function
|
|
72
|
-
return as(FaceData, data).
|
|
80
|
+
function getFaces(data) {
|
|
81
|
+
return as(FaceData, data).faces;
|
|
73
82
|
}
|
|
74
|
-
ViewData.
|
|
83
|
+
ViewData.getFaces = getFaces;
|
|
75
84
|
function asGroup(viewData) {
|
|
76
85
|
return as(GroupData, viewData);
|
|
77
86
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"view-data.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/components/commands/group/view-data.ts"],"names":[],"mappings":";AACA,OAAO,EAA0B,IAAI,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"view-data.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/components/commands/group/view-data.ts"],"names":[],"mappings":"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","sourcesContent":["import { ThemePalette } from '@angular/material/core';\nimport { Command, Constructable, lang, assert } from '@coolon/pectin';\nimport { Memoize } from '@typescript-plus/fast-memoize-decorator/dist/src';\nimport { CommandFace } from '../command-face';\n\n\nexport class ViewData {\n}\n\nexport namespace ViewData {\n\n export class FaceData extends ViewData {\n\n constructor(readonly faces: CommandFace[]) {\n super();\n assert.notNil(faces);\n }\n\n @Memoize()\n get activeFaceAdapter(): CommandFace.Adapter {\n return new CommandFace.Adapter(this.faces.length > 0 ? this.faces[0] : undefined)\n }\n }\n\n export class GroupData extends FaceData {\n constructor(faces: CommandFace[],\n readonly xPosition,\n readonly yPosition,\n readonly children: ViewData[]) {\n super(faces);\n }\n\n @Memoize()\n get hasMixedIcons(): boolean {\n const hasFaces = this.children.filter(c => ViewData.hasFace(c)) as ViewData.FaceData[]\n const iconCount = hasFaces.filter(c => !!c.activeFaceAdapter.icon).length;\n return iconCount > 0 && hasFaces.length !== iconCount;\n }\n }\n\n export class CommandData extends FaceData {\n constructor(readonly command: Command<unknown>, faces: CommandFace[]) {\n super(faces);\n }\n }\n\n export class SeparatorData extends ViewData {\n }\n\n export class FlexData extends ViewData {\n }\n\n\n export function as<T extends ViewData>(type: Constructable<T>, viewData: ViewData): T {\n return viewData instanceof type ? viewData : lang.illegalState(`expected instance of ${type.name}, got ${viewData.constructor.name}`);\n }\n\n export function getCommand(data: ViewData): Command<unknown> {\n return as(CommandData, data).command;\n }\n\n export function getTooltip(data: ViewData): string {\n return as(FaceData, data).activeFaceAdapter.tooltip;\n }\n\n export function getStyle(data: ViewData): string {\n return as(FaceData, data).activeFaceAdapter.style;\n }\n\n export function getColor(data: ViewData): ThemePalette {\n return as(FaceData, data).activeFaceAdapter.color as ThemePalette;\n }\n\n export function hasText(data: ViewData): boolean {\n return !!as(FaceData, data).activeFaceAdapter.text;\n }\n\n export function getFaces(data: ViewData): CommandFace[] {\n return as(FaceData, data).faces;\n }\n\n export function asGroup(viewData: ViewData): ViewData.GroupData {\n return as(GroupData, viewData);\n }\n\n export function hasMixedIcons(data: ViewData): boolean {\n return as(GroupData, data).hasMixedIcons;\n }\n\n export function isGroup(data: ViewData): data is GroupData {\n return data instanceof GroupData;\n }\n\n export function hasFace(data: ViewData): data is FaceData {\n return data instanceof FaceData;\n }\n\n export function isCommand(data: ViewData): data is CommandData {\n return data instanceof CommandData;\n }\n\n export function isSeparator(data: ViewData): data is SeparatorData {\n return data instanceof SeparatorData;\n }\n\n export function isFlex(data: ViewData): data is FlexData {\n return data instanceof FlexData;\n }\n\n\n}\n"]}
|