@ng-primitives/mcp 0.126.0 → 0.128.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.
@@ -29,30 +29,6 @@
29
29
  "inputs": [],
30
30
  "outputs": []
31
31
  },
32
- "NgpAccordionItem": {
33
- "name": "NgpAccordionItem",
34
- "description": "Apply the `ngpAccordionItem` directive to an element that represents an accordion item.",
35
- "selector": "[ngpAccordionItem]",
36
- "exportAs": [
37
- "ngpAccordionItem"
38
- ],
39
- "inputs": [
40
- {
41
- "name": "ngpAccordionItemValue",
42
- "type": "T",
43
- "description": "The value of the accordion item.",
44
- "isRequired": false
45
- },
46
- {
47
- "name": "ngpAccordionItemDisabled",
48
- "type": "boolean",
49
- "description": "Whether the accordion item is disabled.",
50
- "isRequired": false,
51
- "defaultValue": "false"
52
- }
53
- ],
54
- "outputs": []
55
- },
56
32
  "NgpAccordion": {
57
33
  "name": "NgpAccordion",
58
34
  "description": "Apply the `ngpAccordion` directive to an element that represents the group of accordion items.",
@@ -105,6 +81,30 @@
105
81
  }
106
82
  ]
107
83
  },
84
+ "NgpAccordionItem": {
85
+ "name": "NgpAccordionItem",
86
+ "description": "Apply the `ngpAccordionItem` directive to an element that represents an accordion item.",
87
+ "selector": "[ngpAccordionItem]",
88
+ "exportAs": [
89
+ "ngpAccordionItem"
90
+ ],
91
+ "inputs": [
92
+ {
93
+ "name": "ngpAccordionItemValue",
94
+ "type": "T",
95
+ "description": "The value of the accordion item.",
96
+ "isRequired": false
97
+ },
98
+ {
99
+ "name": "ngpAccordionItemDisabled",
100
+ "type": "boolean",
101
+ "description": "Whether the accordion item is disabled.",
102
+ "isRequired": false,
103
+ "defaultValue": "false"
104
+ }
105
+ ],
106
+ "outputs": []
107
+ },
108
108
  "NgpThread": {
109
109
  "name": "NgpThread",
110
110
  "description": "",
@@ -115,6 +115,16 @@
115
115
  "inputs": [],
116
116
  "outputs": []
117
117
  },
118
+ "NgpThreadMessage": {
119
+ "name": "NgpThreadMessage",
120
+ "description": "",
121
+ "selector": "[ngpThreadMessage]",
122
+ "exportAs": [
123
+ "ngpThreadMessage"
124
+ ],
125
+ "inputs": [],
126
+ "outputs": []
127
+ },
118
128
  "NgpPromptComposer": {
119
129
  "name": "NgpPromptComposer",
120
130
  "description": "",
@@ -131,6 +141,16 @@
131
141
  }
132
142
  ]
133
143
  },
144
+ "NgpPromptComposerInput": {
145
+ "name": "NgpPromptComposerInput",
146
+ "description": "",
147
+ "selector": "input[ngpPromptComposerInput], textarea[ngpPromptComposerInput]",
148
+ "exportAs": [
149
+ "ngpPromptComposerInput"
150
+ ],
151
+ "inputs": [],
152
+ "outputs": []
153
+ },
134
154
  "NgpThreadSuggestion": {
135
155
  "name": "NgpThreadSuggestion",
136
156
  "description": "",
@@ -156,16 +176,6 @@
156
176
  ],
157
177
  "outputs": []
158
178
  },
159
- "NgpThreadMessage": {
160
- "name": "NgpThreadMessage",
161
- "description": "",
162
- "selector": "[ngpThreadMessage]",
163
- "exportAs": [
164
- "ngpThreadMessage"
165
- ],
166
- "inputs": [],
167
- "outputs": []
168
- },
169
179
  "NgpPromptComposerSubmit": {
170
180
  "name": "NgpPromptComposerSubmit",
171
181
  "description": "",
@@ -208,16 +218,6 @@
208
218
  ],
209
219
  "outputs": []
210
220
  },
211
- "NgpPromptComposerInput": {
212
- "name": "NgpPromptComposerInput",
213
- "description": "",
214
- "selector": "input[ngpPromptComposerInput], textarea[ngpPromptComposerInput]",
215
- "exportAs": [
216
- "ngpPromptComposerInput"
217
- ],
218
- "inputs": [],
219
- "outputs": []
220
- },
221
221
  "NgpPromptComposerDictation": {
222
222
  "name": "NgpPromptComposerDictation",
223
223
  "description": "",
@@ -229,7 +229,7 @@
229
229
  {
230
230
  "name": "disabled",
231
231
  "type": "boolean",
232
- "description": "Whether the submit button should be disabled.",
232
+ "description": "Whether the dictation button should be disabled.",
233
233
  "isRequired": false
234
234
  }
235
235
  ],
@@ -424,9 +424,446 @@
424
424
  "description": "The event that is emitted when the checkbox value changes."
425
425
  },
