@bootkit/ng0 0.0.0-alpha.5 → 0.0.0-alpha.51
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/README.md +2 -2
- package/common/index.d.ts +288 -28
- package/components/accordion/index.d.ts +20 -10
- package/components/button/index.d.ts +7 -10
- package/components/card/index.d.ts +2 -6
- package/components/code/index.d.ts +2 -4
- package/components/collapse/index.d.ts +4 -41
- package/components/confirmation/index.d.ts +14 -16
- package/components/dropdown/index.d.ts +156 -0
- package/components/form-field/index.d.ts +24 -41
- package/components/list/index.d.ts +260 -0
- package/components/modal/index.d.ts +33 -11
- package/components/nav/index.d.ts +34 -32
- package/components/offcanvas/index.d.ts +13 -5
- package/components/pagination/index.d.ts +39 -13
- package/components/popover/index.d.ts +6 -6
- package/components/select/index.d.ts +160 -0
- package/components/sidenav/index.d.ts +122 -0
- package/components/stepper/index.d.ts +3 -4
- package/components/table/index.d.ts +205 -72
- package/components/toast/index.d.ts +14 -8
- package/components/tooltip/index.d.ts +36 -22
- package/components/vertical-menu/index.d.ts +79 -42
- package/data/index.d.ts +98 -38
- package/date/index.d.ts +34 -0
- package/fesm2022/bootkit-ng0-common.mjs +289 -12
- package/fesm2022/bootkit-ng0-common.mjs.map +1 -1
- package/fesm2022/bootkit-ng0-components-accordion.mjs +38 -33
- package/fesm2022/bootkit-ng0-components-accordion.mjs.map +1 -1
- package/fesm2022/bootkit-ng0-components-button.mjs +21 -29
- package/fesm2022/bootkit-ng0-components-button.mjs.map +1 -1
- package/fesm2022/bootkit-ng0-components-card.mjs +18 -26
- package/fesm2022/bootkit-ng0-components-card.mjs.map +1 -1
- package/fesm2022/bootkit-ng0-components-code.mjs +16 -20
- package/fesm2022/bootkit-ng0-components-code.mjs.map +1 -1
- package/fesm2022/bootkit-ng0-components-collapse.mjs +20 -132
- package/fesm2022/bootkit-ng0-components-collapse.mjs.map +1 -1
- package/fesm2022/bootkit-ng0-components-confirmation.mjs +24 -34
- package/fesm2022/bootkit-ng0-components-confirmation.mjs.map +1 -1
- package/fesm2022/bootkit-ng0-components-dropdown.mjs +308 -0
- package/fesm2022/bootkit-ng0-components-dropdown.mjs.map +1 -0
- package/fesm2022/bootkit-ng0-components-form-field.mjs +62 -84
- package/fesm2022/bootkit-ng0-components-form-field.mjs.map +1 -1
- package/fesm2022/bootkit-ng0-components-list.mjs +564 -0
- package/fesm2022/bootkit-ng0-components-list.mjs.map +1 -0
- package/fesm2022/bootkit-ng0-components-modal.mjs +48 -29
- package/fesm2022/bootkit-ng0-components-modal.mjs.map +1 -1
- package/fesm2022/bootkit-ng0-components-nav.mjs +60 -68
- package/fesm2022/bootkit-ng0-components-nav.mjs.map +1 -1
- package/fesm2022/bootkit-ng0-components-offcanvas.mjs +20 -13
- package/fesm2022/bootkit-ng0-components-offcanvas.mjs.map +1 -1
- package/fesm2022/bootkit-ng0-components-overlay.mjs.map +1 -1
- package/fesm2022/bootkit-ng0-components-pagination.mjs +61 -26
- package/fesm2022/bootkit-ng0-components-pagination.mjs.map +1 -1
- package/fesm2022/bootkit-ng0-components-popover.mjs +12 -12
- package/fesm2022/bootkit-ng0-components-popover.mjs.map +1 -1
- package/fesm2022/bootkit-ng0-components-select.mjs +448 -0
- package/fesm2022/bootkit-ng0-components-select.mjs.map +1 -0
- package/fesm2022/bootkit-ng0-components-sidenav.mjs +296 -0
- package/fesm2022/bootkit-ng0-components-sidenav.mjs.map +1 -0
- package/fesm2022/bootkit-ng0-components-stepper.mjs +15 -42
- package/fesm2022/bootkit-ng0-components-stepper.mjs.map +1 -1
- package/fesm2022/bootkit-ng0-components-table.mjs +323 -165
- package/fesm2022/bootkit-ng0-components-table.mjs.map +1 -1
- package/fesm2022/bootkit-ng0-components-toast.mjs +62 -84
- package/fesm2022/bootkit-ng0-components-toast.mjs.map +1 -1
- package/fesm2022/bootkit-ng0-components-tooltip.mjs +87 -74
- package/fesm2022/bootkit-ng0-components-tooltip.mjs.map +1 -1
- package/fesm2022/bootkit-ng0-components-vertical-menu.mjs +171 -114
- package/fesm2022/bootkit-ng0-components-vertical-menu.mjs.map +1 -1
- package/fesm2022/bootkit-ng0-data.mjs +152 -39
- package/fesm2022/bootkit-ng0-data.mjs.map +1 -1
- package/fesm2022/bootkit-ng0-date.mjs +50 -0
- package/fesm2022/bootkit-ng0-date.mjs.map +1 -0
- package/fesm2022/bootkit-ng0-file.mjs.map +1 -1
- package/fesm2022/bootkit-ng0-form.mjs +575 -264
- package/fesm2022/bootkit-ng0-form.mjs.map +1 -1
- package/fesm2022/bootkit-ng0-http.mjs +61 -34
- package/fesm2022/bootkit-ng0-http.mjs.map +1 -1
- package/fesm2022/bootkit-ng0-layouts-layout1.mjs +317 -0
- package/fesm2022/bootkit-ng0-layouts-layout1.mjs.map +1 -0
- package/fesm2022/bootkit-ng0-localization-locales.mjs +103 -0
- package/fesm2022/bootkit-ng0-localization-locales.mjs.map +1 -0
- package/fesm2022/bootkit-ng0-localization.mjs +431 -105
- package/fesm2022/bootkit-ng0-localization.mjs.map +1 -1
- package/fesm2022/bootkit-ng0-platform-browser.mjs +179 -0
- package/fesm2022/bootkit-ng0-platform-browser.mjs.map +1 -0
- package/fesm2022/bootkit-ng0-routing.mjs +80 -0
- package/fesm2022/bootkit-ng0-routing.mjs.map +1 -0
- package/fesm2022/bootkit-ng0-script.mjs +3 -3
- package/fesm2022/bootkit-ng0-script.mjs.map +1 -1
- package/fesm2022/bootkit-ng0-security.mjs +175 -40
- package/fesm2022/bootkit-ng0-security.mjs.map +1 -1
- package/fesm2022/bootkit-ng0-utils.mjs +122 -0
- package/fesm2022/bootkit-ng0-utils.mjs.map +1 -0
- package/fesm2022/bootkit-ng0.mjs +2 -2
- package/fesm2022/bootkit-ng0.mjs.map +1 -1
- package/form/index.d.ts +153 -56
- package/http/index.d.ts +45 -14
- package/index.d.ts +2 -2
- package/layouts/layout1/index.d.ts +201 -0
- package/localization/index.d.ts +231 -42
- package/localization/locales/index.d.ts +7 -0
- package/package.json +57 -17
- package/platform/browser/index.d.ts +88 -0
- package/routing/index.d.ts +124 -0
- package/security/index.d.ts +76 -11
- package/utils/index.d.ts +63 -0
|
@@ -1,64 +1,66 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { ElementRef,
|
|
2
|
+
import { ElementRef, TemplateRef, OnInit, QueryList, Renderer2 } from '@angular/core';
|
|
3
3
|
|
|
4
4
|
declare class NavDirective {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
5
|
+
/**
|
|
6
|
+
* The active item.
|
|
7
|
+
*/
|
|
8
|
+
readonly activeItem: i0.ModelSignal<any>;
|
|
9
|
+
/**
|
|
10
|
+
* Whether the navigation is disabled.
|
|
11
|
+
*/
|
|
12
|
+
readonly disabled: i0.InputSignal<boolean>;
|
|
10
13
|
static ɵfac: i0.ɵɵFactoryDeclaration<NavDirective, never>;
|
|
11
14
|
static ɵdir: i0.ɵɵDirectiveDeclaration<NavDirective, "[ng0Nav]", ["ng0Nav"], { "activeItem": { "alias": "activeItem"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "activeItem": "activeItemChange"; }, never, never, true, never>;
|
|
12
15
|
}
|
|
13
16
|
|
|
17
|
+
declare class NavLinkDirective {
|
|
18
|
+
private _nav;
|
|
19
|
+
private _navItem;
|
|
20
|
+
elementRef: ElementRef<any>;
|
|
21
|
+
protected _onClick(): void;
|
|
22
|
+
protected get _active(): boolean;
|
|
23
|
+
protected get _disabled(): boolean;
|
|
24
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NavLinkDirective, never>;
|
|
25
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<NavLinkDirective, "[ng0NavLink]", ["ng0NavLink"], {}, {}, never, never, true, never>;
|
|
26
|
+
}
|
|
27
|
+
|
|
14
28
|
declare class NavItemDirective {
|
|
15
29
|
elementRef: ElementRef;
|
|
16
|
-
private _renderer;
|
|
17
|
-
private _nav;
|
|
18
30
|
id: i0.InputSignal<any>;
|
|
19
31
|
disabled: i0.InputSignal<boolean>;
|
|
20
|
-
constructor(elementRef: ElementRef
|
|
32
|
+
constructor(elementRef: ElementRef);
|
|
21
33
|
static ɵfac: i0.ɵɵFactoryDeclaration<NavItemDirective, never>;
|
|
22
34
|
static ɵdir: i0.ɵɵDirectiveDeclaration<NavItemDirective, "[ng0NavItem]", ["ng0NavItem"], { "id": { "alias": "ng0NavItem"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
23
35
|
}
|
|
24
36
|
|
|
25
|
-
declare class
|
|
26
|
-
elementRef: ElementRef;
|
|
27
|
-
private _renderer;
|
|
28
|
-
private _nav;
|
|
29
|
-
private _navItem;
|
|
30
|
-
constructor(elementRef: ElementRef, _renderer: Renderer2, _nav: NavDirective, _navItem: NavItemDirective);
|
|
31
|
-
private _onClick;
|
|
32
|
-
private get _active();
|
|
33
|
-
private get _disabled();
|
|
34
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<NavLinkDirective, never>;
|
|
35
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<NavLinkDirective, "[ng0NavLink]", ["ng0NavLink"], {}, {}, never, never, true, never>;
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
declare class TabPaneDirective {
|
|
37
|
+
declare class NavContentDirective {
|
|
39
38
|
templateRef: TemplateRef<any>;
|
|
40
39
|
id: i0.InputSignal<any>;
|
|
41
40
|
constructor(templateRef: TemplateRef<any>);
|
|
42
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<
|
|
43
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<
|
|
41
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NavContentDirective, never>;
|
|
42
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<NavContentDirective, "[ng0NavContent]", ["ng0NavContent"], { "id": { "alias": "ng0NavContent"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
44
43
|
}
|
|
45
44
|
|
|
46
|
-
declare class
|
|
45
|
+
declare class NavContentContainerComponent implements OnInit {
|
|
47
46
|
private _elementRef;
|
|
48
47
|
private _renderer;
|
|
48
|
+
/**
|
|
49
|
+
* The navigation directive that this content belongs to.
|
|
50
|
+
*/
|
|
49
51
|
nav: i0.InputSignal<NavDirective>;
|
|
50
|
-
protected
|
|
51
|
-
|
|
52
|
+
protected _contents: QueryList<NavContentDirective>;
|
|
53
|
+
protected _activeItem: i0.Signal<any>;
|
|
52
54
|
constructor(_elementRef: ElementRef, _renderer: Renderer2);
|
|
53
55
|
ngOnInit(): void;
|
|
54
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<
|
|
55
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<
|
|
56
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NavContentContainerComponent, never>;
|
|
57
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NavContentContainerComponent, "ng0-navcontent-container", ["ng0Navcontent"], { "nav": { "alias": "nav"; "required": true; "isSignal": true; }; }, {}, ["_contents"], never, true, never>;
|
|
56
58
|
}
|
|
57
59
|
|
|
58
60
|
declare class NavModule {
|
|
59
61
|
static ɵfac: i0.ɵɵFactoryDeclaration<NavModule, never>;
|
|
60
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<NavModule, never, [typeof NavDirective, typeof NavItemDirective, typeof NavLinkDirective, typeof
|
|
62
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<NavModule, never, [typeof NavDirective, typeof NavItemDirective, typeof NavLinkDirective, typeof NavContentContainerComponent, typeof NavContentDirective], [typeof NavDirective, typeof NavItemDirective, typeof NavLinkDirective, typeof NavContentContainerComponent, typeof NavContentDirective]>;
|
|
61
63
|
static ɵinj: i0.ɵɵInjectorDeclaration<NavModule>;
|
|
62
64
|
}
|
|
63
65
|
|
|
64
|
-
export { NavDirective, NavItemDirective, NavLinkDirective, NavModule
|
|
66
|
+
export { NavContentContainerComponent, NavContentDirective, NavDirective, NavItemDirective, NavLinkDirective, NavModule };
|
|
@@ -1,11 +1,20 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import {
|
|
2
|
+
import { OnDestroy, EventEmitter, ElementRef, Renderer2 } from '@angular/core';
|
|
3
3
|
|
|
4
|
-
declare class OffcanvasDirective implements
|
|
4
|
+
declare class OffcanvasDirective implements OnDestroy {
|
|
5
5
|
private _el;
|
|
6
6
|
private _renderer;
|
|
7
|
-
|
|
8
|
-
|
|
7
|
+
/**
|
|
8
|
+
* Whether to show the offcanvas element.
|
|
9
|
+
*/
|
|
10
|
+
show: i0.InputSignalWithTransform<boolean, unknown>;
|
|
11
|
+
/**
|
|
12
|
+
* Whether to show a backdrop element behind the offcanvas.
|
|
13
|
+
*/
|
|
14
|
+
hasBackdrop: i0.InputSignalWithTransform<boolean, unknown>;
|
|
15
|
+
/**
|
|
16
|
+
* Emitted when the backdrop is clicked.
|
|
17
|
+
*/
|
|
9
18
|
backdropClick: EventEmitter<MouseEvent>;
|
|
10
19
|
private _firstShowEffectRun;
|
|
11
20
|
private _firstBackdropEffectRun;
|
|
@@ -14,7 +23,6 @@ declare class OffcanvasDirective implements OnInit, OnDestroy {
|
|
|
14
23
|
private _backdropTransitionendUnlistenFunc?;
|
|
15
24
|
private addClass;
|
|
16
25
|
constructor(_el: ElementRef, _renderer: Renderer2);
|
|
17
|
-
ngOnInit(): void;
|
|
18
26
|
private _createBackdrop;
|
|
19
27
|
private _destroyBackdrop;
|
|
20
28
|
private _hideBackdrop;
|
|
@@ -2,23 +2,49 @@ import * as _angular_core from '@angular/core';
|
|
|
2
2
|
import { EventEmitter } from '@angular/core';
|
|
3
3
|
|
|
4
4
|
declare class PaginationComponent {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
5
|
+
/**
|
|
6
|
+
* Total number of records.
|
|
7
|
+
*/
|
|
8
|
+
readonly totalRecords: _angular_core.InputSignal<number>;
|
|
9
|
+
/**
|
|
10
|
+
* Page size. Number of items in each page.
|
|
11
|
+
*/
|
|
12
|
+
readonly pageSize: _angular_core.InputSignal<number>;
|
|
13
|
+
/**
|
|
14
|
+
* Zero-based index of the selected page.
|
|
15
|
+
*/
|
|
16
|
+
readonly selectedPage: _angular_core.InputSignal<number>;
|
|
17
|
+
/**
|
|
18
|
+
* Maximum number of visible pages.
|
|
19
|
+
* Default is 10.
|
|
20
|
+
*/
|
|
21
|
+
readonly maxVisiblePages: _angular_core.InputSignal<number>;
|
|
22
|
+
/**
|
|
23
|
+
* Show first and last buttons.
|
|
24
|
+
* Default is true.
|
|
25
|
+
*/
|
|
26
|
+
readonly showNextPreviousButtons: _angular_core.InputSignal<boolean | undefined>;
|
|
27
|
+
/**
|
|
28
|
+
* Show first and last buttons.
|
|
29
|
+
* Default is true.
|
|
30
|
+
*/
|
|
31
|
+
readonly showFirstLastButtons: _angular_core.InputSignal<boolean | undefined>;
|
|
32
|
+
/**
|
|
33
|
+
* Total number of pages.
|
|
34
|
+
* This is a computed property based on totalRecords and pageSize.
|
|
35
|
+
* It is not an input property.
|
|
36
|
+
*/
|
|
17
37
|
get totalPagesCount(): number;
|
|
38
|
+
/**
|
|
39
|
+
* Emits the selected page index when a page is clicked.
|
|
40
|
+
* The index starts from 1.
|
|
41
|
+
*/
|
|
42
|
+
readonly itemClick: EventEmitter<number>;
|
|
18
43
|
protected _totalPagesCount: number;
|
|
19
44
|
protected _visiblePages: _angular_core.Signal<number[]>;
|
|
45
|
+
_onPageChange(pageIndex: number): void;
|
|
20
46
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<PaginationComponent, never>;
|
|
21
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<PaginationComponent, "ng0-pagination", ["ng0Pagination"], { "totalRecords": { "alias": "totalRecords"; "required": true; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "selectedPage": { "alias": "selectedPage"; "required": false; "isSignal": true; }; "maxVisiblePages": { "alias": "maxVisiblePages"; "required": false; "isSignal": true; }; "
|
|
47
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<PaginationComponent, "ng0-pagination", ["ng0Pagination"], { "totalRecords": { "alias": "totalRecords"; "required": true; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "selectedPage": { "alias": "selectedPage"; "required": false; "isSignal": true; }; "maxVisiblePages": { "alias": "maxVisiblePages"; "required": false; "isSignal": true; }; "showNextPreviousButtons": { "alias": "showNextPreviousButtons"; "required": false; "isSignal": true; }; "showFirstLastButtons": { "alias": "showFirstLastButtons"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; }, never, ["first", "previous", "next", "last"], true, never>;
|
|
22
48
|
}
|
|
23
49
|
|
|
24
50
|
declare class PaginationModule {
|
|
@@ -22,12 +22,12 @@ declare class PopoverDirective implements OnInit, OnDestroy {
|
|
|
22
22
|
private _disposeOverlay;
|
|
23
23
|
private _toggleOverlay;
|
|
24
24
|
private _getPositions;
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
25
|
+
protected _onClick(): void;
|
|
26
|
+
protected _onDblclick(): void;
|
|
27
|
+
protected _onMouseEnter(): void;
|
|
28
|
+
protected _onMouseLeave(): void;
|
|
29
|
+
protected _onFocus(): void;
|
|
30
|
+
protected _onFocusout(): void;
|
|
31
31
|
ngOnDestroy(): void;
|
|
32
32
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<PopoverDirective, never>;
|
|
33
33
|
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<PopoverDirective, "[ng0Popover]", ["ng0Popover"], { "header": { "alias": "header"; "required": false; "isSignal": true; }; "content": { "alias": "ng0Popover"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "triggerBy": { "alias": "triggerBy"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
@@ -0,0 +1,160 @@
|
|
|
1
|
+
import * as _bootkit_ng0_localization from '@bootkit/ng0/localization';
|
|
2
|
+
import * as _bootkit_ng0_common from '@bootkit/ng0/common';
|
|
3
|
+
import * as _angular_core from '@angular/core';
|
|
4
|
+
import { ElementRef, TemplateRef, EventEmitter } from '@angular/core';
|
|
5
|
+
import { DataSource, DataSourceLike } from '@bootkit/ng0/data';
|
|
6
|
+
import { ControlValueAccessor } from '@angular/forms';
|
|
7
|
+
import { FlexibleConnectedPositionStrategy, ScrollStrategy } from '@angular/cdk/overlay';
|
|
8
|
+
import { ListItemSelectEvent } from '@bootkit/ng0/components/list';
|
|
9
|
+
|
|
10
|
+
/**
|
|
11
|
+
* Select component that allows users to choose an option from a dropdown list.
|
|
12
|
+
*/
|
|
13
|
+
declare class SelectComponent implements ControlValueAccessor {
|
|
14
|
+
private _viewpoerRulerSubscription?;
|
|
15
|
+
private readonly _injector;
|
|
16
|
+
private _filterElementRef?;
|
|
17
|
+
private _listComponent?;
|
|
18
|
+
private _changeCallback;
|
|
19
|
+
private _touchCallback;
|
|
20
|
+
protected readonly _sourceItems: _angular_core.WritableSignal<any[] | undefined>;
|
|
21
|
+
protected readonly _selectedItems: Set<any>;
|
|
22
|
+
protected readonly _isDisabled: _angular_core.WritableSignal<boolean>;
|
|
23
|
+
protected _positionStrategy: FlexibleConnectedPositionStrategy;
|
|
24
|
+
protected _scrollStrategy: ScrollStrategy;
|
|
25
|
+
private readonly _overlay;
|
|
26
|
+
private readonly _localizationService;
|
|
27
|
+
protected readonly _elementRef: ElementRef<any>;
|
|
28
|
+
protected readonly _filterValue: _angular_core.WritableSignal<string>;
|
|
29
|
+
private readonly _renderer;
|
|
30
|
+
private readonly _viewportRuler;
|
|
31
|
+
private readonly _changeDetectorRef;
|
|
32
|
+
private readonly _value;
|
|
33
|
+
/**
|
|
34
|
+
* Template for rendering each item in the select component.
|
|
35
|
+
*/
|
|
36
|
+
itemTemplate?: TemplateRef<any>;
|
|
37
|
+
/**
|
|
38
|
+
* The data source for the select component.
|
|
39
|
+
* This can be an array of data, a function that returns an observable of data,
|
|
40
|
+
* or an instance of DataSource.
|
|
41
|
+
*/
|
|
42
|
+
readonly source: _angular_core.InputSignalWithTransform<DataSource<any>, DataSourceLike<any>>;
|
|
43
|
+
/**
|
|
44
|
+
* Indicates whether multi selection is enabled or not.
|
|
45
|
+
*/
|
|
46
|
+
readonly multiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
47
|
+
/**
|
|
48
|
+
* Indicates whether to show selection indicator (checkbox/radio) next to each item.
|
|
49
|
+
* Default is false.
|
|
50
|
+
*/
|
|
51
|
+
readonly showSelectionIndicator: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
52
|
+
/**
|
|
53
|
+
* Indicates whether the dropdown is open or closed.
|
|
54
|
+
*/
|
|
55
|
+
readonly open: _angular_core.ModelSignal<boolean>;
|
|
56
|
+
/**
|
|
57
|
+
* A comparer to compare items for selection.
|
|
58
|
+
*/
|
|
59
|
+
readonly compareBy: _angular_core.InputSignalWithTransform<_bootkit_ng0_common.EqualityComparer, _bootkit_ng0_common.EqualityComparerLike>;
|
|
60
|
+
/**
|
|
61
|
+
* A fromatter to convert each item to a string for display.
|
|
62
|
+
*/
|
|
63
|
+
readonly formatBy: _angular_core.InputSignalWithTransform<_bootkit_ng0_localization.ObjectFormatter, _bootkit_ng0_localization.ObjectFormatterLike>;
|
|
64
|
+
/**
|
|
65
|
+
* Custom value writer to extract the value of any object while writing values.
|
|
66
|
+
*/
|
|
67
|
+
readonly writeBy: _angular_core.InputSignalWithTransform<_bootkit_ng0_common.ValueWriter, _bootkit_ng0_common.ValueWriterLike>;
|
|
68
|
+
/**
|
|
69
|
+
* Indicates whether the select component is filterable.
|
|
70
|
+
*/
|
|
71
|
+
readonly filterable: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
72
|
+
/**
|
|
73
|
+
* Custom filter function to filter items based on a filter value.
|
|
74
|
+
* Default checks if the item contains the filter value (case-insensitive).
|
|
75
|
+
*/
|
|
76
|
+
readonly filterBy: _angular_core.InputSignalWithTransform<_bootkit_ng0_common.FilterPredicate, _bootkit_ng0_common.FilterPredicateLike>;
|
|
77
|
+
/**
|
|
78
|
+
* Placeholder text for the filter input field.
|
|
79
|
+
*/
|
|
80
|
+
readonly filterPlaceholder: _angular_core.InputSignal<string | undefined>;
|
|
81
|
+
/**
|
|
82
|
+
* CSS class or classes to apply to the items.
|
|
83
|
+
*/
|
|
84
|
+
readonly itemClass: _angular_core.InputSignalWithTransform<_bootkit_ng0_common.CssClassGetter | undefined, _bootkit_ng0_common.CssClassLike>;
|
|
85
|
+
/**
|
|
86
|
+
* A function that generates unique ids for each item in the list.
|
|
87
|
+
* If set to a function, it will be called with the item as an argument to generate the id.
|
|
88
|
+
* If set to undefined, no ids will be generated for the items.
|
|
89
|
+
* @default undefined
|
|
90
|
+
*/
|
|
91
|
+
readonly idGenerator: _angular_core.InputSignalWithTransform<_bootkit_ng0_common.IdGenerator | undefined, _bootkit_ng0_common.IdGeneratorLike>;
|
|
92
|
+
/**
|
|
93
|
+
* Event emitted when the selected value changes.
|
|
94
|
+
*/
|
|
95
|
+
readonly itemSelect: EventEmitter<ItemSelectEvent>;
|
|
96
|
+
constructor();
|
|
97
|
+
/**
|
|
98
|
+
* Indicates whether the given value is selected.
|
|
99
|
+
* @param item
|
|
100
|
+
* @returns
|
|
101
|
+
*/
|
|
102
|
+
isSelected(value: any): boolean;
|
|
103
|
+
/**
|
|
104
|
+
* Selects the given value.
|
|
105
|
+
* @param item
|
|
106
|
+
*/
|
|
107
|
+
select(value: any): void;
|
|
108
|
+
/**
|
|
109
|
+
* Deselects the given value.
|
|
110
|
+
* @param item
|
|
111
|
+
*/
|
|
112
|
+
deselect(value: any): void;
|
|
113
|
+
/**
|
|
114
|
+
* Toggles the selection state of the given value.
|
|
115
|
+
* @param item
|
|
116
|
+
*/
|
|
117
|
+
toggle(value: any): void;
|
|
118
|
+
writeValue(obj: any): void;
|
|
119
|
+
registerOnChange(fn: any): void;
|
|
120
|
+
registerOnTouched(fn: any): void;
|
|
121
|
+
setDisabledState?(isDisabled: boolean): void;
|
|
122
|
+
private _findAndSelectItems;
|
|
123
|
+
private _updateValue;
|
|
124
|
+
protected _onOverlayAttach(): void;
|
|
125
|
+
protected _onOverlayDetach(): void;
|
|
126
|
+
protected _onListSelectionChange(e: ListItemSelectEvent): void;
|
|
127
|
+
protected _filterPredicate: _angular_core.Signal<(item: any) => boolean>;
|
|
128
|
+
protected _onFilterKeydown(e: KeyboardEvent): void;
|
|
129
|
+
private _listenToResizeEvents;
|
|
130
|
+
private _unlistenFromResizeEvents;
|
|
131
|
+
protected _onHostKeydown(e: KeyboardEvent): void;
|
|
132
|
+
protected _onHostClick(e: MouseEvent): void;
|
|
133
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectComponent, never>;
|
|
134
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectComponent, "ng0-select", ["ng0Select"], { "source": { "alias": "source"; "required": true; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "showSelectionIndicator": { "alias": "showSelectionIndicator"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "compareBy": { "alias": "compareBy"; "required": false; "isSignal": true; }; "formatBy": { "alias": "formatBy"; "required": false; "isSignal": true; }; "writeBy": { "alias": "writeBy"; "required": false; "isSignal": true; }; "filterable": { "alias": "filterable"; "required": false; "isSignal": true; }; "filterBy": { "alias": "filterBy"; "required": false; "isSignal": true; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; "isSignal": true; }; "itemClass": { "alias": "itemClass"; "required": false; "isSignal": true; }; "idGenerator": { "alias": "idGenerator"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "itemSelect": "itemSelect"; }, ["itemTemplate"], never, true, never>;
|
|
135
|
+
}
|
|
136
|
+
/**
|
|
137
|
+
* Event emitted when the selection state of the select component changes by user interaction.
|
|
138
|
+
*/
|
|
139
|
+
interface ItemSelectEvent {
|
|
140
|
+
/**
|
|
141
|
+
* The value of the item that was selected or deselected.
|
|
142
|
+
*/
|
|
143
|
+
value: any;
|
|
144
|
+
/**
|
|
145
|
+
* The select component that emitted the event.
|
|
146
|
+
*/
|
|
147
|
+
readonly select: SelectComponent;
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
/**
|
|
151
|
+
* Select module.
|
|
152
|
+
*/
|
|
153
|
+
declare class SelectModule {
|
|
154
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectModule, never>;
|
|
155
|
+
static ɵmod: _angular_core.ɵɵNgModuleDeclaration<SelectModule, never, [typeof SelectComponent], [typeof SelectComponent]>;
|
|
156
|
+
static ɵinj: _angular_core.ɵɵInjectorDeclaration<SelectModule>;
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
export { SelectComponent, SelectModule };
|
|
160
|
+
export type { ItemSelectEvent };
|
|
@@ -0,0 +1,122 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { OnDestroy, ElementRef, EventEmitter, AfterViewInit, QueryList, ChangeDetectorRef } from '@angular/core';
|
|
3
|
+
|
|
4
|
+
/**
|
|
5
|
+
* Sidenav mode.
|
|
6
|
+
*/
|
|
7
|
+
type SidenavMode = 'push' | 'over';
|
|
8
|
+
/**
|
|
9
|
+
* Sidenav position.
|
|
10
|
+
*/
|
|
11
|
+
type SidenavPosition = 'start' | 'end' | 'top' | 'bottom';
|
|
12
|
+
/**
|
|
13
|
+
* Sidenav size.
|
|
14
|
+
*/
|
|
15
|
+
type SidenavSize = number | string | 'small' | 'medium' | 'large' | 'full' | undefined;
|
|
16
|
+
|
|
17
|
+
/**
|
|
18
|
+
* A sidenav component that displays a sliding navigation panel.
|
|
19
|
+
*/
|
|
20
|
+
declare class SidenavComponent implements OnDestroy {
|
|
21
|
+
private _bodyOverflowStyle?;
|
|
22
|
+
private readonly _sidenavContainer;
|
|
23
|
+
private readonly _document;
|
|
24
|
+
private readonly _renderer;
|
|
25
|
+
private _backdropRef?;
|
|
26
|
+
private _backdropClickUnlistenFunc?;
|
|
27
|
+
private _backdropAnimationEndUnlistenFunc?;
|
|
28
|
+
private _platformId;
|
|
29
|
+
protected _isPlatformServer: boolean;
|
|
30
|
+
private _resizeSubscription?;
|
|
31
|
+
private readonly _elementRef;
|
|
32
|
+
/**
|
|
33
|
+
* Whether the sidenav is open.
|
|
34
|
+
*/
|
|
35
|
+
readonly open: i0.InputSignalWithTransform<boolean, unknown>;
|
|
36
|
+
/**
|
|
37
|
+
* Sidenav mode.
|
|
38
|
+
* Determines how the sidenav is displayed.
|
|
39
|
+
* Can be either 'push' or 'over'.
|
|
40
|
+
* - 'push': The content is pushed aside to make room for the sidenav.
|
|
41
|
+
* - 'over': The sidenav is displayed on top of the content.
|
|
42
|
+
*/
|
|
43
|
+
readonly mode: i0.InputSignal<SidenavMode>;
|
|
44
|
+
/**
|
|
45
|
+
* Whether the sidenav has a backdrop.
|
|
46
|
+
* The backdrop is shown only when the sidenav is open and mode is 'over'.
|
|
47
|
+
*/
|
|
48
|
+
readonly hasBackdrop: i0.InputSignalWithTransform<boolean, unknown>;
|
|
49
|
+
/**
|
|
50
|
+
* Sidenav z-index.
|
|
51
|
+
* Determines the stack order of the sidenav.
|
|
52
|
+
*/
|
|
53
|
+
readonly zIndex: i0.InputSignalWithTransform<number, unknown>;
|
|
54
|
+
/**
|
|
55
|
+
* Sidenav position.
|
|
56
|
+
* Determines the position of the sidenav.
|
|
57
|
+
* Can be either 'start', 'end', 'top', or 'bottom'.
|
|
58
|
+
*/
|
|
59
|
+
readonly position: i0.InputSignal<SidenavPosition>;
|
|
60
|
+
/**
|
|
61
|
+
* Sidenav size.
|
|
62
|
+
* Determines the size of the sidenav.
|
|
63
|
+
* Can be either 'small', 'medium', 'large', 'full', or a specific value.
|
|
64
|
+
* If a specific value is provided, it will be used as the width/height of the sidenav.
|
|
65
|
+
* @example
|
|
66
|
+
* - 100, '300px', '50%', '50vh', 'small', 'full', ...
|
|
67
|
+
*/
|
|
68
|
+
readonly size: i0.InputSignal<SidenavSize>;
|
|
69
|
+
/**
|
|
70
|
+
* Whether the sidenav is fixed in the viewport.
|
|
71
|
+
*/
|
|
72
|
+
readonly fixedInViewport: i0.InputSignalWithTransform<boolean, unknown>;
|
|
73
|
+
readonly elmentRef: ElementRef<any>;
|
|
74
|
+
/**
|
|
75
|
+
* Emits when the backdrop is clicked.
|
|
76
|
+
*/
|
|
77
|
+
readonly backdropClick: EventEmitter<PointerEvent>;
|
|
78
|
+
constructor();
|
|
79
|
+
_getFixedSize(): string | undefined;
|
|
80
|
+
private _observeResize;
|
|
81
|
+
private _createBackdrop;
|
|
82
|
+
private _destroyBackdrop;
|
|
83
|
+
ngOnDestroy(): void;
|
|
84
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SidenavComponent, never>;
|
|
85
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SidenavComponent, "ng0-sidenav", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; "isSignal": true; }; "zIndex": { "alias": "zIndex"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "fixedInViewport": { "alias": "fixedInViewport"; "required": false; "isSignal": true; }; }, { "backdropClick": "backdropClick"; }, never, ["*"], true, never>;
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
/**
|
|
89
|
+
* Sidenav container component
|
|
90
|
+
*/
|
|
91
|
+
declare class SidenavContainerComponent implements AfterViewInit {
|
|
92
|
+
private readonly _platformId;
|
|
93
|
+
protected readonly _isPlatformServer: boolean;
|
|
94
|
+
protected _isTransitionEnabled: boolean;
|
|
95
|
+
protected _sidenavs: QueryList<SidenavComponent>;
|
|
96
|
+
readonly changeDetectorRef: ChangeDetectorRef;
|
|
97
|
+
protected _getPadding(position: SidenavPosition): string | undefined;
|
|
98
|
+
ngAfterViewInit(): void;
|
|
99
|
+
protected _canComputePadding(): boolean;
|
|
100
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SidenavContainerComponent, never>;
|
|
101
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SidenavContainerComponent, "ng0-sidenav-container", never, {}, {}, ["_sidenavs"], ["ng0-sidenav-content", "*"], true, never>;
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
/**
|
|
105
|
+
* Sidenav content component
|
|
106
|
+
*/
|
|
107
|
+
declare class SidenavContentComponent {
|
|
108
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SidenavContentComponent, never>;
|
|
109
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SidenavContentComponent, "ng0-sidenav-content", never, {}, {}, never, ["*"], true, never>;
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
/**
|
|
113
|
+
* Sidenav module
|
|
114
|
+
*/
|
|
115
|
+
declare class SidenavModule {
|
|
116
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SidenavModule, never>;
|
|
117
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<SidenavModule, never, [typeof SidenavContainerComponent, typeof SidenavComponent, typeof SidenavContentComponent], [typeof SidenavContainerComponent, typeof SidenavComponent, typeof SidenavContentComponent]>;
|
|
118
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<SidenavModule>;
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
export { SidenavComponent, SidenavContainerComponent, SidenavContentComponent, SidenavModule };
|
|
122
|
+
export type { SidenavMode, SidenavPosition, SidenavSize };
|
|
@@ -3,16 +3,15 @@ import { TemplateRef, QueryList } from '@angular/core';
|
|
|
3
3
|
|
|
4
4
|
declare class StepDirective {
|
|
5
5
|
readonly templateRef: TemplateRef<any>;
|
|
6
|
-
id: i0.InputSignal<any>;
|
|
6
|
+
readonly id: i0.InputSignal<any>;
|
|
7
7
|
constructor(templateRef: TemplateRef<any>);
|
|
8
8
|
static ɵfac: i0.ɵɵFactoryDeclaration<StepDirective, never>;
|
|
9
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<StepDirective, "[ng0Step]", ["ng0Step"], { "id": { "alias": "
|
|
9
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<StepDirective, "[ng0Step]", ["ng0Step"], { "id": { "alias": "ng0Step"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
10
10
|
}
|
|
11
11
|
|
|
12
12
|
declare class StepperComponent {
|
|
13
|
-
step: i0.ModelSignal<any>;
|
|
13
|
+
readonly step: i0.ModelSignal<any>;
|
|
14
14
|
protected _steps: QueryList<StepDirective>;
|
|
15
|
-
constructor();
|
|
16
15
|
static ɵfac: i0.ɵɵFactoryDeclaration<StepperComponent, never>;
|
|
17
16
|
static ɵcmp: i0.ɵɵComponentDeclaration<StepperComponent, "ng0-stepper", ["ng0Stepper"], { "step": { "alias": "step"; "required": true; "isSignal": true; }; }, { "step": "stepChange"; }, ["_steps"], never, true, never>;
|
|
18
17
|
}
|