@coolon/angular-ui-powerups 3.7.0-alpha.10 → 3.7.0-alpha.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.
Files changed (110) hide show
  1. package/CHANGELOG.md +0 -50
  2. package/bundles/coolon-angular-ui-powerups.umd.js +633 -390
  3. package/bundles/coolon-angular-ui-powerups.umd.js.map +1 -1
  4. package/bundles/coolon-angular-ui-powerups.umd.min.js +1 -1
  5. package/bundles/coolon-angular-ui-powerups.umd.min.js.map +1 -1
  6. package/coolon-angular-ui-powerups.metadata.json +1 -1
  7. package/esm2015/lib/angular-ui-powerups.module.ngfactory.js.map +1 -1
  8. package/esm2015/lib/components/commands/command/command.component.js +12 -15
  9. package/esm2015/lib/components/commands/command/command.component.js.map +1 -1
  10. package/esm2015/lib/components/commands/command/command.component.metadata.json +1 -1
  11. package/esm2015/lib/components/commands/flex.component.js +9 -2
  12. package/esm2015/lib/components/commands/flex.component.js.map +1 -1
  13. package/esm2015/lib/components/commands/flex.component.metadata.json +1 -1
  14. package/esm2015/lib/components/commands/group/command-group/command-group.component.js +43 -0
  15. package/esm2015/lib/components/commands/group/command-group/command-group.component.js.map +1 -0
  16. package/esm2015/lib/components/commands/group/command-group/command-group.component.metadata.json +1 -0
  17. package/esm2015/lib/components/commands/group/command-group/command-group.component.ngfactory.js.map +1 -0
  18. package/esm2015/lib/components/commands/group/command-group-menu-renderer/command-group-menu-renderer.component.js +46 -0
  19. package/esm2015/lib/components/commands/group/command-group-menu-renderer/command-group-menu-renderer.component.js.map +1 -0
  20. package/esm2015/lib/components/commands/group/command-group-menu-renderer/command-group-menu-renderer.component.metadata.json +1 -0
  21. package/esm2015/lib/components/commands/group/command-group-menu-renderer/command-group-menu-renderer.component.ngfactory.js.map +1 -0
  22. package/esm2015/lib/components/commands/group/command-group-renderer/command-group-renderer.component.js +39 -0
  23. package/esm2015/lib/components/commands/group/command-group-renderer/command-group-renderer.component.js.map +1 -0
  24. package/esm2015/lib/components/commands/group/command-group-renderer/command-group-renderer.component.metadata.json +1 -0
  25. package/esm2015/lib/components/commands/group/command-group-renderer/command-group-renderer.component.ngfactory.js.map +1 -0
  26. package/esm2015/lib/components/commands/group/command-group-renderer/command-group-renderer.component.scss.shim.ngstyle.js.map +1 -0
  27. package/esm2015/lib/components/commands/group/command-group.js +103 -0
  28. package/esm2015/lib/components/commands/group/command-group.js.map +1 -0
  29. package/esm2015/lib/components/commands/group/command-group.metadata.json +1 -0
  30. package/esm2015/lib/components/commands/group/more-menu.component.js +53 -0
  31. package/esm2015/lib/components/commands/group/more-menu.component.js.map +1 -0
  32. package/esm2015/lib/components/commands/group/more-menu.component.metadata.json +1 -0
  33. package/esm2015/lib/components/commands/group/more-menu.component.ngfactory.js.map +1 -0
  34. package/esm2015/lib/components/commands/group/popup-menu.component.js +52 -0
  35. package/esm2015/lib/components/commands/group/popup-menu.component.js.map +1 -0
  36. package/esm2015/lib/components/commands/group/popup-menu.component.metadata.json +1 -0
  37. package/esm2015/lib/components/commands/group/popup-menu.component.ngfactory.js.map +1 -0
  38. package/esm2015/lib/components/commands/group/registration.js +58 -0
  39. package/esm2015/lib/components/commands/group/registration.js.map +1 -0
  40. package/esm2015/lib/components/commands/group/registration.metadata.json +1 -0
  41. package/esm2015/lib/components/commands/group/tool-bar/tool-bar.component.js +15 -12
  42. package/esm2015/lib/components/commands/group/tool-bar/tool-bar.component.js.map +1 -1
  43. package/esm2015/lib/components/commands/group/tool-bar/tool-bar.component.metadata.json +1 -1
  44. package/esm2015/lib/components/commands/group/tool-bar/tool-bar.component.scss.shim.ngstyle.js.map +1 -0
  45. package/esm2015/lib/components/commands/group/view-data.js +113 -0
  46. package/esm2015/lib/components/commands/group/view-data.js.map +1 -0
  47. package/esm2015/lib/components/commands/group/view-data.metadata.json +1 -0
  48. package/esm2015/lib/components/commands/separator.component.js +14 -25
  49. package/esm2015/lib/components/commands/separator.component.js.map +1 -1
  50. package/esm2015/lib/components/commands/separator.component.metadata.json +1 -1
  51. package/esm2015/lib/components/components.module.js +9 -6
  52. package/esm2015/lib/components/components.module.js.map +1 -1
  53. package/esm2015/lib/components/components.module.metadata.json +1 -1
  54. package/esm2015/lib/components/components.module.ngfactory.js.map +1 -1
  55. package/esm2015/lib/components/exports.js +8 -7
  56. package/esm2015/lib/components/exports.js.map +1 -1
  57. package/esm2015/lib/components/exports.metadata.json +1 -1
  58. package/esm2015/lib/interaction/interaction.module.ngfactory.js.map +1 -1
  59. package/esm2015/lib/place/guards/place.guard.js +15 -15
  60. package/esm2015/lib/place/guards/place.guard.js.map +1 -1
  61. package/esm2015/lib/place/place.module.ngfactory.js.map +1 -1
  62. package/fesm2015/coolon-angular-ui-powerups.js +537 -337
  63. package/fesm2015/coolon-angular-ui-powerups.js.map +1 -1
  64. package/lib/components/commands/command/command.component.d.ts +6 -7
  65. package/lib/components/commands/flex.component.d.ts +3 -1
  66. package/lib/components/commands/group/command-group/command-group.component.d.ts +12 -0
  67. package/lib/components/commands/group/command-group-menu-renderer/command-group-menu-renderer.component.d.ts +21 -0
  68. package/lib/components/commands/group/command-group-renderer/command-group-renderer.component.d.ts +13 -0
  69. package/lib/components/commands/group/command-group.d.ts +42 -0
  70. package/lib/components/commands/group/more-menu.component.d.ts +14 -0
  71. package/lib/components/commands/group/popup-menu.component.d.ts +17 -0
  72. package/lib/components/commands/group/registration.d.ts +32 -0
  73. package/lib/components/commands/group/tool-bar/tool-bar.component.d.ts +5 -4
  74. package/lib/components/commands/group/view-data.d.ts +41 -0
  75. package/lib/components/commands/separator.component.d.ts +7 -8
  76. package/lib/components/exports.d.ts +8 -7
  77. package/package.json +1 -1
  78. package/esm2015/lib/components/commands/group/command-container.js +0 -21
  79. package/esm2015/lib/components/commands/group/command-container.js.map +0 -1
  80. package/esm2015/lib/components/commands/group/command-container.metadata.json +0 -1
  81. package/esm2015/lib/components/commands/group/popup-aware.component.js +0 -26
  82. package/esm2015/lib/components/commands/group/popup-aware.component.js.map +0 -1
  83. package/esm2015/lib/components/commands/group/popup-aware.component.metadata.json +0 -1
  84. package/esm2015/lib/components/commands/group/popup-container.js +0 -3
  85. package/esm2015/lib/components/commands/group/popup-container.js.map +0 -1
  86. package/esm2015/lib/components/commands/group/popup-container.metadata.json +0 -1
  87. package/esm2015/lib/components/commands/group/popup-menu/abstract-popup-menu.component.js +0 -65
  88. package/esm2015/lib/components/commands/group/popup-menu/abstract-popup-menu.component.js.map +0 -1
  89. package/esm2015/lib/components/commands/group/popup-menu/abstract-popup-menu.component.metadata.json +0 -1
  90. package/esm2015/lib/components/commands/group/popup-menu/abstract-popup-menu.component.ngfactory.js.map +0 -1
  91. package/esm2015/lib/components/commands/group/popup-menu/more-menu.component.js +0 -47
  92. package/esm2015/lib/components/commands/group/popup-menu/more-menu.component.js.map +0 -1
  93. package/esm2015/lib/components/commands/group/popup-menu/more-menu.component.metadata.json +0 -1
  94. package/esm2015/lib/components/commands/group/popup-menu/more-menu.component.ngfactory.js.map +0 -1
  95. package/esm2015/lib/components/commands/group/popup-menu/popup-menu-renderer/popup-menu-renderer.component.js +0 -90
  96. package/esm2015/lib/components/commands/group/popup-menu/popup-menu-renderer/popup-menu-renderer.component.js.map +0 -1
  97. package/esm2015/lib/components/commands/group/popup-menu/popup-menu-renderer/popup-menu-renderer.component.metadata.json +0 -1
  98. package/esm2015/lib/components/commands/group/popup-menu/popup-menu-renderer/popup-menu-renderer.component.ngfactory.js.map +0 -1
  99. package/esm2015/lib/components/commands/group/popup-menu/popup-menu.component.js +0 -42
  100. package/esm2015/lib/components/commands/group/popup-menu/popup-menu.component.js.map +0 -1
  101. package/esm2015/lib/components/commands/group/popup-menu/popup-menu.component.metadata.json +0 -1
  102. package/esm2015/lib/components/commands/group/popup-menu/popup-menu.component.ngfactory.js.map +0 -1
  103. package/esm2015/lib/components/commands/group/tool-bar/tool-bar.component.scss.ngstyle.js.map +0 -1
  104. package/lib/components/commands/group/command-container.d.ts +0 -16
  105. package/lib/components/commands/group/popup-aware.component.d.ts +0 -12
  106. package/lib/components/commands/group/popup-container.d.ts +0 -6
  107. package/lib/components/commands/group/popup-menu/abstract-popup-menu.component.d.ts +0 -25
  108. package/lib/components/commands/group/popup-menu/more-menu.component.d.ts +0 -12
  109. package/lib/components/commands/group/popup-menu/popup-menu-renderer/popup-menu-renderer.component.d.ts +0 -33
  110. package/lib/components/commands/group/popup-menu/popup-menu.component.d.ts +0 -13