426
426
  {
427
- "name": "ngpCheckboxIndeterminateChange",
428
- "type": "boolean",
429
- "description": "The event that is emitted when the indeterminate value changes."
427
+ "name": "ngpCheckboxIndeterminateChange",
428
+ "type": "boolean",
429
+ "description": "The event that is emitted when the indeterminate value changes."
430
+ }
431
+ ]
432
+ },
433
+ "NgpCollapsibleTrigger": {
434
+ "name": "NgpCollapsibleTrigger",
435
+ "description": "Apply the `ngpCollapsibleTrigger` directive to an element - typically a\n`button` - that toggles the collapsible open and closed.",
436
+ "selector": "[ngpCollapsibleTrigger]",
437
+ "exportAs": [
438
+ "ngpCollapsibleTrigger"
439
+ ],
440
+ "inputs": [],
441
+ "outputs": []
442
+ },
443
+ "NgpCollapsibleContent": {
444
+ "name": "NgpCollapsibleContent",
445
+ "description": "Apply the `ngpCollapsibleContent` directive to the element that contains the\ncollapsible content that is shown and hidden by the trigger.",
446
+ "selector": "[ngpCollapsibleContent]",
447
+ "exportAs": [
448
+ "ngpCollapsibleContent"
449
+ ],
450
+ "inputs": [],
451
+ "outputs": []
452
+ },
453
+ "NgpCollapsible": {
454
+ "name": "NgpCollapsible",
455
+ "description": "Apply the `ngpCollapsible` directive to an element that contains a collapsible\ntrigger and content. It manages the open state of a single disclosure.",
456
+ "selector": "[ngpCollapsible]",
457
+ "exportAs": [
458
+ "ngpCollapsible"
459
+ ],
460
+ "inputs": [
461
+ {
462
+ "name": "ngpCollapsibleOpen",
463
+ "type": "boolean | undefined",
464
+ "description": "Whether the collapsible is open. Leave unset for uncontrolled usage.",
465
+ "isRequired": false
466
+ },
467
+ {
468
+ "name": "ngpCollapsibleDefaultOpen",
469
+ "type": "boolean",
470
+ "description": "The default open state for uncontrolled usage.\n@default false",
471
+ "isRequired": false,
472
+ "defaultValue": "false"
473
+ },
474
+ {
475
+ "name": "ngpCollapsibleDisabled",
476
+ "type": "boolean",
477
+ "description": "Whether the collapsible is disabled.\n@default false",
478
+ "isRequired": false,
479
+ "defaultValue": "false"
480
+ },
481
+ {
482
+ "name": "ngpCollapsibleOrientation",
483
+ "type": "'horizontal' | 'vertical'",
484
+ "description": "The orientation of the collapsible.\n@default 'vertical'",
485
+ "isRequired": false,
486
+ "defaultValue": "'vertical'"
487
+ }
488
+ ],
489
+ "outputs": [
490
+ {
491
+ "name": "ngpCollapsibleOpenChange",
492
+ "type": "boolean",
493
+ "description": "Emits when the open state changes."
494
+ }
495
+ ]
496
+ },
497
+ "NgpColorAreaThumb": {
498
+ "name": "NgpColorAreaThumb",
499
+ "description": "Apply the `ngpColorAreaThumb` directive to the element that represents the color area thumb.",
500
+ "selector": "[ngpColorAreaThumb]",
501
+ "exportAs": [
502
+ "ngpColorAreaThumb"
503
+ ],
504
+ "inputs": [],
505
+ "outputs": []
506
+ },
507
+ "NgpColorWheelThumb": {
508
+ "name": "NgpColorWheelThumb",
509
+ "description": "Apply the `ngpColorWheelThumb` directive to the element that represents the color wheel thumb.\nPosition it with the `--ngp-color-wheel-hue` custom property, e.g.\n`transform: translate(-50%, -50%) rotate(var(--ngp-color-wheel-hue)) translateY(calc(-1 * <radius>))`.",
510
+ "selector": "[ngpColorWheelThumb]",
511
+ "exportAs": [
512
+ "ngpColorWheelThumb"
513
+ ],
514
+ "inputs": [],
515
+ "outputs": []
516
+ },
517
+ "NgpColorSwatch": {
518
+ "name": "NgpColorSwatch",
519
+ "description": "Apply the `ngpColorSwatch` directive to an element to display a color preview. Set its background to\n`var(--ngp-color-swatch-color)`. Inside a color picker it shows the picker's value by default.",
520
+ "selector": "[ngpColorSwatch]",
521
+ "exportAs": [
522
+ "ngpColorSwatch"
523
+ ],
524
+ "inputs": [
525
+ {
526
+ "name": "ngpColorSwatch",
527
+ "type": "Color | undefined",
528
+ "description": "The color to display. Falls back to the parent picker's value when omitted.",
529
+ "isRequired": false
530
+ },
531
+ {
532
+ "name": "ngpColorSwatchLabel",
533
+ "type": "string | undefined",
534
+ "description": "An accessible label. Defaults to the color's hex string.",
535
+ "isRequired": false
536
+ }
537
+ ],
538
+ "outputs": []
539
+ },
540
+ "NgpColorSliderTrack": {
541
+ "name": "NgpColorSliderTrack",
542
+ "description": "Apply the `ngpColorSliderTrack` directive to the element that represents the color slider track.\nSet its background to `var(--ngp-color-slider-background)` to render the channel gradient.",
543
+ "selector": "[ngpColorSliderTrack]",
544
+ "exportAs": [
545
+ "ngpColorSliderTrack"
546
+ ],
547
+ "inputs": [],
548
+ "outputs": []
549
+ },
550
+ "NgpColorSliderThumb": {
551
+ "name": "NgpColorSliderThumb",
552
+ "description": "Apply the `ngpColorSliderThumb` directive to the element that represents the color slider thumb.",
553
+ "selector": "[ngpColorSliderThumb]",
554
+ "exportAs": [
555
+ "ngpColorSliderThumb"
556
+ ],
557
+ "inputs": [],
558
+ "outputs": [
559
+ {
560
+ "name": "ngpColorSliderThumbDragStart",
561
+ "type": "void",
562
+ "description": "Emits when the thumb drag starts."
563
+ },
564
+ {
565
+ "name": "ngpColorSliderThumbDragEnd",
566
+ "type": "void",
567
+ "description": "Emits when the thumb drag ends."
568
+ }
569
+ ]
570
+ },
571
+ "NgpColorPicker": {
572
+ "name": "NgpColorPicker",
573
+ "description": "Apply the `ngpColorPicker` directive to a container that coordinates a single color value across\nchild color components. Child areas, sliders and fields bind to the picker's value automatically.",
574
+ "selector": "[ngpColorPicker]",
575
+ "exportAs": [
576
+ "ngpColorPicker"
577
+ ],
578
+ "inputs": [
579
+ {
580
+ "name": "ngpColorPickerValue",
581
+ "type": "Color | undefined",
582
+ "description": "The color value. When defined the picker is controlled.",
583
+ "isRequired": false
584
+ },
585
+ {
586
+ "name": "ngpColorPickerDefaultValue",
587
+ "type": "Color",
588
+ "description": "The default color value for uncontrolled usage.",
589
+ "isRequired": false
590
+ }
591
+ ],
592
+ "outputs": [
593
+ {
594
+ "name": "ngpColorPickerValueChange",
595
+ "type": "Color",
596
+ "description": "Emits when the value changes."
597
+ }
598
+ ]
599
+ },
600
+ "NgpColorSwatchPickerItem": {
601
+ "name": "NgpColorSwatchPickerItem",
602
+ "description": "Apply the `ngpColorSwatchPickerItem` directive to a selectable swatch within a swatch picker. Set its\nbackground to `var(--ngp-color-swatch-color)`. It composes a roving focus item.",
603
+ "selector": "[ngpColorSwatchPickerItem]",
604
+ "exportAs": [
605
+ "ngpColorSwatchPickerItem"
606
+ ],
607
+ "inputs": [
608
+ {
609
+ "name": "ngpColorSwatchPickerItem",
610
+ "type": "Color",
611
+ "description": "The color this swatch represents.",
612
+ "isRequired": false
613
+ },
614
+ {
615
+ "name": "ngpColorSwatchPickerItemDisabled",
616
+ "type": "boolean",
617
+ "description": "Whether the swatch is disabled.",
618
+ "isRequired": false,
619
+ "defaultValue": "false"
620
+ }
621
+ ],
622
+ "outputs": []
623
+ },
624
+ "NgpColorWheel": {
625
+ "name": "NgpColorWheel",
626
+ "description": "Apply the `ngpColorWheel` directive to a circular element that adjusts the hue channel of a color.\nSet its background to `var(--ngp-color-wheel-background)` and contain a thumb.",
627
+ "selector": "[ngpColorWheel]",
628
+ "exportAs": [
629
+ "ngpColorWheel"
630
+ ],
631
+ "inputs": [
632
+ {
633
+ "name": "ngpColorWheelValue",
634
+ "type": "Color | undefined",
635
+ "description": "The color value.",
636
+ "isRequired": false
637
+ },
638
+ {
639
+ "name": "ngpColorWheelDefaultValue",
640
+ "type": "Color",
641
+ "description": "The default color value for uncontrolled usage.",
642
+ "isRequired": false
643
+ },
644
+ {
645
+ "name": "ngpColorWheelColorSpace",
646
+ "type": "'rgb' | 'hsl' | 'hsb'",
647
+ "description": "The color space to operate in.",
648
+ "isRequired": false,
649
+ "defaultValue": "'hsl'"
650
+ },
651
+ {
652
+ "name": "ngpColorWheelDisabled",
653
+ "type": "boolean",
654
+ "description": "The disabled state of the wheel.",
655
+ "isRequired": false,
656
+ "defaultValue": "false"
657
+ }
658
+ ],
659
+ "outputs": [
660
+ {
661
+ "name": "ngpColorWheelValueChange",
662
+ "type": "Color",
663
+ "description": "Emits when the value changes."
664
+ }
665
+ ]
666
+ },
667
+ "NgpColorArea": {
668
+ "name": "NgpColorArea",
669
+ "description": "Apply the `ngpColorArea` directive to a 2D surface that adjusts two channels of a color value.\nThe surface should set its background to `var(--ngp-color-area-background)` and contain a thumb.",
670
+ "selector": "[ngpColorArea]",
671
+ "exportAs": [
672
+ "ngpColorArea"
673
+ ],
674
+ "inputs": [
675
+ {
676
+ "name": "ngpColorAreaValue",
677
+ "type": "Color | undefined",
678
+ "description": "The color value.",
679
+ "isRequired": false
680
+ },
681
+ {
682
+ "name": "ngpColorAreaDefaultValue",
683
+ "type": "Color",
684
+ "description": "The default color value for uncontrolled usage.",
685
+ "isRequired": false
686
+ },
687
+ {
688
+ "name": "ngpColorAreaXChannel",
689
+ "type": "'red' | 'green' | 'blue' | 'hue' | 'saturation' | 'lightness' | 'brightness' | 'alpha'",
690
+ "description": "The channel mapped to the horizontal axis.",
691
+ "isRequired": false,
692
+ "defaultValue": "'saturation'"
693
+ },
694
+ {
695
+ "name": "ngpColorAreaYChannel",
696
+ "type": "'red' | 'green' | 'blue' | 'hue' | 'saturation' | 'lightness' | 'brightness' | 'alpha'",
697
+ "description": "The channel mapped to the vertical axis.",
698
+ "isRequired": false,
699
+ "defaultValue": "'brightness'"
700
+ },
701
+ {
702
+ "name": "ngpColorAreaColorSpace",
703
+ "type": "ColorSpace | undefined",
704
+ "description": "The color space to operate in. Resolved from the channels/value when not set.",
705
+ "isRequired": false
706
+ },
707
+ {
708
+ "name": "ngpColorAreaDisabled",
709
+ "type": "boolean",
710
+ "description": "The disabled state of the area.",
711
+ "isRequired": false,
712
+ "defaultValue": "false"
713
+ }
714
+ ],
715
+ "outputs": [
716
+ {
717
+ "name": "ngpColorAreaValueChange",
718
+ "type": "Color",
719
+ "description": "Emits when the value changes."
720
+ }
721
+ ]
722
+ },
723
+ "NgpColorField": {
724
+ "name": "NgpColorField",
725
+ "description": "Apply the `ngpColorField` directive to an `input` element to edit a color. Without a channel it\nedits the whole color as a hex string; with a channel it edits that single channel as a number.\nIt composes the input primitive, so it provides the input state.",
726
+ "selector": "input[ngpColorField]",
727
+ "exportAs": [
728
+ "ngpColorField"
729
+ ],
730
+ "inputs": [
731
+ {
732
+ "name": "ngpColorFieldValue",
733
+ "type": "Color | undefined",
734
+ "description": "The color value.",
735
+ "isRequired": false
736
+ },
737
+ {
738
+ "name": "ngpColorFieldDefaultValue",
739
+ "type": "Color",
740
+ "description": "The default color value for uncontrolled usage.",
741
+ "isRequired": false
742
+ },
743
+ {
744
+ "name": "ngpColorFieldChannel",
745
+ "type": "ColorChannel | undefined",
746
+ "description": "The channel to edit. When omitted, the field edits the whole color as hex.",
747
+ "isRequired": false
748
+ },
749
+ {
750
+ "name": "ngpColorFieldColorSpace",
751
+ "type": "ColorSpace | undefined",
752
+ "description": "The color space for channel mode. Resolved from the channel/value when not set.",
753
+ "isRequired": false
754
+ },
755
+ {
756
+ "name": "ngpColorFieldDisabled",
757
+ "type": "boolean",
758
+ "description": "The disabled state of the field.",
759
+ "isRequired": false,
760
+ "defaultValue": "false"
761
+ }
762
+ ],
763
+ "outputs": [
764
+ {
765
+ "name": "ngpColorFieldValueChange",
766
+ "type": "Color",
767
+ "description": "Emits when the value changes."
768
+ }
769
+ ]
770
+ },
771
+ "NgpColorSlider": {
772
+ "name": "NgpColorSlider",
773
+ "description": "Apply the `ngpColorSlider` directive to an element that contains a color slider track and thumb.\nA color slider adjusts a single channel (e.g. hue, saturation, alpha) of a color value. It composes\nthe underlying slider primitive, so it provides the slider state its track and thumb parts read.",
774
+ "selector": "[ngpColorSlider]",
775
+ "exportAs": [
776
+ "ngpColorSlider"
777
+ ],
778
+ "inputs": [
779
+ {
780
+ "name": "ngpColorSliderValue",
781
+ "type": "Color | undefined",
782
+ "description": "The color value.",
783
+ "isRequired": false
784
+ },
785
+ {
786
+ "name": "ngpColorSliderDefaultValue",
787
+ "type": "Color",
788
+ "description": "The default color value for uncontrolled usage.",
789
+ "isRequired": false
790
+ },
791
+ {
792
+ "name": "ngpColorSliderChannel",
793
+ "type": "'red' | 'green' | 'blue' | 'hue' | 'saturation' | 'lightness' | 'brightness' | 'alpha'",
794
+ "description": "The channel this slider adjusts.",
795
+ "isRequired": false,
796
+ "defaultValue": "'hue'"
797
+ },
798
+ {
799
+ "name": "ngpColorSliderColorSpace",
800
+ "type": "ColorSpace | undefined",
801
+ "description": "The color space to operate in. Resolved from the channel/value when not set.",
802
+ "isRequired": false
803
+ },
804
+ {
805
+ "name": "ngpColorSliderOrientation",
806
+ "type": "'horizontal' | 'vertical'",
807
+ "description": "The orientation of the slider.",
808
+ "isRequired": false,
809
+ "defaultValue": "'horizontal'"
810
+ },
811
+ {
812
+ "name": "ngpColorSliderDisabled",
813
+ "type": "boolean",
814
+ "description": "The disabled state of the slider.",
815
+ "isRequired": false,
816
+ "defaultValue": "false"
817
+ }
818
+ ],
819
+ "outputs": [
820
+ {
821
+ "name": "ngpColorSliderValueChange",
822
+ "type": "Color",
823
+ "description": "Emits when the value changes."
824
+ }
825
+ ]
826
+ },
827
+ "NgpColorSwatchPicker": {
828
+ "name": "NgpColorSwatchPicker",
829
+ "description": "Apply the `ngpColorSwatchPicker` directive to a container of selectable color swatches. It composes\nroving focus for keyboard navigation, so it provides the roving focus group state.",
830
+ "selector": "[ngpColorSwatchPicker]",
831
+ "exportAs": [
832
+ "ngpColorSwatchPicker"
833
+ ],
834
+ "inputs": [
835
+ {
836
+ "name": "ngpColorSwatchPickerValue",
837
+ "type": "Color | undefined",
838
+ "description": "The selected color. When defined the swatch picker is controlled.",
839
+ "isRequired": false
840
+ },
841
+ {
842
+ "name": "ngpColorSwatchPickerDefaultValue",
843
+ "type": "Color | undefined",
844
+ "description": "The default selected color for uncontrolled usage (undefined = no selection).",
845
+ "isRequired": false
846
+ },
847
+ {
848
+ "name": "ngpColorSwatchPickerOrientation",
849
+ "type": "'horizontal' | 'vertical'",
850
+ "description": "The orientation of the swatch list.",
851
+ "isRequired": false,
852
+ "defaultValue": "'horizontal'"
853
+ },
854
+ {
855
+ "name": "ngpColorSwatchPickerDisabled",
856
+ "type": "boolean",
857
+ "description": "The disabled state of the swatch picker.",
858
+ "isRequired": false,
859
+ "defaultValue": "false"
860
+ }
861
+ ],
862
+ "outputs": [
863
+ {
864
+ "name": "ngpColorSwatchPickerValueChange",
865
+ "type": "Color",
866
+ "description": "Emits when the selected color changes."
430
867
  }
431
868
  ]
432
869
  },
