ngx-ode-ui 3.12.0-dev.0 → 3.12.0-dev.12
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/bundles/ngx-ode-ui.umd.js +315 -122
- package/bundles/ngx-ode-ui.umd.js.map +1 -1
- package/bundles/ngx-ode-ui.umd.min.js +2 -2
- package/bundles/ngx-ode-ui.umd.min.js.map +1 -1
- package/esm2015/lib/components/dropdown/dropdown.component.js +76 -0
- package/esm2015/lib/components/item-tree/item-tree.component.js +7 -4
- package/esm2015/lib/components/list/list.component.js +18 -4
- package/esm2015/lib/components/list-checkable/list-checkable.component.js +137 -0
- package/esm2015/lib/components/message-box/message-box.component.js +25 -2
- package/esm2015/lib/components/message-sticker/message-sticker.component.js +6 -1
- package/esm2015/lib/components/mono-select/mono-select.component.js +8 -7
- package/esm2015/lib/components/multi-combo/multi-combo.component.js +2 -2
- package/esm2015/lib/components/search-input/search-input.component.js +15 -3
- package/esm2015/lib/ngx-ode-ui.module.js +8 -2
- package/esm2015/lib/utils/string.js +7 -2
- package/esm2015/ngx-ode-ui.js +3 -2
- package/esm2015/public-api.js +4 -3
- package/esm5/lib/components/dropdown/dropdown.component.js +81 -0
- package/esm5/lib/components/item-tree/item-tree.component.js +7 -4
- package/esm5/lib/components/list/list.component.js +18 -4
- package/esm5/lib/components/list-checkable/list-checkable.component.js +148 -0
- package/esm5/lib/components/message-box/message-box.component.js +33 -2
- package/esm5/lib/components/message-sticker/message-sticker.component.js +6 -1
- package/esm5/lib/components/mono-select/mono-select.component.js +8 -7
- package/esm5/lib/components/multi-combo/multi-combo.component.js +2 -2
- package/esm5/lib/components/search-input/search-input.component.js +16 -5
- package/esm5/lib/ngx-ode-ui.module.js +8 -2
- package/esm5/lib/utils/string.js +7 -2
- package/esm5/ngx-ode-ui.js +3 -2
- package/esm5/public-api.js +4 -3
- package/fesm2015/ngx-ode-ui.js +294 -122
- package/fesm2015/ngx-ode-ui.js.map +1 -1
- package/fesm5/ngx-ode-ui.js +315 -124
- package/fesm5/ngx-ode-ui.js.map +1 -1
- package/lib/components/dropdown/dropdown.component.d.ts +36 -0
- package/lib/components/item-tree/item-tree.component.d.ts +3 -2
- package/lib/components/list/list.component.d.ts +5 -1
- package/lib/components/list-checkable/list-checkable.component.d.ts +55 -0
- package/lib/components/message-box/message-box.component.d.ts +7 -0
- package/lib/components/message-sticker/message-sticker.component.d.ts +1 -0
- package/lib/components/mono-select/mono-select.component.d.ts +1 -1
- package/lib/components/search-input/search-input.component.d.ts +3 -0
- package/lib/utils/string.d.ts +1 -0
- package/ngx-ode-ui.d.ts +1 -0
- package/ngx-ode-ui.metadata.json +1 -1
- package/package.json +1 -1
- package/public-api.d.ts +1 -1
- package/esm2015/lib/helpers/accents.helper.js +0 -104
- package/esm5/lib/helpers/accents.helper.js +0 -104
- package/lib/helpers/accents.helper.d.ts +0 -1
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { OnInit, EventEmitter, Injector } from '@angular/core';
|
|
2
|
+
import { OdeComponent } from 'ngx-ode-core';
|
|
3
|
+
/**
|
|
4
|
+
* DropdownComponent is an alternative to the MonoSelectComponent.
|
|
5
|
+
* Accept everything inside <ng-content> but should work with <ode-list> component
|
|
6
|
+
*
|
|
7
|
+
* Simple Dropdown Component without search:
|
|
8
|
+
* [isSearchActive] can be set to false to disable search input in <ode-list>
|
|
9
|
+
```
|
|
10
|
+
<ode-dropdown
|
|
11
|
+
[name]="option_name"
|
|
12
|
+
[isDropdownOpened]="a_boolean"
|
|
13
|
+
(onDropdown)="toggle_func"
|
|
14
|
+
>
|
|
15
|
+
<ode-list
|
|
16
|
+
[model]="model"
|
|
17
|
+
[filters]="filters"
|
|
18
|
+
(onSelect)="func_to_select_elem($event)"
|
|
19
|
+
(inputChange)="a_string_for_input_value = $event"
|
|
20
|
+
noResultsLabel="text_to_display"
|
|
21
|
+
searchPlaceholder="default_placeholder_text"
|
|
22
|
+
>
|
|
23
|
+
<ng-template let-item>
|
|
24
|
+
<div>{{ item.name }}</div>
|
|
25
|
+
</ng-template>
|
|
26
|
+
</ode-list>
|
|
27
|
+
</ode-dropdown>
|
|
28
|
+
`̀``
|
|
29
|
+
*/
|
|
30
|
+
export declare class DropdownComponent extends OdeComponent implements OnInit {
|
|
31
|
+
constructor(injector: Injector);
|
|
32
|
+
name: string;
|
|
33
|
+
isDropdownOpened: boolean;
|
|
34
|
+
onDropdown: EventEmitter<void>;
|
|
35
|
+
ngOnInit(): void;
|
|
36
|
+
}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import { OdeComponent } from 'ngx-ode-core';
|
|
2
|
-
import { EventEmitter, OnInit, Injector } from '@angular/core';
|
|
2
|
+
import { EventEmitter, OnInit, TemplateRef, Injector } from '@angular/core';
|
|
3
3
|
export declare class ItemTreeComponent<T> extends OdeComponent implements OnInit {
|
|
4
4
|
constructor(injector: Injector);
|
|
5
5
|
/**** Inputs ****/
|
|
6
6
|
items: Array<any>;
|
|
7
7
|
childrenProperty: string;
|
|
8
8
|
displayProperty: string;
|
|
9
|
+
displayTemplate: TemplateRef<any>;
|
|
9
10
|
filter: (Object | string | Function);
|
|
10
11
|
order: (Array<any> | string | Function);
|
|
11
12
|
reverse: any;
|
|
@@ -30,7 +31,7 @@ export declare class ItemTreeComponent<T> extends OdeComponent implements OnInit
|
|
|
30
31
|
isSelected(item: any): boolean;
|
|
31
32
|
toggleFold(event: Event, item: T): void;
|
|
32
33
|
isFolded(item: T): boolean;
|
|
33
|
-
display(item:
|
|
34
|
+
display(item: T): any;
|
|
34
35
|
getChildren(item: any): any;
|
|
35
36
|
hasChildren(item: any): boolean;
|
|
36
37
|
isFlattened(): number;
|
|
@@ -4,13 +4,17 @@ export declare class ListComponent extends OdeComponent {
|
|
|
4
4
|
storedElements: any;
|
|
5
5
|
self: this;
|
|
6
6
|
_storedElements: any[];
|
|
7
|
-
model: any
|
|
7
|
+
model: any;
|
|
8
8
|
filters: any;
|
|
9
9
|
inputFilter: any;
|
|
10
10
|
sort: any;
|
|
11
11
|
limit: number;
|
|
12
12
|
searchPlaceholder: string;
|
|
13
13
|
noResultsLabel: string;
|
|
14
|
+
placeholder: string;
|
|
15
|
+
isSearchActive: boolean;
|
|
16
|
+
searchInput: boolean;
|
|
17
|
+
searchSubmit: () => void;
|
|
14
18
|
inputChange: EventEmitter<string>;
|
|
15
19
|
onSelect: EventEmitter<any>;
|
|
16
20
|
listChange: EventEmitter<any>;
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { OdeComponent } from 'ngx-ode-core';
|
|
2
|
+
import { EventEmitter, TemplateRef, Injector } from '@angular/core';
|
|
3
|
+
/**
|
|
4
|
+
* ListCheckableComponent is an alternative to the ListComponent to easily select rows by using a checkbox.
|
|
5
|
+
*
|
|
6
|
+
*
|
|
7
|
+
```
|
|
8
|
+
<ode-list-checkable
|
|
9
|
+
[readOnly]="a_boolean"
|
|
10
|
+
[model]="an_array_of_items"
|
|
11
|
+
[filters]=""
|
|
12
|
+
[sort]="'+displayName'"
|
|
13
|
+
[limit]="a_number"
|
|
14
|
+
[noResultsLabel]="text_to_display_when_no_item_in_model"
|
|
15
|
+
[isChecked]="a_lambda_which_takes_1_item_argument_and_returns_a_boolean"
|
|
16
|
+
[areAllChecked]="a_lambda_with_no_argument_which_returns_a_boolean"
|
|
17
|
+
[ngClass]="a_lambda_which_takes_1_item_argument_and_returns_an_object"
|
|
18
|
+
(onCheck)="emits_an_$event_like_{item:any; checked:boolean}"
|
|
19
|
+
(listChange)=""
|
|
20
|
+
(scrolledDown)=""
|
|
21
|
+
>
|
|
22
|
+
|
|
23
|
+
<ng-template let-item>
|
|
24
|
+
<span>{{item.displayName|translate}}</span>
|
|
25
|
+
</ng-template>
|
|
26
|
+
|
|
27
|
+
</ode-list-checkable>
|
|
28
|
+
`̀``
|
|
29
|
+
*/
|
|
30
|
+
declare type OnCheckData = {
|
|
31
|
+
item: any;
|
|
32
|
+
checked: boolean;
|
|
33
|
+
};
|
|
34
|
+
export declare class ListCheckableComponent extends OdeComponent {
|
|
35
|
+
model: any[];
|
|
36
|
+
filters: any;
|
|
37
|
+
sort: any;
|
|
38
|
+
limit: number;
|
|
39
|
+
noResultsLabel: string;
|
|
40
|
+
readOnly: boolean;
|
|
41
|
+
onCheck: EventEmitter<OnCheckData>;
|
|
42
|
+
listChange: EventEmitter<any>;
|
|
43
|
+
scrolledDown: EventEmitter<void>;
|
|
44
|
+
templateRef: TemplateRef<any>;
|
|
45
|
+
areAllChecked: () => boolean;
|
|
46
|
+
isChecked: (arg?: any) => boolean;
|
|
47
|
+
isDisabled: (arg?: any) => boolean;
|
|
48
|
+
ngClass: (arg?: any) => {};
|
|
49
|
+
self: this;
|
|
50
|
+
_storedElements: any[];
|
|
51
|
+
storedElements: any;
|
|
52
|
+
constructor(injector: Injector);
|
|
53
|
+
toggleAll(checkAll: boolean): void;
|
|
54
|
+
}
|
|
55
|
+
export {};
|
|
@@ -16,6 +16,13 @@ export declare class MessageBoxComponent extends OdeComponent implements OnInit
|
|
|
16
16
|
messages: (string | [string, {}])[];
|
|
17
17
|
private _position;
|
|
18
18
|
position: 'absolute' | 'inherit';
|
|
19
|
+
/**
|
|
20
|
+
* `gravity` set the relative position of the message box if its position is 'absolute'.
|
|
21
|
+
* No effect when position is 'inherit'.
|
|
22
|
+
*/
|
|
23
|
+
gravity: 'left' | 'right';
|
|
24
|
+
readonly isGravityLeft: boolean;
|
|
25
|
+
readonly isGravityRight: boolean;
|
|
19
26
|
hidden: boolean;
|
|
20
27
|
hideEvent: EventEmitter<void>;
|
|
21
28
|
canHide(): boolean;
|
|
@@ -7,6 +7,7 @@ export declare class MessageStickerComponent extends OdeComponent implements OnI
|
|
|
7
7
|
type: MessageType;
|
|
8
8
|
header: string;
|
|
9
9
|
messages: (string | [string, {}])[];
|
|
10
|
+
gravity: 'left' | 'right';
|
|
10
11
|
dComponent: DynamicComponentDirective;
|
|
11
12
|
readonly icons: {
|
|
12
13
|
info: string;
|
|
@@ -10,7 +10,7 @@ export declare class MonoSelectComponent<K> extends OdeComponent implements Cont
|
|
|
10
10
|
translateOptions: boolean;
|
|
11
11
|
opened: boolean;
|
|
12
12
|
selectedOption: SelectOption<K>;
|
|
13
|
-
|
|
13
|
+
disabled: boolean;
|
|
14
14
|
optionClicked(option?: SelectOption<K>): void;
|
|
15
15
|
constructor(elementRef: ElementRef, injector: Injector);
|
|
16
16
|
onClickOnDocument(event: MouseEvent): boolean;
|
|
@@ -4,6 +4,9 @@ export declare class SearchInputComponent extends OdeComponent implements OnInit
|
|
|
4
4
|
private _elRef;
|
|
5
5
|
private _renderer;
|
|
6
6
|
constructor(injector: Injector, _elRef: ElementRef, _renderer: Renderer2);
|
|
7
|
+
isSearchActive: boolean;
|
|
8
|
+
searchInput: boolean;
|
|
9
|
+
searchSubmit: () => void;
|
|
7
10
|
delay: number;
|
|
8
11
|
private _delay;
|
|
9
12
|
onChange: EventEmitter<string>;
|
package/lib/utils/string.d.ts
CHANGED
package/ngx-ode-ui.d.ts
CHANGED