monkey-style-guide-v2 0.0.9 → 0.0.17
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/esm2022/lib/components/index.mjs +4 -3
- package/esm2022/lib/components/monkey-modal/components/default.mjs +68 -0
- package/esm2022/lib/components/monkey-modal/directives/actions.mjs +29 -0
- package/esm2022/lib/components/monkey-modal/directives/content.mjs +26 -0
- package/esm2022/lib/components/monkey-modal/directives/subtitle.mjs +26 -0
- package/esm2022/lib/components/monkey-modal/directives/title.mjs +26 -0
- package/esm2022/lib/components/monkey-modal/index.mjs +12 -0
- package/esm2022/lib/components/monkey-modal/modal-config.mjs +18 -0
- package/esm2022/lib/components/monkey-modal/modal-ref.mjs +46 -0
- package/esm2022/lib/components/monkey-modal/modal.mjs +119 -0
- package/esm2022/lib/components/monkey-modal/modal.module.mjs +53 -0
- package/esm2022/lib/components/monkey-modal/service.mjs +92 -0
- package/esm2022/lib/components/monkey-modal/utils.mjs +23 -0
- package/fesm2022/monkey-style-guide-v2.mjs +601 -128
- package/fesm2022/monkey-style-guide-v2.mjs.map +1 -1
- package/lib/components/index.d.ts +3 -2
- package/lib/components/monkey-modal/components/default.d.ts +18 -0
- package/lib/components/monkey-modal/directives/actions.d.ts +7 -0
- package/lib/components/monkey-modal/directives/content.d.ts +6 -0
- package/lib/components/monkey-modal/directives/subtitle.d.ts +6 -0
- package/lib/components/monkey-modal/directives/title.d.ts +6 -0
- package/lib/components/monkey-modal/index.d.ts +11 -0
- package/lib/components/monkey-modal/modal-config.d.ts +33 -0
- package/lib/components/monkey-modal/modal-ref.d.ts +26 -0
- package/lib/components/monkey-modal/modal.d.ts +23 -0
- package/lib/components/monkey-modal/modal.module.d.ts +16 -0
- package/lib/components/monkey-modal/service.d.ts +28 -0
- package/lib/components/monkey-modal/utils.d.ts +16 -0
- package/monkey-style-guide-v2-0.0.17.tgz +0 -0
- package/package.json +1 -1
- package/monkey-style-guide-v2-0.0.9.tgz +0 -0
|
@@ -8,12 +8,13 @@ export * from './monkey-form-field';
|
|
|
8
8
|
export * from './monkey-icon';
|
|
9
9
|
export * from './monkey-icon-button';
|
|
10
10
|
export * from './monkey-input';
|
|
11
|
+
export * from './monkey-modal';
|
|
12
|
+
export * from './monkey-option';
|
|
11
13
|
export * from './monkey-security-level';
|
|
14
|
+
export * from './monkey-select';
|
|
12
15
|
export * from './monkey-status';
|
|
13
16
|
export * from './monkey-table';
|
|
14
17
|
export * from './monkey-toast';
|
|
15
18
|
export * from './monkey-toggle';
|
|
16
19
|
export * from './monkey-toggle-line';
|
|
17
20
|
export * from './monkey-tooltip';
|
|
18
|
-
export * from './monkey-select';
|
|
19
|
-
export * from './monkey-option';
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { MonkeyModalDefaultConfig } from '../modal-config';
|
|
2
|
+
import { MonkeyModalRef } from '../modal-ref';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class MonkeyModalDefaultComponent {
|
|
5
|
+
config: MonkeyModalDefaultConfig;
|
|
6
|
+
private modalRef;
|
|
7
|
+
title: string;
|
|
8
|
+
subtitle: string;
|
|
9
|
+
content: string;
|
|
10
|
+
cancelLabel: string;
|
|
11
|
+
okLabel: string;
|
|
12
|
+
constructor(config: MonkeyModalDefaultConfig, modalRef: MonkeyModalRef);
|
|
13
|
+
ngAfterViewInit(): void;
|
|
14
|
+
onSubmit(): void;
|
|
15
|
+
onClose(): void;
|
|
16
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyModalDefaultComponent, never>;
|
|
17
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyModalDefaultComponent, "monkey-modal-default", never, {}, {}, never, never, false, never>;
|
|
18
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class MonkeyModalActionsDirective {
|
|
3
|
+
mkAlign: 'start' | 'center' | 'end';
|
|
4
|
+
id: string;
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyModalActionsDirective, never>;
|
|
6
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MonkeyModalActionsDirective, "monkey-modal-actions, [monkey-modal-actions]", never, { "mkAlign": { "alias": "mkAlign"; "required": false; }; }, {}, never, never, false, never>;
|
|
7
|
+
}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class MonkeyModalContentDirective {
|
|
3
|
+
id: string;
|
|
4
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyModalContentDirective, never>;
|
|
5
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MonkeyModalContentDirective, "monkey-modal-content, [monkey-modal-content]", never, {}, {}, never, never, false, never>;
|
|
6
|
+
}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class MonkeyModalSubtitleDirective {
|
|
3
|
+
id: string;
|
|
4
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyModalSubtitleDirective, never>;
|
|
5
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MonkeyModalSubtitleDirective, "monkey-modal-subtitle, [monkey-modal-subtitle]", never, {}, {}, never, never, false, never>;
|
|
6
|
+
}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class MonkeyModalTitleDirective {
|
|
3
|
+
id: string;
|
|
4
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyModalTitleDirective, never>;
|
|
5
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MonkeyModalTitleDirective, "monkey-modal-title, [monkey-modal-title]", never, {}, {}, never, never, false, never>;
|
|
6
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export * from './components/default';
|
|
2
|
+
export * from './directives/actions';
|
|
3
|
+
export * from './directives/content';
|
|
4
|
+
export * from './directives/subtitle';
|
|
5
|
+
export * from './directives/title';
|
|
6
|
+
export * from './modal';
|
|
7
|
+
export * from './modal-config';
|
|
8
|
+
export * from './modal-ref';
|
|
9
|
+
export * from './modal.module';
|
|
10
|
+
export * from './service';
|
|
11
|
+
export * from './utils';
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
/** ************************
|
|
2
|
+
* Copyright Monkey Exchange. All Rights Reserved
|
|
3
|
+
* This style guide was developed by Monkey Exchange Team
|
|
4
|
+
* MIT Licence
|
|
5
|
+
************************* */
|
|
6
|
+
import { PositionStrategy, ScrollStrategy } from '@angular/cdk/overlay';
|
|
7
|
+
import { StaticProvider } from '@angular/core';
|
|
8
|
+
export declare class MonkeyModalConfig {
|
|
9
|
+
id?: string;
|
|
10
|
+
icon?: string;
|
|
11
|
+
panelClass?: string | string[];
|
|
12
|
+
hasBackdrop?: boolean;
|
|
13
|
+
backdropClass?: string | string[];
|
|
14
|
+
disableClose?: boolean;
|
|
15
|
+
width?: string;
|
|
16
|
+
height?: string;
|
|
17
|
+
minWidth?: number | string;
|
|
18
|
+
minHeight?: number | string;
|
|
19
|
+
maxWidth?: number | string;
|
|
20
|
+
maxHeight?: number | string;
|
|
21
|
+
positionStrategy?: PositionStrategy;
|
|
22
|
+
data?: any | null;
|
|
23
|
+
scrollStrategy?: ScrollStrategy;
|
|
24
|
+
closeOnNavigation?: boolean;
|
|
25
|
+
providers?: StaticProvider[];
|
|
26
|
+
}
|
|
27
|
+
export interface MonkeyModalDefaultConfig {
|
|
28
|
+
title: string;
|
|
29
|
+
subtitle?: string;
|
|
30
|
+
content: string;
|
|
31
|
+
cancelLabel: string;
|
|
32
|
+
okLabel: string;
|
|
33
|
+
}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
/** ************************
|
|
2
|
+
* Copyright Monkey Exchange. All Rights Reserved
|
|
3
|
+
* This style guide was developed by Monkey Exchange Team
|
|
4
|
+
* MIT Licence
|
|
5
|
+
************************* */
|
|
6
|
+
import { OverlayRef } from '@angular/cdk/overlay';
|
|
7
|
+
import { ComponentRef } from '@angular/core';
|
|
8
|
+
import { Observable } from 'rxjs';
|
|
9
|
+
import { MonkeyModalConfig } from './modal-config';
|
|
10
|
+
export declare class MonkeyModalRef {
|
|
11
|
+
readonly overlayRef: OverlayRef;
|
|
12
|
+
readonly config: MonkeyModalConfig;
|
|
13
|
+
readonly id?: string;
|
|
14
|
+
readonly componentInstance: any;
|
|
15
|
+
readonly componentRef: ComponentRef<any> | null;
|
|
16
|
+
readonly icon?: string;
|
|
17
|
+
disableClose: boolean | undefined;
|
|
18
|
+
closeOnNavigation: boolean | undefined;
|
|
19
|
+
readonly closed: Observable<any>;
|
|
20
|
+
readonly backdropClick: Observable<MouseEvent>;
|
|
21
|
+
readonly keydownEvents: Observable<KeyboardEvent>;
|
|
22
|
+
readonly outsidePointerEvents: Observable<MouseEvent>;
|
|
23
|
+
constructor(overlayRef: OverlayRef, config: MonkeyModalConfig);
|
|
24
|
+
close(result?: any): void;
|
|
25
|
+
afterClosed(): Observable<any>;
|
|
26
|
+
}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/** ************************
|
|
2
|
+
* Copyright Monkey Exchange. All Rights Reserved
|
|
3
|
+
* This style guide was developed by Monkey Exchange Team
|
|
4
|
+
* MIT Licence
|
|
5
|
+
************************* */
|
|
6
|
+
import { OverlayRef } from '@angular/cdk/overlay';
|
|
7
|
+
import { AfterViewInit, ElementRef, OnDestroy, ViewContainerRef } from '@angular/core';
|
|
8
|
+
import { MonkeyModalRef } from './modal-ref';
|
|
9
|
+
import * as i0 from "@angular/core";
|
|
10
|
+
export declare class MonkeyModalComponent implements AfterViewInit, OnDestroy {
|
|
11
|
+
private _elementRef;
|
|
12
|
+
viewContainerRef: ViewContainerRef;
|
|
13
|
+
overlayRef?: OverlayRef | undefined;
|
|
14
|
+
modalRef?: MonkeyModalRef | undefined;
|
|
15
|
+
private _navigationSubscription;
|
|
16
|
+
private _router;
|
|
17
|
+
constructor(_elementRef: ElementRef, viewContainerRef: ViewContainerRef, overlayRef?: OverlayRef | undefined, modalRef?: MonkeyModalRef | undefined);
|
|
18
|
+
ngAfterViewInit(): void;
|
|
19
|
+
ngOnDestroy(): void;
|
|
20
|
+
close(): void;
|
|
21
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyModalComponent, [null, null, { optional: true; }, { optional: true; }]>;
|
|
22
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyModalComponent, "monkey-modal", never, {}, {}, never, ["monkey-modal-title", "[monkey-modal-title]", "monkey-modal-subtitle", "[monkey-modal-subtitle]", "monkey-modal-content", "[monkey-modal-content]", "monkey-modal-actions", "[monkey-modal-actions]"], false, never>;
|
|
23
|
+
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./modal";
|
|
3
|
+
import * as i2 from "./components/default";
|
|
4
|
+
import * as i3 from "./directives/title";
|
|
5
|
+
import * as i4 from "./directives/subtitle";
|
|
6
|
+
import * as i5 from "./directives/content";
|
|
7
|
+
import * as i6 from "./directives/actions";
|
|
8
|
+
import * as i7 from "@angular/common";
|
|
9
|
+
import * as i8 from "../monkey-button/monkey-button.component";
|
|
10
|
+
import * as i9 from "../monkey-icon-button/monkey-icon-button.component";
|
|
11
|
+
import * as i10 from "../monkey-icon/monkey-icon.component";
|
|
12
|
+
export declare class MonkeyModalModule {
|
|
13
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyModalModule, never>;
|
|
14
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<MonkeyModalModule, [typeof i1.MonkeyModalComponent, typeof i2.MonkeyModalDefaultComponent, typeof i3.MonkeyModalTitleDirective, typeof i4.MonkeyModalSubtitleDirective, typeof i5.MonkeyModalContentDirective, typeof i6.MonkeyModalActionsDirective], [typeof i7.CommonModule, typeof i8.MonkeyButtonComponent, typeof i9.MonkeyIconButtonComponent, typeof i10.MonkeyIconComponent], [typeof i1.MonkeyModalComponent, typeof i3.MonkeyModalTitleDirective, typeof i4.MonkeyModalSubtitleDirective, typeof i5.MonkeyModalContentDirective, typeof i6.MonkeyModalActionsDirective]>;
|
|
15
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<MonkeyModalModule>;
|
|
16
|
+
}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
/** ************************
|
|
2
|
+
* Copyright Monkey Exchange. All Rights Reserved
|
|
3
|
+
* This style guide was developed by Monkey Exchange Team
|
|
4
|
+
* MIT Licence
|
|
5
|
+
************************* */
|
|
6
|
+
import { Overlay } from '@angular/cdk/overlay';
|
|
7
|
+
import { ComponentType } from '@angular/cdk/portal';
|
|
8
|
+
import { Injector } from '@angular/core';
|
|
9
|
+
import { IdGenerator } from '../../../utils';
|
|
10
|
+
import { MonkeyModalConfig, MonkeyModalDefaultConfig } from './modal-config';
|
|
11
|
+
import { MonkeyModalRef } from './modal-ref';
|
|
12
|
+
import * as i0 from "@angular/core";
|
|
13
|
+
export declare class MonkeyModalService {
|
|
14
|
+
private overlay;
|
|
15
|
+
private injector;
|
|
16
|
+
protected _idGenerator: IdGenerator;
|
|
17
|
+
protected _openDialogsAtThisLevel: MonkeyModalRef[];
|
|
18
|
+
protected _parentDialog: MonkeyModalService | null;
|
|
19
|
+
constructor(overlay: Overlay, injector: Injector);
|
|
20
|
+
protected get openDialogs(): readonly MonkeyModalRef[];
|
|
21
|
+
private getOverlayConfig;
|
|
22
|
+
private createInjector;
|
|
23
|
+
open<T>(component: ComponentType<T>, config: MonkeyModalConfig): MonkeyModalRef;
|
|
24
|
+
openDefault(params: MonkeyModalDefaultConfig, config: MonkeyModalConfig): MonkeyModalRef;
|
|
25
|
+
closeAll(): void;
|
|
26
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyModalService, never>;
|
|
27
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<MonkeyModalService>;
|
|
28
|
+
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/** ************************
|
|
2
|
+
* Copyright Monkey Exchange. All Rights Reserved
|
|
3
|
+
* This style guide was developed by Monkey Exchange Team
|
|
4
|
+
* MIT Licence
|
|
5
|
+
************************* */
|
|
6
|
+
import { InjectionToken } from '@angular/core';
|
|
7
|
+
export declare const MECX_MODAL_DATA: InjectionToken<any>;
|
|
8
|
+
export declare const MECX_MODAL_DEFAULT_CONFIG: InjectionToken<any>;
|
|
9
|
+
/**
|
|
10
|
+
* @license
|
|
11
|
+
* Copyright Google LLC All Rights Reserved.
|
|
12
|
+
*
|
|
13
|
+
* Use of this source code is governed by an MIT-style license that can be
|
|
14
|
+
* found in the LICENSE file at https://angular.dev/license
|
|
15
|
+
*/
|
|
16
|
+
export declare function reverseForEach<T>(items: T[] | readonly T[], callback: (current: T) => void): void;
|
|
Binary file
|
package/package.json
CHANGED
|
Binary file
|