@agnos-ui/angular-bootstrap 0.3.0
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 +15 -0
- package/agnos-ui-angular.module.d.ts +16 -0
- package/components/accordion/accordion.component.d.ts +239 -0
- package/components/accordion/accordion.d.ts +11 -0
- package/components/accordion/index.d.ts +2 -0
- package/components/alert/alert.component.d.ts +95 -0
- package/components/alert/alert.d.ts +7 -0
- package/components/alert/index.d.ts +2 -0
- package/components/modal/index.d.ts +3 -0
- package/components/modal/modal.component.d.ts +164 -0
- package/components/modal/modal.d.ts +9 -0
- package/components/modal/modal.service.d.ts +13 -0
- package/components/pagination/index.d.ts +2 -0
- package/components/pagination/pagination.component.d.ts +252 -0
- package/components/pagination/pagination.d.ts +8 -0
- package/components/progressbar/index.d.ts +2 -0
- package/components/progressbar/progressbar.component.d.ts +77 -0
- package/components/progressbar/progressbar.d.ts +7 -0
- package/components/rating/index.d.ts +2 -0
- package/components/rating/rating.component.d.ts +95 -0
- package/components/rating/rating.d.ts +6 -0
- package/components/select/index.d.ts +2 -0
- package/components/select/select.component.d.ts +107 -0
- package/components/select/select.d.ts +8 -0
- package/components/slider/index.d.ts +2 -0
- package/components/slider/slider.component.d.ts +130 -0
- package/components/slider/slider.d.ts +9 -0
- package/components/toast/index.d.ts +2 -0
- package/components/toast/toast.component.d.ts +106 -0
- package/components/toast/toast.d.ts +7 -0
- package/config.d.ts +18 -0
- package/esm2022/agnos-ui-angular-bootstrap.mjs +5 -0
- package/esm2022/agnos-ui-angular.module.mjs +151 -0
- package/esm2022/components/accordion/accordion.component.mjs +579 -0
- package/esm2022/components/accordion/accordion.mjs +4 -0
- package/esm2022/components/accordion/index.mjs +3 -0
- package/esm2022/components/alert/alert.component.mjs +230 -0
- package/esm2022/components/alert/alert.mjs +4 -0
- package/esm2022/components/alert/index.mjs +3 -0
- package/esm2022/components/modal/index.mjs +4 -0
- package/esm2022/components/modal/modal.component.mjs +423 -0
- package/esm2022/components/modal/modal.mjs +4 -0
- package/esm2022/components/modal/modal.service.mjs +47 -0
- package/esm2022/components/pagination/index.mjs +3 -0
- package/esm2022/components/pagination/pagination.component.mjs +581 -0
- package/esm2022/components/pagination/pagination.mjs +4 -0
- package/esm2022/components/progressbar/index.mjs +3 -0
- package/esm2022/components/progressbar/progressbar.component.mjs +180 -0
- package/esm2022/components/progressbar/progressbar.mjs +4 -0
- package/esm2022/components/rating/index.mjs +3 -0
- package/esm2022/components/rating/rating.component.mjs +185 -0
- package/esm2022/components/rating/rating.mjs +4 -0
- package/esm2022/components/select/index.mjs +3 -0
- package/esm2022/components/select/select.component.mjs +280 -0
- package/esm2022/components/select/select.mjs +4 -0
- package/esm2022/components/slider/index.mjs +3 -0
- package/esm2022/components/slider/slider.component.mjs +443 -0
- package/esm2022/components/slider/slider.mjs +4 -0
- package/esm2022/components/toast/index.mjs +3 -0
- package/esm2022/components/toast/toast.component.mjs +284 -0
- package/esm2022/components/toast/toast.mjs +4 -0
- package/esm2022/config.mjs +5 -0
- package/esm2022/index.mjs +27 -0
- package/fesm2022/agnos-ui-angular-bootstrap.mjs +3382 -0
- package/fesm2022/agnos-ui-angular-bootstrap.mjs.map +1 -0
- package/index.d.ts +33 -0
- package/package.json +48 -0
|
@@ -0,0 +1,252 @@
|
|
|
1
|
+
import type { SlotContent } from '@agnos-ui/angular-headless';
|
|
2
|
+
import { BaseWidgetDirective, ComponentTemplate } from '@agnos-ui/angular-headless';
|
|
3
|
+
import type { AfterContentChecked } from '@angular/core';
|
|
4
|
+
import { EventEmitter, TemplateRef } from '@angular/core';
|
|
5
|
+
import type { PaginationContext, PaginationNumberContext, PaginationWidget } from './pagination';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
/**
|
|
8
|
+
* A directive to use to give the 'ellipsis' link template to the pagination component
|
|
9
|
+
*/
|
|
10
|
+
export declare class PaginationEllipsisDirective {
|
|
11
|
+
templateRef: TemplateRef<any>;
|
|
12
|
+
static ngTemplateContextGuard(_dir: PaginationEllipsisDirective, context: unknown): context is PaginationContext;
|
|
13
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PaginationEllipsisDirective, never>;
|
|
14
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PaginationEllipsisDirective, "ng-template[auPaginationEllipsis]", never, {}, {}, never, never, true, never>;
|
|
15
|
+
}
|
|
16
|
+
/**
|
|
17
|
+
* A directive to use to give the 'first' link template to the pagination component
|
|
18
|
+
*/
|
|
19
|
+
export declare class PaginationFirstDirective {
|
|
20
|
+
templateRef: TemplateRef<any>;
|
|
21
|
+
static ngTemplateContextGuard(_dir: PaginationFirstDirective, context: unknown): context is PaginationContext;
|
|
22
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PaginationFirstDirective, never>;
|
|
23
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PaginationFirstDirective, "ng-template[auPaginationFirst]", never, {}, {}, never, never, true, never>;
|
|
24
|
+
}
|
|
25
|
+
/**
|
|
26
|
+
* A directive to use to give the 'last' link template to the pagination component
|
|
27
|
+
*/
|
|
28
|
+
export declare class PaginationLastDirective {
|
|
29
|
+
templateRef: TemplateRef<any>;
|
|
30
|
+
static ngTemplateContextGuard(_dir: PaginationLastDirective, context: unknown): context is PaginationContext;
|
|
31
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PaginationLastDirective, never>;
|
|
32
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PaginationLastDirective, "ng-template[auPaginationLast]", never, {}, {}, never, never, true, never>;
|
|
33
|
+
}
|
|
34
|
+
/**
|
|
35
|
+
* A directive to use to give the 'next' link template to the pagination component
|
|
36
|
+
*/
|
|
37
|
+
export declare class PaginationNextDirective {
|
|
38
|
+
templateRef: TemplateRef<any>;
|
|
39
|
+
static ngTemplateContextGuard(_dir: PaginationNextDirective, context: unknown): context is PaginationContext;
|
|
40
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PaginationNextDirective, never>;
|
|
41
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PaginationNextDirective, "ng-template[auPaginationNext]", never, {}, {}, never, never, true, never>;
|
|
42
|
+
}
|
|
43
|
+
/**
|
|
44
|
+
* A directive to use to give the page 'number' template to the pagination component
|
|
45
|
+
*/
|
|
46
|
+
export declare class PaginationNumberDirective {
|
|
47
|
+
templateRef: TemplateRef<any>;
|
|
48
|
+
static ngTemplateContextGuard(_dir: PaginationNumberDirective, context: unknown): context is PaginationNumberContext;
|
|
49
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PaginationNumberDirective, never>;
|
|
50
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PaginationNumberDirective, "ng-template[auPaginationNumber]", never, {}, {}, never, never, true, never>;
|
|
51
|
+
}
|
|
52
|
+
/**
|
|
53
|
+
* A directive to use to give the 'previous' link template to the pagination component
|
|
54
|
+
*/
|
|
55
|
+
export declare class PaginationPreviousDirective {
|
|
56
|
+
templateRef: TemplateRef<any>;
|
|
57
|
+
static ngTemplateContextGuard(_dir: PaginationPreviousDirective, context: unknown): context is PaginationContext;
|
|
58
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PaginationPreviousDirective, never>;
|
|
59
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PaginationPreviousDirective, "ng-template[auPaginationPrevious]", never, {}, {}, never, never, true, never>;
|
|
60
|
+
}
|
|
61
|
+
/**
|
|
62
|
+
* A directive to use to give the 'Pages' template for the Pages slot
|
|
63
|
+
*/
|
|
64
|
+
export declare class PaginationPagesDirective {
|
|
65
|
+
templateRef: TemplateRef<any>;
|
|
66
|
+
static ngTemplateContextGuard(_dir: PaginationPagesDirective, context: unknown): context is PaginationContext;
|
|
67
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PaginationPagesDirective, never>;
|
|
68
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PaginationPagesDirective, "ng-template[auPaginationPages]", never, {}, {}, never, never, true, never>;
|
|
69
|
+
}
|
|
70
|
+
/**
|
|
71
|
+
* Directive to provide the slot structure for the pagination widget.
|
|
72
|
+
*/
|
|
73
|
+
export declare class PaginationStructureDirective {
|
|
74
|
+
templateRef: TemplateRef<any>;
|
|
75
|
+
static ngTemplateContextGuard(dir: PaginationStructureDirective, context: unknown): context is PaginationContext;
|
|
76
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PaginationStructureDirective, never>;
|
|
77
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PaginationStructureDirective, "ng-template[auPaginationStructure]", never, {}, {}, never, never, true, never>;
|
|
78
|
+
}
|
|
79
|
+
export declare class PaginationDefaultSlotsComponent {
|
|
80
|
+
pages: TemplateRef<PaginationContext>;
|
|
81
|
+
structure: TemplateRef<PaginationContext>;
|
|
82
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PaginationDefaultSlotsComponent, never>;
|
|
83
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PaginationDefaultSlotsComponent, "ng-component", never, {}, {}, never, never, true, never>;
|
|
84
|
+
}
|
|
85
|
+
/**
|
|
86
|
+
* The default slot for the pages
|
|
87
|
+
*/
|
|
88
|
+
export declare const paginationDefaultSlotPages: ComponentTemplate<unknown, "pages", PaginationDefaultSlotsComponent>;
|
|
89
|
+
/**
|
|
90
|
+
* The default slot for the structure
|
|
91
|
+
*/
|
|
92
|
+
export declare const paginationDefaultSlotStructure: ComponentTemplate<unknown, "structure", PaginationDefaultSlotsComponent>;
|
|
93
|
+
export declare class PaginationComponent extends BaseWidgetDirective<PaginationWidget> implements AfterContentChecked {
|
|
94
|
+
/**
|
|
95
|
+
* Provide the label for each "Page" page button.
|
|
96
|
+
* This is used for accessibility purposes.
|
|
97
|
+
* for I18n, we suggest to use the global configuration
|
|
98
|
+
* override any configuration parameters provided for this
|
|
99
|
+
* @param processPage - The current page number
|
|
100
|
+
* @param pageCount - The total number of pages
|
|
101
|
+
*/
|
|
102
|
+
ariaPageLabel: ((processPage: number, pageCount: number) => string) | undefined;
|
|
103
|
+
/**
|
|
104
|
+
* Provide the label for the aria-live element
|
|
105
|
+
* This is used for accessibility purposes.
|
|
106
|
+
* for I18n, we suggest to use the global configuration
|
|
107
|
+
* override any configuration parameters provided for this
|
|
108
|
+
*/
|
|
109
|
+
ariaLiveLabel: ((currentPage: number, pageCount: number) => string) | undefined;
|
|
110
|
+
/**
|
|
111
|
+
* The label for the nav element.
|
|
112
|
+
*
|
|
113
|
+
* for I18n, we suggest to use the global configuration
|
|
114
|
+
* override any configuration parameters provided for this
|
|
115
|
+
* @defaultValue 'Page navigation'
|
|
116
|
+
*/
|
|
117
|
+
ariaLabel: string | undefined;
|
|
118
|
+
/**
|
|
119
|
+
* The label for the "active" page.
|
|
120
|
+
* for I18n, we suggest to use the global configuration
|
|
121
|
+
* override any configuration parameters provided for this
|
|
122
|
+
* @defaultValue '(current)'
|
|
123
|
+
*/
|
|
124
|
+
activeLabel: string | undefined;
|
|
125
|
+
/**
|
|
126
|
+
* The label for the "First" page button.
|
|
127
|
+
* for I18n, we suggest to use the global configuration
|
|
128
|
+
* override any configuration parameters provided for this
|
|
129
|
+
* @defaultValue 'Action link for first page'
|
|
130
|
+
*/
|
|
131
|
+
ariaFirstLabel: string | undefined;
|
|
132
|
+
/**
|
|
133
|
+
* The label for the "Previous" page button.
|
|
134
|
+
* for I18n, we suggest to use the global configuration
|
|
135
|
+
* override any configuration parameters provided for this
|
|
136
|
+
* @defaultValue 'Action link for previous page'
|
|
137
|
+
*/
|
|
138
|
+
ariaPreviousLabel: string | undefined;
|
|
139
|
+
/**
|
|
140
|
+
* The label for the "Next" page button.
|
|
141
|
+
* for I18n, we suggest to use the global configuration
|
|
142
|
+
* override any configuration parameters provided for this
|
|
143
|
+
* @defaultValue 'Action link for next page'
|
|
144
|
+
*/
|
|
145
|
+
ariaNextLabel: string | undefined;
|
|
146
|
+
/**
|
|
147
|
+
* The label for the "Last" page button.
|
|
148
|
+
* for I18n, we suggest to use the global configuration
|
|
149
|
+
* override any configuration parameters provided for this
|
|
150
|
+
* @defaultValue 'Action link for last page'
|
|
151
|
+
*/
|
|
152
|
+
ariaLastLabel: string | undefined;
|
|
153
|
+
/**
|
|
154
|
+
* The label for the "Ellipsis" page.
|
|
155
|
+
* for I18n, we suggest to use the global configuration
|
|
156
|
+
* override any configuration parameters provided for this
|
|
157
|
+
* @defaultValue 'Ellipsis page element'
|
|
158
|
+
*/
|
|
159
|
+
ariaEllipsisLabel: string | undefined;
|
|
160
|
+
/**
|
|
161
|
+
* Factory function providing the href for a "Page" page anchor,
|
|
162
|
+
* based on the current page number
|
|
163
|
+
* @param pageNumber - The index to use in the link
|
|
164
|
+
*
|
|
165
|
+
*/
|
|
166
|
+
pageLink: ((pageNumber: number) => string) | undefined;
|
|
167
|
+
readonly _widget: import("@agnos-ui/angular-headless").AngularWidget<PaginationWidget>;
|
|
168
|
+
slotEllipsis: SlotContent<PaginationContext>;
|
|
169
|
+
slotEllipsisFromContent: PaginationEllipsisDirective | undefined;
|
|
170
|
+
slotFirst: SlotContent<PaginationContext>;
|
|
171
|
+
slotFirstFromContent: PaginationFirstDirective | undefined;
|
|
172
|
+
slotPrevious: SlotContent<PaginationContext>;
|
|
173
|
+
slotPreviousFromContent: PaginationPreviousDirective | undefined;
|
|
174
|
+
slotNext: SlotContent<PaginationContext>;
|
|
175
|
+
slotNextFromContent: PaginationNextDirective | undefined;
|
|
176
|
+
slotLast: SlotContent<PaginationContext>;
|
|
177
|
+
slotLastFromContent: PaginationLastDirective | undefined;
|
|
178
|
+
slotPages: SlotContent<PaginationContext>;
|
|
179
|
+
slotPagesFromContent: PaginationPagesDirective | undefined;
|
|
180
|
+
slotNumberLabel: SlotContent<PaginationNumberContext>;
|
|
181
|
+
slotNumberLabelFromContent: PaginationNumberDirective | undefined;
|
|
182
|
+
slotStructure: SlotContent<PaginationContext>;
|
|
183
|
+
slotStructureFromContent: PaginationStructureDirective | undefined;
|
|
184
|
+
/**
|
|
185
|
+
* If `true`, pagination links will be disabled.
|
|
186
|
+
*/
|
|
187
|
+
disabled: boolean | undefined;
|
|
188
|
+
/**
|
|
189
|
+
* If `true`, the "First" and "Last" page links are shown.
|
|
190
|
+
*/
|
|
191
|
+
boundaryLinks: boolean | undefined;
|
|
192
|
+
/**
|
|
193
|
+
* If `true`, the "Next" and "Previous" page links are shown.
|
|
194
|
+
*/
|
|
195
|
+
directionLinks: boolean | undefined;
|
|
196
|
+
/**
|
|
197
|
+
* The number of items in your paginated collection.
|
|
198
|
+
*
|
|
199
|
+
* Note, that this is not the number of pages. Page numbers are calculated dynamically based on
|
|
200
|
+
* `collectionSize` and `pageSize`. Ex. if you have 100 items in your collection and displaying 20 items per page,
|
|
201
|
+
* you'll end up with 5 pages.
|
|
202
|
+
* Whatever the collectionSize the page number is of minimum 1.
|
|
203
|
+
* @defaultValue 0
|
|
204
|
+
*/
|
|
205
|
+
collectionSize: number | undefined;
|
|
206
|
+
/**
|
|
207
|
+
* The current page.
|
|
208
|
+
*
|
|
209
|
+
* Page numbers start with `1`.
|
|
210
|
+
* @defaultValue 1
|
|
211
|
+
*/
|
|
212
|
+
page: number | undefined;
|
|
213
|
+
/**
|
|
214
|
+
* The number of items per page.
|
|
215
|
+
* @defaultValue 10
|
|
216
|
+
*/
|
|
217
|
+
pageSize: number | undefined;
|
|
218
|
+
/**
|
|
219
|
+
* The pagination display size.
|
|
220
|
+
*
|
|
221
|
+
* Bootstrap currently supports small and large sizes.
|
|
222
|
+
* @defaultValue null
|
|
223
|
+
*/
|
|
224
|
+
size: 'sm' | 'lg' | null | undefined;
|
|
225
|
+
/**
|
|
226
|
+
* pagesFactory returns a function computing the array of pages to be displayed
|
|
227
|
+
* as number (-1 are treated as ellipsis).
|
|
228
|
+
* Use Page slot to customize the pages view and not this
|
|
229
|
+
*/
|
|
230
|
+
pagesFactory: ((page: number, pageCount: number) => number[]) | undefined;
|
|
231
|
+
/**
|
|
232
|
+
* An event fired when the page is changed.
|
|
233
|
+
*
|
|
234
|
+
* Event payload is the number of the newly selected page.
|
|
235
|
+
*
|
|
236
|
+
* Page numbers start with `1`.
|
|
237
|
+
*/
|
|
238
|
+
pageChange: EventEmitter<number>;
|
|
239
|
+
/**
|
|
240
|
+
* CSS classes to be applied on the widget main container
|
|
241
|
+
*/
|
|
242
|
+
className: string | undefined;
|
|
243
|
+
ngAfterContentChecked(): void;
|
|
244
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PaginationComponent, never>;
|
|
245
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PaginationComponent, "[auPagination]", never, { "ariaPageLabel": { "alias": "auAriaPageLabel"; "required": false; }; "ariaLiveLabel": { "alias": "auAriaLiveLabel"; "required": false; }; "ariaLabel": { "alias": "auAriaLabel"; "required": false; }; "activeLabel": { "alias": "auActiveLabel"; "required": false; }; "ariaFirstLabel": { "alias": "auAriaFirstLabel"; "required": false; }; "ariaPreviousLabel": { "alias": "auAriaPreviousLabel"; "required": false; }; "ariaNextLabel": { "alias": "auAriaNextLabel"; "required": false; }; "ariaLastLabel": { "alias": "auAriaLastLabel"; "required": false; }; "ariaEllipsisLabel": { "alias": "auAriaEllipsisLabel"; "required": false; }; "pageLink": { "alias": "auPageLink"; "required": false; }; "slotEllipsis": { "alias": "auSlotEllipsis"; "required": false; }; "slotFirst": { "alias": "auSlotFirst"; "required": false; }; "slotPrevious": { "alias": "auSlotPrevious"; "required": false; }; "slotNext": { "alias": "auSlotNext"; "required": false; }; "slotLast": { "alias": "auSlotLast"; "required": false; }; "slotPages": { "alias": "auSlotPages"; "required": false; }; "slotNumberLabel": { "alias": "auSlotNumberLabel"; "required": false; }; "slotStructure": { "alias": "auSlotStructure"; "required": false; }; "disabled": { "alias": "auDisabled"; "required": false; }; "boundaryLinks": { "alias": "auBoundaryLinks"; "required": false; }; "directionLinks": { "alias": "auDirectionLinks"; "required": false; }; "collectionSize": { "alias": "auCollectionSize"; "required": false; }; "page": { "alias": "auPage"; "required": false; }; "pageSize": { "alias": "auPageSize"; "required": false; }; "size": { "alias": "auSize"; "required": false; }; "pagesFactory": { "alias": "auPagesFactory"; "required": false; }; "className": { "alias": "auClassName"; "required": false; }; }, { "pageChange": "auPageChange"; }, ["slotEllipsisFromContent", "slotFirstFromContent", "slotPreviousFromContent", "slotNextFromContent", "slotLastFromContent", "slotPagesFromContent", "slotNumberLabelFromContent", "slotStructureFromContent"], never, true, never>;
|
|
246
|
+
static ngAcceptInputType_disabled: unknown;
|
|
247
|
+
static ngAcceptInputType_boundaryLinks: unknown;
|
|
248
|
+
static ngAcceptInputType_directionLinks: unknown;
|
|
249
|
+
static ngAcceptInputType_collectionSize: unknown;
|
|
250
|
+
static ngAcceptInputType_page: unknown;
|
|
251
|
+
static ngAcceptInputType_pageSize: unknown;
|
|
252
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { AdaptWidgetSlots, WidgetProps, WidgetState, AdaptSlotContentProps, WidgetFactory } from '@agnos-ui/angular-headless';
|
|
2
|
+
export * from '@agnos-ui/core-bootstrap/components/pagination';
|
|
3
|
+
export type PaginationWidget = AdaptWidgetSlots<import('@agnos-ui/core-bootstrap/components/pagination').PaginationWidget>;
|
|
4
|
+
export type PaginationProps = WidgetProps<PaginationWidget>;
|
|
5
|
+
export type PaginationState = WidgetState<PaginationWidget>;
|
|
6
|
+
export type PaginationContext = AdaptSlotContentProps<import('@agnos-ui/core-bootstrap/components/pagination').PaginationContext>;
|
|
7
|
+
export type PaginationNumberContext = AdaptSlotContentProps<import('@agnos-ui/core-bootstrap/components/pagination').PaginationNumberContext>;
|
|
8
|
+
export declare const createPagination: WidgetFactory<PaginationWidget>;
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
import { BaseWidgetDirective, ComponentTemplate } from '@agnos-ui/angular-headless';
|
|
2
|
+
import type { SlotContent } from '@agnos-ui/angular-headless';
|
|
3
|
+
import { type WritableSignal } from '@amadeus-it-group/tansu';
|
|
4
|
+
import type { AfterContentChecked } from '@angular/core';
|
|
5
|
+
import { TemplateRef } from '@angular/core';
|
|
6
|
+
import type { ProgressbarContext, ProgressbarProps, ProgressbarWidget } from './progressbar';
|
|
7
|
+
import type { BSContextualClass } from '@agnos-ui/core-bootstrap/types';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
export declare class ProgressbarStructureDirective {
|
|
10
|
+
templateRef: TemplateRef<any>;
|
|
11
|
+
static ngTemplateContextGuard(_dir: ProgressbarStructureDirective, context: unknown): context is ProgressbarContext;
|
|
12
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ProgressbarStructureDirective, never>;
|
|
13
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ProgressbarStructureDirective, "ng-template[auProgressbarStructure]", never, {}, {}, never, never, true, never>;
|
|
14
|
+
}
|
|
15
|
+
export declare class ProgressbarDefaultSlotsComponent {
|
|
16
|
+
structure: TemplateRef<ProgressbarContext>;
|
|
17
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ProgressbarDefaultSlotsComponent, never>;
|
|
18
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ProgressbarDefaultSlotsComponent, "ng-component", never, {}, {}, never, never, true, never>;
|
|
19
|
+
}
|
|
20
|
+
export declare const progressbarDefaultSlotStructure: ComponentTemplate<unknown, "structure", ProgressbarDefaultSlotsComponent>;
|
|
21
|
+
export type PartialProgressbarProps = Partial<ProgressbarProps>;
|
|
22
|
+
export declare class ProgressbarComponent extends BaseWidgetDirective<ProgressbarWidget> implements AfterContentChecked {
|
|
23
|
+
readonly defaultSlots: WritableSignal<PartialProgressbarProps>;
|
|
24
|
+
/**
|
|
25
|
+
* The aria label.
|
|
26
|
+
*/
|
|
27
|
+
ariaLabel: string | undefined;
|
|
28
|
+
/**
|
|
29
|
+
* The minimum value.
|
|
30
|
+
*/
|
|
31
|
+
min: number | undefined;
|
|
32
|
+
/**
|
|
33
|
+
* The maximum value.
|
|
34
|
+
*/
|
|
35
|
+
max: number | undefined;
|
|
36
|
+
/**
|
|
37
|
+
* The current value.
|
|
38
|
+
*/
|
|
39
|
+
value: number | undefined;
|
|
40
|
+
/**
|
|
41
|
+
* CSS classes to be applied on the widget main container
|
|
42
|
+
*/
|
|
43
|
+
className: string | undefined;
|
|
44
|
+
slotDefault: SlotContent<ProgressbarContext>;
|
|
45
|
+
slotStructure: SlotContent<ProgressbarContext>;
|
|
46
|
+
slotStructureFromContent: ProgressbarStructureDirective | undefined;
|
|
47
|
+
/**
|
|
48
|
+
* Height of the progressbar, can be any valid css height value.
|
|
49
|
+
*/
|
|
50
|
+
height: string | undefined;
|
|
51
|
+
/**
|
|
52
|
+
* If `true`, animates a striped progressbar.
|
|
53
|
+
* Takes effect only for browsers supporting CSS3 animations, and if `striped` is `true`.
|
|
54
|
+
*/
|
|
55
|
+
animated: boolean | undefined;
|
|
56
|
+
/**
|
|
57
|
+
* If `true`, shows a striped progressbar.
|
|
58
|
+
*/
|
|
59
|
+
striped: boolean | undefined;
|
|
60
|
+
/**
|
|
61
|
+
* Return the value for the 'aria-valuetext' attribute.
|
|
62
|
+
*/
|
|
63
|
+
ariaValueTextFn: ((value: number, minimum: number, maximum: number) => string | undefined) | undefined;
|
|
64
|
+
/**
|
|
65
|
+
* Type of the progressbar, following bootstrap types.
|
|
66
|
+
*/
|
|
67
|
+
type: BSContextualClass | undefined;
|
|
68
|
+
readonly _widget: import("@agnos-ui/angular-headless").AngularWidget<ProgressbarWidget>;
|
|
69
|
+
ngAfterContentChecked(): void;
|
|
70
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ProgressbarComponent, never>;
|
|
71
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ProgressbarComponent, "[auProgressbar]", never, { "ariaLabel": { "alias": "auAriaLabel"; "required": false; }; "min": { "alias": "auMin"; "required": false; }; "max": { "alias": "auMax"; "required": false; }; "value": { "alias": "auValue"; "required": false; }; "className": { "alias": "auClassName"; "required": false; }; "slotDefault": { "alias": "auSlotDefault"; "required": false; }; "slotStructure": { "alias": "auSlotStructure"; "required": false; }; "height": { "alias": "auHeight"; "required": false; }; "animated": { "alias": "auAnimated"; "required": false; }; "striped": { "alias": "auStriped"; "required": false; }; "ariaValueTextFn": { "alias": "auAriaValueTextFn"; "required": false; }; "type": { "alias": "auType"; "required": false; }; }, {}, ["slotStructureFromContent"], ["*"], true, never>;
|
|
72
|
+
static ngAcceptInputType_min: unknown;
|
|
73
|
+
static ngAcceptInputType_max: unknown;
|
|
74
|
+
static ngAcceptInputType_value: unknown;
|
|
75
|
+
static ngAcceptInputType_animated: unknown;
|
|
76
|
+
static ngAcceptInputType_striped: unknown;
|
|
77
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { AdaptWidgetSlots, WidgetProps, WidgetState, AdaptSlotContentProps, WidgetFactory } from '@agnos-ui/angular-headless';
|
|
2
|
+
export * from '@agnos-ui/core-bootstrap/components/progressbar';
|
|
3
|
+
export type ProgressbarWidget = AdaptWidgetSlots<import('@agnos-ui/core-bootstrap/components/progressbar').ProgressbarWidget>;
|
|
4
|
+
export type ProgressbarProps = WidgetProps<ProgressbarWidget>;
|
|
5
|
+
export type ProgressbarState = WidgetState<ProgressbarWidget>;
|
|
6
|
+
export type ProgressbarContext = AdaptSlotContentProps<import('@agnos-ui/core-bootstrap/components/progressbar').ProgressbarContext>;
|
|
7
|
+
export declare const createProgressbar: WidgetFactory<ProgressbarWidget>;
|
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
import type { AdaptSlotContentProps, SlotContent } from '@agnos-ui/angular-headless';
|
|
2
|
+
import { BaseWidgetDirective } from '@agnos-ui/angular-headless';
|
|
3
|
+
import type { AfterContentChecked } from '@angular/core';
|
|
4
|
+
import { EventEmitter, TemplateRef } from '@angular/core';
|
|
5
|
+
import type { ControlValueAccessor } from '@angular/forms';
|
|
6
|
+
import type { RatingWidget, StarContext } from './rating';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
export declare class RatingStarDirective {
|
|
9
|
+
templateRef: TemplateRef<any>;
|
|
10
|
+
static ngTemplateContextGuard(_dir: RatingStarDirective, context: unknown): context is StarContext;
|
|
11
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RatingStarDirective, never>;
|
|
12
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<RatingStarDirective, "ng-template[auRatingStar]", never, {}, {}, never, never, true, never>;
|
|
13
|
+
}
|
|
14
|
+
export declare class RatingComponent extends BaseWidgetDirective<RatingWidget> implements ControlValueAccessor, AfterContentChecked {
|
|
15
|
+
readonly _widget: import("@agnos-ui/angular-headless").AngularWidget<RatingWidget>;
|
|
16
|
+
onChange: (_: any) => void;
|
|
17
|
+
onTouched: () => void;
|
|
18
|
+
/**
|
|
19
|
+
* Return the value for the 'aria-valuetext' attribute.
|
|
20
|
+
*/
|
|
21
|
+
ariaValueTextFn: ((rating: number, maxRating: number) => string) | undefined;
|
|
22
|
+
/**
|
|
23
|
+
* If `true`, the rating is disabled.
|
|
24
|
+
*/
|
|
25
|
+
disabled: boolean | undefined;
|
|
26
|
+
/**
|
|
27
|
+
* The maximum rating that can be given.
|
|
28
|
+
*/
|
|
29
|
+
maxRating: number | undefined;
|
|
30
|
+
/**
|
|
31
|
+
* The current rating. Could be a decimal value like `3.75`.
|
|
32
|
+
*/
|
|
33
|
+
rating: number | undefined;
|
|
34
|
+
/**
|
|
35
|
+
* If `true`, the rating can't be changed.
|
|
36
|
+
*/
|
|
37
|
+
readonly: boolean | undefined;
|
|
38
|
+
/**
|
|
39
|
+
* Define if the rating can be reset.
|
|
40
|
+
*
|
|
41
|
+
* If set to true, the user can 'unset' the rating value by cliking on the current rating value.
|
|
42
|
+
*/
|
|
43
|
+
resettable: boolean | undefined;
|
|
44
|
+
slotStar: SlotContent<AdaptSlotContentProps<StarContext>>;
|
|
45
|
+
slotStarFromContent: RatingStarDirective | undefined;
|
|
46
|
+
/**
|
|
47
|
+
* Allows setting a custom rating tabindex.
|
|
48
|
+
* If the component is disabled, `tabindex` will still be set to `-1`.
|
|
49
|
+
*/
|
|
50
|
+
tabindex: number | undefined;
|
|
51
|
+
/**
|
|
52
|
+
* CSS classes to be applied on the widget main container
|
|
53
|
+
*/
|
|
54
|
+
className: string | undefined;
|
|
55
|
+
/**
|
|
56
|
+
* The aria label
|
|
57
|
+
*/
|
|
58
|
+
ariaLabel: string | undefined;
|
|
59
|
+
/**
|
|
60
|
+
* The aria labelled by
|
|
61
|
+
*/
|
|
62
|
+
ariaLabelledBy: string | undefined;
|
|
63
|
+
/**
|
|
64
|
+
* An event emitted when the user is hovering over a given rating.
|
|
65
|
+
*
|
|
66
|
+
* Event payload is equal to the rating being hovered over.
|
|
67
|
+
*/
|
|
68
|
+
hover: EventEmitter<number>;
|
|
69
|
+
/**
|
|
70
|
+
* An event emitted when the user stops hovering over a given rating.
|
|
71
|
+
*
|
|
72
|
+
* Event payload is equal to the rating of the last item being hovered over.
|
|
73
|
+
*/
|
|
74
|
+
leave: EventEmitter<number>;
|
|
75
|
+
/**
|
|
76
|
+
* An event emitted when the rating is changed.
|
|
77
|
+
*
|
|
78
|
+
* Event payload is equal to the newly selected rating.
|
|
79
|
+
*/
|
|
80
|
+
ratingChange: EventEmitter<number>;
|
|
81
|
+
writeValue(value: any): void;
|
|
82
|
+
registerOnChange(fn: (value: any) => any): void;
|
|
83
|
+
registerOnTouched(fn: () => any): void;
|
|
84
|
+
setDisabledState(disabled: boolean): void;
|
|
85
|
+
ngAfterContentChecked(): void;
|
|
86
|
+
trackByIndex(index: number): number;
|
|
87
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RatingComponent, never>;
|
|
88
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<RatingComponent, "[auRating]", never, { "ariaValueTextFn": { "alias": "auAriaValueTextFn"; "required": false; }; "disabled": { "alias": "auDisabled"; "required": false; }; "maxRating": { "alias": "auMaxRating"; "required": false; }; "rating": { "alias": "auRating"; "required": false; }; "readonly": { "alias": "auReadonly"; "required": false; }; "resettable": { "alias": "auResettable"; "required": false; }; "slotStar": { "alias": "auSlotStar"; "required": false; }; "tabindex": { "alias": "auTabindex"; "required": false; }; "className": { "alias": "auClassName"; "required": false; }; "ariaLabel": { "alias": "auAriaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "auAriaLabelledBy"; "required": false; }; }, { "hover": "auHover"; "leave": "auLeave"; "ratingChange": "auRatingChange"; }, ["slotStarFromContent"], never, true, never>;
|
|
89
|
+
static ngAcceptInputType_disabled: unknown;
|
|
90
|
+
static ngAcceptInputType_maxRating: unknown;
|
|
91
|
+
static ngAcceptInputType_rating: unknown;
|
|
92
|
+
static ngAcceptInputType_readonly: unknown;
|
|
93
|
+
static ngAcceptInputType_resettable: unknown;
|
|
94
|
+
static ngAcceptInputType_tabindex: unknown;
|
|
95
|
+
}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { AdaptWidgetSlots, WidgetProps, WidgetState, WidgetFactory } from '@agnos-ui/angular-headless';
|
|
2
|
+
export * from '@agnos-ui/core-bootstrap/components/rating';
|
|
3
|
+
export type RatingWidget = AdaptWidgetSlots<import('@agnos-ui/core-bootstrap/components/rating').RatingWidget>;
|
|
4
|
+
export type RatingProps = WidgetProps<RatingWidget>;
|
|
5
|
+
export type RatingState = WidgetState<RatingWidget>;
|
|
6
|
+
export declare const createRating: WidgetFactory<RatingWidget>;
|
|
@@ -0,0 +1,107 @@
|
|
|
1
|
+
import type { SlotContent } from '@agnos-ui/angular-headless';
|
|
2
|
+
import { BaseWidgetDirective } from '@agnos-ui/angular-headless';
|
|
3
|
+
import type { AfterContentChecked } from '@angular/core';
|
|
4
|
+
import { EventEmitter, TemplateRef } from '@angular/core';
|
|
5
|
+
import type { Placement } from '@floating-ui/dom';
|
|
6
|
+
import type { ItemContext, SelectItemContext, SelectWidget } from './select';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
export declare class SelectBadgeLabelDirective<Item> {
|
|
9
|
+
templateRef: TemplateRef<any>;
|
|
10
|
+
static ngTemplateContextGuard<Item>(_dir: SelectBadgeLabelDirective<Item>, context: unknown): context is SelectItemContext<Item>;
|
|
11
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SelectBadgeLabelDirective<any>, never>;
|
|
12
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<SelectBadgeLabelDirective<any>, "ng-template[auSelectBadgeLabel]", never, {}, {}, never, never, true, never>;
|
|
13
|
+
}
|
|
14
|
+
export declare class SelectItemDirective<Item> {
|
|
15
|
+
templateRef: TemplateRef<any>;
|
|
16
|
+
static ngTemplateContextGuard<Item>(_dir: SelectItemDirective<Item>, context: unknown): context is SelectItemContext<Item>;
|
|
17
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SelectItemDirective<any>, never>;
|
|
18
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<SelectItemDirective<any>, "ng-template[auSelectItem]", never, {}, {}, never, never, true, never>;
|
|
19
|
+
}
|
|
20
|
+
export declare class SelectComponent<Item> extends BaseWidgetDirective<SelectWidget<Item>> implements AfterContentChecked {
|
|
21
|
+
/**
|
|
22
|
+
* aria-label used for the input inside the select
|
|
23
|
+
*/
|
|
24
|
+
ariaLabel: string | undefined;
|
|
25
|
+
/**
|
|
26
|
+
* id used for the input inside the select
|
|
27
|
+
*/
|
|
28
|
+
id: string | undefined;
|
|
29
|
+
/**
|
|
30
|
+
* List of available items for the dropdown
|
|
31
|
+
*/
|
|
32
|
+
items: Item[] | undefined;
|
|
33
|
+
/**
|
|
34
|
+
* List of allowed placements for the dropdown.
|
|
35
|
+
* This refers to the [allowedPlacements from floating UI](https://floating-ui.com/docs/autoPlacement#allowedplacements), given the different [Placement possibilities](https://floating-ui.com/docs/computePosition#placement).
|
|
36
|
+
*/
|
|
37
|
+
allowedPlacements: Placement[] | undefined;
|
|
38
|
+
/**
|
|
39
|
+
* true if the select is open
|
|
40
|
+
*/
|
|
41
|
+
open: boolean | undefined;
|
|
42
|
+
/**
|
|
43
|
+
* Filtered text to be display in the filter input
|
|
44
|
+
*/
|
|
45
|
+
filterText: string | undefined;
|
|
46
|
+
/**
|
|
47
|
+
* CSS classes to be applied on the widget main container
|
|
48
|
+
*/
|
|
49
|
+
className: string | undefined;
|
|
50
|
+
/**
|
|
51
|
+
* true if the select is disabled
|
|
52
|
+
*/
|
|
53
|
+
disabled: boolean | undefined;
|
|
54
|
+
/**
|
|
55
|
+
* List of selected item ids
|
|
56
|
+
*/
|
|
57
|
+
selected: Item[] | undefined;
|
|
58
|
+
/**
|
|
59
|
+
* true if a loading process is being done
|
|
60
|
+
*/
|
|
61
|
+
loading: boolean | undefined;
|
|
62
|
+
/**
|
|
63
|
+
* Custom function to get the id of an item
|
|
64
|
+
* By default, the item is returned
|
|
65
|
+
*/
|
|
66
|
+
itemIdFn: ((item: Item) => string) | undefined;
|
|
67
|
+
/**
|
|
68
|
+
* Class to be added on the dropdown menu container
|
|
69
|
+
*/
|
|
70
|
+
menuClassName: string | undefined;
|
|
71
|
+
slotBadgeLabel: SlotContent<SelectItemContext<Item>>;
|
|
72
|
+
slotSelectBadgeLabelFromContent: SelectBadgeLabelDirective<Item> | undefined;
|
|
73
|
+
slotItem: SlotContent<SelectItemContext<Item>>;
|
|
74
|
+
slotSelectItemFromContent: SelectItemDirective<Item> | undefined;
|
|
75
|
+
/**
|
|
76
|
+
* Callback called when the text filter change
|
|
77
|
+
*/
|
|
78
|
+
filterTextChange: EventEmitter<string>;
|
|
79
|
+
/**
|
|
80
|
+
* Callback called when the selection change
|
|
81
|
+
*/
|
|
82
|
+
selectedChange: EventEmitter<Item[]>;
|
|
83
|
+
/**
|
|
84
|
+
* Callback called dropdown open state change
|
|
85
|
+
*/
|
|
86
|
+
openChange: EventEmitter<boolean>;
|
|
87
|
+
/**
|
|
88
|
+
* Class to be added on menu items
|
|
89
|
+
*/
|
|
90
|
+
menuItemClassName: string | undefined;
|
|
91
|
+
/**
|
|
92
|
+
* Class to be added on selected items (displayed in the input zone)
|
|
93
|
+
*/
|
|
94
|
+
badgeClassName: string | undefined;
|
|
95
|
+
/**
|
|
96
|
+
* Retrieves navigable elements within an HTML element containing badges and the input.
|
|
97
|
+
*/
|
|
98
|
+
navSelector: ((node: HTMLElement) => NodeListOf<HTMLSpanElement | HTMLInputElement>) | undefined;
|
|
99
|
+
readonly _widget: import("@agnos-ui/angular-headless").AngularWidget<SelectWidget<Item>>;
|
|
100
|
+
itemCtxTrackBy(_: number, itemContext: ItemContext<Item>): string;
|
|
101
|
+
ngAfterContentChecked(): void;
|
|
102
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent<any>, never>;
|
|
103
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent<any>, "[auSelect]", never, { "ariaLabel": { "alias": "auAriaLabel"; "required": false; }; "id": { "alias": "auId"; "required": false; }; "items": { "alias": "auItems"; "required": false; }; "allowedPlacements": { "alias": "auAllowedPlacements"; "required": false; }; "open": { "alias": "auOpen"; "required": false; }; "filterText": { "alias": "auFilterText"; "required": false; }; "className": { "alias": "auClassName"; "required": false; }; "disabled": { "alias": "auDisabled"; "required": false; }; "selected": { "alias": "auSelected"; "required": false; }; "loading": { "alias": "auLoading"; "required": false; }; "itemIdFn": { "alias": "auItemIdFn"; "required": false; }; "menuClassName": { "alias": "auMenuClassName"; "required": false; }; "slotBadgeLabel": { "alias": "auSlotBadgeLabel"; "required": false; }; "slotItem": { "alias": "auSlotItem"; "required": false; }; "menuItemClassName": { "alias": "auMenuItemClassName"; "required": false; }; "badgeClassName": { "alias": "auBadgeClassName"; "required": false; }; "navSelector": { "alias": "auNavSelector"; "required": false; }; }, { "filterTextChange": "auFilterTextChange"; "selectedChange": "auSelectedChange"; "openChange": "auOpenChange"; }, ["slotSelectBadgeLabelFromContent", "slotSelectItemFromContent"], never, true, never>;
|
|
104
|
+
static ngAcceptInputType_open: unknown;
|
|
105
|
+
static ngAcceptInputType_disabled: unknown;
|
|
106
|
+
static ngAcceptInputType_loading: unknown;
|
|
107
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { AdaptWidgetSlots, WidgetProps, WidgetState, AdaptSlotContentProps, PropsConfig } from '@agnos-ui/angular-headless';
|
|
2
|
+
export * from '@agnos-ui/core-bootstrap/components/select';
|
|
3
|
+
export type SelectWidget<Item> = AdaptWidgetSlots<import('@agnos-ui/core-bootstrap/components/select').SelectWidget<Item>>;
|
|
4
|
+
export type SelectProps<Item> = WidgetProps<SelectWidget<Item>>;
|
|
5
|
+
export type SelectState<Item> = WidgetState<SelectWidget<Item>>;
|
|
6
|
+
export type SelectContext<Item> = AdaptSlotContentProps<import('@agnos-ui/core-bootstrap/components/select').SelectContext<Item>>;
|
|
7
|
+
export type SelectItemContext<Item> = AdaptSlotContentProps<import('@agnos-ui/core-bootstrap/components/select').SelectItemContext<Item>>;
|
|
8
|
+
export declare const createSelect: <Item>(propsConfig?: PropsConfig<SelectProps<Item>>) => SelectWidget<Item>;
|