@@ -1,90 +0,0 @@
1
- import { Component, EventEmitter, Input, Output, QueryList, ViewChild, ViewChildren } from '@angular/core';
2
- import { MatMenu, MatMenuTrigger } from '@angular/material/menu';
3
- import { DelegatingListModel, Dsl } from '@coolon/pectin';
4
- import { DisposableComponent } from '../../../../disposable-component';
5
- import { TrackBy } from '../../../../track-by';
6
- import { CommandFace } from '../../../command-face';
7
- import { CommandComponent } from '../../../command/command.component';
8
- import { SeparatorComponent } from '../../../separator.component';
9
- import { AbstractPopupMenuComponent } from '../abstract-popup-menu.component';
10
- import { PopupMenuComponent } from '../popup-menu.component';
11
- export class PopupMenuRendererComponent extends DisposableComponent {
12
- constructor() {
13
- super();
14
- this._childList = new DelegatingListModel();
15
- this.commandFired = new EventEmitter();
16
- this.TrackBy = TrackBy;
17
- const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);
18
- // this.children = chain(this.groupViewDataModel).pluckList('children');
19
- // this.hasMixedIcons = chain(this.groupViewDataModel).pluck('hasMixedIcons');
20
- const faces = chain(this._childList).map(child => {
21
- return child.getFace();
22
- }).rejectNil();
23
- const icons = faces.select(face => !!CommandFace.getIconOf(face));
24
- const iconCount = icons.count();
25
- const totalFaces = faces.count();
26
- this.hasMixedIcons = valueOf.all(iconCount.isGreaterThan(0), totalFaces.doesNotEqual(iconCount)).areTruthy();
27
- }
28
- get parent() {
29
- return this._parentComponent;
30
- }
31
- set parent(comp) {
32
- this._parentComponent = comp;
33
- this._childList.setDelegate(comp.children);
34
- }
35
- get children() {
36
- return this.parent.children.value;
37
- }
38
- executeCommand(data) {
39
- if (this.isCommand(data)) {
40
- data.command.execute().finally(() => {
41
- this.commandFired.emit();
42
- });
43
- }
44
- }
45
- isEnabled(data) {
46
- return true; //ViewData.getCommand(data).enabled.value;
47
- }
48
- // @Trace()
49
- onCommandFired() {
50
- this.commandFired.emit();
51
- this.triggers.forEach(trigger => {
52
- if (trigger.menuOpen) {
53
- trigger.closeMenu();
54
- }
55
- });
56
- }
57
- isCommand(child) {
58
- return child instanceof CommandComponent;
59
- }
60
- isPopupMenu(child) {
61
- return child instanceof AbstractPopupMenuComponent;
62
- }
63
- isSeparator(child) {
64
- return child instanceof SeparatorComponent;
65
- }
66
- getTooltip(child) {
67
- return this.isCommand(child) ? CommandFace.getTooltipOf(child.face) : undefined;
68
- }
69
- getFaces(child) {
70
- return this.isCommand(child) ?
71
- child.faces.value :
72
- this.isPopupMenu(child) ?
73
- [child.faceAdapter.face] :
74
- undefined;
75
- }
76
- }
77
- PopupMenuRendererComponent.decorators = [
78
- { type: Component, args: [{
79
- selector: 'aup-popup-menu-renderer',
80
- template: "<mat-menu #menu [xPosition]=\"parent.xPosition\" [yPosition]=\"parent.yPosition\">\n <ng-template matMenuContent>\n <ng-container *ngFor=\"let child of children; trackBy: TrackBy.byIndex\" >\n <button *ngIf=\"isCommand(child)\"\n (click)=\"executeCommand(child)\"\n [disabled]=\"!isEnabled(child)\"\n [matTooltip]=\"getTooltip(child)\"\n mat-menu-item>\n <aup-command-face [faces]=\"getFaces(child)\"\n [includeMissingIconInLayout]=\"hasMixedIcons.value\"></aup-command-face>\n </button>\n\n <ng-container *ngIf=\"isPopupMenu(child)\">\n <button mat-menu-item\n matMenuTrigger\n [matMenuTriggerFor]=\"innerPanel.menuComponent\"\n >\n <aup-command-face [faces]=\"getFaces(child)\"\n [includeMissingIconInLayout]=\"hasMixedIcons.value\"></aup-command-face>\n </button>\n <aup-popup-menu-renderer #innerPanel\n [parent]=\"child\"\n (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n </ng-container>\n\n <mat-divider *ngIf=\"isSeparator(child)\"></mat-divider>\n\n </ng-container>\n\n </ng-template>\n</mat-menu>\n"
81
- },] }
82
- ];
83
- PopupMenuRendererComponent.ctorParameters = () => [];
84
- PopupMenuRendererComponent.propDecorators = {
85
- parent: [{ type: Input }],
86
- menuComponent: [{ type: ViewChild, args: ['menu', { static: true },] }],
87
- commandFired: [{ type: Output }],
88
- triggers: [{ type: ViewChildren, args: [MatMenuTrigger,] }]
89
- };
90
- //# sourceMappingURL=popup-menu-renderer.component.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"popup-menu-renderer.component.js","sourceRoot":"","sources":["../../../../../../../../../../libs/angular-ui-powerups/src/lib/components/commands/group/popup-menu/popup-menu-renderer/popup-menu-renderer.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, EventEmitter, Input, Output, QueryList, ViewChild, ViewChildren } from '@angular/core';\nimport { MatMenu, MatMenuTrigger } from '@angular/material/menu';\nimport { Command, Constant, DelegatingListModel, Dsl, ValueModel } from '@coolon/pectin';\nimport { DisposableComponent } from '../../../../disposable-component';\nimport { TrackBy } from '../../../../track-by';\nimport { CommandFace } from '../../../command-face';\nimport { CommandComponent } from '../../../command/command.component';\nimport { SeparatorComponent } from '../../../separator.component';\nimport { PopupAwareComponent } from '../../popup-aware.component';\nimport { AbstractPopupMenuComponent } from '../abstract-popup-menu.component';\nimport { PopupMenuComponent } from '../popup-menu.component';\n\n@Component({\n selector: 'aup-popup-menu-renderer',\n templateUrl: './popup-menu-renderer.component.html'\n})\nexport class PopupMenuRendererComponent extends DisposableComponent {\n\n private _parentComponent: PopupMenuComponent;\n\n private _childList = new DelegatingListModel<PopupAwareComponent>();\n\n @Input()\n get parent(): PopupMenuComponent {\n return this._parentComponent;\n }\n\n set parent(comp: PopupMenuComponent) {\n this._parentComponent = comp;\n this._childList.setDelegate(comp.children);\n }\n\n @ViewChild('menu', { static: true })\n menuComponent: MatMenu;\n\n @Output()\n commandFired = new EventEmitter();\n\n @ViewChildren(MatMenuTrigger)\n triggers: QueryList<MatMenuTrigger>;\n\n readonly hasMixedIcons: ValueModel<boolean>;\n readonly commandProxy: Command<unknown>;\n\n TrackBy = TrackBy;\n\n constructor() {\n super();\n const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);\n // this.children = chain(this.groupViewDataModel).pluckList('children');\n // this.hasMixedIcons = chain(this.groupViewDataModel).pluck('hasMixedIcons');\n const faces = chain(this._childList).map(child => {\n return child.getFace();\n }).rejectNil();\n const icons = faces.select(face => !!CommandFace.getIconOf(face));\n const iconCount = icons.count();\n const totalFaces = faces.count();\n this.hasMixedIcons = valueOf.all(\n iconCount.isGreaterThan(0),\n totalFaces.doesNotEqual(iconCount)\n ).areTruthy();\n }\n\n get children(): PopupAwareComponent[] {\n return this.parent.children.value;\n }\n\n executeCommand(data: PopupAwareComponent) {\n if (this.isCommand(data)) {\n data.command.execute().finally(() => {\n this.commandFired.emit();\n });\n }\n }\n\n isEnabled(data: PopupAwareComponent) {\n return true;//ViewData.getCommand(data).enabled.value;\n }\n\n // @Trace()\n onCommandFired() {\n this.commandFired.emit();\n this.triggers.forEach(trigger => {\n if (trigger.menuOpen) {\n trigger.closeMenu();\n }\n });\n }\n\n isCommand(child: any): child is CommandComponent {\n return child instanceof CommandComponent;\n }\n\n isPopupMenu(child: any): child is AbstractPopupMenuComponent {\n return child instanceof AbstractPopupMenuComponent;\n }\n\n isSeparator(child: any): child is SeparatorComponent {\n return child instanceof SeparatorComponent;\n }\n\n getTooltip(child: any) {\n return this.isCommand(child) ? CommandFace.getTooltipOf(child.face) : undefined;\n }\n\n getFaces(child: PopupAwareComponent) {\n return this.isCommand(child) ?\n child.faces.value :\n this.isPopupMenu(child) ?\n [child.faceAdapter.face] :\n undefined;\n }\n}\n\n\n"]}
@@ -1 +0,0 @@
1
- [{"__symbolic":"module","version":4,"metadata":{"PopupMenuRendererComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../../../disposable-component","name":"DisposableComponent","line":16,"character":48},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"aup-popup-menu-renderer","template":"<mat-menu #menu [xPosition]=\"parent.xPosition\" [yPosition]=\"parent.yPosition\">\n <ng-template matMenuContent>\n <ng-container *ngFor=\"let child of children; trackBy: TrackBy.byIndex\" >\n <button *ngIf=\"isCommand(child)\"\n (click)=\"executeCommand(child)\"\n [disabled]=\"!isEnabled(child)\"\n [matTooltip]=\"getTooltip(child)\"\n mat-menu-item>\n <aup-command-face [faces]=\"getFaces(child)\"\n [includeMissingIconInLayout]=\"hasMixedIcons.value\"></aup-command-face>\n </button>\n\n <ng-container *ngIf=\"isPopupMenu(child)\">\n <button mat-menu-item\n matMenuTrigger\n [matMenuTriggerFor]=\"innerPanel.menuComponent\"\n >\n <aup-command-face [faces]=\"getFaces(child)\"\n [includeMissingIconInLayout]=\"hasMixedIcons.value\"></aup-command-face>\n </button>\n <aup-popup-menu-renderer #innerPanel\n [parent]=\"child\"\n (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n </ng-container>\n\n <mat-divider *ngIf=\"isSeparator(child)\"></mat-divider>\n\n </ng-container>\n\n </ng-template>\n</mat-menu>\n"}]}],"members":{"parent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"menuComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":32,"character":3},"arguments":["menu",{"static":true}]}]}],"commandFired":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":35,"character":3}}]}],"triggers":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":38,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuTrigger","line":38,"character":16}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"executeCommand":[{"__symbolic":"method"}],"isEnabled":[{"__symbolic":"method"}],"onCommandFired":[{"__symbolic":"method"}],"isCommand":[{"__symbolic":"method"}],"isPopupMenu":[{"__symbolic":"method"}],"isSeparator":[{"__symbolic":"method"}],"getTooltip":[{"__symbolic":"method"}],"getFaces":[{"__symbolic":"method"}]}}}}]
@@ -1 +0,0 @@
1
- {"version":3,"file":"popup-menu-renderer.component.ngfactory.js","sourceRoot":"","sources":["../../../../../../../../../../libs/angular-ui-powerups/src/lib/components/commands/group/popup-menu/popup-menu-renderer/popup-menu-renderer.component.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}
@@ -1,42 +0,0 @@
1
- import { __decorate, __metadata } from "tslib";
2
- import { Component, ElementRef, Inject, Input, Optional, SkipSelf } from '@angular/core';
3
- import { Dsl, StoreInValueModel, TrackExternal, ValueModel } from '@coolon/pectin';
4
- import { CommandFace } from '../../command-face';
5
- import { POPUP_CONTAINER } from '../popup-container';
6
- import { AbstractPopupMenuComponent } from './abstract-popup-menu.component';
7
- /**
8
- *
9
- */
10
- export class PopupMenuComponent extends AbstractPopupMenuComponent {
11
- constructor(element, parent) {
12
- super(element, parent);
13
- const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);
14
- // group.faceListModel = chain(this.faceModel).mapToList(face => [face]);
15
- }
16
- }
17
- PopupMenuComponent.decorators = [
18
- { type: Component, args: [{
19
- selector: 'aup-popup-menu',
20
- template: "<div class=\"content\" style=\"display: none\">\n <ng-content></ng-content>\n</div>\n<ng-container *ngIf=\"isRoot()\">\n <ng-container *ngIf=\"faceAdapter.text\" [ngSwitch]=\"faceAdapter.style\">\n <ng-container *ngSwitchCase=\"'stroked'\">\n <button matMenuTrigger\n [matMenuTriggerFor]=\"subMenu.menuComponent\"\n [matTooltip]=\"faceAdapter.tooltip\"\n [color]=\"faceAdapter.color\"\n mat-stroked-button>\n <aup-command-face [faces]=\"[face]\"></aup-command-face>\n </button>\n <aup-popup-menu-renderer #subMenu\n [parent]=\"this\"\n (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'raised'\">\n <button matMenuTrigger\n [matMenuTriggerFor]=\"subMenu.menuComponent\"\n [matTooltip]=\"faceAdapter.tooltip\"\n [color]=\"faceAdapter.color\"\n mat-raised-button>\n <aup-command-face [faces]=\"[face]\"></aup-command-face>\n </button>\n <aup-popup-menu-renderer #subMenu\n [parent]=\"this\"\n (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n </ng-container>\n\n <ng-container *ngSwitchDefault>\n <button matMenuTrigger\n [matMenuTriggerFor]=\"subMenu.menuComponent\"\n [matTooltip]=\"faceAdapter.tooltip\"\n [color]=\"faceAdapter.color\"\n mat-button>\n <aup-command-face [faces]=\"[face]\"></aup-command-face>\n </button>\n <aup-popup-menu-renderer #subMenu [parent]=\"this\" (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n </ng-container>\n\n </ng-container>\n\n <ng-container *ngIf=\"!faceAdapter.text\">\n <button matMenuTrigger\n mat-icon-button\n [matMenuTriggerFor]=\"subMenu.menuComponent\"\n [matTooltip]=\"faceAdapter.tooltip\"\n [color]=\"faceAdapter.color\"\n >\n <aup-command-face [faces]=\"[face]\"></aup-command-face>\n </button>\n <aup-popup-menu-renderer #subMenu\n [parent]=\"this\"\n (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n </ng-container>\n</ng-container>\n",
21
- providers: [
22
- { provide: POPUP_CONTAINER, useExisting: PopupMenuComponent }
23
- ]
24
- },] }
25
- ];
26
- PopupMenuComponent.ctorParameters = () => [
27
- { type: ElementRef },
28
- { type: undefined, decorators: [{ type: Inject, args: [POPUP_CONTAINER,] }, { type: Optional }, { type: SkipSelf }] }
29
- ];
30
- PopupMenuComponent.propDecorators = {
31
- faceModel: [{ type: Input }],
32
- face: [{ type: Input }]
33
- };
34
- __decorate([
35
- TrackExternal({ delegateTo: 'faceModelDelegate' }),
36
- __metadata("design:type", ValueModel)
37
- ], PopupMenuComponent.prototype, "faceModel", void 0);
38
- __decorate([
39
- StoreInValueModel('faceModel'),
40
- __metadata("design:type", Object)
41
- ], PopupMenuComponent.prototype, "face", void 0);
42
- //# sourceMappingURL=popup-menu.component.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"popup-menu.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/angular-ui-powerups/src/lib/components/commands/group/popup-menu/popup-menu.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAuB,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE9G,OAAO,EAAE,GAAG,EAAE,iBAAiB,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACnF,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAkB,MAAM,oBAAoB,CAAC;AACrE,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAE7E;;GAEG;AASH,MAAM,OAAO,kBAAmB,SAAQ,0BAA0B;IAQhE,YAAY,OAAmB,EAAmD,MAAuB;QACvG,KAAK,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;QACvB,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,yEAAyE;IAC3E,CAAC;;;YApBF,SAAS,SAAC;gBACT,QAAQ,EAAE,gBAAgB;gBAC1B,s1EAA0C;gBAE1C,SAAS,EAAC;oBACR,EAAC,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,kBAAkB,EAAC;iBAC5D;aACF;;;YAjBwC,UAAU;4CA0Bf,MAAM,SAAC,eAAe,cAAG,QAAQ,YAAI,QAAQ;;;wBAN9E,KAAK;mBAGL,KAAK;;AAFN;IADU,aAAa,CAAC,EAAE,UAAU,EAAE,mBAAmB,EAAE,CAAC;8BACjD,UAAU;qDAAc;AAGnC;IADU,iBAAiB,CAAC,WAAW,CAAC;;gDACtB","sourcesContent":["import { AfterContentChecked, Component, ElementRef, Inject, Input, Optional, SkipSelf } from '@angular/core';\n\nimport { Dsl, StoreInValueModel, TrackExternal, ValueModel } from '@coolon/pectin';\nimport { CommandFace } from '../../command-face';\nimport { POPUP_CONTAINER, PopupContainer } from '../popup-container';\nimport { AbstractPopupMenuComponent } from './abstract-popup-menu.component';\n\n/**\n *\n */\n@Component({\n selector: 'aup-popup-menu',\n templateUrl: './popup-menu.component.html',\n styleUrls: [],\n providers:[\n {provide: POPUP_CONTAINER, useExisting: PopupMenuComponent}\n ]\n})\nexport class PopupMenuComponent extends AbstractPopupMenuComponent {\n\n @Input() @TrackExternal({ delegateTo: 'faceModelDelegate' })\n faceModel: ValueModel<CommandFace>;\n\n @Input() @StoreInValueModel('faceModel')\n face: CommandFace;\n\n constructor(element: ElementRef, @Inject(POPUP_CONTAINER) @Optional() @SkipSelf() parent?: PopupContainer) {\n super(element, parent);\n const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);\n // group.faceListModel = chain(this.faceModel).mapToList(face => [face]);\n }\n\n\n\n}\n"]}
@@ -1 +0,0 @@
1
- [{"__symbolic":"module","version":4,"metadata":{"PopupMenuComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./abstract-popup-menu.component","name":"AbstractPopupMenuComponent","line":18,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"aup-popup-menu","styleUrls":[],"providers":[{"provide":{"__symbolic":"reference","module":"../popup-container","name":"POPUP_CONTAINER","line":15,"character":14},"useExisting":{"__symbolic":"reference","name":"PopupMenuComponent"}}],"template":"<div class=\"content\" style=\"display: none\">\n <ng-content></ng-content>\n</div>\n<ng-container *ngIf=\"isRoot()\">\n <ng-container *ngIf=\"faceAdapter.text\" [ngSwitch]=\"faceAdapter.style\">\n <ng-container *ngSwitchCase=\"'stroked'\">\n <button matMenuTrigger\n [matMenuTriggerFor]=\"subMenu.menuComponent\"\n [matTooltip]=\"faceAdapter.tooltip\"\n [color]=\"faceAdapter.color\"\n mat-stroked-button>\n <aup-command-face [faces]=\"[face]\"></aup-command-face>\n </button>\n <aup-popup-menu-renderer #subMenu\n [parent]=\"this\"\n (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'raised'\">\n <button matMenuTrigger\n [matMenuTriggerFor]=\"subMenu.menuComponent\"\n [matTooltip]=\"faceAdapter.tooltip\"\n [color]=\"faceAdapter.color\"\n mat-raised-button>\n <aup-command-face [faces]=\"[face]\"></aup-command-face>\n </button>\n <aup-popup-menu-renderer #subMenu\n [parent]=\"this\"\n (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n </ng-container>\n\n <ng-container *ngSwitchDefault>\n <button matMenuTrigger\n [matMenuTriggerFor]=\"subMenu.menuComponent\"\n [matTooltip]=\"faceAdapter.tooltip\"\n [color]=\"faceAdapter.color\"\n mat-button>\n <aup-command-face [faces]=\"[face]\"></aup-command-face>\n </button>\n <aup-popup-menu-renderer #subMenu [parent]=\"this\" (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n </ng-container>\n\n </ng-container>\n\n <ng-container *ngIf=\"!faceAdapter.text\">\n <button matMenuTrigger\n mat-icon-button\n [matMenuTriggerFor]=\"subMenu.menuComponent\"\n [matTooltip]=\"faceAdapter.tooltip\"\n [color]=\"faceAdapter.color\"\n >\n <aup-command-face [faces]=\"[face]\"></aup-command-face>\n </button>\n <aup-popup-menu-renderer #subMenu\n [parent]=\"this\"\n (commandFired)=\"onCommandFired()\"></aup-popup-menu-renderer>\n </ng-container>\n</ng-container>\n"}]}],"members":{"faceModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":20,"character":12},"arguments":[{"delegateTo":"faceModelDelegate"}]}]}],"face":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInValueModel","line":23,"character":12},"arguments":["faceModel"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":26,"character":36},"arguments":[{"__symbolic":"reference","module":"../popup-container","name":"POPUP_CONTAINER","line":26,"character":43}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":26,"character":61}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":26,"character":73}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":26,"character":23},{"__symbolic":"reference","module":"../popup-container","name":"PopupContainer","line":26,"character":93}]}]}}}}]
@@ -1 +0,0 @@
1
- {"version":3,"file":"popup-menu.component.ngfactory.js","sourceRoot":"","sources":["../../../../../../../../../libs/angular-ui-powerups/src/lib/components/commands/group/popup-menu/popup-menu.component.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"file":"tool-bar.component.scss.ngstyle.js","sourceRoot":"","sources":["../../../../../../../../../libs/angular-ui-powerups/src/lib/components/commands/group/tool-bar/tool-bar.component.scss.ngstyle.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}
@@ -1,16 +0,0 @@
1
- import { GarbageCollector } from '@coolon/pectin';
2
- import { Enum } from 'typescript-string-enums';
3
- export declare class CommandContainer extends GarbageCollector {
4
- protected readonly parent?: CommandContainer;
5
- constructor(parent?: CommandContainer);
6
- get depth(): number;
7
- private hasParent;
8
- get orientation(): CommandContainer.Orientation;
9
- }
10
- export declare namespace CommandContainer {
11
- const Orientation: {
12
- HORIZONTAL: "horizontal";
13
- VERTICAL: "vertical";
14
- };
15
- type Orientation = Enum<typeof Orientation>;
16
- }
@@ -1,12 +0,0 @@
1
- import { ElementRef } from '@angular/core';
2
- import { DisposableComponent } from '../../disposable-component';
3
- import { CommandFace } from '../command-face';
4
- import { PopupContainer } from './popup-container';
5
- export declare abstract class PopupAwareComponent extends DisposableComponent {
6
- readonly element: ElementRef;
7
- readonly parent?: PopupContainer;
8
- constructor(element: ElementRef, parent?: PopupContainer);
9
- get componentIndex(): number;
10
- private computeComponentIndex;
11
- getFace(): CommandFace | undefined;
12
- }
@@ -1,6 +0,0 @@
1
- import { InjectionToken } from '@angular/core';
2
- import { PopupAwareComponent } from './popup-aware.component';
3
- export declare const POPUP_CONTAINER: InjectionToken<PopupContainer>;
4
- export interface PopupContainer {
5
- register(comp: PopupAwareComponent): any;
6
- }
@@ -1,25 +0,0 @@
1
- import { AfterContentChecked, ElementRef, QueryList } from '@angular/core';
2
- import { MatMenuTrigger } from '@angular/material/menu';
3
- import { DelegatingValueModel, Disposable, ListModelChain } from '@coolon/pectin';
4
- import { CommandFace } from '../../command-face';
5
- import { PopupAwareComponent } from '../popup-aware.component';
6
- import { PopupContainer } from '../popup-container';
7
- /**
8
- *
9
- */
10
- export declare class AbstractPopupMenuComponent extends PopupAwareComponent implements PopupContainer, AfterContentChecked {
11
- private _unorderedChildren;
12
- protected readonly faceModelDelegate: DelegatingValueModel<CommandFace>;
13
- private faceAdapterModel;
14
- xPosition: 'before' | 'after';
15
- yPosition: 'above' | 'below';
16
- triggers: QueryList<MatMenuTrigger>;
17
- readonly children: ListModelChain<PopupAwareComponent>;
18
- constructor(element: ElementRef, parent?: PopupContainer);
19
- ngAfterContentChecked(): void;
20
- get faceAdapter(): CommandFace.Adapter;
21
- isRoot(): boolean;
22
- register(component: PopupAwareComponent): Disposable;
23
- onCommandFired(): void;
24
- getFace(): CommandFace | undefined;
25
- }
@@ -1,12 +0,0 @@
1
- import { ElementRef } from '@angular/core';
2
- import { PopupContainer } from '../popup-container';
3
- import { AbstractPopupMenuComponent } from './abstract-popup-menu.component';
4
- /**
5
- *
6
- */
7
- export declare class MoreMenuComponent extends AbstractPopupMenuComponent {
8
- private tooltipModel;
9
- tooltip: string;
10
- constructor(element: ElementRef, parent?: PopupContainer);
11
- get face(): import("../../command-face").CommandFace;
12
- }
@@ -1,33 +0,0 @@
1
- import { EventEmitter, QueryList } from '@angular/core';
2
- import { MatMenu, MatMenuTrigger } from '@angular/material/menu';
3
- import { Command, ValueModel } from '@coolon/pectin';
4
- import { DisposableComponent } from '../../../../disposable-component';
5
- import { TrackBy } from '../../../../track-by';
6
- import { CommandFace } from '../../../command-face';
7
- import { CommandComponent } from '../../../command/command.component';
8
- import { SeparatorComponent } from '../../../separator.component';
9
- import { PopupAwareComponent } from '../../popup-aware.component';
10
- import { AbstractPopupMenuComponent } from '../abstract-popup-menu.component';
11
- import { PopupMenuComponent } from '../popup-menu.component';
12
- export declare class PopupMenuRendererComponent extends DisposableComponent {
13
- private _parentComponent;
14
- private _childList;
15
- get parent(): PopupMenuComponent;
16
- set parent(comp: PopupMenuComponent);
17
- menuComponent: MatMenu;
18
- commandFired: EventEmitter<any>;
19
- triggers: QueryList<MatMenuTrigger>;
20
- readonly hasMixedIcons: ValueModel<boolean>;
21
- readonly commandProxy: Command<unknown>;
22
- TrackBy: typeof TrackBy;
23
- constructor();
24
- get children(): PopupAwareComponent[];
25
- executeCommand(data: PopupAwareComponent): void;
26
- isEnabled(data: PopupAwareComponent): boolean;
27
- onCommandFired(): void;
28
- isCommand(child: any): child is CommandComponent;
29
- isPopupMenu(child: any): child is AbstractPopupMenuComponent;
30
- isSeparator(child: any): child is SeparatorComponent;
31
- getTooltip(child: any): string;
32
- getFaces(child: PopupAwareComponent): CommandFace[];
33
- }
@@ -1,13 +0,0 @@
1
- import { ElementRef } from '@angular/core';
2
- import { ValueModel } from '@coolon/pectin';
3
- import { CommandFace } from '../../command-face';
4
- import { PopupContainer } from '../popup-container';
5
- import { AbstractPopupMenuComponent } from './abstract-popup-menu.component';
6
- /**
7
- *
8
- */
9
- export declare class PopupMenuComponent extends AbstractPopupMenuComponent {
10
- faceModel: ValueModel<CommandFace>;
11
- face: CommandFace;
12
- constructor(element: ElementRef, parent?: PopupContainer);
13
- }