@@ -549,7 +986,7 @@
549
986
  },
550
987
  {
551
988
  "name": "ngpComboboxDropdownPlacement",
552
- "type": "'top' | 'right' | 'bottom' | 'left' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end'",
989
+ "type": "Placement",
553
990
  "description": "The position of the dropdown.",
554
991
  "isRequired": false,
555
992
  "defaultValue": "'bottom'"
@@ -766,7 +1203,7 @@
766
1203
  },
767
1204
  {
768
1205
  "name": "ngpContextMenuSubmenuTriggerPlacement",
769
- "type": "'top' | 'right' | 'bottom' | 'left' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end'",
1206
+ "type": "Placement",
770
1207
  "description": "Define the placement of the submenu relative to the trigger.\n@default 'right-start'",
771
1208
  "isRequired": false,
772
1209
  "defaultValue": "'right-start'"
@@ -862,6 +1299,36 @@
862
1299
  "inputs": [],
863
1300
  "outputs": []
864
1301
  },
1302
+ "NgpDatePickerNextMonth": {
1303
+ "name": "NgpDatePickerNextMonth",
1304
+ "description": "A button that navigates to the next month.",
1305
+ "selector": "[ngpDatePickerNextMonth]",
1306
+ "exportAs": [
1307
+ "ngpDatePickerNextMonth"
1308
+ ],
1309
+ "inputs": [],
1310
+ "outputs": []
1311
+ },
1312
+ "NgpDatePickerPreviousMonth": {
1313
+ "name": "NgpDatePickerPreviousMonth",
1314
+ "description": "A button that navigates to the previous month.",
1315
+ "selector": "[ngpDatePickerPreviousMonth]",
1316
+ "exportAs": [
1317
+ "ngpDatePickerPreviousMonth"
1318
+ ],
1319
+ "inputs": [],
1320
+ "outputs": []
1321
+ },
1322
+ "NgpDatePickerDateButton": {
1323
+ "name": "NgpDatePickerDateButton",
1324
+ "description": "A button that represents a date in the date picker grid.",
1325
+ "selector": "[ngpDatePickerDateButton]",
1326
+ "exportAs": [
1327
+ "ngpDatePickerDateButton"
1328
+ ],
1329
+ "inputs": [],
1330
+ "outputs": []
1331
+ },
865
1332
  "NgpDatePickerCell": {
866
1333
  "name": "NgpDatePickerCell",
867
1334
  "description": "A cell in the date picker grid.",
@@ -890,26 +1357,6 @@
890
1357
  ],
