@coolon/angular-ui-powerups 2.0.0-alpha.25 → 2.0.0-alpha.27
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 +14 -0
- package/assets/commands.scss +3 -0
- package/assets/icons.scss +30 -0
- package/assets/styles.scss +2 -0
- package/bundles/coolon-angular-ui-powerups.umd.js +481 -151
- package/bundles/coolon-angular-ui-powerups.umd.js.map +1 -1
- package/bundles/coolon-angular-ui-powerups.umd.min.js +2 -2
- package/bundles/coolon-angular-ui-powerups.umd.min.js.map +1 -1
- package/coolon-angular-ui-powerups.d.ts +39 -34
- package/coolon-angular-ui-powerups.metadata.json +1 -1
- package/esm2015/coolon-angular-ui-powerups.js +37 -32
- package/esm2015/coolon-angular-ui-powerups.js.map +1 -1
- package/esm2015/coolon-angular-ui-powerups.metadata.json +1 -1
- package/esm2015/lib/angular-ui-powerups.module.ngfactory.js.map +1 -1
- package/esm2015/lib/components/card-container/card-container.component.js +1 -1
- package/esm2015/lib/components/card-container/card-container.component.metadata.json +1 -1
- package/esm2015/lib/components/commands/command-bar.component.js +55 -0
- package/esm2015/lib/components/commands/command-bar.component.js.map +1 -0
- package/esm2015/lib/components/commands/command-bar.component.metadata.json +1 -0
- package/esm2015/lib/components/commands/command-bar.component.ngfactory.js.map +1 -0
- package/esm2015/lib/components/commands/command-container.js +39 -0
- package/esm2015/lib/components/commands/command-container.js.map +1 -0
- package/esm2015/lib/components/commands/command-container.metadata.json +1 -0
- package/esm2015/lib/components/commands/command-container.ngfactory.js.map +1 -0
- package/esm2015/lib/components/commands/command-face/command-face.component.js +91 -0
- package/esm2015/lib/components/commands/command-face/command-face.component.js.map +1 -0
- package/esm2015/lib/components/commands/command-face/command-face.component.metadata.json +1 -0
- package/esm2015/lib/components/commands/command-face/command-face.component.ngfactory.js.map +1 -0
- package/esm2015/lib/components/commands/command-face/command-face.component.scss.ngstyle.js.map +1 -0
- package/esm2015/lib/components/commands/command-face.js +9 -1
- package/esm2015/lib/components/commands/command-face.js.map +1 -1
- package/esm2015/lib/components/commands/command-menu/command-menu.component.js +65 -0
- package/esm2015/lib/components/commands/command-menu/command-menu.component.js.map +1 -0
- package/esm2015/lib/components/commands/command-menu/command-menu.component.metadata.json +1 -0
- package/esm2015/lib/components/commands/command-menu/command-menu.component.ngfactory.js.map +1 -0
- package/esm2015/lib/components/commands/command-menu/command-menu.component.scss.shim.ngstyle.js.map +1 -0
- package/esm2015/lib/components/commands/command.component.js +38 -0
- package/esm2015/lib/components/commands/command.component.js.map +1 -0
- package/esm2015/lib/components/commands/command.component.metadata.json +1 -0
- package/esm2015/lib/components/commands/command.component.ngfactory.js.map +1 -0
- package/esm2015/lib/components/components.module.js +17 -2
- package/esm2015/lib/components/components.module.js.map +1 -1
- package/esm2015/lib/components/components.module.metadata.json +1 -1
- package/esm2015/lib/components/components.module.ngfactory.js.map +1 -1
- package/esm2015/lib/components/forms/abstract-list-input.component.js +1 -1
- package/esm2015/lib/components/forms/abstract-list-input.component.js.map +1 -1
- package/esm2015/lib/components/forms/abstract-value-input.component.js +1 -1
- package/esm2015/lib/components/forms/abstract-value-input.component.js.map +1 -1
- package/esm2015/lib/components/icon/icon.component.js +17 -4
- package/esm2015/lib/components/icon/icon.component.js.map +1 -1
- package/esm2015/lib/components/icon/icon.component.metadata.json +1 -1
- package/esm2015/lib/components/index.js +5 -0
- package/esm2015/lib/components/index.js.map +1 -1
- package/esm2015/lib/components/index.metadata.json +1 -1
- package/esm2015/lib/interaction/interaction.module.ngfactory.js.map +1 -1
- package/esm2015/lib/place/place.module.ngfactory.js.map +1 -1
- package/esm5/coolon-angular-ui-powerups.js +37 -32
- package/esm5/coolon-angular-ui-powerups.js.map +1 -1
- package/esm5/lib/angular-ui-powerups.module.ngfactory.js.map +1 -1
- package/esm5/lib/components/card-container/card-container.component.js +1 -1
- package/esm5/lib/components/commands/command-bar.component.js +35 -0
- package/esm5/lib/components/commands/command-bar.component.js.map +1 -0
- package/esm5/lib/components/commands/command-bar.component.ngfactory.js.map +1 -0
- package/esm5/lib/components/commands/command-container.js +51 -0
- package/esm5/lib/components/commands/command-container.js.map +1 -0
- package/esm5/lib/components/commands/command-container.ngfactory.js.map +1 -0
- package/esm5/lib/components/commands/command-face/command-face.component.js +122 -0
- package/esm5/lib/components/commands/command-face/command-face.component.js.map +1 -0
- package/esm5/lib/components/commands/command-face/command-face.component.ngfactory.js.map +1 -0
- package/esm5/lib/components/commands/command-face/command-face.component.scss.ngstyle.js.map +1 -0
- package/esm5/lib/components/commands/command-face.js +13 -1
- package/esm5/lib/components/commands/command-face.js.map +1 -1
- package/esm5/lib/components/commands/command-menu/command-menu.component.js +70 -0
- package/esm5/lib/components/commands/command-menu/command-menu.component.js.map +1 -0
- package/esm5/lib/components/commands/command-menu/command-menu.component.ngfactory.js.map +1 -0
- package/esm5/lib/components/commands/command-menu/command-menu.component.scss.shim.ngstyle.js.map +1 -0
- package/esm5/lib/components/commands/command.component.js +41 -0
- package/esm5/lib/components/commands/command.component.js.map +1 -0
- package/esm5/lib/components/commands/command.component.ngfactory.js.map +1 -0
- package/esm5/lib/components/components.module.js +17 -2
- package/esm5/lib/components/components.module.js.map +1 -1
- package/esm5/lib/components/components.module.ngfactory.js.map +1 -1
- package/esm5/lib/components/forms/abstract-list-input.component.js +1 -1
- package/esm5/lib/components/forms/abstract-list-input.component.js.map +1 -1
- package/esm5/lib/components/forms/abstract-value-input.component.js +1 -1
- package/esm5/lib/components/forms/abstract-value-input.component.js.map +1 -1
- package/esm5/lib/components/icon/icon.component.js +15 -3
- package/esm5/lib/components/icon/icon.component.js.map +1 -1
- package/esm5/lib/components/index.js +5 -0
- package/esm5/lib/components/index.js.map +1 -1
- package/esm5/lib/interaction/interaction.module.ngfactory.js.map +1 -1
- package/esm5/lib/place/place.module.ngfactory.js.map +1 -1
- package/fesm2015/coolon-angular-ui-powerups.js +365 -76
- package/fesm2015/coolon-angular-ui-powerups.js.map +1 -1
- package/fesm5/coolon-angular-ui-powerups.js +423 -100
- package/fesm5/coolon-angular-ui-powerups.js.map +1 -1
- package/lib/components/commands/command-bar.component.d.ts +11 -0
- package/lib/components/commands/command-container.d.ts +15 -0
- package/lib/components/commands/command-face/command-face.component.d.ts +29 -0
- package/lib/components/commands/command-face.d.ts +4 -2
- package/lib/components/commands/command-menu/command-menu.component.d.ts +22 -0
- package/lib/components/commands/command.component.d.ts +15 -0
- package/lib/components/icon/icon.component.d.ts +15 -0
- package/lib/components/index.d.ts +5 -0
- package/package.json +1 -1
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { OnInit, TemplateRef } from '@angular/core';
|
|
2
|
+
import { CommandContainer } from './command-container';
|
|
3
|
+
/**
|
|
4
|
+
*
|
|
5
|
+
*/
|
|
6
|
+
export declare class CommandBarComponent extends CommandContainer implements OnInit {
|
|
7
|
+
moreMenuTemplateRef: TemplateRef<any>;
|
|
8
|
+
constructor();
|
|
9
|
+
ngOnInit(): void;
|
|
10
|
+
getButtonColor(registration: CommandContainer.Registration): string;
|
|
11
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { Command, Disposable, GarbageCollector, ListModel } from '@coolon/pectin';
|
|
2
|
+
import { CommandFace } from './command-face';
|
|
3
|
+
export declare class CommandContainer extends GarbageCollector {
|
|
4
|
+
private readonly _commandRegistrations;
|
|
5
|
+
constructor();
|
|
6
|
+
get commandRegistrations(): ListModel<CommandContainer.Registration>;
|
|
7
|
+
registerCommand(command: Command<unknown>, face: CommandFace): Disposable;
|
|
8
|
+
getDefaultIconPosition(): CommandFace.Position;
|
|
9
|
+
}
|
|
10
|
+
export declare namespace CommandContainer {
|
|
11
|
+
class Registration extends CommandFace.Adapter {
|
|
12
|
+
readonly command: Command<unknown>;
|
|
13
|
+
constructor(command: Command<unknown>, face: CommandFace);
|
|
14
|
+
}
|
|
15
|
+
}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { OnInit } from '@angular/core';
|
|
2
|
+
import { ValueModelChain } from '@coolon/pectin';
|
|
3
|
+
import { DisposableComponent } from '../../disposable-component';
|
|
4
|
+
import { CommandContainer } from '../command-container';
|
|
5
|
+
import { CommandFace } from '../command-face';
|
|
6
|
+
/**
|
|
7
|
+
*
|
|
8
|
+
*/
|
|
9
|
+
export declare class CommandFaceComponent<T> extends DisposableComponent implements OnInit {
|
|
10
|
+
readonly commandContainer: CommandContainer;
|
|
11
|
+
private readonly faceModel;
|
|
12
|
+
_rawFace: CommandFace;
|
|
13
|
+
ignoreIcon: boolean;
|
|
14
|
+
ignoreText: boolean;
|
|
15
|
+
includeMissingIconInLayout: boolean;
|
|
16
|
+
get requiresMissingIconInLayout(): boolean;
|
|
17
|
+
readonly iconModel: ValueModelChain<string>;
|
|
18
|
+
private textModel;
|
|
19
|
+
readonly positionModel: ValueModelChain<string>;
|
|
20
|
+
private destructiveModel;
|
|
21
|
+
constructor(commandContainer: CommandContainer);
|
|
22
|
+
ngOnInit(): void;
|
|
23
|
+
get iconPosition(): string;
|
|
24
|
+
get shouldIncludeIcon(): string | boolean;
|
|
25
|
+
get iconStart(): boolean;
|
|
26
|
+
get iconEnd(): boolean;
|
|
27
|
+
get text(): string;
|
|
28
|
+
get destructive(): boolean;
|
|
29
|
+
}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
export interface CommandFace {
|
|
2
2
|
text?(): string;
|
|
3
3
|
icon?(): string;
|
|
4
|
-
iconPosition?():
|
|
4
|
+
iconPosition?(): string;
|
|
5
5
|
tooltip?(): string;
|
|
6
|
+
destructive?(): boolean;
|
|
6
7
|
}
|
|
7
8
|
export declare namespace CommandFace {
|
|
8
9
|
enum Position {
|
|
@@ -14,9 +15,10 @@ export declare namespace CommandFace {
|
|
|
14
15
|
constructor(face: CommandFace);
|
|
15
16
|
get text(): string;
|
|
16
17
|
get icon(): string;
|
|
17
|
-
get iconPosition():
|
|
18
|
+
get iconPosition(): string;
|
|
18
19
|
get tooltip(): string;
|
|
19
20
|
get iconPositionStart(): boolean;
|
|
20
21
|
get iconPositionEnd(): boolean;
|
|
22
|
+
get destructive(): boolean;
|
|
21
23
|
}
|
|
22
24
|
}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { OnInit } from '@angular/core';
|
|
2
|
+
import { MatMenuTrigger } from '@angular/material/menu';
|
|
3
|
+
import { BooleanValueModelChain, Command, ValueModelChain } from '@coolon/pectin';
|
|
4
|
+
import { CommandContainer } from '../command-container';
|
|
5
|
+
import { CommandFace } from '../command-face';
|
|
6
|
+
/**
|
|
7
|
+
*
|
|
8
|
+
*/
|
|
9
|
+
export declare class CommandMenuComponent extends CommandContainer implements OnInit {
|
|
10
|
+
private readonly faceModel;
|
|
11
|
+
face: CommandFace;
|
|
12
|
+
xPosition: 'before' | 'after';
|
|
13
|
+
yPosition: 'above' | 'below';
|
|
14
|
+
menu: MatMenuTrigger;
|
|
15
|
+
readonly tooltip: ValueModelChain<string>;
|
|
16
|
+
readonly hasMixedIcons: BooleanValueModelChain;
|
|
17
|
+
constructor();
|
|
18
|
+
ngOnInit(): void;
|
|
19
|
+
createMoreMenuCommand(item: CommandContainer.Registration): Command<unknown>;
|
|
20
|
+
private closeMoreMenu;
|
|
21
|
+
getButtonColor(registration: CommandContainer.Registration): string;
|
|
22
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { OnInit } from '@angular/core';
|
|
2
|
+
import { Command } from '@coolon/pectin';
|
|
3
|
+
import { CommandContainer } from './command-container';
|
|
4
|
+
import { CommandFace } from './command-face';
|
|
5
|
+
import { DisposableComponent } from '../disposable-component';
|
|
6
|
+
/**
|
|
7
|
+
*
|
|
8
|
+
*/
|
|
9
|
+
export declare class CommandComponent<T> extends DisposableComponent implements OnInit {
|
|
10
|
+
readonly commandContainer: CommandContainer;
|
|
11
|
+
command: Command;
|
|
12
|
+
face: CommandFace;
|
|
13
|
+
constructor(commandContainer: CommandContainer);
|
|
14
|
+
ngOnInit(): void;
|
|
15
|
+
}
|
|
@@ -1,8 +1,23 @@
|
|
|
1
|
+
import { Enum } from 'typescript-string-enums';
|
|
1
2
|
export declare class IconComponent {
|
|
2
3
|
_icon: string;
|
|
3
4
|
prefix: string;
|
|
4
5
|
suffix: string;
|
|
5
6
|
errorMessage: string;
|
|
7
|
+
allowedPrefixes: string[];
|
|
8
|
+
iconPrefix: {
|
|
9
|
+
SVG: "svg";
|
|
10
|
+
FONT_AWESOME: "fa";
|
|
11
|
+
MATERIAL: "mat";
|
|
12
|
+
};
|
|
6
13
|
set icon(iconName: string);
|
|
7
14
|
get icon(): string;
|
|
8
15
|
}
|
|
16
|
+
export declare namespace IconComponent {
|
|
17
|
+
const IconPrefix: {
|
|
18
|
+
SVG: "svg";
|
|
19
|
+
FONT_AWESOME: "fa";
|
|
20
|
+
MATERIAL: "mat";
|
|
21
|
+
};
|
|
22
|
+
type IconPrefix = Enum<typeof IconPrefix>;
|
|
23
|
+
}
|
|
@@ -6,7 +6,12 @@ export * from "./disposable-component";
|
|
|
6
6
|
export * from "./focusable.component";
|
|
7
7
|
export * from "./resize-aware.component";
|
|
8
8
|
export * from "./card-container/card-container.component";
|
|
9
|
+
export * from "./commands/command-bar.component";
|
|
10
|
+
export * from "./commands/command-container";
|
|
9
11
|
export * from "./commands/command-face";
|
|
12
|
+
export * from "./commands/command.component";
|
|
13
|
+
export * from "./commands/command-face/command-face.component";
|
|
14
|
+
export * from "./commands/command-menu/command-menu.component";
|
|
10
15
|
export * from "./focus-container/focus-container.component";
|
|
11
16
|
export * from "./forms/abstract-input.component";
|
|
12
17
|
export * from "./forms/abstract-list-input.component";
|