monkey-style-guide-v2 0.0.4 → 0.0.6
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/assets/scss/directives/_index.scss +7 -0
- package/assets/scss/directives/_styles.scss +100 -0
- package/assets/scss/input/_index.scss +7 -0
- package/assets/scss/input/_styles.scss +43 -0
- package/assets/scss/partials/_index.scss +7 -0
- package/assets/scss/partials/_style-reset.scss +189 -0
- package/assets/scss/partials/_variables.scss +178 -0
- package/assets/scss/table/_index.scss +7 -0
- package/assets/scss/table/_styles.scss +45 -0
- package/assets/scss/theme.scss +11 -0
- package/assets/scss/typography/_function.scss +23 -0
- package/assets/scss/typography/_index.scss +9 -0
- package/assets/scss/typography/_mixins.scss +111 -0
- package/assets/scss/typography/_styles.scss +173 -0
- package/esm2022/lib/components/index.mjs +14 -1
- package/esm2022/lib/components/monkey-accordion/index.mjs +2 -0
- package/esm2022/lib/components/monkey-accordion/monkey-accordion.component.mjs +102 -0
- package/esm2022/lib/components/monkey-alert/index.mjs +2 -0
- package/esm2022/lib/components/monkey-alert/monkey-alert.component.mjs +50 -0
- package/esm2022/lib/components/monkey-breadcrumb/index.mjs +2 -0
- package/esm2022/lib/components/monkey-breadcrumb/monkey-breadcrumb.component.mjs +56 -0
- package/esm2022/lib/components/monkey-button/monkey-button.component.mjs +27 -12
- package/esm2022/lib/components/monkey-checkbox/index.mjs +2 -0
- package/esm2022/lib/components/monkey-checkbox/monkey-checkbox.component.mjs +216 -0
- package/esm2022/lib/components/monkey-divider/index.mjs +2 -0
- package/esm2022/lib/components/monkey-divider/monkey-divider.component.mjs +44 -0
- package/esm2022/lib/components/monkey-form-field/form-field-control.mjs +15 -0
- package/esm2022/lib/components/monkey-form-field/form-field.mjs +250 -0
- package/esm2022/lib/components/monkey-form-field/index.mjs +5 -0
- package/esm2022/lib/components/monkey-form-field/module.mjs +21 -0
- package/esm2022/lib/components/monkey-form-field/utils.mjs +16 -0
- package/esm2022/lib/components/monkey-icon/monkey-icon.component.mjs +31 -15
- package/esm2022/lib/components/monkey-icon-button/monkey-icon-button.component.mjs +25 -9
- package/esm2022/lib/components/monkey-input/index.mjs +5 -0
- package/esm2022/lib/components/monkey-input/monkey-input-currency.directive.mjs +187 -0
- package/esm2022/lib/components/monkey-input/monkey-input.directive.mjs +166 -0
- package/esm2022/lib/components/monkey-input/monkey-input.module.mjs +24 -0
- package/esm2022/lib/components/monkey-input/validators.mjs +17 -0
- package/esm2022/lib/components/monkey-option/index.mjs +2 -0
- package/esm2022/lib/components/monkey-option/monkey-option.component.mjs +54 -0
- package/esm2022/lib/components/monkey-security-level/monkey-security-level.component.mjs +30 -14
- package/esm2022/lib/components/monkey-select/index.mjs +2 -0
- package/esm2022/lib/components/monkey-select/monkey-select.component.mjs +352 -0
- package/esm2022/lib/components/monkey-status/monkey-status.component.mjs +28 -12
- package/esm2022/lib/components/monkey-table/components/pagination-action/pagination-action.mjs +53 -0
- package/esm2022/lib/components/monkey-table/components/pagination-label/pagination-label.mjs +34 -0
- package/esm2022/lib/components/monkey-table/components/pagination-size/pagination-size.mjs +57 -0
- package/esm2022/lib/components/monkey-table/directives/column-checked.mjs +109 -0
- package/esm2022/lib/components/monkey-table/directives/column-expansible.mjs +134 -0
- package/esm2022/lib/components/monkey-table/directives/column-sortable.mjs +97 -0
- package/esm2022/lib/components/monkey-table/directives/column-stick.mjs +28 -0
- package/esm2022/lib/components/monkey-table/index.mjs +10 -0
- package/esm2022/lib/components/monkey-table/table.mjs +132 -0
- package/esm2022/lib/components/monkey-table/table.module.mjs +60 -0
- package/esm2022/lib/components/monkey-toast/index.mjs +2 -0
- package/esm2022/lib/components/monkey-toast/monkey-toast.component.mjs +74 -0
- package/esm2022/lib/components/monkey-toggle/monkey-toggle.component.mjs +28 -14
- package/esm2022/lib/components/monkey-toggle-line/index.mjs +3 -0
- package/esm2022/lib/components/monkey-toggle-line/monkey-toggle-line-button/index.mjs +2 -0
- package/esm2022/lib/components/monkey-toggle-line/monkey-toggle-line-button/monkey-toggle-line-button.component.mjs +24 -0
- package/esm2022/lib/components/monkey-toggle-line/monkey-toggle-line.component.mjs +85 -0
- package/esm2022/lib/components/monkey-tooltip/index.mjs +3 -0
- package/esm2022/lib/components/monkey-tooltip/monkey-tooltip.directive.mjs +175 -0
- package/esm2022/lib/components/monkey-tooltip/tooltip/index.mjs +2 -0
- package/esm2022/lib/components/monkey-tooltip/tooltip/tooltip.component.mjs +53 -0
- package/esm2022/lib/directives/error.mjs +18 -0
- package/esm2022/lib/directives/helper.mjs +18 -0
- package/esm2022/lib/directives/index.mjs +8 -0
- package/esm2022/lib/directives/info.mjs +18 -0
- package/esm2022/lib/directives/label.mjs +18 -0
- package/esm2022/lib/directives/module.mjs +26 -0
- package/esm2022/lib/directives/prefix.mjs +18 -0
- package/esm2022/lib/directives/suffix.mjs +43 -0
- package/esm2022/lib/interfaces/alert.mjs +2 -0
- package/esm2022/lib/interfaces/breadcrumb.mjs +2 -0
- package/esm2022/lib/interfaces/button.mjs +2 -0
- package/esm2022/lib/interfaces/index.mjs +7 -0
- package/esm2022/lib/interfaces/sizes.mjs +2 -0
- package/esm2022/lib/interfaces/table.mjs +2 -0
- package/esm2022/lib/interfaces/toast.mjs +10 -0
- package/esm2022/lib/services/index.mjs +4 -0
- package/esm2022/lib/services/monkey-destroy.service.mjs +15 -0
- package/esm2022/lib/services/monkey-icons.service.mjs +45 -0
- package/esm2022/lib/services/monkey-toast.service.mjs +72 -0
- package/esm2022/public-api.mjs +6 -3
- package/esm2022/utils/id-generator.mjs +20 -0
- package/esm2022/utils/index.mjs +4 -0
- package/esm2022/utils/tests-utils.mjs +4 -0
- package/esm2022/utils/utils.mjs +10 -0
- package/fesm2022/monkey-style-guide-v2.mjs +3049 -121
- package/fesm2022/monkey-style-guide-v2.mjs.map +1 -1
- package/lib/components/index.d.ts +13 -0
- package/lib/components/monkey-accordion/index.d.ts +1 -0
- package/lib/components/monkey-accordion/monkey-accordion.component.d.ts +22 -0
- package/lib/components/monkey-alert/index.d.ts +1 -0
- package/lib/components/monkey-alert/monkey-alert.component.d.ts +23 -0
- package/lib/components/monkey-breadcrumb/index.d.ts +1 -0
- package/lib/components/monkey-breadcrumb/monkey-breadcrumb.component.d.ts +18 -0
- package/lib/components/monkey-button/monkey-button.component.d.ts +11 -4
- package/lib/components/monkey-checkbox/index.d.ts +1 -0
- package/lib/components/monkey-checkbox/monkey-checkbox.component.d.ts +50 -0
- package/lib/components/monkey-divider/index.d.ts +1 -0
- package/lib/components/monkey-divider/monkey-divider.component.d.ts +20 -0
- package/lib/components/monkey-form-field/form-field-control.d.ts +18 -0
- package/lib/components/monkey-form-field/form-field.d.ts +74 -0
- package/lib/components/monkey-form-field/index.d.ts +4 -0
- package/lib/components/monkey-form-field/module.d.ts +7 -0
- package/lib/components/monkey-form-field/utils.d.ts +6 -0
- package/lib/components/monkey-icon/monkey-icon.component.d.ts +6 -1
- package/lib/components/monkey-icon-button/monkey-icon-button.component.d.ts +6 -1
- package/lib/components/monkey-input/index.d.ts +4 -0
- package/lib/components/monkey-input/monkey-input-currency.directive.d.ts +57 -0
- package/lib/components/monkey-input/monkey-input.directive.d.ts +46 -0
- package/lib/components/monkey-input/monkey-input.module.d.ts +8 -0
- package/lib/components/monkey-input/validators.d.ts +1 -0
- package/lib/components/monkey-option/index.d.ts +1 -0
- package/lib/components/monkey-option/monkey-option.component.d.ts +22 -0
- package/lib/components/monkey-security-level/monkey-security-level.component.d.ts +7 -2
- package/lib/components/monkey-select/index.d.ts +1 -0
- package/lib/components/monkey-select/monkey-select.component.d.ts +74 -0
- package/lib/components/monkey-status/monkey-status.component.d.ts +8 -3
- package/lib/components/monkey-table/components/pagination-action/pagination-action.d.ts +17 -0
- package/lib/components/monkey-table/components/pagination-label/pagination-label.d.ts +10 -0
- package/lib/components/monkey-table/components/pagination-size/pagination-size.d.ts +15 -0
- package/lib/components/monkey-table/directives/column-checked.d.ts +32 -0
- package/lib/components/monkey-table/directives/column-expansible.d.ts +25 -0
- package/lib/components/monkey-table/directives/column-sortable.d.ts +24 -0
- package/lib/components/monkey-table/directives/column-stick.d.ts +6 -0
- package/lib/components/monkey-table/index.d.ts +9 -0
- package/lib/components/monkey-table/table.d.ts +32 -0
- package/lib/components/monkey-table/table.module.d.ts +15 -0
- package/lib/components/monkey-toast/index.d.ts +1 -0
- package/lib/components/monkey-toast/monkey-toast.component.d.ts +26 -0
- package/lib/components/monkey-toggle/monkey-toggle.component.d.ts +6 -1
- package/lib/components/monkey-toggle-line/index.d.ts +2 -0
- package/lib/components/monkey-toggle-line/monkey-toggle-line-button/index.d.ts +1 -0
- package/lib/components/monkey-toggle-line/monkey-toggle-line-button/monkey-toggle-line-button.component.d.ts +16 -0
- package/lib/components/monkey-toggle-line/monkey-toggle-line.component.d.ts +24 -0
- package/lib/components/monkey-tooltip/index.d.ts +2 -0
- package/lib/components/monkey-tooltip/monkey-tooltip.directive.d.ts +30 -0
- package/lib/components/monkey-tooltip/tooltip/index.d.ts +1 -0
- package/lib/components/monkey-tooltip/tooltip/tooltip.component.d.ts +19 -0
- package/lib/directives/error.d.ts +5 -0
- package/lib/directives/helper.d.ts +5 -0
- package/lib/directives/index.d.ts +7 -0
- package/lib/directives/info.d.ts +5 -0
- package/lib/directives/label.d.ts +5 -0
- package/lib/directives/module.d.ts +12 -0
- package/lib/directives/prefix.d.ts +5 -0
- package/lib/directives/suffix.d.ts +9 -0
- package/lib/interfaces/alert.d.ts +1 -0
- package/lib/interfaces/breadcrumb.d.ts +5 -0
- package/lib/interfaces/button.d.ts +1 -0
- package/lib/interfaces/index.d.ts +6 -0
- package/lib/interfaces/sizes.d.ts +1 -0
- package/lib/interfaces/table.d.ts +4 -0
- package/lib/interfaces/toast.d.ts +22 -0
- package/lib/services/index.d.ts +3 -0
- package/lib/services/monkey-destroy.service.d.ts +8 -0
- package/lib/services/monkey-icons.service.d.ts +14 -0
- package/lib/services/monkey-toast.service.d.ts +13 -0
- package/monkey-style-guide-v2-0.0.6.tgz +0 -0
- package/package.json +10 -3
- package/public-api.d.ts +5 -2
- package/utils/id-generator.d.ts +6 -0
- package/utils/index.d.ts +3 -0
- package/utils/tests-utils.d.ts +1 -0
- package/utils/utils.d.ts +1 -0
- package/monkey-style-guide-v2-0.0.4.tgz +0 -0
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class MonkeyPaginationLabelComponent {
|
|
3
|
+
protected _uid: string;
|
|
4
|
+
protected _id: string;
|
|
5
|
+
get id(): string;
|
|
6
|
+
set id(value: string);
|
|
7
|
+
constructor();
|
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyPaginationLabelComponent, never>;
|
|
9
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyPaginationLabelComponent, "monkey-pagination-label", ["monkeyPaginationLabel"], { "id": { "alias": "id"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
10
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class MonkeyPaginationSizeComponent {
|
|
4
|
+
size: 10 | 20 | 50 | 100;
|
|
5
|
+
disabled: boolean;
|
|
6
|
+
onChange: EventEmitter<any>;
|
|
7
|
+
protected _uid: string;
|
|
8
|
+
protected _id: string;
|
|
9
|
+
sizes: number[];
|
|
10
|
+
get id(): string;
|
|
11
|
+
set id(value: string);
|
|
12
|
+
constructor();
|
|
13
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyPaginationSizeComponent, never>;
|
|
14
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyPaginationSizeComponent, "monkey-pagination-size", ["monkeyPaginationSize"], { "size": { "alias": "size"; "required": true; }; "disabled": { "alias": "disabled"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, { "onChange": "onChange"; }, never, ["*"], true, never>;
|
|
15
|
+
}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
/** ************************
|
|
2
|
+
* Copyright Monkey Exchange. All Rights Reserved
|
|
3
|
+
* This style guide was developed by Monkey Exchange Team
|
|
4
|
+
* MIT Licence
|
|
5
|
+
************************* */
|
|
6
|
+
import { AfterViewInit, ComponentRef, ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, Renderer2, SimpleChanges, ViewContainerRef } from '@angular/core';
|
|
7
|
+
import { MonkeyCheckboxComponent } from '../../monkey-checkbox';
|
|
8
|
+
import { MonkeyTableComponent } from '../table';
|
|
9
|
+
import * as i0 from "@angular/core";
|
|
10
|
+
export declare class MonkeyColumnChecked implements OnInit, AfterViewInit, OnChanges, OnDestroy {
|
|
11
|
+
private el;
|
|
12
|
+
private renderer;
|
|
13
|
+
private viewContainerRef;
|
|
14
|
+
table: MonkeyTableComponent;
|
|
15
|
+
checked: boolean;
|
|
16
|
+
disabled: boolean;
|
|
17
|
+
checkedChange: EventEmitter<any>;
|
|
18
|
+
private _cdr;
|
|
19
|
+
private _injector;
|
|
20
|
+
private _subscriptions;
|
|
21
|
+
checkboxRef: ComponentRef<MonkeyCheckboxComponent>;
|
|
22
|
+
constructor(el: ElementRef, renderer: Renderer2, viewContainerRef: ViewContainerRef, table: MonkeyTableComponent);
|
|
23
|
+
private renderCheckbox;
|
|
24
|
+
private handleDisableFromStateChanges;
|
|
25
|
+
ngOnInit(): void;
|
|
26
|
+
ngAfterViewInit(): void;
|
|
27
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
28
|
+
initializeComponent(checked: boolean, disabled: boolean): void;
|
|
29
|
+
ngOnDestroy(): void;
|
|
30
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyColumnChecked, [null, null, null, { optional: true; }]>;
|
|
31
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MonkeyColumnChecked, "[mkChecked]", never, { "checked": { "alias": "mkChecked"; "required": true; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "checkedChange": "checkedChange"; }, never, never, false, never>;
|
|
32
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
/** ************************
|
|
2
|
+
* Copyright Monkey Exchange. All Rights Reserved
|
|
3
|
+
* This style guide was developed by Monkey Exchange Team
|
|
4
|
+
* MIT Licence
|
|
5
|
+
************************* */
|
|
6
|
+
import { ElementRef, EventEmitter, OnDestroy, OnInit, Renderer2 } from '@angular/core';
|
|
7
|
+
import { MonkeyTableComponent } from '../table';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
export declare class MonkeyColumnExpansible implements OnInit, OnDestroy {
|
|
10
|
+
private el;
|
|
11
|
+
private renderer;
|
|
12
|
+
table: MonkeyTableComponent;
|
|
13
|
+
expansionChange: EventEmitter<any>;
|
|
14
|
+
private _opened;
|
|
15
|
+
private _subscriptions;
|
|
16
|
+
private _enableAnimation;
|
|
17
|
+
disabled: boolean;
|
|
18
|
+
constructor(el: ElementRef, renderer: Renderer2, table: MonkeyTableComponent);
|
|
19
|
+
private createSvgElement;
|
|
20
|
+
ngOnInit(): void;
|
|
21
|
+
onClick(): void;
|
|
22
|
+
ngOnDestroy(): void;
|
|
23
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyColumnExpansible, [null, null, { optional: true; }]>;
|
|
24
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MonkeyColumnExpansible, "[mkExpansible]", never, {}, { "expansionChange": "expansionChange"; }, never, never, false, never>;
|
|
25
|
+
}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
/** ************************
|
|
2
|
+
* Copyright Monkey Exchange. All Rights Reserved
|
|
3
|
+
* This style guide was developed by Monkey Exchange Team
|
|
4
|
+
* MIT Licence
|
|
5
|
+
************************* */
|
|
6
|
+
import { ElementRef, OnDestroy, OnInit, Renderer2 } from '@angular/core';
|
|
7
|
+
import { MonkeyTableComponent } from '../table';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
export declare class MonkeyColumnSortable implements OnInit, OnDestroy {
|
|
10
|
+
private el;
|
|
11
|
+
private renderer;
|
|
12
|
+
table: MonkeyTableComponent;
|
|
13
|
+
name: string;
|
|
14
|
+
private _sortableDirection;
|
|
15
|
+
private subscriptions;
|
|
16
|
+
disabled: boolean;
|
|
17
|
+
constructor(el: ElementRef, renderer: Renderer2, table: MonkeyTableComponent);
|
|
18
|
+
private createSvgElement;
|
|
19
|
+
ngOnInit(): void;
|
|
20
|
+
onClick(): void;
|
|
21
|
+
ngOnDestroy(): void;
|
|
22
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyColumnSortable, [null, null, { optional: true; }]>;
|
|
23
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MonkeyColumnSortable, "[mkSortable]", never, { "name": { "alias": "mkSortable"; "required": true; }; }, {}, never, never, false, never>;
|
|
24
|
+
}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class MonkeyColumnStick {
|
|
3
|
+
position: 'left' | 'right';
|
|
4
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyColumnStick, never>;
|
|
5
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MonkeyColumnStick, "[mkStick]", never, { "position": { "alias": "mkStick"; "required": true; }; }, {}, never, never, false, never>;
|
|
6
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export * from './components/pagination-action/pagination-action';
|
|
2
|
+
export * from './components/pagination-label/pagination-label';
|
|
3
|
+
export * from './components/pagination-size/pagination-size';
|
|
4
|
+
export * from './directives/column-checked';
|
|
5
|
+
export * from './directives/column-expansible';
|
|
6
|
+
export * from './directives/column-sortable';
|
|
7
|
+
export * from './directives/column-stick';
|
|
8
|
+
export * from './table';
|
|
9
|
+
export * from './table.module';
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
/** ************************
|
|
2
|
+
* Copyright Monkey Exchange. All Rights Reserved
|
|
3
|
+
* This style guide was developed by Monkey Exchange Team
|
|
4
|
+
* MIT Licence
|
|
5
|
+
************************* */
|
|
6
|
+
import { AfterContentInit, EventEmitter, OnChanges, SimpleChanges, TemplateRef } from '@angular/core';
|
|
7
|
+
import { MonkeyTableScrollConfig } from '../../interfaces';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
export declare class MonkeyTableComponent implements AfterContentInit, OnChanges {
|
|
10
|
+
scroll: MonkeyTableScrollConfig;
|
|
11
|
+
loading: boolean;
|
|
12
|
+
loadingRef: TemplateRef<any>;
|
|
13
|
+
sortChange: EventEmitter<any>;
|
|
14
|
+
private _headerEl;
|
|
15
|
+
private _tableHeaderEl;
|
|
16
|
+
private _tableContentEl;
|
|
17
|
+
private _tableLoadingEl;
|
|
18
|
+
private _tableScrollEl;
|
|
19
|
+
private _paginationActionChildren;
|
|
20
|
+
private _paginationSizeChildren;
|
|
21
|
+
private _sortOptions;
|
|
22
|
+
private _loadingInitialized;
|
|
23
|
+
stateChanges: EventEmitter<any>;
|
|
24
|
+
private updateScrollStyle;
|
|
25
|
+
private initializeComponents;
|
|
26
|
+
private initializeLoadingComponent;
|
|
27
|
+
ngAfterContentInit(): void;
|
|
28
|
+
updateSortableOptions(name: string, sortable: string): void;
|
|
29
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
30
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyTableComponent, never>;
|
|
31
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyTableComponent, "monkey-table, table[monkey-table]", ["monkeyTable"], { "scroll": { "alias": "scroll"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingRef": { "alias": "loadingRef"; "required": false; }; }, { "sortChange": "sortChange"; }, ["_paginationActionChildren", "_paginationSizeChildren"], ["thead", "tbody", "monkey-pagination-size", "monkey-pagination-label", "monkey-pagination-action"], false, never>;
|
|
32
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./table";
|
|
3
|
+
import * as i2 from "./directives/column-stick";
|
|
4
|
+
import * as i3 from "./directives/column-checked";
|
|
5
|
+
import * as i4 from "./directives/column-sortable";
|
|
6
|
+
import * as i5 from "./directives/column-expansible";
|
|
7
|
+
import * as i6 from "../monkey-button/monkey-button.component";
|
|
8
|
+
import * as i7 from "./components/pagination-size/pagination-size";
|
|
9
|
+
import * as i8 from "./components/pagination-label/pagination-label";
|
|
10
|
+
import * as i9 from "./components/pagination-action/pagination-action";
|
|
11
|
+
export declare class MonkeyTableModule {
|
|
12
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyTableModule, never>;
|
|
13
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<MonkeyTableModule, [typeof i1.MonkeyTableComponent, typeof i2.MonkeyColumnStick, typeof i3.MonkeyColumnChecked, typeof i4.MonkeyColumnSortable, typeof i5.MonkeyColumnExpansible], [typeof i6.MonkeyButtonComponent, typeof i7.MonkeyPaginationSizeComponent, typeof i8.MonkeyPaginationLabelComponent, typeof i9.MonkeyPaginationActionComponent], [typeof i1.MonkeyTableComponent, typeof i2.MonkeyColumnStick, typeof i3.MonkeyColumnChecked, typeof i4.MonkeyColumnSortable, typeof i5.MonkeyColumnExpansible]>;
|
|
14
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<MonkeyTableModule>;
|
|
15
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './monkey-toast.component';
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { ElementRef, EventEmitter } from '@angular/core';
|
|
2
|
+
import { type ToastType } from '../../interfaces';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class MonkeyToastComponent {
|
|
5
|
+
private host;
|
|
6
|
+
message: string | undefined;
|
|
7
|
+
icon: string | undefined;
|
|
8
|
+
type: ToastType;
|
|
9
|
+
isClosable: boolean;
|
|
10
|
+
actionLabel: string | undefined;
|
|
11
|
+
actionIcon: string | undefined;
|
|
12
|
+
onActionClick: EventEmitter<string>;
|
|
13
|
+
onClose: EventEmitter<string>;
|
|
14
|
+
protected _uid: string;
|
|
15
|
+
protected _id: string;
|
|
16
|
+
get id(): string;
|
|
17
|
+
set id(value: string);
|
|
18
|
+
get class(): string;
|
|
19
|
+
animationState: string;
|
|
20
|
+
constructor(host: ElementRef<HTMLElement>);
|
|
21
|
+
close(): void;
|
|
22
|
+
onAnimationEnd(event: AnimationEvent): void;
|
|
23
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyToastComponent, never>;
|
|
24
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyToastComponent, "monkey-toast", never, { "message": { "alias": "message"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "type": { "alias": "type"; "required": false; }; "isClosable": { "alias": "isClosable"; "required": false; }; "actionLabel": { "alias": "actionLabel"; "required": false; }; "actionIcon": { "alias": "actionIcon"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, { "onActionClick": "onActionClick"; "onClose": "onClose"; }, never, never, true, never>;
|
|
25
|
+
static ngAcceptInputType_isClosable: unknown;
|
|
26
|
+
}
|
|
@@ -6,7 +6,12 @@ export declare class MonkeyToggleComponent {
|
|
|
6
6
|
onChange: EventEmitter<any>;
|
|
7
7
|
set value(_: boolean | 'true' | 'false');
|
|
8
8
|
_checked: boolean;
|
|
9
|
+
protected _uid: string;
|
|
10
|
+
protected _id: string;
|
|
11
|
+
get id(): string;
|
|
12
|
+
set id(value: string);
|
|
13
|
+
constructor();
|
|
9
14
|
onClick(event: any): void;
|
|
10
15
|
static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyToggleComponent, never>;
|
|
11
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyToggleComponent, "monkey-toggle
|
|
16
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyToggleComponent, "monkey-toggle", never, { "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, { "onChange": "onChange"; }, never, never, true, never>;
|
|
12
17
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './monkey-toggle-line-button.component';
|
|
@@ -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 { EventEmitter } from '@angular/core';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
export declare class MonkeyToggleLineButtonComponent {
|
|
9
|
+
disabled: boolean;
|
|
10
|
+
onChange: EventEmitter<any>;
|
|
11
|
+
value: boolean | undefined;
|
|
12
|
+
checked: boolean | undefined;
|
|
13
|
+
name: string | undefined;
|
|
14
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyToggleLineButtonComponent, never>;
|
|
15
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyToggleLineButtonComponent, "monkey-toggle-line-button", never, { "disabled": { "alias": "disabled"; "required": false; }; }, { "onChange": "onChange"; }, never, ["*"], true, never>;
|
|
16
|
+
}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { AfterContentInit, EventEmitter, OnChanges, OnDestroy, QueryList } from '@angular/core';
|
|
2
|
+
import { MonkeyToggleLineButtonComponent } from './monkey-toggle-line-button';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class MonkeyToggleLineComponent implements AfterContentInit, OnDestroy, OnChanges {
|
|
5
|
+
value: boolean | undefined;
|
|
6
|
+
name: string;
|
|
7
|
+
size: 'sm' | 'md' | 'lg';
|
|
8
|
+
disabled: boolean;
|
|
9
|
+
onChange: EventEmitter<any>;
|
|
10
|
+
private subscriptions;
|
|
11
|
+
radioButtons: QueryList<MonkeyToggleLineButtonComponent>;
|
|
12
|
+
get class(): string;
|
|
13
|
+
protected _uid: string;
|
|
14
|
+
protected _id: string;
|
|
15
|
+
get id(): string;
|
|
16
|
+
set id(value: string);
|
|
17
|
+
constructor();
|
|
18
|
+
ngAfterContentInit(): void;
|
|
19
|
+
ngOnChanges(): void;
|
|
20
|
+
ngOnDestroy(): void;
|
|
21
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyToggleLineComponent, never>;
|
|
22
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyToggleLineComponent, "monkey-toggle-line", never, { "value": { "alias": "value"; "required": false; }; "name": { "alias": "name"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, { "onChange": "onChange"; }, ["radioButtons"], ["*"], true, never>;
|
|
23
|
+
static ngAcceptInputType_disabled: unknown;
|
|
24
|
+
}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { ApplicationRef, ElementRef, TemplateRef, ViewContainerRef } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
type Position = 'top' | 'bottom' | 'left' | 'right' | undefined;
|
|
4
|
+
export declare class MonkeyTooltipDirective {
|
|
5
|
+
private viewContainerRef;
|
|
6
|
+
private elementRef;
|
|
7
|
+
private appRef;
|
|
8
|
+
private document;
|
|
9
|
+
tooltipText: string | TemplateRef<HTMLElement> | undefined;
|
|
10
|
+
tooltipPosition: Position;
|
|
11
|
+
enabled: boolean;
|
|
12
|
+
private offset;
|
|
13
|
+
private tooltipComponent?;
|
|
14
|
+
private bounds;
|
|
15
|
+
constructor(viewContainerRef: ViewContainerRef, elementRef: ElementRef, appRef: ApplicationRef, document: Document);
|
|
16
|
+
private setBounds;
|
|
17
|
+
private createTooltip;
|
|
18
|
+
private positionTooltip;
|
|
19
|
+
private isOutOfBounds;
|
|
20
|
+
private positionLeft;
|
|
21
|
+
private positionRight;
|
|
22
|
+
private positionTop;
|
|
23
|
+
private positionBottom;
|
|
24
|
+
show(): void;
|
|
25
|
+
hide(): void;
|
|
26
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyTooltipDirective, never>;
|
|
27
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MonkeyTooltipDirective, "[monkeyTooltip]", never, { "tooltipText": { "alias": "monkeyTooltip"; "required": false; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; }; "enabled": { "alias": "enabled"; "required": false; }; }, {}, never, never, true, never>;
|
|
28
|
+
static ngAcceptInputType_enabled: unknown;
|
|
29
|
+
}
|
|
30
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './tooltip.component';
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { ElementRef, EventEmitter, TemplateRef } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class MonkeyTooltipComponent {
|
|
4
|
+
private host;
|
|
5
|
+
text: string | undefined;
|
|
6
|
+
template: null | TemplateRef<HTMLElement>;
|
|
7
|
+
left: number | undefined;
|
|
8
|
+
top: number | undefined;
|
|
9
|
+
afterClose: EventEmitter<any>;
|
|
10
|
+
protected _uid: string;
|
|
11
|
+
protected _id: string;
|
|
12
|
+
get id(): string;
|
|
13
|
+
set id(value: string);
|
|
14
|
+
constructor(host: ElementRef<HTMLElement>);
|
|
15
|
+
close(): void;
|
|
16
|
+
onAnimationEnd(event: AnimationEvent): void;
|
|
17
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyTooltipComponent, never>;
|
|
18
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MonkeyTooltipComponent, "monkey-tooltip", never, { "text": { "alias": "text"; "required": false; }; "template": { "alias": "template"; "required": false; }; "left": { "alias": "left"; "required": false; }; "top": { "alias": "top"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, { "afterClose": "afterClose"; }, never, never, true, never>;
|
|
19
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./error";
|
|
3
|
+
import * as i2 from "./helper";
|
|
4
|
+
import * as i3 from "./info";
|
|
5
|
+
import * as i4 from "./label";
|
|
6
|
+
import * as i5 from "./prefix";
|
|
7
|
+
import * as i6 from "./suffix";
|
|
8
|
+
export declare class MonkeyDirectivesModule {
|
|
9
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyDirectivesModule, never>;
|
|
10
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<MonkeyDirectivesModule, [typeof i1.MonkeyError, typeof i2.MonkeyHelper, typeof i3.MonkeyInfo, typeof i4.MonkeyLabel, typeof i5.MonkeyPrefix, typeof i6.MonkeySuffix], never, [typeof i1.MonkeyError, typeof i2.MonkeyHelper, typeof i3.MonkeyInfo, typeof i4.MonkeyLabel, typeof i5.MonkeyPrefix, typeof i6.MonkeySuffix]>;
|
|
11
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<MonkeyDirectivesModule>;
|
|
12
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class MonkeySuffix {
|
|
3
|
+
set _hasAction(value: '');
|
|
4
|
+
hasAction: boolean;
|
|
5
|
+
action: Function | null;
|
|
6
|
+
onClick(event: PointerEvent): void;
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MonkeySuffix, never>;
|
|
8
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MonkeySuffix, "monkey-suffix", never, { "_hasAction": { "alias": "hasAction"; "required": false; }; }, {}, never, never, false, never>;
|
|
9
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type MonkeyAlertType = 'default' | 'info' | 'success' | 'alert' | 'error';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type MonkeyButtonType = 'primary' | 'secondary' | 'tertiary';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type MonkeySize = 'sm' | 'md' | 'lg';
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { ComponentRef } from '@angular/core';
|
|
2
|
+
import { MonkeyToastComponent } from '../components';
|
|
3
|
+
export declare class ToastRef {
|
|
4
|
+
private readonly componentRef;
|
|
5
|
+
constructor(componentRef: ComponentRef<MonkeyToastComponent>);
|
|
6
|
+
close(): void;
|
|
7
|
+
}
|
|
8
|
+
export type ToastPosition = 'top-center' | 'top-left' | 'top-right' | 'bottom-center' | 'bottom-left' | 'bottom-right';
|
|
9
|
+
export type ToastType = 'default' | 'success' | 'error' | 'info' | 'question';
|
|
10
|
+
export type ToastConfig = {
|
|
11
|
+
type?: ToastType;
|
|
12
|
+
icon?: string;
|
|
13
|
+
isClosable?: boolean;
|
|
14
|
+
message: string;
|
|
15
|
+
position?: ToastPosition;
|
|
16
|
+
duration?: number;
|
|
17
|
+
keepOpen?: boolean;
|
|
18
|
+
actionLabel?: string;
|
|
19
|
+
actionIcon?: string;
|
|
20
|
+
action?: () => void;
|
|
21
|
+
closeOnAction?: boolean;
|
|
22
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { OnDestroy } from '@angular/core';
|
|
2
|
+
import { Subject } from 'rxjs';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class MonkeyDestroyService extends Subject<void> implements OnDestroy {
|
|
5
|
+
ngOnDestroy(): void;
|
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyDestroyService, never>;
|
|
7
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<MonkeyDestroyService>;
|
|
8
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { SafeHtml } from '@angular/platform-browser';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class MonkeyIconsService {
|
|
4
|
+
private readonly _sanitizer;
|
|
5
|
+
private handleTrust;
|
|
6
|
+
get clear(): SafeHtml | null;
|
|
7
|
+
get calendar(): SafeHtml | null;
|
|
8
|
+
get arrowDown(): SafeHtml | null;
|
|
9
|
+
get check(): SafeHtml | null;
|
|
10
|
+
get minus(): SafeHtml | null;
|
|
11
|
+
get loading(): SafeHtml | null;
|
|
12
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyIconsService, never>;
|
|
13
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<MonkeyIconsService>;
|
|
14
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Overlay } from '@angular/cdk/overlay';
|
|
2
|
+
import { MonkeyToastComponent } from '../components';
|
|
3
|
+
import { type ToastConfig } from '../interfaces';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class MonkeyToastService {
|
|
6
|
+
private overlay;
|
|
7
|
+
private lastToast?;
|
|
8
|
+
constructor(overlay: Overlay);
|
|
9
|
+
private getPositionStrategy;
|
|
10
|
+
show(toastConfig: ToastConfig): MonkeyToastComponent;
|
|
11
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MonkeyToastService, never>;
|
|
12
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<MonkeyToastService>;
|
|
13
|
+
}
|
|
Binary file
|
package/package.json
CHANGED
|
@@ -1,9 +1,16 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "monkey-style-guide-v2",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.6",
|
|
4
4
|
"peerDependencies": {
|
|
5
|
-
"@angular/common": "^
|
|
6
|
-
"@angular/core": "^
|
|
5
|
+
"@angular/common": "^18.1.2",
|
|
6
|
+
"@angular/core": "^18.1.2",
|
|
7
|
+
"@angular/cdk": "^18.1.2",
|
|
8
|
+
"@angular/animations": "^18.1.2",
|
|
9
|
+
"@angular/platform-browser": "^18.1.2",
|
|
10
|
+
"@angular/router": "^18.1.2",
|
|
11
|
+
"@angular/forms": "^18.1.2",
|
|
12
|
+
"rxjs": "~7.8.0",
|
|
13
|
+
"ngx-mask": "^19.0.6"
|
|
7
14
|
},
|
|
8
15
|
"dependencies": {
|
|
9
16
|
"tslib": "^2.3.0"
|
package/public-api.d.ts
CHANGED
|
@@ -1,6 +1,9 @@
|
|
|
1
|
-
|
|
1
|
+
/** ************************
|
|
2
2
|
* Copyright Monkey Exchange. All Rights Reserved
|
|
3
3
|
* This style guide was developed by Monkey Exchange Team
|
|
4
4
|
* MIT Licence
|
|
5
|
-
|
|
5
|
+
************************* */
|
|
6
6
|
export * from './lib/components';
|
|
7
|
+
export * from './lib/directives';
|
|
8
|
+
export * from './lib/interfaces';
|
|
9
|
+
export * from './lib/services';
|
package/utils/index.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function stripHtmlComments(htmlContent: string): string;
|
package/utils/utils.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function getRandomString(len: number, charSet?: string): string;
|
|
Binary file
|