891
1358
  "outputs": []
892
1359
  },
893
- "NgpDatePickerNextMonth": {
894
- "name": "NgpDatePickerNextMonth",
895
- "description": "A button that navigates to the next month.",
896
- "selector": "[ngpDatePickerNextMonth]",
897
- "exportAs": [
898
- "ngpDatePickerNextMonth"
899
- ],
900
- "inputs": [],
901
- "outputs": []
902
- },
903
- "NgpDatePickerPreviousMonth": {
904
- "name": "NgpDatePickerPreviousMonth",
905
- "description": "A button that navigates to the previous month.",
906
- "selector": "[ngpDatePickerPreviousMonth]",
907
- "exportAs": [
908
- "ngpDatePickerPreviousMonth"
909
- ],
910
- "inputs": [],
911
- "outputs": []
912
- },
913
1360
  "NgpDatePickerCellRender": {
914
1361
  "name": "NgpDatePickerCellRender",
915
1362
  "description": "A structural directive that renders a cell in the date picker grid.",
@@ -920,173 +1367,183 @@
920
1367
  "inputs": [],
921
1368
  "outputs": []
922
1369
  },
923
- "NgpDatePickerDateButton": {
924
- "name": "NgpDatePickerDateButton",
925
- "description": "A button that represents a date in the date picker grid.",
926
- "selector": "[ngpDatePickerDateButton]",
927
- "exportAs": [
928
- "ngpDatePickerDateButton"
929
- ],
930
- "inputs": [],
931
- "outputs": []
932
- },
933
- "NgpDatePickerRowRender": {
934
- "name": "NgpDatePickerRowRender",
935
- "description": "A structural directive that renders a row of weekdays in the date picker grid.",
936
- "selector": "[ngpDatePickerRowRender]",
937
- "exportAs": [
938
- "ngpDatePickerRowRender"
939
- ],
940
- "inputs": [],
941
- "outputs": []
942
- },
943
- "NgpDatePicker": {
944
- "name": "NgpDatePicker",
945
- "description": "The outermost container for the date picker.",
946
- "selector": "[ngpDatePicker]",
1370
+ "NgpDateRangePicker": {
1371
+ "name": "NgpDateRangePicker",
1372
+ "description": "",
1373
+ "selector": "[ngpDateRangePicker]",
947
1374
  "exportAs": [
948
- "ngpDatePicker"
1375
+ "ngpDateRangePicker"
949
1376
  ],
950
1377
  "inputs": [
951
1378
  {
952
- "name": "ngpDatePickerMin",
1379
+ "name": "ngpDateRangePickerMin",
953
1380
  "type": "T | undefined",
954
1381
  "description": "The minimum date that can be selected.",
955
1382
  "isRequired": false
956
1383
  },
957
1384
  {
958
- "name": "ngpDatePickerMax",
1385
+ "name": "ngpDateRangePickerMax",
959
1386
  "type": "T | undefined",
960
1387
  "description": "The maximum date that can be selected.",
961
1388
  "isRequired": false
962
1389
  },
963
1390
  {
964
- "name": "ngpDatePickerDisabled",
1391
+ "name": "ngpDateRangePickerDisabled",
965
1392
  "type": "boolean",
966
1393
  "description": "Determine if the date picker is disabled.",
967
1394
  "isRequired": false,
968
1395
  "defaultValue": "false"
969
1396
  },
970
1397
  {
971
- "name": "ngpDatePickerDateDisabled",
1398
+ "name": "ngpDateRangePickerDateDisabled",
972
1399
  "type": "(date: T) => boolean",
973
1400
  "description": "A function that is called to determine if a specific date should be disabled.",
974
1401
  "isRequired": false
975
1402
  },
976
1403
  {
977
- "name": "ngpDatePickerFirstDayOfWeek",
1404
+ "name": "ngpDateRangePickerFirstDayOfWeek",
978
1405
  "type": "1 | 2 | 3 | 4 | 5 | 6 | 7",
979
1406
  "description": "Sets which day starts the week in the calendar.\nAccepts 0-7 where 1=Monday, 2=Tuesday, 3=Wednesday, 4=Thursday, 5=Friday, 6=Saturday, 7=Sunday.\nDefaults to NgpDatePickerConfig.firstDayOfWeek (default 7 if not overridden).\nNote: Update calendar header column order when changing from Sunday start.\n@default 7 (Sunday)",
980
1407
  "isRequired": false
981
1408
  },
982
1409
  {
983
- "name": "ngpDatePickerDate",
1410
+ "name": "ngpDateRangePickerStartDate",
984
1411
  "type": "T | undefined",
985
- "description": "The selected value.",
1412
+ "description": "The selected start date",
986
1413
  "isRequired": false
987
1414
  },
988
1415
  {
989
- "name": "ngpDatePickerFocusedDate",
990
- "type": "T",
1416
+ "name": "ngpDateRangePickerDefaultStartDate",
1417
+ "type": "T | undefined",
1418
+ "description": "The default (uncontrolled) start date.",
1419
+ "isRequired": false
1420
+ },
1421
+ {
1422
+ "name": "ngpDateRangePickerEndDate",
1423
+ "type": "T | undefined",
1424
+ "description": "The selected end date",
1425
+ "isRequired": false
1426
+ },
1427
+ {
1428
+ "name": "ngpDateRangePickerDefaultEndDate",
1429
+ "type": "T | undefined",
1430
+ "description": "The default (uncontrolled) end date.",
1431
+ "isRequired": false
1432
+ },
1433
+ {
1434
+ "name": "ngpDateRangePickerFocusedDate",
1435
+ "type": "T | undefined",
991
1436
  "description": "The focused value.",
992
1437
  "isRequired": false
1438
+ },
1439
+ {
1440
+ "name": "ngpDateRangePickerDefaultFocusedDate",
1441
+ "type": "T",
1442
+ "description": "The default (uncontrolled) focused value.",
1443
+ "isRequired": false
993
1444
  }
994
1445
  ],
995
1446
  "outputs": [
996
1447
  {
997
- "name": "ngpDatePickerDateChange",
1448
+ "name": "ngpDateRangePickerStartDateChange",
998
1449
  "type": "T | undefined",
999
1450
  "description": "Emit when the date changes."
1000
1451
  },
1001
1452
  {
1002
- "name": "ngpDatePickerFocusedDateChange",
1453
+ "name": "ngpDateRangePickerEndDateChange",
1454
+ "type": "T | undefined",
1455
+ "description": "Emit when the end date changes."
1456
+ },
1457
+ {
1458
+ "name": "ngpDateRangePickerFocusedDateChange",
1003
1459
  "type": "T",
1004
1460
  "description": "Emit when the focused date changes."
1005
1461
  }
1006
1462
  ]
1007
1463
  },
1008
- "NgpDateRangePicker": {
1009
- "name": "NgpDateRangePicker",
1010
- "description": "",
1011
- "selector": "[ngpDateRangePicker]",
1464
+ "NgpDatePicker": {
1465
+ "name": "NgpDatePicker",
1466
+ "description": "The outermost container for the date picker.",
1467
+ "selector": "[ngpDatePicker]",
1012
1468
  "exportAs": [
1013
- "ngpDateRangePicker"
1469
+ "ngpDatePicker"
1014
1470
  ],
1015
1471
  "inputs": [
1016
1472
  {
1017
- "name": "ngpDateRangePickerMin",
1473
+ "name": "ngpDatePickerMin",
1018
1474
  "type": "T | undefined",
1019
1475
  "description": "The minimum date that can be selected.",
1020
1476
  "isRequired": false
1021
1477
  },
1022
1478
  {
1023
- "name": "ngpDateRangePickerMax",
1479
+ "name": "ngpDatePickerMax",
1024
1480
  "type": "T | undefined",
1025
1481
  "description": "The maximum date that can be selected.",
1026
1482
  "isRequired": false
1027
1483
  },
1028
1484
  {
1029
- "name": "ngpDateRangePickerDisabled",
1485
+ "name": "ngpDatePickerDisabled",
1030
1486
  "type": "boolean",
1031
1487
  "description": "Determine if the date picker is disabled.",
1032
1488
  "isRequired": false,
1033
1489
  "defaultValue": "false"
1034
1490
  },
1035
1491
  {
1036
- "name": "ngpDateRangePickerDateDisabled",
1492
+ "name": "ngpDatePickerDateDisabled",
1037
1493
  "type": "(date: T) => boolean",
1038
1494
  "description": "A function that is called to determine if a specific date should be disabled.",
1039
1495
  "isRequired": false
1040
1496
  },
1041
1497
  {
1042
- "name": "ngpDateRangePickerFirstDayOfWeek",
1498
+ "name": "ngpDatePickerFirstDayOfWeek",
1043
1499
  "type": "1 | 2 | 3 | 4 | 5 | 6 | 7",
1044
1500
  "description": "Sets which day starts the week in the calendar.\nAccepts 0-7 where 1=Monday, 2=Tuesday, 3=Wednesday, 4=Thursday, 5=Friday, 6=Saturday, 7=Sunday.\nDefaults to NgpDatePickerConfig.firstDayOfWeek (default 7 if not overridden).\nNote: Update calendar header column order when changing from Sunday start.\n@default 7 (Sunday)",
1045
1501
  "isRequired": false
1046
1502
  },
1047
1503
  {
1048
- "name": "ngpDateRangePickerStartDate",
1504
+ "name": "ngpDatePickerDate",
1049
1505
  "type": "T | undefined",
1050
- "description": "The selected start date",
1506
+ "description": "The selected value.",
1051
1507
  "isRequired": false
1052
1508
  },
1053
1509
  {
1054
- "name": "ngpDateRangePickerEndDate",
1510
+ "name": "ngpDatePickerDefaultDate",
1055
1511
  "type": "T | undefined",
1056
- "description": "The selected end date",
1512
+ "description": "The default (uncontrolled) selected value.",
1057
1513
  "isRequired": false
1058
1514
  },
1059
1515
  {
1060
- "name": "ngpDateRangePickerFocusedDate",
1061
- "type": "T",
1516
+ "name": "ngpDatePickerFocusedDate",
1517
+ "type": "T | undefined",
1062
1518
  "description": "The focused value.",
1063
1519
  "isRequired": false
1520
+ },
1521
+ {
1522
+ "name": "ngpDatePickerDefaultFocusedDate",
1523
+ "type": "T",
1524
+ "description": "The default (uncontrolled) focused value.",
1525
+ "isRequired": false
1064
1526
  }
1065
1527
  ],
1066
1528
  "outputs": [
1067
1529
  {
1068
- "name": "ngpDateRangePickerStartDateChange",
1530
+ "name": "ngpDatePickerDateChange",
1069
1531
  "type": "T | undefined",
1070
1532
  "description": "Emit when the date changes."
1071
1533
  },
1072
1534
  {
1073
- "name": "ngpDateRangePickerEndDateChange",
1074
- "type": "T | undefined",
1075
- "description": "Emit when the end date changes."
1076
- },
1077
- {
1078
- "name": "ngpDateRangePickerFocusedDateChange",
1535
+ "name": "ngpDatePickerFocusedDateChange",
1079
1536
  "type": "T",
1080
1537
  "description": "Emit when the focused date changes."
1081
1538
  }
1082
1539
  ]
1083
1540
  },
1084
- "NgpDialogDescription": {
1085
- "name": "NgpDialogDescription",
1086
- "description": "",
1087
- "selector": "[ngpDialogDescription]",
1541
+ "NgpDatePickerRowRender": {
1542
+ "name": "NgpDatePickerRowRender",
1543
+ "description": "A structural directive that renders a row of weekdays in the date picker grid.",
1544
+ "selector": "[ngpDatePickerRowRender]",
1088
1545
  "exportAs": [
1089
- "ngpDialogDescription"
1546
+ "ngpDatePickerRowRender"
1090
1547
  ],
1091
1548
  "inputs": [],
1092
1549
  "outputs": []
@@ -1101,6 +1558,16 @@
1101
1558
  "inputs": [],
1102
1559
  "outputs": []
1103
1560
  },
1561
+ "NgpDialogDescription": {
1562
+ "name": "NgpDialogDescription",
1563
+ "description": "",
1564
+ "selector": "[ngpDialogDescription]",
1565
+ "exportAs": [
1566
+ "ngpDialogDescription"
1567
+ ],
1568
+ "inputs": [],
1569
+ "outputs": []
1570
+ },
1104
1571
  "NgpDialogOverlay": {
1105
1572
  "name": "NgpDialogOverlay",
1106
1573
  "description": "",
@@ -1651,22 +2118,22 @@
1651
2118
  "inputs": [],
1652
2119
  "outputs": []
1653
2120
  },
1654
- "NgpListboxSection": {
1655
- "name": "NgpListboxSection",
2121
+ "NgpListboxTrigger": {
2122
+ "name": "NgpListboxTrigger",
1656
2123
  "description": "",
1657
- "selector": "[ngpListboxSection]",
2124
+ "selector": "[ngpListboxTrigger]",
1658
2125
  "exportAs": [
1659
- "ngpListboxSection"
2126
+ "ngpListboxTrigger"
1660
2127
  ],
1661
2128
  "inputs": [],
1662
2129
  "outputs": []
1663
2130
  },
1664
- "NgpListboxTrigger": {
1665
- "name": "NgpListboxTrigger",
2131
+ "NgpListboxSection": {
2132
+ "name": "NgpListboxSection",
1666
2133
  "description": "",
1667
- "selector": "[ngpListboxTrigger]",
2134
+ "selector": "[ngpListboxSection]",
1668
2135
  "exportAs": [
1669
- "ngpListboxTrigger"
2136
+ "ngpListboxSection"
1670
2137
  ],
1671
2138
  "inputs": [],
1672
2139
  "outputs": []
@@ -1722,8 +2189,14 @@
1722
2189
  },
1723
2190
  {
1724
2191
  "name": "ngpListboxValue",
2192
+ "type": "T[] | undefined",
2193
+ "description": "The listbox selection. When defined the listbox is controlled.",
2194
+ "isRequired": false
2195
+ },
2196
+ {
2197
+ "name": "ngpListboxDefaultValue",
1725
2198
  "type": "T[]",
1726
- "description": "The listbox selection.",
2199
+ "description": "The default listbox selection for uncontrolled usage.",
1727
2200
  "isRequired": false,
1728
2201
  "defaultValue": "[]"
1729
2202
  },
@@ -1759,8 +2232,14 @@
1759
2232
  "inputs": [
1760
2233
  {
1761
2234
  "name": "ngpMenuItemRadioGroupValue",
2235
+ "type": "string | null | undefined",
2236
+ "description": "The current value of the radio group. When defined the group is controlled.",
2237
+ "isRequired": false
2238
+ },
2239
+ {
2240
+ "name": "ngpMenuItemRadioGroupDefaultValue",
1762
2241
  "type": "string | null",
1763
- "description": "The current value of the radio group",
2242
+ "description": "The default value for uncontrolled usage",
1764
2243
  "isRequired": false,
1765
2244
  "defaultValue": "null"
1766
2245
  }
@@ -1822,6 +2301,16 @@
1822
2301
  ],
1823
2302
  "outputs": []
1824
2303
  },
2304
+ "NgpMenuItemIndicator": {
2305
+ "name": "NgpMenuItemIndicator",
2306
+ "description": "The `NgpMenuItemIndicator` directive renders inside a checkbox or radio menu item\nand exposes `data-checked` based on the parent item's checked state.",
2307
+ "selector": "[ngpMenuItemIndicator]",
2308
+ "exportAs": [
2309
+ "ngpMenuItemIndicator"
2310
+ ],
2311
+ "inputs": [],
2312
+ "outputs": []
2313
+ },
1825
2314
  "NgpMenuItemCheckbox": {
1826
2315
  "name": "NgpMenuItemCheckbox",
1827
2316
  "description": "The `NgpMenuItemCheckbox` directive represents a menu item that can be toggled on and off.",
@@ -1832,8 +2321,14 @@
1832
2321
  "inputs": [
1833
2322
  {
1834
2323
  "name": "ngpMenuItemCheckboxChecked",
2324
+ "type": "boolean | undefined",
2325
+ "description": "Whether the checkbox is checked. When defined the checkbox is controlled.",
2326
+ "isRequired": false
2327
+ },
2328
+ {
2329
+ "name": "ngpMenuItemCheckboxDefaultChecked",
1835
2330
  "type": "boolean",
1836
- "description": "Whether the checkbox is checked",
2331
+ "description": "The default checked state for uncontrolled usage",
1837
2332
  "isRequired": false,
1838
2333
  "defaultValue": "false"
1839
2334
  },
@@ -1853,30 +2348,72 @@
1853
2348
  }
1854
2349
  ]
1855
2350
  },
1856
- "NgpMenuItemIndicator": {
1857
- "name": "NgpMenuItemIndicator",
1858
- "description": "The `NgpMenuItemIndicator` directive renders inside a checkbox or radio menu item\nand exposes `data-checked` based on the parent item's checked state.",
1859
- "selector": "[ngpMenuItemIndicator]",
1860
- "exportAs": [
1861
- "ngpMenuItemIndicator"
1862
- ],
1863
- "inputs": [],
1864
- "outputs": []
1865
- },
1866
2351
  "NgpMenu": {
1867
2352
  "name": "NgpMenu",
1868
2353
  "description": "The `NgpMenu` is a container for menu items.",
1869
2354
  "selector": "[ngpMenu]",
1870
2355
  "exportAs": [
1871
- "ngpMenu"
2356
+ "ngpMenu"
2357
+ ],
2358
+ "inputs": [
2359
+ {
2360
+ "name": "ngpMenuWrap",
2361
+ "type": "boolean",
2362
+ "description": "Whether focus should wrap around when reaching the end of the menu.\n@default true",
2363
+ "isRequired": false,
2364
+ "defaultValue": "true"
2365
+ }
2366
+ ],
2367
+ "outputs": []
2368
+ },
2369
+ "NgpSubmenuTrigger": {
2370
+ "name": "NgpSubmenuTrigger",
2371
+ "description": "",
2372
+ "selector": "[ngpSubmenuTrigger]",
2373
+ "exportAs": [
2374
+ "ngpSubmenuTrigger"
1872
2375
  ],
1873
2376
  "inputs": [
1874
2377
  {
1875
- "name": "ngpMenuWrap",
2378
+ "name": "ngpSubmenuTrigger",
2379
+ "type": "NgpOverlayContent<T> | undefined",
2380
+ "description": "Access the submenu template ref.",
2381
+ "isRequired": false
2382
+ },
2383
+ {
2384
+ "name": "ngpSubmenuTriggerDisabled",
1876
2385
  "type": "boolean",
1877
- "description": "Whether focus should wrap around when reaching the end of the menu.\n@default true",
2386
+ "description": "Define if the trigger should be disabled.\n@default false",
2387
+ "isRequired": false,
2388
+ "defaultValue": "false"
2389
+ },
2390
+ {
2391
+ "name": "ngpSubmenuTriggerPlacement",
2392
+ "type": "Placement",
2393
+ "description": "Define the placement of the menu relative to the trigger.\n@default 'right-start'",
2394
+ "isRequired": false,
2395
+ "defaultValue": "'right-start'"
2396
+ },
2397
+ {
2398
+ "name": "ngpSubmenuTriggerOffset",
2399
+ "type": "NgpOffset",
2400
+ "description": "Define the offset of the menu relative to the trigger.\nCan be a number (applies to mainAxis) or an object with mainAxis, crossAxis, and alignmentAxis.\n@default 0",
2401
+ "isRequired": false,
2402
+ "defaultValue": "0"
2403
+ },
2404
+ {
2405
+ "name": "ngpSubmenuTriggerFlip",
2406
+ "type": "NgpFlip",
2407
+ "description": "Define whether the menu should flip when there is not enough space for the menu.\nCan be a boolean to enable/disable, or an object with padding and fallbackPlacements options.\n@default true",
1878
2408
  "isRequired": false,
1879
2409
  "defaultValue": "true"
2410
+ },
2411
+ {
2412
+ "name": "ngpSubmenuTriggerContainer",
2413
+ "type": "string | HTMLElement | null",
2414
+ "description": "Define the container in which the menu should be attached.\n@default document.body",
2415
+ "isRequired": false,
2416
+ "defaultValue": "null"
1880
2417
  }
1881
2418
  ],
1882
2419
  "outputs": []
@@ -1904,7 +2441,7 @@
1904
2441
  },
1905
2442
  {
1906
2443
  "name": "ngpMenuTriggerPlacement",
1907
- "type": "'top' | 'right' | 'bottom' | 'left' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end'",
2444
+ "type": "Placement",
1908
2445
  "description": "Define the placement of the menu relative to the trigger.\n@default 'bottom-start'",
1909
2446
  "isRequired": false,
1910
2447
  "defaultValue": "'bottom-start'"
@@ -1979,58 +2516,6 @@
1979
2516
  ],
1980
2517
  "outputs": []
1981
2518
  },
1982
- "NgpSubmenuTrigger": {
1983
- "name": "NgpSubmenuTrigger",
1984
- "description": "",
1985
- "selector": "[ngpSubmenuTrigger]",
1986
- "exportAs": [
1987
- "ngpSubmenuTrigger"
1988
- ],
1989
- "inputs": [
1990
- {
1991
- "name": "ngpSubmenuTrigger",
1992
- "type": "NgpOverlayContent<T> | undefined",
1993
- "description": "Access the submenu template ref.",
1994
- "isRequired": false
1995
- },
1996
- {
1997
- "name": "ngpSubmenuTriggerDisabled",
1998
- "type": "boolean",
1999
- "description": "Define if the trigger should be disabled.\n@default false",
2000
- "isRequired": false,
2001
- "defaultValue": "false"
2002
- },
2003
- {
2004
- "name": "ngpSubmenuTriggerPlacement",
2005
- "type": "'top' | 'right' | 'bottom' | 'left' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end'",
2006
- "description": "Define the placement of the menu relative to the trigger.\n@default 'right-start'",
2007
- "isRequired": false,
2008
- "defaultValue": "'right-start'"
2009
- },
2010
- {
2011
- "name": "ngpSubmenuTriggerOffset",
2012
- "type": "NgpOffset",
2013
- "description": "Define the offset of the menu relative to the trigger.\nCan be a number (applies to mainAxis) or an object with mainAxis, crossAxis, and alignmentAxis.\n@default 0",
2014
- "isRequired": false,
2015
- "defaultValue": "0"
2016
- },
2017
- {
2018
- "name": "ngpSubmenuTriggerFlip",
2019
- "type": "NgpFlip",
2020
- "description": "Define whether the menu should flip when there is not enough space for the menu.\nCan be a boolean to enable/disable, or an object with padding and fallbackPlacements options.\n@default true",
2021
- "isRequired": false,
2022
- "defaultValue": "true"
2023
- },
2024
- {
2025
- "name": "ngpSubmenuTriggerContainer",
2026
- "type": "string | HTMLElement | null",
2027
- "description": "Define the container in which the menu should be attached.\n@default document.body",
2028
- "isRequired": false,
2029
- "defaultValue": "null"
2030
- }
2031
- ],
2032
- "outputs": []
2033
- },
2034
2519
  "NgpMeterTrack": {
2035
2520
  "name": "NgpMeterTrack",
2036
2521
  "description": "",
@@ -2370,8 +2855,14 @@
2370
2855
  "inputs": [
2371
2856
  {
2372
2857
  "name": "ngpNumberFieldValue",
2858
+ "type": "number | null | undefined",
2859
+ "description": "The value of the number field. When defined the number field is controlled.",
2860
+ "isRequired": false
2861
+ },
2862
+ {
2863
+ "name": "ngpNumberFieldDefaultValue",
2373
2864
  "type": "number | null",
2374
- "description": "The value of the number field.",
2865
+ "description": "The default value of the number field for uncontrolled usage.\n@default null",
2375
2866
  "isRequired": false,
2376
2867
  "defaultValue": "null"
2377
2868
  },
@@ -2603,6 +3094,30 @@
2603
3094
  ],
2604
3095
  "outputs": []
2605
3096
  },
3097
+ "NgpPasswordInput": {
3098
+ "name": "NgpPasswordInput",
3099
+ "description": "Apply the `ngpPasswordInput` directive to an `input` element within an `ngpPassword` container.\nIt is a complete input (form control, interactions, autofill) with password visibility toggling\nlayered on top, so it does not need to be combined with `ngpInput`.",
3100
+ "selector": "input[ngpPasswordInput]",
3101
+ "exportAs": [
3102
+ "ngpPasswordInput"
3103
+ ],
3104
+ "inputs": [
3105
+ {
3106
+ "name": "disabled",
3107
+ "type": "boolean",
3108
+ "description": "Whether the input is disabled.",
3109
+ "isRequired": false
3110
+ },
3111
+ {
3112
+ "name": "ngpPasswordInputIgnorePasswordManagers",
3113
+ "type": "boolean",
3114
+ "description": "Whether to opt the input out of password manager injection\n(1Password, LastPass, Bitwarden, etc.).",
3115
+ "isRequired": false,
3116
+ "defaultValue": "false"
3117
+ }
3118
+ ],
3119
+ "outputs": []
3120
+ },
2606
3121
  "NgpPassword": {
2607
3122
  "name": "NgpPassword",
2608
3123
  "description": "The `NgpPassword` directive is a container for a password field and its visibility toggle.",
@@ -2633,30 +3148,6 @@
2633
3148
  }
2634
3149
  ]
2635
3150
  },
