@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,12 +1,13 @@
1
- import { AfterViewInit, ElementRef, OnInit } from '@angular/core';
1
+ import { OnInit } from '@angular/core';
2
2
  import { Command, ListModelChain, ValueModel, ValueModelChain } from '@coolon/pectin';
3
+ import { DisposableComponent } from '../../disposable-component';
3
4
  import { CommandFace } from '../command-face';
4
- import { PopupAwareComponent } from '../group/popup-aware.component';
5
- import { PopupContainer } from '../group/popup-container';
5
+ import { CommandGroup } from '../group/command-group';
6
6
  /**
7
7
  *
8
8
  */
9
- export declare class CommandComponent extends PopupAwareComponent implements OnInit, AfterViewInit {
9
+ export declare class CommandComponent extends DisposableComponent implements OnInit {
10
+ readonly parent?: CommandGroup;
10
11
  command: Command<unknown>;
11
12
  faceModel: ValueModel<CommandFace>;
12
13
  face: CommandFace;
@@ -17,9 +18,7 @@ export declare class CommandComponent extends PopupAwareComponent implements OnI
17
18
  readonly buttonStyle: ValueModelChain<string>;
18
19
  readonly colorModel: ValueModelChain<'primary' | 'accent' | 'warn' | undefined>;
19
20
  private activeFace;
20
- constructor(element: ElementRef, parent?: PopupContainer);
21
+ constructor(parent?: CommandGroup);
21
22
  isActive(face: CommandFace): boolean;
22
23
  ngOnInit(): void;
23
- ngAfterViewInit(): void;
24
- getFace(): CommandFace | undefined;
25
24
  }
@@ -1,9 +1,11 @@
1
1
  import { OnInit } from '@angular/core';
2
2
  import { DisposableComponent } from '../disposable-component';
3
+ import { CommandGroup } from './group/command-group';
3
4
  /**
4
5
  *
5
6
  */
6
7
  export declare class FlexComponent extends DisposableComponent implements OnInit {
7
- constructor();
8
+ readonly parent?: CommandGroup;
9
+ constructor(parent?: CommandGroup);
8
10
  ngOnInit(): void;
9
11
  }
@@ -0,0 +1,12 @@
1
+ import { ListModel, ValueModel } from '@coolon/pectin';
2
+ import { CommandFace } from '../../command-face';
3
+ import { CommandGroup } from '../command-group';
4
+ export declare class CommandGroupComponent extends CommandGroup {
5
+ readonly parent: CommandGroup;
6
+ faceModel: ValueModel<CommandFace>;
7
+ readonly faceListModel: ListModel<CommandFace>;
8
+ face: CommandFace;
9
+ xPosition: 'before' | 'after';
10
+ yPosition: 'above' | 'below';
11
+ constructor(parent: CommandGroup);
12
+ }
@@ -0,0 +1,21 @@
1
+ import { EventEmitter, QueryList } from '@angular/core';
2
+ import { MatMenu, MatMenuTrigger } from '@angular/material/menu';
3
+ import { ListModelChain, ValueModelChain } from '@coolon/pectin';
4
+ import { DisposableComponent } from '../../../disposable-component';
5
+ import { TrackBy } from '../../../track-by';
6
+ import { Registration } from '../registration';
7
+ import { ViewData } from '../view-data';
8
+ export declare class CommandGroupMenuRendererComponent extends DisposableComponent {
9
+ readonly parent?: CommandGroupMenuRendererComponent;
10
+ menuComponent: MatMenu;
11
+ private readonly groupViewDataModel;
12
+ groupViewData: ViewData.GroupData;
13
+ commandFired: EventEmitter<any>;
14
+ triggers: QueryList<MatMenuTrigger>;
15
+ readonly children: ListModelChain<Registration>;
16
+ readonly hasMixedIcons: ValueModelChain<boolean>;
17
+ readonly ViewData: typeof ViewData;
18
+ TrackBy: typeof TrackBy;
19
+ constructor(parent?: CommandGroupMenuRendererComponent);
20
+ getCommand(data: ViewData): import("@coolon/pectin").Command<unknown>;
21
+ }
@@ -0,0 +1,13 @@
1
+ import { ListModelChain, ValueModel } from '@coolon/pectin';
2
+ import { DisposableComponent } from '../../../disposable-component';
3
+ import { ViewData } from '../view-data';
4
+ import { TrackBy } from '../../../track-by';
5
+ export declare class CommandGroupRendererComponent extends DisposableComponent {
6
+ groupViewDataModel: ValueModel<ViewData.GroupData>;
7
+ groupViewData: ViewData.GroupData;
8
+ renderRootNode: boolean;
9
+ readonly ViewData: typeof ViewData;
10
+ readonly childViewDataModels: ListModelChain<ViewData>;
11
+ TrackBy: typeof TrackBy;
12
+ constructor();
13
+ }
@@ -0,0 +1,42 @@
1
+ import { Command, Disposable, GarbageCollector, ListModel, ListModelChain, ValueModel } from '@coolon/pectin';
2
+ import { CommandFace } from '../command-face';
3
+ import { FlexComponent } from '../flex.component';
4
+ import { SeparatorComponent } from '../separator.component';
5
+ import { Registration } from './registration';
6
+ import { ViewData } from './view-data';
7
+ export declare abstract class CommandGroup extends GarbageCollector {
8
+ readonly parent?: CommandGroup;
9
+ abstract faceListModel: ListModel<CommandFace>;
10
+ abstract xPosition: 'before' | 'after';
11
+ abstract yPosition: 'above' | 'below';
12
+ private readonly _rootTemplate;
13
+ private readonly _registrations;
14
+ readonly childTemplates: ListModelChain<ViewData>;
15
+ private initialised;
16
+ constructor(parent?: CommandGroup);
17
+ initialise(): void;
18
+ get rootTemplate(): ValueModel<ViewData.GroupData>;
19
+ get registrations(): ListModel<Registration>;
20
+ notifyChanged(): void;
21
+ private notifyChildFaceChanged;
22
+ private rebuildTemplates;
23
+ get depth(): number;
24
+ isRoot(): boolean;
25
+ registerCommand(command: Command<unknown>, faceListModel: ListModel<CommandFace>): Disposable;
26
+ registerGroup(group: CommandGroup, faceModel: ListModel<CommandFace>): Disposable;
27
+ registerFlex(component: FlexComponent): Disposable;
28
+ registerSeparator(component: SeparatorComponent): Disposable;
29
+ protected register(registration: Registration): Registration;
30
+ }
31
+ export declare namespace CommandGroup {
32
+ class Root extends CommandGroup {
33
+ faceListModel: ListModel<CommandFace>;
34
+ xPositionModel: ValueModel<'before' | 'after'>;
35
+ xPosition: 'before' | 'after';
36
+ yPositionModel: ValueModel<'above' | 'below'>;
37
+ yPosition: 'above' | 'below';
38
+ constructor();
39
+ isRoot(): boolean;
40
+ }
41
+ function factory(): Root;
42
+ }
@@ -0,0 +1,14 @@
1
+ import { AfterContentInit, OnInit } from '@angular/core';
2
+ import { DisposableComponent } from '../../disposable-component';
3
+ import { CommandGroup } from './command-group';
4
+ /**
5
+ *
6
+ */
7
+ export declare class MoreMenuComponent extends DisposableComponent implements OnInit, AfterContentInit {
8
+ readonly group: CommandGroup;
9
+ private tooltipModel;
10
+ tooltip: string;
11
+ constructor(group: CommandGroup);
12
+ ngOnInit(): void;
13
+ ngAfterContentInit(): void;
14
+ }
@@ -0,0 +1,17 @@
1
+ import { AfterContentInit, AfterViewInit, OnInit } from '@angular/core';
2
+ import { ValueModel } from '@coolon/pectin';
3
+ import { DisposableComponent } from '../../disposable-component';
4
+ import { CommandFace } from '../command-face';
5
+ import { CommandGroup } from './command-group';
6
+ /**
7
+ *
8
+ */
9
+ export declare class PopupMenuComponent extends DisposableComponent implements OnInit, AfterContentInit, AfterViewInit {
10
+ readonly group: CommandGroup;
11
+ faceModel: ValueModel<CommandFace>;
12
+ face: CommandFace;
13
+ constructor(group: CommandGroup);
14
+ ngOnInit(): void;
15
+ ngAfterContentInit(): void;
16
+ ngAfterViewInit(): void;
17
+ }
@@ -0,0 +1,32 @@
1
+ import { Command, GarbageCollector, ListModel } from '@coolon/pectin';
2
+ import { CommandGroup } from './command-group';
3
+ import { ViewData } from './view-data';
4
+ import { CommandFace } from '../command-face';
5
+ export declare abstract class Registration extends GarbageCollector {
6
+ abstract toTemplate(): ViewData;
7
+ }
8
+ export declare namespace Registration {
9
+ abstract class FaceRegistration extends Registration {
10
+ readonly faceListModel: ListModel<CommandFace>;
11
+ protected constructor(faceListModel: ListModel<CommandFace>);
12
+ }
13
+ class CommandRegistration extends FaceRegistration {
14
+ readonly command: Command<unknown>;
15
+ constructor(command: Command<unknown>, faceListModel: ListModel<CommandFace>);
16
+ toTemplate(): ViewData.CommandData;
17
+ }
18
+ class GroupRegistration extends FaceRegistration {
19
+ readonly group: CommandGroup;
20
+ constructor(faceModel: ListModel<CommandFace>, group: CommandGroup);
21
+ toTemplate(): ViewData.GroupData;
22
+ }
23
+ class SeparatorRegistration extends Registration {
24
+ private readonly template;
25
+ toTemplate(): ViewData.SeparatorData;
26
+ }
27
+ class FlexRegistration extends Registration {
28
+ private readonly template;
29
+ toTemplate(): ViewData.FlexData;
30
+ }
31
+ function hasFace(entry: Registration): entry is FaceRegistration;
32
+ }
@@ -1,11 +1,12 @@
1
1
  import { AfterContentInit, AfterViewInit, OnInit } from '@angular/core';
2
- import { CommandContainer } from '../command-container';
2
+ import { DisposableComponent } from '../../../disposable-component';
3
+ import { CommandGroup } from '../command-group';
3
4
  /**
4
5
  *
5
6
  */
6
- export declare class ToolBarComponent extends CommandContainer implements OnInit, AfterContentInit, AfterViewInit {
7
- constructor();
8
- get orientation(): CommandContainer.Orientation;
7
+ export declare class ToolBarComponent extends DisposableComponent implements OnInit, AfterContentInit, AfterViewInit {
8
+ readonly group: CommandGroup;
9
+ constructor(group: CommandGroup);
9
10
  ngOnInit(): void;
10
11
  ngAfterContentInit(): void;
11
12
  ngAfterViewInit(): void;
@@ -0,0 +1,41 @@
1
+ import { ThemePalette } from '@angular/material/core';
2
+ import { Command, Constructable } from '@coolon/pectin';
3
+ import { CommandFace } from '../command-face';
4
+ export declare class ViewData {
5
+ }
6
+ export declare namespace ViewData {
7
+ class FaceData extends ViewData {
8
+ readonly faces: CommandFace[];
9
+ constructor(faces: CommandFace[]);
10
+ get activeFaceAdapter(): CommandFace.Adapter;
11
+ }
12
+ class GroupData extends FaceData {
13
+ readonly xPosition: any;
14
+ readonly yPosition: any;
15
+ readonly children: ViewData[];
16
+ constructor(faces: CommandFace[], xPosition: any, yPosition: any, children: ViewData[]);
17
+ get hasMixedIcons(): boolean;
18
+ }
19
+ class CommandData extends FaceData {
20
+ readonly command: Command<unknown>;
21
+ constructor(command: Command<unknown>, faces: CommandFace[]);
22
+ }
23
+ class SeparatorData extends ViewData {
24
+ }
25
+ class FlexData extends ViewData {
26
+ }
27
+ function as<T extends ViewData>(type: Constructable<T>, viewData: ViewData): T;
28
+ function getCommand(data: ViewData): Command<unknown>;
29
+ function getTooltip(data: ViewData): string;
30
+ function getStyle(data: ViewData): string;
31
+ function getColor(data: ViewData): ThemePalette;
32
+ function hasText(data: ViewData): boolean;
33
+ function getFaces(data: ViewData): CommandFace[];
34
+ function asGroup(viewData: ViewData): ViewData.GroupData;
35
+ function hasMixedIcons(data: ViewData): boolean;
36
+ function isGroup(data: ViewData): data is GroupData;
37
+ function hasFace(data: ViewData): data is FaceData;
38
+ function isCommand(data: ViewData): data is CommandData;
39
+ function isSeparator(data: ViewData): data is SeparatorData;
40
+ function isFlex(data: ViewData): data is FlexData;
41
+ }
@@ -1,13 +1,12 @@
1
- import { ElementRef, OnInit } from '@angular/core';
2
- import { CommandContainer } from './group/command-container';
3
- import { PopupAwareComponent } from './group/popup-aware.component';
4
- import { PopupContainer } from './group/popup-container';
1
+ import { OnInit } from '@angular/core';
2
+ import { DisposableComponent } from '../disposable-component';
3
+ import { CommandGroup } from './group/command-group';
5
4
  /**
6
5
  *
7
6
  */
8
- export declare class SeparatorComponent extends PopupAwareComponent implements OnInit {
9
- private readonly containerParent?;
10
- constructor(element: ElementRef, popupContainer: PopupContainer, containerParent?: CommandContainer);
11
- isHorizontalContainer(): boolean;
7
+ export declare class SeparatorComponent extends DisposableComponent implements OnInit {
8
+ readonly parent?: CommandGroup;
9
+ constructor(parent?: CommandGroup);
10
+ isVertical(): boolean;
12
11
  ngOnInit(): void;
13
12
  }
@@ -12,13 +12,14 @@ export * from "./commands/flex.component";
12
12
  export * from "./commands/separator.component";
13
13
  export * from "./commands/command/command.component";
14
14
  export * from "./commands/command-face/command-face.component";
15
- export * from "./commands/group/command-container";
16
- export * from "./commands/group/popup-aware.component";
17
- export * from "./commands/group/popup-container";
18
- export * from "./commands/group/popup-menu/abstract-popup-menu.component";
19
- export * from "./commands/group/popup-menu/more-menu.component";
20
- export * from "./commands/group/popup-menu/popup-menu.component";
21
- export * from "./commands/group/popup-menu/popup-menu-renderer/popup-menu-renderer.component";
15
+ export * from "./commands/group/command-group";
16
+ export * from "./commands/group/more-menu.component";
17
+ export * from "./commands/group/popup-menu.component";
18
+ export * from "./commands/group/registration";
19
+ export * from "./commands/group/view-data";
20
+ export * from "./commands/group/command-group/command-group.component";
21
+ export * from "./commands/group/command-group-menu-renderer/command-group-menu-renderer.component";
22
+ export * from "./commands/group/command-group-renderer/command-group-renderer.component";
22
23
  export * from "./commands/group/tool-bar/tool-bar.component";
23
24
  export * from "./focus-container/focus-container.component";
24
25
  export * from "./forms/abstract-input.component";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@coolon/angular-ui-powerups",
3
- "version": "3.7.0-alpha.10",
3
+ "version": "3.7.0-alpha.3",
4
4
  "schematics": "./schematics/collection.json",
5
5
  "dependencies": {
6
6
  "@coolon/typescript-utilities": "^2.2.0",
@@ -1,21 +0,0 @@
1
- import { GarbageCollector } from '@coolon/pectin';
2
- import { Enum } from 'typescript-string-enums';
3
- export class CommandContainer extends GarbageCollector {
4
- constructor(parent) {
5
- super();
6
- this.parent = parent;
7
- }
8
- get depth() {
9
- return this.hasParent() ? this.parent.depth + 1 : 0;
10
- }
11
- hasParent() {
12
- return !!this.parent;
13
- }
14
- get orientation() {
15
- return CommandContainer.Orientation.VERTICAL;
16
- }
17
- }
18
- (function (CommandContainer) {
19
- CommandContainer.Orientation = Enum({ HORIZONTAL: 'horizontal', VERTICAL: 'vertical' });
20
- })(CommandContainer || (CommandContainer = {}));
21
- //# sourceMappingURL=command-container.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"command-container.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/components/commands/group/command-container.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,gBAAgB,EAAS,MAAM,gBAAgB,CAAC;AACrE,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAG/C,MAAM,OAAO,gBAAiB,SAAQ,gBAAgB;IAEpD,YAA+B,MAAyB;QACtD,KAAK,EAAE,CAAC;QADqB,WAAM,GAAN,MAAM,CAAmB;IAExD,CAAC;IAED,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACtD,CAAC;IAEO,SAAS;QACf,OAAO,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC;IACvB,CAAC;IAED,IAAI,WAAW;QACb,OAAO,gBAAgB,CAAC,WAAW,CAAC,QAAQ,CAAC;IAC/C,CAAC;CACF;AAED,WAAiB,gBAAgB;IAClB,4BAAW,GAAG,IAAI,CAAC,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,CAAC;AAEtF,CAAC,EAHgB,gBAAgB,KAAhB,gBAAgB,QAGhC","sourcesContent":["import { Disposable, GarbageCollector, Trace } from '@coolon/pectin';\nimport { Enum } from 'typescript-string-enums';\nimport { PopupAwareComponent } from './popup-aware.component';\n\nexport class CommandContainer extends GarbageCollector {\n\n constructor(protected readonly parent?: CommandContainer) {\n super();\n }\n\n get depth(): number {\n return this.hasParent() ? this.parent.depth + 1 : 0;\n }\n\n private hasParent(): boolean {\n return !!this.parent;\n }\n\n get orientation(): CommandContainer.Orientation {\n return CommandContainer.Orientation.VERTICAL;\n }\n}\n\nexport namespace CommandContainer {\n export const Orientation = Enum({ HORIZONTAL: 'horizontal', VERTICAL: 'vertical' });\n export type Orientation = Enum<typeof Orientation>;\n}\n"]}
@@ -1 +0,0 @@
1
- [{"__symbolic":"module","version":4,"metadata":{"CommandContainer":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@coolon/pectin","name":"GarbageCollector","line":4,"character":38},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"CommandContainer"}]}],"hasParent":[{"__symbolic":"method"}]}}}}]
@@ -1,26 +0,0 @@
1
- import { DisposableComponent } from '../../disposable-component';
2
- export class PopupAwareComponent extends DisposableComponent {
3
- constructor(element, parent) {
4
- super();
5
- this.element = element;
6
- this.parent = parent;
7
- if (parent) {
8
- this.registerDisposable(this.parent.register(this));
9
- }
10
- }
11
- get componentIndex() {
12
- return this.computeComponentIndex();
13
- }
14
- computeComponentIndex() {
15
- let node = this.element.nativeElement;
16
- let index = 0;
17
- while ((node = node.previousElementSibling)) {
18
- index++;
19
- }
20
- return index;
21
- }
22
- getFace() {
23
- return undefined;
24
- }
25
- }
26
- //# sourceMappingURL=popup-aware.component.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"popup-aware.component.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/components/commands/group/popup-aware.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAIjE,MAAM,OAAgB,mBAAoB,SAAQ,mBAAmB;IAEnE,YAAqB,OAAmB,EAAW,MAAuB;QACxE,KAAK,EAAE,CAAC;QADW,YAAO,GAAP,OAAO,CAAY;QAAW,WAAM,GAAN,MAAM,CAAiB;QAExE,IAAI,MAAM,EAAE;YACV,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;SACrD;IACH,CAAC;IAED,IAAI,cAAc;QAChB,OAAO,IAAI,CAAC,qBAAqB,EAAE,CAAC;IACtC,CAAC;IAEO,qBAAqB;QAC3B,IAAI,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC;QACtC,IAAI,KAAK,GAAG,CAAC,CAAC;QACd,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,sBAAsB,CAAC,EAAE;YAC3C,KAAK,EAAE,CAAC;SACT;QACD,OAAO,KAAK,CAAC;IACf,CAAC;IAED,OAAO;QACL,OAAO,SAAS,CAAC;IACnB,CAAC;CACF","sourcesContent":["import { ElementRef, Inject } from '@angular/core';\nimport { DisposableComponent } from '../../disposable-component';\nimport { CommandFace } from '../command-face';\nimport { POPUP_CONTAINER, PopupContainer } from './popup-container';\n\nexport abstract class PopupAwareComponent extends DisposableComponent {\n\n constructor(readonly element: ElementRef, readonly parent?: PopupContainer) {\n super();\n if (parent) {\n this.registerDisposable(this.parent.register(this));\n }\n }\n\n get componentIndex() {\n return this.computeComponentIndex();\n }\n\n private computeComponentIndex() {\n let node = this.element.nativeElement;\n let index = 0;\n while ((node = node.previousElementSibling)) {\n index++;\n }\n return index;\n }\n\n getFace(): CommandFace | undefined {\n return undefined;\n }\n}\n"]}
@@ -1 +0,0 @@
1
- [{"__symbolic":"module","version":4,"metadata":{"PopupAwareComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../disposable-component","name":"DisposableComponent","line":5,"character":50},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":7,"character":32},{"__symbolic":"reference","module":"./popup-container","name":"PopupContainer","line":7,"character":62}]}],"computeComponentIndex":[{"__symbolic":"method"}],"getFace":[{"__symbolic":"method"}]}}}}]
@@ -1,3 +0,0 @@
1
- import { InjectionToken } from '@angular/core';
2
- export const POPUP_CONTAINER = new InjectionToken('popup-component');
3
- //# sourceMappingURL=popup-container.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"popup-container.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/components/commands/group/popup-container.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAG/C,MAAM,CAAC,MAAM,eAAe,GAAG,IAAI,cAAc,CAAiB,iBAAiB,CAAC,CAAC","sourcesContent":["import { InjectionToken } from '@angular/core';\nimport { PopupAwareComponent } from './popup-aware.component';\n\nexport const POPUP_CONTAINER = new InjectionToken<PopupContainer>('popup-component');\n\nexport interface PopupContainer {\n register(comp: PopupAwareComponent)\n}\n"]}
@@ -1 +0,0 @@
1
- [{"__symbolic":"module","version":4,"metadata":{"POPUP_CONTAINER":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":3,"character":35},"arguments":["popup-component"]},"PopupContainer":{"__symbolic":"interface"}}}]
@@ -1,65 +0,0 @@
1
- import { Component, ElementRef, Inject, Input, QueryList, ViewChildren } from '@angular/core';
2
- import { MatMenuTrigger } from '@angular/material/menu';
3
- import { DelegatingValueModel, Disposable, Dsl, MutableListModel } from '@coolon/pectin';
4
- import { CommandFace } from '../../command-face';
5
- import { PopupAwareComponent } from '../popup-aware.component';
6
- import { POPUP_CONTAINER } from '../popup-container';
7
- /**
8
- *
9
- */
10
- export class AbstractPopupMenuComponent extends PopupAwareComponent {
11
- constructor(element, parent) {
12
- super(element, parent);
13
- this._unorderedChildren = new MutableListModel();
14
- this.faceModelDelegate = new DelegatingValueModel();
15
- this.xPosition = 'after';
16
- this.yPosition = 'below';
17
- const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);
18
- // group.faceListModel = chain(this.faceModel).mapToList(face => [face]);
19
- this.faceAdapterModel = chain(this.faceModelDelegate).map(f => new CommandFace.Adapter(f));
20
- this.children = chain(this._unorderedChildren).sortBy('componentIndex');
21
- }
22
- ngAfterContentChecked() {
23
- // force the list to re-order as the child indicies may have changed.
24
- this._unorderedChildren.value = [...this._unorderedChildren.value];
25
- }
26
- get faceAdapter() {
27
- return this.faceAdapterModel.value;
28
- }
29
- isRoot() {
30
- return !this.parent;
31
- }
32
- // @Trace()
33
- register(component) {
34
- this._unorderedChildren.push(component);
35
- return Disposable.disposableThatRuns(() => {
36
- this._unorderedChildren.remove(component);
37
- });
38
- }
39
- onCommandFired() {
40
- this.triggers.forEach(trigger => {
41
- if (trigger.menuOpen) {
42
- trigger.closeMenu();
43
- }
44
- });
45
- }
46
- getFace() {
47
- return this.faceAdapter.face;
48
- }
49
- }
50
- AbstractPopupMenuComponent.decorators = [
51
- { type: Component, args: [{
52
- selector: 'aup-abstract-popup-menu',
53
- template: ''
54
- },] }
55
- ];
56
- AbstractPopupMenuComponent.ctorParameters = () => [
57
- { type: ElementRef },
58
- { type: undefined, decorators: [{ type: Inject, args: [POPUP_CONTAINER,] }] }
59
- ];
60
- AbstractPopupMenuComponent.propDecorators = {
61
- xPosition: [{ type: Input }],
62
- yPosition: [{ type: Input }],
63
- triggers: [{ type: ViewChildren, args: [MatMenuTrigger,] }]
64
- };
65
- //# sourceMappingURL=abstract-popup-menu.component.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"abstract-popup-menu.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/angular-ui-powerups/src/lib/components/commands/group/popup-menu/abstract-popup-menu.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AACnH,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,OAAO,EACL,oBAAoB,EACpB,UAAU,EACV,GAAG,EAEH,gBAAgB,EAGjB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAkB,MAAM,oBAAoB,CAAC;AAErE;;GAEG;AAMH,MAAM,OAAO,0BAA2B,SAAQ,mBAAmB;IAmBjE,YAAY,OAAmB,EAA2B,MAAuB;QAC/E,KAAK,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;QAlBjB,uBAAkB,GAAG,IAAI,gBAAgB,EAAuB,CAAC;QAEtD,sBAAiB,GAAG,IAAI,oBAAoB,EAAe,CAAC;QAI/E,cAAS,GAAuB,OAAO,CAAC;QAGxC,cAAS,GAAsB,OAAO,CAAC;QAUrC,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;QAEzE,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;QAE3F,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC;IAC1E,CAAC;IAED,qBAAqB;QACnB,qEAAqE;QACrE,IAAI,CAAC,kBAAkB,CAAC,KAAK,GAAG,CAAC,GAAG,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAA;IACpE,CAAC;IAGD,IAAI,WAAW;QACb,OAAO,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC;IACrC,CAAC;IAED,MAAM;QACJ,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC;IACtB,CAAC;IAED,WAAW;IACX,QAAQ,CAAC,SAA8B;QACrC,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACxC,OAAO,UAAU,CAAC,kBAAkB,CAAC,GAAG,EAAE;YACxC,IAAI,CAAC,kBAAkB,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;QAC5C,CAAC,CAAC,CAAC;IACL,CAAC;IAED,cAAc;QACZ,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;YAC9B,IAAI,OAAO,CAAC,QAAQ,EAAE;gBACpB,OAAO,CAAC,SAAS,EAAE,CAAC;aACrB;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,OAAO;QACL,OAAO,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;IAC/B,CAAC;;;YAlEF,SAAS,SAAC;gBACT,QAAQ,EAAE,yBAAyB;gBACnC,QAAQ,EAAE,EAAE;aAEb;;;YAvBwC,UAAU;4CA2Cf,MAAM,SAAC,eAAe;;;wBAZvD,KAAK;wBAGL,KAAK;uBAGL,YAAY,SAAC,cAAc","sourcesContent":["import { AfterContentChecked, Component, ElementRef, Inject, Input, QueryList, ViewChildren } from '@angular/core';\nimport { MatMenuTrigger } from '@angular/material/menu';\n\nimport {\n DelegatingValueModel,\n Disposable,\n Dsl,\n ListModelChain,\n MutableListModel,\n Trace,\n ValueModelChain\n} from '@coolon/pectin';\nimport { CommandFace } from '../../command-face';\nimport { PopupAwareComponent } from '../popup-aware.component';\nimport { POPUP_CONTAINER, PopupContainer } from '../popup-container';\n\n/**\n *\n */\n@Component({\n selector: 'aup-abstract-popup-menu',\n template: '',\n styleUrls: []\n})\nexport class AbstractPopupMenuComponent extends PopupAwareComponent implements PopupContainer, AfterContentChecked {\n\n private _unorderedChildren = new MutableListModel<PopupAwareComponent>();\n\n protected readonly faceModelDelegate = new DelegatingValueModel<CommandFace>();\n private faceAdapterModel: ValueModelChain<CommandFace.Adapter>;\n\n @Input()\n xPosition: 'before' | 'after' = 'after';\n\n @Input()\n yPosition: 'above' | 'below' = 'below';\n\n @ViewChildren(MatMenuTrigger)\n triggers: QueryList<MatMenuTrigger>;\n\n\n readonly children: ListModelChain<PopupAwareComponent>;\n\n constructor(element: ElementRef, @Inject(POPUP_CONTAINER) 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 this.faceAdapterModel = chain(this.faceModelDelegate).map(f => new CommandFace.Adapter(f));\n\n this.children = chain(this._unorderedChildren).sortBy('componentIndex');\n }\n\n ngAfterContentChecked(): void {\n // force the list to re-order as the child indicies may have changed.\n this._unorderedChildren.value = [...this._unorderedChildren.value]\n }\n\n\n get faceAdapter(): CommandFace.Adapter {\n return this.faceAdapterModel.value;\n }\n\n isRoot() {\n return !this.parent;\n }\n\n // @Trace()\n register(component: PopupAwareComponent) {\n this._unorderedChildren.push(component);\n return Disposable.disposableThatRuns(() => {\n this._unorderedChildren.remove(component);\n });\n }\n\n onCommandFired() {\n this.triggers.forEach(trigger => {\n if (trigger.menuOpen) {\n trigger.closeMenu();\n }\n });\n }\n\n getFace(): CommandFace | undefined {\n return this.faceAdapter.face;\n }\n\n\n}\n"]}
@@ -1 +0,0 @@
1
- [{"__symbolic":"module","version":4,"metadata":{"AbstractPopupMenuComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../popup-aware.component","name":"PopupAwareComponent","line":24,"character":48},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"aup-abstract-popup-menu","template":"","styleUrls":[]}]}],"members":{"xPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"yPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"triggers":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":37,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuTrigger","line":37,"character":16}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":43,"character":36},"arguments":[{"__symbolic":"reference","module":"../popup-container","name":"POPUP_CONTAINER","line":43,"character":43}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":43,"character":23},{"__symbolic":"reference","module":"../popup-container","name":"PopupContainer","line":43,"character":69}]}],"ngAfterContentChecked":[{"__symbolic":"method"}],"isRoot":[{"__symbolic":"method"}],"register":[{"__symbolic":"method"}],"onCommandFired":[{"__symbolic":"method"}],"getFace":[{"__symbolic":"method"}]}}}}]
@@ -1 +0,0 @@
1
- {"version":3,"file":"abstract-popup-menu.component.ngfactory.js","sourceRoot":"","sources":["../../../../../../../../../libs/angular-ui-powerups/src/lib/components/commands/group/popup-menu/abstract-popup-menu.component.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}
@@ -1,47 +0,0 @@
1
- import { __decorate, __metadata } from "tslib";
2
- import { Component, ElementRef, Inject, Input, Optional, SkipSelf } from '@angular/core';
3
- import { Dsl, MutableValueModel, StoreInValueModel } from '@coolon/pectin';
4
- import { POPUP_CONTAINER } from '../popup-container';
5
- import { AbstractPopupMenuComponent } from './abstract-popup-menu.component';
6
- /**
7
- *
8
- */
9
- export class MoreMenuComponent extends AbstractPopupMenuComponent {
10
- constructor(element, parent) {
11
- super(element, parent);
12
- this.tooltipModel = new MutableValueModel();
13
- const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);
14
- this.faceModelDelegate.setDelegate(chain(this.tooltipModel).map(tooltip => {
15
- return {
16
- icon: () => 'mat:more_vert',
17
- tooltip() {
18
- return tooltip;
19
- }
20
- };
21
- }, { allowNil: true }));
22
- }
23
- get face() {
24
- return this.faceModelDelegate.value;
25
- }
26
- }
27
- MoreMenuComponent.decorators = [
28
- { type: Component, args: [{
29
- selector: 'aup-more-menu',
30
- 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",
31
- providers: [
32
- { provide: POPUP_CONTAINER, useExisting: MoreMenuComponent }
33
- ]
34
- },] }
35
- ];
36
- MoreMenuComponent.ctorParameters = () => [
37
- { type: ElementRef },
38
- { type: undefined, decorators: [{ type: Inject, args: [POPUP_CONTAINER,] }, { type: Optional }, { type: SkipSelf }] }
39
- ];
40
- MoreMenuComponent.propDecorators = {
41
- tooltip: [{ type: Input }]
42
- };
43
- __decorate([
44
- StoreInValueModel('tooltipModel'),
45
- __metadata("design:type", String)
46
- ], MoreMenuComponent.prototype, "tooltip", void 0);
47
- //# sourceMappingURL=more-menu.component.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"more-menu.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/angular-ui-powerups/src/lib/components/commands/group/popup-menu/more-menu.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzF,OAAO,EAAE,GAAG,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAC3E,OAAO,EAAE,eAAe,EAAkB,MAAM,oBAAoB,CAAC;AACrE,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAE7E;;GAEG;AAQH,MAAM,OAAO,iBAAkB,SAAQ,0BAA0B;IAO/D,YAAY,OAAmB,EAAmD,MAAuB;QACvG,KAAK,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;QANjB,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,IAAI,CAAC,iBAAiB,CAAC,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;YACxE,OAAO;gBACL,IAAI,EAAE,GAAG,EAAE,CAAC,eAAe;gBAC3B,OAAO;oBACL,OAAO,OAAO,CAAC;gBACjB,CAAC;aACF,CAAC;QACJ,CAAC,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAC1B,CAAC;IAED,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC;IACtC,CAAC;;;YA7BF,SAAS,SAAC;gBACT,QAAQ,EAAE,eAAe;gBACzB,s1EAA0C;gBAC1C,SAAS,EAAC;oBACR,EAAC,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,iBAAiB,EAAC;iBAC3D;aACF;;;YAdmB,UAAU;4CAsBM,MAAM,SAAC,eAAe,cAAG,QAAQ,YAAI,QAAQ;;;sBAH9E,KAAK;;AACN;IADU,iBAAiB,CAAC,cAAc,CAAC;;kDAC3B","sourcesContent":["import { Component, ElementRef, Inject, Input, Optional, SkipSelf } from '@angular/core';\nimport { Dsl, MutableValueModel, StoreInValueModel } from '@coolon/pectin';\nimport { POPUP_CONTAINER, PopupContainer } from '../popup-container';\nimport { AbstractPopupMenuComponent } from './abstract-popup-menu.component';\n\n/**\n *\n */\n@Component({\n selector: 'aup-more-menu',\n templateUrl: './popup-menu.component.html',\n providers:[\n {provide: POPUP_CONTAINER, useExisting: MoreMenuComponent}\n ]\n})\nexport class MoreMenuComponent extends AbstractPopupMenuComponent {\n\n private tooltipModel = new MutableValueModel<string>();\n\n @Input() @StoreInValueModel('tooltipModel')\n tooltip: string;\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 this.faceModelDelegate.setDelegate(chain(this.tooltipModel).map(tooltip => {\n return {\n icon: () => 'mat:more_vert',\n tooltip(): string {\n return tooltip;\n }\n };\n }, { allowNil: true }));\n }\n\n get face() {\n return this.faceModelDelegate.value;\n }\n\n}\n"]}
@@ -1 +0,0 @@
1
- [{"__symbolic":"module","version":4,"metadata":{"MoreMenuComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./abstract-popup-menu.component","name":"AbstractPopupMenuComponent","line":15,"character":39},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"aup-more-menu","providers":[{"provide":{"__symbolic":"reference","module":"../popup-container","name":"POPUP_CONTAINER","line":12,"character":14},"useExisting":{"__symbolic":"reference","name":"MoreMenuComponent"}}],"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":{"tooltip":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInValueModel","line":19,"character":12},"arguments":["tooltipModel"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":22,"character":36},"arguments":[{"__symbolic":"reference","module":"../popup-container","name":"POPUP_CONTAINER","line":22,"character":43}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":22,"character":61}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":22,"character":73}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":22,"character":23},{"__symbolic":"reference","module":"../popup-container","name":"PopupContainer","line":22,"character":93}]}]}}}}]
@@ -1 +0,0 @@
1
- {"version":3,"file":"more-menu.component.ngfactory.js","sourceRoot":"","sources":["../../../../../../../../../libs/angular-ui-powerups/src/lib/components/commands/group/popup-menu/more-menu.component.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}