ng-primitives 0.99.0 → 0.99.2
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/accordion/index.d.ts +17 -5
- package/fesm2022/ng-primitives-a11y.mjs.map +1 -1
- package/fesm2022/ng-primitives-accordion.mjs +1 -1
- package/fesm2022/ng-primitives-accordion.mjs.map +1 -1
- package/fesm2022/ng-primitives-autofill.mjs.map +1 -1
- package/fesm2022/ng-primitives-avatar.mjs.map +1 -1
- package/fesm2022/ng-primitives-breadcrumbs.mjs.map +1 -1
- package/fesm2022/ng-primitives-button.mjs.map +1 -1
- package/fesm2022/ng-primitives-checkbox.mjs.map +1 -1
- package/fesm2022/ng-primitives-file-upload.mjs +9 -3
- package/fesm2022/ng-primitives-file-upload.mjs.map +1 -1
- package/fesm2022/ng-primitives-focus-trap.mjs.map +1 -1
- package/fesm2022/ng-primitives-form-field.mjs.map +1 -1
- package/fesm2022/ng-primitives-input.mjs.map +1 -1
- package/fesm2022/ng-primitives-menu.mjs +79 -6
- package/fesm2022/ng-primitives-menu.mjs.map +1 -1
- package/fesm2022/ng-primitives-progress.mjs +23 -6
- package/fesm2022/ng-primitives-progress.mjs.map +1 -1
- package/fesm2022/ng-primitives-roving-focus.mjs.map +1 -1
- package/fesm2022/ng-primitives-separator.mjs.map +1 -1
- package/fesm2022/ng-primitives-slider.mjs +1 -0
- package/fesm2022/ng-primitives-slider.mjs.map +1 -1
- package/fesm2022/ng-primitives-switch.mjs.map +1 -1
- package/fesm2022/ng-primitives-tabs.mjs +9 -3
- package/fesm2022/ng-primitives-tabs.mjs.map +1 -1
- package/fesm2022/ng-primitives-textarea.mjs.map +1 -1
- package/fesm2022/ng-primitives-toggle-group.mjs.map +1 -1
- package/fesm2022/ng-primitives-toggle.mjs.map +1 -1
- package/fesm2022/ng-primitives-toolbar.mjs.map +1 -1
- package/file-upload/index.d.ts +20 -16
- package/input/index.d.ts +10 -5
- package/menu/index.d.ts +188 -17
- package/package.json +1 -1
- package/progress/index.d.ts +48 -36
- package/slider/index.d.ts +4 -4
- package/tabs/index.d.ts +20 -14
package/input/index.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import * as ng_primitives_utils from 'ng-primitives/utils';
|
|
2
|
+
import { NgpControlStatus } from 'ng-primitives/utils';
|
|
2
3
|
import * as _angular_core from '@angular/core';
|
|
3
4
|
import { Signal, WritableSignal } from '@angular/core';
|
|
4
5
|
import { BooleanInput } from '@angular/cdk/coercion';
|
|
@@ -33,6 +34,10 @@ interface NgpInputState {
|
|
|
33
34
|
* The id of the input.
|
|
34
35
|
*/
|
|
35
36
|
readonly id: Signal<string>;
|
|
37
|
+
/**
|
|
38
|
+
* The form control state.
|
|
39
|
+
*/
|
|
40
|
+
readonly status: Signal<NgpControlStatus>;
|
|
36
41
|
/**
|
|
37
42
|
* Whether the input is disabled.
|
|
38
43
|
*/
|
|
@@ -59,14 +64,14 @@ interface NgpInputProps {
|
|
|
59
64
|
declare const ngpInput: ({ id, disabled: _disabled }: NgpInputProps) => {
|
|
60
65
|
id: Signal<string>;
|
|
61
66
|
disabled: WritableSignal<boolean>;
|
|
62
|
-
status: Signal<
|
|
67
|
+
status: Signal<NgpControlStatus>;
|
|
63
68
|
setDisabled: (value: boolean) => void;
|
|
64
69
|
};
|
|
65
70
|
declare const injectInputState: {
|
|
66
71
|
(): Signal<{
|
|
67
72
|
id: Signal<string>;
|
|
68
73
|
disabled: WritableSignal<boolean>;
|
|
69
|
-
status: Signal<
|
|
74
|
+
status: Signal<NgpControlStatus>;
|
|
70
75
|
setDisabled: (value: boolean) => void;
|
|
71
76
|
}>;
|
|
72
77
|
(options: {
|
|
@@ -76,7 +81,7 @@ declare const injectInputState: {
|
|
|
76
81
|
}): Signal<{
|
|
77
82
|
id: Signal<string>;
|
|
78
83
|
disabled: WritableSignal<boolean>;
|
|
79
|
-
status: Signal<
|
|
84
|
+
status: Signal<NgpControlStatus>;
|
|
80
85
|
setDisabled: (value: boolean) => void;
|
|
81
86
|
} | null>;
|
|
82
87
|
(options?: {
|
|
@@ -86,12 +91,12 @@ declare const injectInputState: {
|
|
|
86
91
|
}): Signal<{
|
|
87
92
|
id: Signal<string>;
|
|
88
93
|
disabled: WritableSignal<boolean>;
|
|
89
|
-
status: Signal<
|
|
94
|
+
status: Signal<NgpControlStatus>;
|
|
90
95
|
setDisabled: (value: boolean) => void;
|
|
91
96
|
}> | Signal<{
|
|
92
97
|
id: Signal<string>;
|
|
93
98
|
disabled: WritableSignal<boolean>;
|
|
94
|
-
status: Signal<
|
|
99
|
+
status: Signal<NgpControlStatus>;
|
|
95
100
|
setDisabled: (value: boolean) => void;
|
|
96
101
|
} | null>;
|
|
97
102
|
};
|
package/menu/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { NgpOverlayContent, NgpOffset, NgpOffsetInput, NgpShift, NgpShiftInput } from 'ng-primitives/portal';
|
|
2
2
|
export { injectOverlayContext as injectMenuContext } from 'ng-primitives/portal';
|
|
3
3
|
import * as _angular_core from '@angular/core';
|
|
4
|
-
import { Provider, Signal } from '@angular/core';
|
|
4
|
+
import { Provider, Signal, WritableSignal } from '@angular/core';
|
|
5
5
|
import { FocusOrigin } from '@angular/cdk/a11y';
|
|
6
6
|
import { BooleanInput } from '@angular/cdk/coercion';
|
|
7
7
|
import { Subject } from 'rxjs';
|
|
@@ -160,11 +160,15 @@ declare const provideMenuItemState: (opts?: {
|
|
|
160
160
|
inherit?: boolean;
|
|
161
161
|
}) => _angular_core.FactoryProvider;
|
|
162
162
|
|
|
163
|
-
interface NgpMenuTriggerState {
|
|
163
|
+
interface NgpMenuTriggerState<T = unknown> {
|
|
164
|
+
/**
|
|
165
|
+
* The menu template or component.
|
|
166
|
+
*/
|
|
167
|
+
readonly menu: WritableSignal<NgpOverlayContent<any> | undefined>;
|
|
164
168
|
/**
|
|
165
169
|
* The computed placement of the menu.
|
|
166
170
|
*/
|
|
167
|
-
readonly placement:
|
|
171
|
+
readonly placement: WritableSignal<NgpMenuPlacement>;
|
|
168
172
|
/**
|
|
169
173
|
* Whether the menu is open.
|
|
170
174
|
*/
|
|
@@ -172,7 +176,44 @@ interface NgpMenuTriggerState {
|
|
|
172
176
|
/**
|
|
173
177
|
* The offset of the menu.
|
|
174
178
|
*/
|
|
175
|
-
readonly offset:
|
|
179
|
+
readonly offset: WritableSignal<NgpOffset>;
|
|
180
|
+
/**
|
|
181
|
+
* The disabled state of the trigger.
|
|
182
|
+
*/
|
|
183
|
+
readonly disabled: WritableSignal<boolean>;
|
|
184
|
+
/**
|
|
185
|
+
* Whether the menu should flip when there is not enough space.
|
|
186
|
+
*/
|
|
187
|
+
readonly flip: WritableSignal<boolean>;
|
|
188
|
+
/**
|
|
189
|
+
* The context provided to the menu.
|
|
190
|
+
*/
|
|
191
|
+
readonly context?: WritableSignal<T | undefined>;
|
|
192
|
+
/**
|
|
193
|
+
* Set whether the trigger is disabled.
|
|
194
|
+
* @param isDisabled - Whether the trigger is disabled
|
|
195
|
+
*/
|
|
196
|
+
setDisabled(isDisabled: boolean): void;
|
|
197
|
+
/**
|
|
198
|
+
* Set whether the menu should flip when there is not enough space.
|
|
199
|
+
* @param shouldFlip - Whether the menu should flip
|
|
200
|
+
*/
|
|
201
|
+
setFlip(shouldFlip: boolean): void;
|
|
202
|
+
/**
|
|
203
|
+
* Set the placement of the menu.
|
|
204
|
+
* @param placement - The new placement
|
|
205
|
+
*/
|
|
206
|
+
setPlacement(placement: NgpMenuPlacement): void;
|
|
207
|
+
/**
|
|
208
|
+
* Set the offset of the menu.
|
|
209
|
+
* @param offset - The new offset
|
|
210
|
+
*/
|
|
211
|
+
setOffset(offset: NgpOffset): void;
|
|
212
|
+
/**
|
|
213
|
+
* Set the context provided to the menu.
|
|
214
|
+
* @param context - The new context
|
|
215
|
+
*/
|
|
216
|
+
setContext(context: T | undefined): void;
|
|
176
217
|
/**
|
|
177
218
|
* Show the menu.
|
|
178
219
|
*/
|
|
@@ -188,6 +229,11 @@ interface NgpMenuTriggerState {
|
|
|
188
229
|
* @param event - The mouse event
|
|
189
230
|
*/
|
|
190
231
|
toggle(event: MouseEvent): void;
|
|
232
|
+
/**
|
|
233
|
+
* Set the menu content.
|
|
234
|
+
* @param menu - The new menu
|
|
235
|
+
*/
|
|
236
|
+
setMenu(menu: NgpOverlayContent<any>): void;
|
|
191
237
|
}
|
|
192
238
|
interface NgpMenuTriggerProps<T = unknown> {
|
|
193
239
|
/**
|
|
@@ -231,43 +277,83 @@ interface NgpMenuTriggerProps<T = unknown> {
|
|
|
231
277
|
}
|
|
232
278
|
declare const injectMenuTriggerState: {
|
|
233
279
|
(): Signal<{
|
|
234
|
-
|
|
280
|
+
menu: WritableSignal<NgpOverlayContent<unknown> | undefined>;
|
|
281
|
+
placement: WritableSignal<NgpMenuPlacement>;
|
|
282
|
+
offset: WritableSignal<NgpOffset>;
|
|
283
|
+
disabled: WritableSignal<boolean>;
|
|
284
|
+
context: WritableSignal<unknown>;
|
|
235
285
|
open: Signal<boolean>;
|
|
236
|
-
offset: Signal<NgpOffset>;
|
|
237
286
|
show: () => void;
|
|
238
287
|
hide: (origin?: FocusOrigin) => void;
|
|
239
288
|
toggle: (event: MouseEvent) => void;
|
|
289
|
+
setDisabled: (isDisabled: boolean) => void;
|
|
290
|
+
setMenu: (newMenu: NgpOverlayContent<unknown> | undefined) => void;
|
|
291
|
+
setFlip: (shouldFlip: boolean) => void;
|
|
292
|
+
setPlacement: (newPlacement: NgpMenuPlacement) => void;
|
|
293
|
+
setOffset: (newOffset: NgpOffset) => void;
|
|
294
|
+
setContext: (newContext: unknown) => void;
|
|
295
|
+
flip: WritableSignal<boolean>;
|
|
240
296
|
}>;
|
|
241
297
|
(options: {
|
|
242
298
|
hoisted: true;
|
|
243
299
|
optional?: boolean;
|
|
244
300
|
skipSelf?: boolean;
|
|
245
301
|
}): Signal<{
|
|
246
|
-
|
|
302
|
+
menu: WritableSignal<NgpOverlayContent<unknown> | undefined>;
|
|
303
|
+
placement: WritableSignal<NgpMenuPlacement>;
|
|
304
|
+
offset: WritableSignal<NgpOffset>;
|
|
305
|
+
disabled: WritableSignal<boolean>;
|
|
306
|
+
context: WritableSignal<unknown>;
|
|
247
307
|
open: Signal<boolean>;
|
|
248
|
-
offset: Signal<NgpOffset>;
|
|
249
308
|
show: () => void;
|
|
250
309
|
hide: (origin?: FocusOrigin) => void;
|
|
251
310
|
toggle: (event: MouseEvent) => void;
|
|
311
|
+
setDisabled: (isDisabled: boolean) => void;
|
|
312
|
+
setMenu: (newMenu: NgpOverlayContent<unknown> | undefined) => void;
|
|
313
|
+
setFlip: (shouldFlip: boolean) => void;
|
|
314
|
+
setPlacement: (newPlacement: NgpMenuPlacement) => void;
|
|
315
|
+
setOffset: (newOffset: NgpOffset) => void;
|
|
316
|
+
setContext: (newContext: unknown) => void;
|
|
317
|
+
flip: WritableSignal<boolean>;
|
|
252
318
|
} | null>;
|
|
253
319
|
(options?: {
|
|
254
320
|
hoisted?: boolean;
|
|
255
321
|
optional?: boolean;
|
|
256
322
|
skipSelf?: boolean;
|
|
257
323
|
}): Signal<{
|
|
258
|
-
|
|
324
|
+
menu: WritableSignal<NgpOverlayContent<unknown> | undefined>;
|
|
325
|
+
placement: WritableSignal<NgpMenuPlacement>;
|
|
326
|
+
offset: WritableSignal<NgpOffset>;
|
|
327
|
+
disabled: WritableSignal<boolean>;
|
|
328
|
+
context: WritableSignal<unknown>;
|
|
259
329
|
open: Signal<boolean>;
|
|
260
|
-
offset: Signal<NgpOffset>;
|
|
261
330
|
show: () => void;
|
|
262
331
|
hide: (origin?: FocusOrigin) => void;
|
|
263
332
|
toggle: (event: MouseEvent) => void;
|
|
333
|
+
setDisabled: (isDisabled: boolean) => void;
|
|
334
|
+
setMenu: (newMenu: NgpOverlayContent<unknown> | undefined) => void;
|
|
335
|
+
setFlip: (shouldFlip: boolean) => void;
|
|
336
|
+
setPlacement: (newPlacement: NgpMenuPlacement) => void;
|
|
337
|
+
setOffset: (newOffset: NgpOffset) => void;
|
|
338
|
+
setContext: (newContext: unknown) => void;
|
|
339
|
+
flip: WritableSignal<boolean>;
|
|
264
340
|
}> | Signal<{
|
|
265
|
-
|
|
341
|
+
menu: WritableSignal<NgpOverlayContent<unknown> | undefined>;
|
|
342
|
+
placement: WritableSignal<NgpMenuPlacement>;
|
|
343
|
+
offset: WritableSignal<NgpOffset>;
|
|
344
|
+
disabled: WritableSignal<boolean>;
|
|
345
|
+
context: WritableSignal<unknown>;
|
|
266
346
|
open: Signal<boolean>;
|
|
267
|
-
offset: Signal<NgpOffset>;
|
|
268
347
|
show: () => void;
|
|
269
348
|
hide: (origin?: FocusOrigin) => void;
|
|
270
349
|
toggle: (event: MouseEvent) => void;
|
|
350
|
+
setDisabled: (isDisabled: boolean) => void;
|
|
351
|
+
setMenu: (newMenu: NgpOverlayContent<unknown> | undefined) => void;
|
|
352
|
+
setFlip: (shouldFlip: boolean) => void;
|
|
353
|
+
setPlacement: (newPlacement: NgpMenuPlacement) => void;
|
|
354
|
+
setOffset: (newOffset: NgpOffset) => void;
|
|
355
|
+
setContext: (newContext: unknown) => void;
|
|
356
|
+
flip: WritableSignal<boolean>;
|
|
271
357
|
} | null>;
|
|
272
358
|
};
|
|
273
359
|
declare const provideMenuTriggerState: (opts?: {
|
|
@@ -377,10 +463,30 @@ declare class NgpSubmenuTrigger<T = unknown> {
|
|
|
377
463
|
}
|
|
378
464
|
|
|
379
465
|
interface NgpSubmenuTriggerState {
|
|
466
|
+
/**
|
|
467
|
+
* The menu template or component.
|
|
468
|
+
*/
|
|
469
|
+
readonly menu: WritableSignal<NgpOverlayContent<any> | undefined>;
|
|
380
470
|
/**
|
|
381
471
|
* The computed placement of the menu.
|
|
382
472
|
*/
|
|
383
|
-
readonly placement:
|
|
473
|
+
readonly placement: WritableSignal<NgpMenuPlacement>;
|
|
474
|
+
/**
|
|
475
|
+
* Whether the menu is open.
|
|
476
|
+
*/
|
|
477
|
+
readonly open: Signal<boolean>;
|
|
478
|
+
/**
|
|
479
|
+
* The offset of the menu.
|
|
480
|
+
*/
|
|
481
|
+
readonly offset: WritableSignal<NgpOffset>;
|
|
482
|
+
/**
|
|
483
|
+
* The disabled state of the trigger.
|
|
484
|
+
*/
|
|
485
|
+
readonly disabled: WritableSignal<boolean>;
|
|
486
|
+
/**
|
|
487
|
+
* Whether the menu should flip when there is not enough space.
|
|
488
|
+
*/
|
|
489
|
+
readonly flip: WritableSignal<boolean>;
|
|
384
490
|
/**
|
|
385
491
|
* Show the menu.
|
|
386
492
|
*/
|
|
@@ -395,6 +501,31 @@ interface NgpSubmenuTriggerState {
|
|
|
395
501
|
* @param event - The mouse event
|
|
396
502
|
*/
|
|
397
503
|
toggle(event: MouseEvent): void;
|
|
504
|
+
/**
|
|
505
|
+
* Set whether the trigger is disabled.
|
|
506
|
+
* @param isDisabled - Whether the trigger is disabled
|
|
507
|
+
*/
|
|
508
|
+
setDisabled(isDisabled: boolean): void;
|
|
509
|
+
/**
|
|
510
|
+
* Set the menu template or component.
|
|
511
|
+
* @param menu - The menu content
|
|
512
|
+
*/
|
|
513
|
+
setMenu(menu: NgpOverlayContent<any> | undefined): void;
|
|
514
|
+
/**
|
|
515
|
+
* Set the placement of the menu.
|
|
516
|
+
* @param placement - The menu placement
|
|
517
|
+
*/
|
|
518
|
+
setPlacement(placement: NgpMenuPlacement): void;
|
|
519
|
+
/**
|
|
520
|
+
* Set the offset of the menu.
|
|
521
|
+
* @param offset - The menu offset
|
|
522
|
+
*/
|
|
523
|
+
setOffset(offset: NgpOffset): void;
|
|
524
|
+
/**
|
|
525
|
+
* Set whether the menu should flip when there is not enough space.
|
|
526
|
+
* @param shouldFlip - Whether the menu should flip
|
|
527
|
+
*/
|
|
528
|
+
setFlip(shouldFlip: boolean): void;
|
|
398
529
|
}
|
|
399
530
|
interface NgpSubmenuTriggerProps<T = unknown> {
|
|
400
531
|
/**
|
|
@@ -420,35 +551,75 @@ interface NgpSubmenuTriggerProps<T = unknown> {
|
|
|
420
551
|
}
|
|
421
552
|
declare const injectSubmenuTriggerState: {
|
|
422
553
|
(): Signal<{
|
|
423
|
-
placement:
|
|
554
|
+
placement: WritableSignal<NgpMenuPlacement>;
|
|
555
|
+
offset: WritableSignal<NgpOffset>;
|
|
556
|
+
disabled: WritableSignal<boolean>;
|
|
557
|
+
menu: WritableSignal<NgpOverlayContent<unknown> | undefined>;
|
|
558
|
+
flip: WritableSignal<boolean>;
|
|
559
|
+
open: Signal<boolean>;
|
|
424
560
|
show: () => void;
|
|
425
561
|
hide: (origin?: FocusOrigin) => void;
|
|
426
562
|
toggle: (event: MouseEvent) => void;
|
|
563
|
+
setDisabled: (isDisabled: boolean) => void;
|
|
564
|
+
setMenu: (newMenu: NgpOverlayContent<unknown> | undefined) => void;
|
|
565
|
+
setFlip: (shouldFlip: boolean) => void;
|
|
566
|
+
setPlacement: (newPlacement: NgpMenuPlacement) => void;
|
|
567
|
+
setOffset: (newOffset: NgpOffset) => void;
|
|
427
568
|
}>;
|
|
428
569
|
(options: {
|
|
429
570
|
hoisted: true;
|
|
430
571
|
optional?: boolean;
|
|
431
572
|
skipSelf?: boolean;
|
|
432
573
|
}): Signal<{
|
|
433
|
-
placement:
|
|
574
|
+
placement: WritableSignal<NgpMenuPlacement>;
|
|
575
|
+
offset: WritableSignal<NgpOffset>;
|
|
576
|
+
disabled: WritableSignal<boolean>;
|
|
577
|
+
menu: WritableSignal<NgpOverlayContent<unknown> | undefined>;
|
|
578
|
+
flip: WritableSignal<boolean>;
|
|
579
|
+
open: Signal<boolean>;
|
|
434
580
|
show: () => void;
|
|
435
581
|
hide: (origin?: FocusOrigin) => void;
|
|
436
582
|
toggle: (event: MouseEvent) => void;
|
|
583
|
+
setDisabled: (isDisabled: boolean) => void;
|
|
584
|
+
setMenu: (newMenu: NgpOverlayContent<unknown> | undefined) => void;
|
|
585
|
+
setFlip: (shouldFlip: boolean) => void;
|
|
586
|
+
setPlacement: (newPlacement: NgpMenuPlacement) => void;
|
|
587
|
+
setOffset: (newOffset: NgpOffset) => void;
|
|
437
588
|
} | null>;
|
|
438
589
|
(options?: {
|
|
439
590
|
hoisted?: boolean;
|
|
440
591
|
optional?: boolean;
|
|
441
592
|
skipSelf?: boolean;
|
|
442
593
|
}): Signal<{
|
|
443
|
-
placement:
|
|
594
|
+
placement: WritableSignal<NgpMenuPlacement>;
|
|
595
|
+
offset: WritableSignal<NgpOffset>;
|
|
596
|
+
disabled: WritableSignal<boolean>;
|
|
597
|
+
menu: WritableSignal<NgpOverlayContent<unknown> | undefined>;
|
|
598
|
+
flip: WritableSignal<boolean>;
|
|
599
|
+
open: Signal<boolean>;
|
|
444
600
|
show: () => void;
|
|
445
601
|
hide: (origin?: FocusOrigin) => void;
|
|
446
602
|
toggle: (event: MouseEvent) => void;
|
|
603
|
+
setDisabled: (isDisabled: boolean) => void;
|
|
604
|
+
setMenu: (newMenu: NgpOverlayContent<unknown> | undefined) => void;
|
|
605
|
+
setFlip: (shouldFlip: boolean) => void;
|
|
606
|
+
setPlacement: (newPlacement: NgpMenuPlacement) => void;
|
|
607
|
+
setOffset: (newOffset: NgpOffset) => void;
|
|
447
608
|
}> | Signal<{
|
|
448
|
-
placement:
|
|
609
|
+
placement: WritableSignal<NgpMenuPlacement>;
|
|
610
|
+
offset: WritableSignal<NgpOffset>;
|
|
611
|
+
disabled: WritableSignal<boolean>;
|
|
612
|
+
menu: WritableSignal<NgpOverlayContent<unknown> | undefined>;
|
|
613
|
+
flip: WritableSignal<boolean>;
|
|
614
|
+
open: Signal<boolean>;
|
|
449
615
|
show: () => void;
|
|
450
616
|
hide: (origin?: FocusOrigin) => void;
|
|
451
617
|
toggle: (event: MouseEvent) => void;
|
|
618
|
+
setDisabled: (isDisabled: boolean) => void;
|
|
619
|
+
setMenu: (newMenu: NgpOverlayContent<unknown> | undefined) => void;
|
|
620
|
+
setFlip: (shouldFlip: boolean) => void;
|
|
621
|
+
setPlacement: (newPlacement: NgpMenuPlacement) => void;
|
|
622
|
+
setOffset: (newOffset: NgpOffset) => void;
|
|
452
623
|
} | null>;
|
|
453
624
|
};
|
|
454
625
|
declare const provideSubmenuTriggerState: (opts?: {
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "ng-primitives",
|
|
3
3
|
"description": "Angular Primitives is a low-level headless UI component library with a focus on accessibility, customization, and developer experience. ",
|
|
4
4
|
"license": "Apache-2.0",
|
|
5
|
-
"version": "0.99.
|
|
5
|
+
"version": "0.99.2",
|
|
6
6
|
"keywords": [
|
|
7
7
|
"angular",
|
|
8
8
|
"primitives",
|
package/progress/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import { Signal } from '@angular/core';
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { Signal, WritableSignal } from '@angular/core';
|
|
3
3
|
import { NumberInput } from '@angular/cdk/coercion';
|
|
4
4
|
|
|
5
5
|
/**
|
|
@@ -8,30 +8,30 @@ import { NumberInput } from '@angular/cdk/coercion';
|
|
|
8
8
|
*/
|
|
9
9
|
declare class NgpProgressIndicator {
|
|
10
10
|
constructor();
|
|
11
|
-
static ɵfac:
|
|
12
|
-
static ɵdir:
|
|
11
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgpProgressIndicator, never>;
|
|
12
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<NgpProgressIndicator, "[ngpProgressIndicator]", never, {}, {}, never, never, true, never>;
|
|
13
13
|
}
|
|
14
14
|
|
|
15
15
|
declare class NgpProgressLabel {
|
|
16
16
|
/**
|
|
17
17
|
* The unique identifier for the progress label.
|
|
18
18
|
*/
|
|
19
|
-
readonly id:
|
|
19
|
+
readonly id: i0.InputSignal<string>;
|
|
20
20
|
constructor();
|
|
21
|
-
static ɵfac:
|
|
22
|
-
static ɵdir:
|
|
21
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgpProgressLabel, never>;
|
|
22
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<NgpProgressLabel, "[ngpProgressLabel]", ["ngpProgressLabel"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
23
23
|
}
|
|
24
24
|
|
|
25
25
|
declare class NgpProgressTrack {
|
|
26
26
|
constructor();
|
|
27
|
-
static ɵfac:
|
|
28
|
-
static ɵdir:
|
|
27
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgpProgressTrack, never>;
|
|
28
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<NgpProgressTrack, "[ngpProgressTrack]", ["ngpProgressTrack"], {}, {}, never, never, true, never>;
|
|
29
29
|
}
|
|
30
30
|
|
|
31
31
|
declare class NgpProgressValue {
|
|
32
32
|
constructor();
|
|
33
|
-
static ɵfac:
|
|
34
|
-
static ɵdir:
|
|
33
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgpProgressValue, never>;
|
|
34
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<NgpProgressValue, "[ngpProgressValue]", ["ngpProgressValue"], {}, {}, never, never, true, never>;
|
|
35
35
|
}
|
|
36
36
|
|
|
37
37
|
/**
|
|
@@ -41,28 +41,28 @@ declare class NgpProgress {
|
|
|
41
41
|
/**
|
|
42
42
|
* Define the progress value.
|
|
43
43
|
*/
|
|
44
|
-
readonly value:
|
|
44
|
+
readonly value: i0.InputSignalWithTransform<number | null, NumberInput>;
|
|
45
45
|
/**
|
|
46
46
|
* Define the progress min value.
|
|
47
47
|
* @default '0'
|
|
48
48
|
*/
|
|
49
|
-
readonly min:
|
|
49
|
+
readonly min: i0.InputSignalWithTransform<number, NumberInput>;
|
|
50
50
|
/**
|
|
51
51
|
* Define the progress max value.
|
|
52
52
|
* @default 100
|
|
53
53
|
*/
|
|
54
|
-
readonly max:
|
|
54
|
+
readonly max: i0.InputSignalWithTransform<number, NumberInput>;
|
|
55
55
|
/**
|
|
56
56
|
* Define a function that returns the progress value label.
|
|
57
57
|
* @param value The current value
|
|
58
58
|
* @param max The maximum value
|
|
59
59
|
* @returns The value label
|
|
60
60
|
*/
|
|
61
|
-
readonly valueLabel:
|
|
61
|
+
readonly valueLabel: i0.InputSignal<NgpProgressValueTextFn>;
|
|
62
62
|
/**
|
|
63
63
|
* The unique identifier for the progress.
|
|
64
64
|
*/
|
|
65
|
-
readonly id:
|
|
65
|
+
readonly id: i0.InputSignal<string>;
|
|
66
66
|
/**
|
|
67
67
|
* The state of the progress bar.
|
|
68
68
|
* @internal
|
|
@@ -71,72 +71,84 @@ declare class NgpProgress {
|
|
|
71
71
|
/**
|
|
72
72
|
* Get the progress value text.
|
|
73
73
|
*/
|
|
74
|
-
protected readonly valueText:
|
|
75
|
-
static ɵfac:
|
|
76
|
-
static ɵdir:
|
|
74
|
+
protected readonly valueText: i0.Signal<string>;
|
|
75
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NgpProgress, never>;
|
|
76
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<NgpProgress, "[ngpProgress]", never, { "value": { "alias": "ngpProgressValue"; "required": false; "isSignal": true; }; "min": { "alias": "ngpProgressMin"; "required": false; "isSignal": true; }; "max": { "alias": "ngpProgressMax"; "required": false; "isSignal": true; }; "valueLabel": { "alias": "ngpProgressValueLabel"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
77
77
|
}
|
|
78
78
|
type NgpProgressValueTextFn = (value: number, max: number) => string;
|
|
79
79
|
|
|
80
80
|
declare const injectProgressState: {
|
|
81
81
|
(): Signal<{
|
|
82
|
-
max:
|
|
83
|
-
min:
|
|
84
|
-
|
|
82
|
+
max: WritableSignal<number>;
|
|
83
|
+
min: WritableSignal<number>;
|
|
84
|
+
value: WritableSignal<number | null>;
|
|
85
|
+
labelId: WritableSignal<string | undefined>;
|
|
85
86
|
valueText: Signal<string>;
|
|
86
87
|
id: Signal<string>;
|
|
87
|
-
value: Signal<number | null>;
|
|
88
88
|
indeterminate: Signal<boolean>;
|
|
89
89
|
progressing: Signal<boolean>;
|
|
90
90
|
complete: Signal<boolean>;
|
|
91
91
|
setLabel: (id: string) => void;
|
|
92
|
+
setValue: (newValue: number | null) => void;
|
|
93
|
+
setMin: (newMin: number) => void;
|
|
94
|
+
setMax: (newMax: number) => void;
|
|
92
95
|
}>;
|
|
93
96
|
(options: {
|
|
94
97
|
hoisted: true;
|
|
95
98
|
optional?: boolean;
|
|
96
99
|
skipSelf?: boolean;
|
|
97
100
|
}): Signal<{
|
|
98
|
-
max:
|
|
99
|
-
min:
|
|
100
|
-
|
|
101
|
+
max: WritableSignal<number>;
|
|
102
|
+
min: WritableSignal<number>;
|
|
103
|
+
value: WritableSignal<number | null>;
|
|
104
|
+
labelId: WritableSignal<string | undefined>;
|
|
101
105
|
valueText: Signal<string>;
|
|
102
106
|
id: Signal<string>;
|
|
103
|
-
value: Signal<number | null>;
|
|
104
107
|
indeterminate: Signal<boolean>;
|
|
105
108
|
progressing: Signal<boolean>;
|
|
106
109
|
complete: Signal<boolean>;
|
|
107
110
|
setLabel: (id: string) => void;
|
|
111
|
+
setValue: (newValue: number | null) => void;
|
|
112
|
+
setMin: (newMin: number) => void;
|
|
113
|
+
setMax: (newMax: number) => void;
|
|
108
114
|
} | null>;
|
|
109
115
|
(options?: {
|
|
110
116
|
hoisted?: boolean;
|
|
111
117
|
optional?: boolean;
|
|
112
118
|
skipSelf?: boolean;
|
|
113
119
|
}): Signal<{
|
|
114
|
-
max:
|
|
115
|
-
min:
|
|
116
|
-
|
|
120
|
+
max: WritableSignal<number>;
|
|
121
|
+
min: WritableSignal<number>;
|
|
122
|
+
value: WritableSignal<number | null>;
|
|
123
|
+
labelId: WritableSignal<string | undefined>;
|
|
117
124
|
valueText: Signal<string>;
|
|
118
125
|
id: Signal<string>;
|
|
119
|
-
value: Signal<number | null>;
|
|
120
126
|
indeterminate: Signal<boolean>;
|
|
121
127
|
progressing: Signal<boolean>;
|
|
122
128
|
complete: Signal<boolean>;
|
|
123
129
|
setLabel: (id: string) => void;
|
|
130
|
+
setValue: (newValue: number | null) => void;
|
|
131
|
+
setMin: (newMin: number) => void;
|
|
132
|
+
setMax: (newMax: number) => void;
|
|
124
133
|
}> | Signal<{
|
|
125
|
-
max:
|
|
126
|
-
min:
|
|
127
|
-
|
|
134
|
+
max: WritableSignal<number>;
|
|
135
|
+
min: WritableSignal<number>;
|
|
136
|
+
value: WritableSignal<number | null>;
|
|
137
|
+
labelId: WritableSignal<string | undefined>;
|
|
128
138
|
valueText: Signal<string>;
|
|
129
139
|
id: Signal<string>;
|
|
130
|
-
value: Signal<number | null>;
|
|
131
140
|
indeterminate: Signal<boolean>;
|
|
132
141
|
progressing: Signal<boolean>;
|
|
133
142
|
complete: Signal<boolean>;
|
|
134
143
|
setLabel: (id: string) => void;
|
|
144
|
+
setValue: (newValue: number | null) => void;
|
|
145
|
+
setMin: (newMin: number) => void;
|
|
146
|
+
setMax: (newMax: number) => void;
|
|
135
147
|
} | null>;
|
|
136
148
|
};
|
|
137
149
|
declare const provideProgressState: (opts?: {
|
|
138
150
|
inherit?: boolean;
|
|
139
|
-
}) =>
|
|
151
|
+
}) => i0.FactoryProvider;
|
|
140
152
|
|
|
141
153
|
export { NgpProgress, NgpProgressIndicator, NgpProgressLabel, NgpProgressTrack, NgpProgressValue, injectProgressState, provideProgressState };
|
|
142
154
|
export type { NgpProgressValueTextFn };
|
package/slider/index.d.ts
CHANGED
|
@@ -422,19 +422,19 @@ interface NgpRangeSliderTrackState {
|
|
|
422
422
|
*/
|
|
423
423
|
interface NgpRangeSliderTrackProps {
|
|
424
424
|
}
|
|
425
|
-
declare const ngpRangeSliderTrack: ({}: NgpRangeSliderTrackProps) =>
|
|
425
|
+
declare const ngpRangeSliderTrack: ({}: NgpRangeSliderTrackProps) => {};
|
|
426
426
|
declare const injectRangeSliderTrackState: {
|
|
427
|
-
(): _angular_core.Signal<
|
|
427
|
+
(): _angular_core.Signal<{}>;
|
|
428
428
|
(options: {
|
|
429
429
|
hoisted: true;
|
|
430
430
|
optional?: boolean;
|
|
431
431
|
skipSelf?: boolean;
|
|
432
|
-
}): _angular_core.Signal<
|
|
432
|
+
}): _angular_core.Signal<{} | null>;
|
|
433
433
|
(options?: {
|
|
434
434
|
hoisted?: boolean;
|
|
435
435
|
optional?: boolean;
|
|
436
436
|
skipSelf?: boolean;
|
|
437
|
-
}): _angular_core.Signal<
|
|
437
|
+
}): _angular_core.Signal<{}> | _angular_core.Signal<{} | null>;
|
|
438
438
|
};
|
|
439
439
|
declare const provideRangeSliderTrackState: (opts?: {
|
|
440
440
|
inherit?: boolean;
|