2636
- "NgpPasswordInput": {
2637
- "name": "NgpPasswordInput",
2638
- "description": "Apply the `ngpPasswordInput` directive to an `input` element within an `ngpPassword` container.\nIt is a complete input (form control, interactions, autofill) with password visibility toggling\nlayered on top, so it does not need to be combined with `ngpInput`.",
2639
- "selector": "input[ngpPasswordInput]",
2640
- "exportAs": [
2641
- "ngpPasswordInput"
2642
- ],
2643
- "inputs": [
2644
- {
2645
- "name": "disabled",
2646
- "type": "boolean",
2647
- "description": "Whether the input is disabled.",
2648
- "isRequired": false
2649
- },
2650
- {
2651
- "name": "ngpPasswordInputIgnorePasswordManagers",
2652
- "type": "boolean",
2653
- "description": "Whether to opt the input out of password manager injection\n(1Password, LastPass, Bitwarden, etc.).",
2654
- "isRequired": false,
2655
- "defaultValue": "false"
2656
- }
2657
- ],
2658
- "outputs": []
2659
- },
2660
3151
  "NgpPopoverArrow": {
2661
3152
  "name": "NgpPopoverArrow",
2662
3153
  "description": "",
@@ -2707,7 +3198,7 @@
2707
3198
  },
2708
3199
  {
2709
3200
  "name": "ngpPopoverTriggerPlacement",
2710
- "type": "'top' | 'right' | 'bottom' | 'left' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end'",
3201
+ "type": "Placement",
2711
3202
  "description": "Define the placement of the popover relative to the trigger.\n@default 'top'",
2712
3203
  "isRequired": false,
2713
3204
  "defaultValue": "'bottom'"
@@ -2962,6 +3453,87 @@
2962
3453
  }
2963
3454
  ]
2964
3455
  },
3456
+ "NgpRating": {
3457
+ "name": "NgpRating",
3458
+ "description": "Apply the `ngpRating` directive to an element that represents the rating. It\nexposes the slider role and owns the value, keyboard, and form integration.\nProject the star markup once via the `*ngpRatingItem` structural directive.",
3459
+ "selector": "[ngpRating]",
3460
+ "exportAs": [
3461
+ "ngpRating"
3462
+ ],
3463
+ "inputs": [
3464
+ {
3465
+ "name": "ngpRatingValue",
3466
+ "type": "number | undefined",
3467
+ "description": "The value of the rating. When defined the rating is controlled.",
3468
+ "isRequired": false
3469
+ },
3470
+ {
3471
+ "name": "ngpRatingDefaultValue",
3472
+ "type": "number",
3473
+ "description": "The default value of the rating for uncontrolled usage.\n@default 0",
3474
+ "isRequired": false,
3475
+ "defaultValue": "0"
3476
+ },
3477
+ {
3478
+ "name": "ngpRatingCount",
3479
+ "type": "number",
3480
+ "description": "The number of items in the rating.",
3481
+ "isRequired": false,
3482
+ "defaultValue": "5"
3483
+ },
3484
+ {
3485
+ "name": "ngpRatingAllowHalf",
3486
+ "type": "boolean",
3487
+ "description": "Whether half values are allowed.",
3488
+ "isRequired": false,
3489
+ "defaultValue": "false"
3490
+ },
3491
+ {
3492
+ "name": "ngpRatingDisabled",
3493
+ "type": "boolean",
3494
+ "description": "Whether the rating is disabled.",
3495
+ "isRequired": false,
3496
+ "defaultValue": "false"
3497
+ },
3498
+ {
3499
+ "name": "ngpRatingReadonly",
3500
+ "type": "boolean",
3501
+ "description": "Whether the rating is read-only.",
3502
+ "isRequired": false,
3503
+ "defaultValue": "false"
3504
+ },
3505
+ {
3506
+ "name": "ngpRatingClearable",
3507
+ "type": "boolean",
3508
+ "description": "Whether re-selecting the current value clears the rating to 0 (deselection).",
3509
+ "isRequired": false,
3510
+ "defaultValue": "false"
3511
+ },
3512
+ {
3513
+ "name": "ngpRatingValueText",
3514
+ "type": "(value: number, count: number) => string",
3515
+ "description": "Produce the `aria-valuetext` announced to assistive technology.",
3516
+ "isRequired": false
3517
+ }
3518
+ ],
3519
+ "outputs": [
3520
+ {
3521
+ "name": "ngpRatingValueChange",
3522
+ "type": "number",
3523
+ "description": "Emits when the value changes."
3524
+ }
3525
+ ]
3526
+ },
3527
+ "NgpRatingItem": {
3528
+ "name": "NgpRatingItem",
3529
+ "description": "A structural directive that renders one item (star) per `count`, driven by the\nparent `ngpRating`. Each generated element automatically receives the\n`data-checked`, `data-half` and `data-highlighted` attributes and has its\npointer interactions wired up via the `ngpRatingItem` state function.",
3530
+ "selector": "[ngpRatingItem]",
3531
+ "exportAs": [
3532
+ "ngpRatingItem"
3533
+ ],
3534
+ "inputs": [],
3535
+ "outputs": []
3536
+ },
2965
3537
  "NgpResize": {
2966
3538
  "name": "NgpResize",
2967
3539
  "description": "Apply the `ngpResize` directive to an element to listen for resize events.",
@@ -3033,16 +3605,6 @@
3033
3605
  ],
3034
3606
  "outputs": []
3035
3607
  },
3036
- "NgpSearchClear": {
3037
- "name": "NgpSearchClear",
3038
- "description": "The `NgpSearchClear` directive is can be added to a button to clear the search field on click.",
3039
- "selector": "[ngpSearchClear]",
3040
- "exportAs": [
3041
- "ngpSearchClear"
3042
- ],
3043
- "inputs": [],
3044
- "outputs": []
3045
- },
3046
3608
  "NgpSearch": {
3047
3609
  "name": "NgpSearch",
3048
3610
  "description": "The `NgpSearch` directive is a container for the search field components.",
@@ -3053,6 +3615,16 @@
3053
3615
  "inputs": [],
3054
3616
  "outputs": []
3055
3617
  },
3618
+ "NgpSearchClear": {
3619
+ "name": "NgpSearchClear",
3620
+ "description": "The `NgpSearchClear` directive can be added to a button to clear the search field on click.",
3621
+ "selector": "[ngpSearchClear]",
3622
+ "exportAs": [
3623
+ "ngpSearchClear"
3624
+ ],
3625
+ "inputs": [],
3626
+ "outputs": []
3627
+ },
3056
3628
  "NgpSelectPortal": {
3057
3629
  "name": "NgpSelectPortal",
3058
3630
  "description": "",
@@ -3325,15 +3897,27 @@
3325
3897
  "inputs": [
3326
3898
  {
3327
3899
  "name": "ngpRangeSliderLow",
3900
+ "type": "number | undefined",
3901
+ "description": "The low value of the range slider. When defined the low thumb is controlled.",
3902
+ "isRequired": false
3903
+ },
3904
+ {
3905
+ "name": "ngpRangeSliderDefaultLow",
3328
3906
  "type": "number",
3329
- "description": "The low value of the range slider.",
3907
+ "description": "The default low value for uncontrolled usage.\n@default 0",
3330
3908
  "isRequired": false,
3331
3909
  "defaultValue": "0"
3332
3910
  },
3333
3911
  {
3334
3912
  "name": "ngpRangeSliderHigh",
3913
+ "type": "number | undefined",
3914
+ "description": "The high value of the range slider. When defined the high thumb is controlled.",
3915
+ "isRequired": false
3916
+ },
3917
+ {
3918
+ "name": "ngpRangeSliderDefaultHigh",
3335
3919
  "type": "number",
3336
- "description": "The high value of the range slider.",
3920
+ "description": "The default high value for uncontrolled usage.\n@default 100",
3337
3921
  "isRequired": false,
3338
3922
  "defaultValue": "100"
3339
3923
  },
@@ -3396,8 +3980,14 @@
3396
3980
  "inputs": [
3397
3981
  {
3398
3982
  "name": "ngpSliderValue",
3399
- "type": "number",
3983
+ "type": "number | undefined",
3400
3984
  "description": "The value of the slider.",
3985
+ "isRequired": false
3986
+ },
3987
+ {
3988
+ "name": "ngpSliderDefaultValue",
3989
+ "type": "number",
3990
+ "description": "The default value of the slider for uncontrolled usage.\n@default 0",
3401
3991
  "isRequired": false,
3402
3992
  "defaultValue": "0"
3403
3993
  },
@@ -3463,8 +4053,14 @@
3463
4053
  "inputs": [
3464
4054
  {
3465
4055
  "name": "ngpSwitchChecked",
4056
+ "type": "boolean | undefined",
4057
+ "description": "Determine if the switch is checked. When defined the switch is controlled.",
4058
+ "isRequired": false
4059
+ },
4060
+ {
4061
+ "name": "ngpSwitchDefaultChecked",
3466
4062
  "type": "boolean",
3467
- "description": "Determine if the switch is checked.\n@default false",
4063
+ "description": "The default checked state for uncontrolled usage.\n@default false",
3468
4064
  "isRequired": false,
3469
4065
  "defaultValue": "false"
3470
4066
  },
@@ -3814,7 +4410,7 @@
3814
4410
  },
3815
4411
  {
3816
4412
  "name": "ngpTooltipTriggerPlacement",
3817
- "type": "'top' | 'right' | 'bottom' | 'left' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end'",
4413
+ "type": "Placement",
3818
4414
  "description": "Define the placement of the tooltip relative to the trigger.\n@default 'top'",
3819
4415
  "isRequired": false,
3820
4416
  "defaultValue": "'top'"
@@ -3964,7 +4560,7 @@
3964
4560
  "properties": [
3965
4561
  {
3966
4562
  "name": "placement",
3967
- "type": "'top' | 'right' | 'bottom' | 'left' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end'",
4563
+ "type": "NgpPlacement",
3968
4564
  "description": "The default placement for the combobox dropdown.",
3969
4565
  "default": "'bottom'"
3970
4566
  },
@@ -4145,7 +4741,7 @@
4145
4741
  },
4146
4742
  {
4147
4743
  "name": "placement",
4148
- "type": "'top' | 'right' | 'bottom' | 'left' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end'",
4744
+ "type": "NgpPlacement",
4149
4745
  "description": "Define the placement of the menu relative to the trigger.",
4150
4746
  "default": "'bottom-start'"
4151
4747
  },
@@ -4228,7 +4824,7 @@
4228
4824
  },
4229
4825
  {
4230
4826
  "name": "placement",
4231
- "type": "Placement",
4827
+ "type": "NgpPlacement",
4232
4828
  "description": "Define the placement of the content relative to the trigger.",
4233
4829
  "default": "'bottom-start'"
4234
4830
  },
@@ -4316,7 +4912,7 @@
4316
4912
  },
4317
4913
  {
4318
4914
  "name": "placement",
4319
- "type": "Placement",
4915
+ "type": "NgpPlacement",
4320
4916
  "description": "Define the placement of the popover relative to the trigger.",
4321
4917
  "default": "'bottom'"
4322
4918
  },
@@ -4387,8 +4983,8 @@
4387
4983
  "properties": [
4388
4984
  {
4389
4985
  "name": "content",
4390
- "type": "NgpOverlayContent<T>",
4391
- "description": "Content to display in the overlay (component or template)"
4986
+ "type": "Signal<NgpOverlayContent<T> | null | undefined>",
4987
+ "description": "Content to display in the overlay (component or template). Read whenever the overlay opens, and while it is open a change swaps the rendered content, so a trigger can hand over an input signal and let it change. Clearing it closes the overlay immediately - there is nothing left to render, so neither the hide delay nor the exit animation applies - and an overlay with no content will not open."
4392
4988
  },
4393
4989
  {
4394
4990
  "name": "triggerElement",
@@ -4422,7 +5018,7 @@
4422
5018
  },
4423
5019
  {
4424
5020
  "name": "placement",
4425
- "type": "Signal<Placement>",
5021
+ "type": "Signal<NgpPlacement>",
4426
5022
  "description": "Preferred placement of the overlay relative to the trigger."
4427
5023
  },
4428
5024
  {
@@ -4452,7 +5048,7 @@
4452
5048
  },
4453
5049
  {
4454
5050
  "name": "strategy",
4455
- "type": "Strategy",
5051
+ "type": "NgpPositioningStrategy",
4456
5052
  "description": "Whether the overlay should be positioned with fixed or absolute strategy"
4457
5053
  },
4458
5054
  {
@@ -4482,7 +5078,7 @@
4482
5078
  },
4483
5079
  {
4484
5080
  "name": "additionalMiddleware",
4485
- "type": "Middleware[]",
5081
+ "type": "NgpMiddleware[]",
4486
5082
  "description": "Additional middleware for floating UI positioning"
4487
5083
  },
4488
5084
  {
@@ -4518,12 +5114,34 @@
4518
5114
  }
4519
5115
  ]
4520
5116
  },
5117
+ "NgpRatingConfig": {
5118
+ "name": "NgpRatingConfig",
5119
+ "properties": [
5120
+ {
5121
+ "name": "count",
5122
+ "type": "number",
5123
+ "description": "The default number of items in the rating.",
5124
+ "default": "5"
5125
+ },
5126
+ {
5127
+ "name": "clearable",
5128
+ "type": "boolean",
5129
+ "description": "Whether re-selecting the current value clears the rating to 0 (deselection).",
5130
+ "default": "false"
5131
+ },
5132
+ {
5133
+ "name": "valueText",
5134
+ "type": "(value: number, count: number) => string",
5135
+ "description": "Produce the `aria-valuetext` announced to assistive technology. Override for localisation."
5136
+ }
5137
+ ]
5138
+ },
4521
5139
  "NgpSelectConfig": {
4522
5140
  "name": "NgpSelectConfig",
4523
5141
  "properties": [
4524
5142
  {
4525
5143
  "name": "placement",
4526
- "type": "Placement",
5144
+ "type": "NgpPlacement",
4527
5145
  "description": "The default placement for the select dropdown.",
4528
5146
  "default": "'bottom'"
4529
5147
  },
@@ -4715,7 +5333,7 @@
4715
5333
  },
4716
5334
  {
4717
5335
  "name": "placement",
4718
- "type": "Placement",
5336
+ "type": "NgpPlacement",
4719
5337
  "description": "Define the placement of the tooltip relative to the trigger.",
4720
5338
  "default": "'top'"
4721
5339
  },