@primeng/mcp 21.1.3 → 21.1.5
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/dist/index.js +604 -562
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -6,7 +6,7 @@ import { runPrimeMcpServer } from "@primeuix/mcp";
|
|
|
6
6
|
// data/components.json
|
|
7
7
|
var components_default = {
|
|
8
8
|
version: "1.0.0",
|
|
9
|
-
generatedAt: "2026-03-
|
|
9
|
+
generatedAt: "2026-03-27",
|
|
10
10
|
components: [
|
|
11
11
|
{
|
|
12
12
|
name: "accordion",
|
|
@@ -543,11 +543,6 @@ export class AccordionTemplateDemo {}`
|
|
|
543
543
|
variable: "--p-accordion-header-font-weight",
|
|
544
544
|
description: "Font weight of header"
|
|
545
545
|
},
|
|
546
|
-
{
|
|
547
|
-
token: "accordion.header.font.size",
|
|
548
|
-
variable: "--p-accordion-header-font-size",
|
|
549
|
-
description: "Font size of header"
|
|
550
|
-
},
|
|
551
546
|
{
|
|
552
547
|
token: "accordion.header.border.radius",
|
|
553
548
|
variable: "--p-accordion-header-border-radius",
|
|
@@ -2972,16 +2967,6 @@ export class AutocompleteVirtualScrollDemo implements OnInit {
|
|
|
2972
2967
|
variable: "--p-autocomplete-option-border-radius",
|
|
2973
2968
|
description: "Border radius of option"
|
|
2974
2969
|
},
|
|
2975
|
-
{
|
|
2976
|
-
token: "autocomplete.option.font.weight",
|
|
2977
|
-
variable: "--p-autocomplete-option-font-weight",
|
|
2978
|
-
description: "Font weight of option"
|
|
2979
|
-
},
|
|
2980
|
-
{
|
|
2981
|
-
token: "autocomplete.option.font.size",
|
|
2982
|
-
variable: "--p-autocomplete-option-font-size",
|
|
2983
|
-
description: "Font size of option"
|
|
2984
|
-
},
|
|
2985
2970
|
{
|
|
2986
2971
|
token: "autocomplete.option.group.background",
|
|
2987
2972
|
variable: "--p-autocomplete-option-group-background",
|
|
@@ -2997,11 +2982,6 @@ export class AutocompleteVirtualScrollDemo implements OnInit {
|
|
|
2997
2982
|
variable: "--p-autocomplete-option-group-font-weight",
|
|
2998
2983
|
description: "Font weight of option group"
|
|
2999
2984
|
},
|
|
3000
|
-
{
|
|
3001
|
-
token: "autocomplete.option.group.font.size",
|
|
3002
|
-
variable: "--p-autocomplete-option-group-font-size",
|
|
3003
|
-
description: "Font size of option group"
|
|
3004
|
-
},
|
|
3005
2985
|
{
|
|
3006
2986
|
token: "autocomplete.option.group.padding",
|
|
3007
2987
|
variable: "--p-autocomplete-option-group-padding",
|
|
@@ -3638,11 +3618,6 @@ export class AvatarTemplateDemo {}`
|
|
|
3638
3618
|
variable: "--p-avatar-height",
|
|
3639
3619
|
description: "Height of root"
|
|
3640
3620
|
},
|
|
3641
|
-
{
|
|
3642
|
-
token: "avatar.font.weight",
|
|
3643
|
-
variable: "--p-avatar-font-weight",
|
|
3644
|
-
description: "Font weight of root"
|
|
3645
|
-
},
|
|
3646
3621
|
{
|
|
3647
3622
|
token: "avatar.font.size",
|
|
3648
3623
|
variable: "--p-avatar-font-size",
|
|
@@ -4632,21 +4607,6 @@ export class BreadcrumbTemplateDemo implements OnInit {
|
|
|
4632
4607
|
variable: "--p-breadcrumb-item-icon-hover-color",
|
|
4633
4608
|
description: "Icon hover color of item"
|
|
4634
4609
|
},
|
|
4635
|
-
{
|
|
4636
|
-
token: "breadcrumb.item.icon.size",
|
|
4637
|
-
variable: "--p-breadcrumb-item-icon-size",
|
|
4638
|
-
description: "Icon size of item icon"
|
|
4639
|
-
},
|
|
4640
|
-
{
|
|
4641
|
-
token: "breadcrumb.item.label.font.weight",
|
|
4642
|
-
variable: "--p-breadcrumb-item-label-font-weight",
|
|
4643
|
-
description: "Font weight of item label"
|
|
4644
|
-
},
|
|
4645
|
-
{
|
|
4646
|
-
token: "breadcrumb.item.label.font.size",
|
|
4647
|
-
variable: "--p-breadcrumb-item-label-font-size",
|
|
4648
|
-
description: "Font size of item label"
|
|
4649
|
-
},
|
|
4650
4610
|
{
|
|
4651
4611
|
token: "breadcrumb.item.focus.ring.width",
|
|
4652
4612
|
variable: "--p-breadcrumb-item-focus-ring-width",
|
|
@@ -5546,11 +5506,6 @@ export class ButtonTextDemo {}`
|
|
|
5546
5506
|
variable: "--p-button-icon-only-width",
|
|
5547
5507
|
description: "Icon only width of root"
|
|
5548
5508
|
},
|
|
5549
|
-
{
|
|
5550
|
-
token: "button.icon.only.width",
|
|
5551
|
-
variable: "--p-button-icon-only-width",
|
|
5552
|
-
description: "Font size of root"
|
|
5553
|
-
},
|
|
5554
5509
|
{
|
|
5555
5510
|
token: "button.sm.font.size",
|
|
5556
5511
|
variable: "--p-button-sm-font-size",
|
|
@@ -6682,16 +6637,6 @@ export class CardBasicDemo {}`
|
|
|
6682
6637
|
token: "card.subtitle.color",
|
|
6683
6638
|
variable: "--p-card-subtitle-color",
|
|
6684
6639
|
description: "Color of subtitle"
|
|
6685
|
-
},
|
|
6686
|
-
{
|
|
6687
|
-
token: "card.subtitle.font.size",
|
|
6688
|
-
variable: "--p-card-subtitle-font-size",
|
|
6689
|
-
description: "Font size of subtitle"
|
|
6690
|
-
},
|
|
6691
|
-
{
|
|
6692
|
-
token: "card.subtitle.font.weight",
|
|
6693
|
-
variable: "--p-card-subtitle-font-weight",
|
|
6694
|
-
description: "Font weight of subtitle"
|
|
6695
6640
|
}
|
|
6696
6641
|
]
|
|
6697
6642
|
}
|
|
@@ -9486,16 +9431,6 @@ export class CascadeselectTemplatedrivenformsDemo {
|
|
|
9486
9431
|
variable: "--p-cascadeselect-lg-padding-y",
|
|
9487
9432
|
description: "Lg padding y of root"
|
|
9488
9433
|
},
|
|
9489
|
-
{
|
|
9490
|
-
token: "cascadeselect.font.weight",
|
|
9491
|
-
variable: "--p-cascadeselect-font-weight",
|
|
9492
|
-
description: "Font weight of current value"
|
|
9493
|
-
},
|
|
9494
|
-
{
|
|
9495
|
-
token: "cascadeselect.font.size",
|
|
9496
|
-
variable: "--p-cascadeselect-font-size",
|
|
9497
|
-
description: "Font size of current value"
|
|
9498
|
-
},
|
|
9499
9434
|
{
|
|
9500
9435
|
token: "cascadeselect.dropdown.width",
|
|
9501
9436
|
variable: "--p-cascadeselect-dropdown-width",
|
|
@@ -9581,11 +9516,6 @@ export class CascadeselectTemplatedrivenformsDemo {
|
|
|
9581
9516
|
variable: "--p-cascadeselect-option-selected-focus-color",
|
|
9582
9517
|
description: "Selected focus color of option"
|
|
9583
9518
|
},
|
|
9584
|
-
{
|
|
9585
|
-
token: "cascadeselect.option.selected.font.weight",
|
|
9586
|
-
variable: "--p-cascadeselect-option-selected-font-weight",
|
|
9587
|
-
description: "Font weight of a selected option"
|
|
9588
|
-
},
|
|
9589
9519
|
{
|
|
9590
9520
|
token: "cascadeselect.option.padding",
|
|
9591
9521
|
variable: "--p-cascadeselect-option-padding",
|
|
@@ -9611,16 +9541,6 @@ export class CascadeselectTemplatedrivenformsDemo {
|
|
|
9611
9541
|
variable: "--p-cascadeselect-option-icon-size",
|
|
9612
9542
|
description: "Icon size of option"
|
|
9613
9543
|
},
|
|
9614
|
-
{
|
|
9615
|
-
token: "cascadeselect.option.font.weight",
|
|
9616
|
-
variable: "--p-cascadeselect-option-font-weight",
|
|
9617
|
-
description: "Font weight of option"
|
|
9618
|
-
},
|
|
9619
|
-
{
|
|
9620
|
-
token: "cascadeselect.option.font.size",
|
|
9621
|
-
variable: "--p-cascadeselect-option-font-size",
|
|
9622
|
-
description: "Font size of option"
|
|
9623
|
-
},
|
|
9624
9544
|
{
|
|
9625
9545
|
token: "cascadeselect.clear.icon.color",
|
|
9626
9546
|
variable: "--p-cascadeselect-clear-icon-color",
|
|
@@ -12046,16 +11966,6 @@ export class ChipTemplateDemo {}`
|
|
|
12046
11966
|
variable: "--p-chip-icon-color",
|
|
12047
11967
|
description: "Color of icon"
|
|
12048
11968
|
},
|
|
12049
|
-
{
|
|
12050
|
-
token: "chip.label.font.weight",
|
|
12051
|
-
variable: "--p-chip-label-font-weight",
|
|
12052
|
-
description: "Font weight of label"
|
|
12053
|
-
},
|
|
12054
|
-
{
|
|
12055
|
-
token: "chip.label.font.size",
|
|
12056
|
-
variable: "--p-chip-label-font-size",
|
|
12057
|
-
description: "Font size of label"
|
|
12058
|
-
},
|
|
12059
11969
|
{
|
|
12060
11970
|
token: "chip.remove.icon.size",
|
|
12061
11971
|
variable: "--p-chip-remove-icon-size",
|
|
@@ -13287,21 +13197,6 @@ export class ConfirmdialogTemplateDemo {
|
|
|
13287
13197
|
token: "confirmdialog.content.gap",
|
|
13288
13198
|
variable: "--p-confirmdialog-content-gap",
|
|
13289
13199
|
description: "Gap of content"
|
|
13290
|
-
},
|
|
13291
|
-
{
|
|
13292
|
-
token: "confirmdialog.message.color",
|
|
13293
|
-
variable: "--p-confirmdialog-message-color",
|
|
13294
|
-
description: "Color of message"
|
|
13295
|
-
},
|
|
13296
|
-
{
|
|
13297
|
-
token: "confirmdialog.message.font.weight",
|
|
13298
|
-
variable: "--p-confirmdialog-message-font-weight",
|
|
13299
|
-
description: "Font weight of message"
|
|
13300
|
-
},
|
|
13301
|
-
{
|
|
13302
|
-
token: "confirmdialog.message.font.size",
|
|
13303
|
-
variable: "--p-confirmdialog-message-font-size",
|
|
13304
|
-
description: "Font size of message"
|
|
13305
13200
|
}
|
|
13306
13201
|
]
|
|
13307
13202
|
}
|
|
@@ -13735,21 +13630,6 @@ export class ConfirmpopupTemplateDemo {
|
|
|
13735
13630
|
variable: "--p-confirmpopup-icon-color",
|
|
13736
13631
|
description: "Color of icon"
|
|
13737
13632
|
},
|
|
13738
|
-
{
|
|
13739
|
-
token: "confirmpopup.message.color",
|
|
13740
|
-
variable: "--p-confirmpopup-message-color",
|
|
13741
|
-
description: "Color of message"
|
|
13742
|
-
},
|
|
13743
|
-
{
|
|
13744
|
-
token: "confirmpopup.message.font.weight",
|
|
13745
|
-
variable: "--p-confirmpopup-message-font-weight",
|
|
13746
|
-
description: "Font weight of message"
|
|
13747
|
-
},
|
|
13748
|
-
{
|
|
13749
|
-
token: "confirmpopup.message.font.size",
|
|
13750
|
-
variable: "--p-confirmpopup-message-font-size",
|
|
13751
|
-
description: "Font size of message"
|
|
13752
|
-
},
|
|
13753
13633
|
{
|
|
13754
13634
|
token: "confirmpopup.footer.gap",
|
|
13755
13635
|
variable: "--p-confirmpopup-footer-gap",
|
|
@@ -14522,21 +14402,6 @@ export class ContextmenuTemplateDemo implements OnInit {
|
|
|
14522
14402
|
variable: "--p-contextmenu-item-icon-active-color",
|
|
14523
14403
|
description: "Icon active color of item"
|
|
14524
14404
|
},
|
|
14525
|
-
{
|
|
14526
|
-
token: "contextmenu.item.icon.size",
|
|
14527
|
-
variable: "--p-contextmenu-item-icon-size",
|
|
14528
|
-
description: "Icon size of item"
|
|
14529
|
-
},
|
|
14530
|
-
{
|
|
14531
|
-
token: "contextmenu.item.label.font.weight",
|
|
14532
|
-
variable: "--p-contextmenu-item-label-font-weight",
|
|
14533
|
-
description: "Font weight of item label"
|
|
14534
|
-
},
|
|
14535
|
-
{
|
|
14536
|
-
token: "contextmenu.item.label.font.size",
|
|
14537
|
-
variable: "--p-contextmenu-item-label-font-size",
|
|
14538
|
-
description: "Font size of item label"
|
|
14539
|
-
},
|
|
14540
14405
|
{
|
|
14541
14406
|
token: "contextmenu.submenu.mobile.indent",
|
|
14542
14407
|
variable: "--p-contextmenu-submenu-mobile-indent",
|
|
@@ -17637,11 +17502,6 @@ export class DatepickerYearDemo {
|
|
|
17637
17502
|
variable: "--p-datepicker-title-font-weight",
|
|
17638
17503
|
description: "Font weight of title"
|
|
17639
17504
|
},
|
|
17640
|
-
{
|
|
17641
|
-
token: "datepicker.title.font.size",
|
|
17642
|
-
variable: "--p-datepicker-title-font-size",
|
|
17643
|
-
description: "Font size of title"
|
|
17644
|
-
},
|
|
17645
17505
|
{
|
|
17646
17506
|
token: "datepicker.dropdown.width",
|
|
17647
17507
|
variable: "--p-datepicker-dropdown-width",
|
|
@@ -17762,16 +17622,6 @@ export class DatepickerYearDemo {
|
|
|
17762
17622
|
variable: "--p-datepicker-select-month-border-radius",
|
|
17763
17623
|
description: "Border radius of select month"
|
|
17764
17624
|
},
|
|
17765
|
-
{
|
|
17766
|
-
token: "datepicker.select.month.font.weight",
|
|
17767
|
-
variable: "--p-datepicker-select-month-font-weight",
|
|
17768
|
-
description: "Font weight of select month"
|
|
17769
|
-
},
|
|
17770
|
-
{
|
|
17771
|
-
token: "datepicker.select.month.font.size",
|
|
17772
|
-
variable: "--p-datepicker-select-month-font-size",
|
|
17773
|
-
description: "Font size of select month"
|
|
17774
|
-
},
|
|
17775
17625
|
{
|
|
17776
17626
|
token: "datepicker.select.year.hover.background",
|
|
17777
17627
|
variable: "--p-datepicker-select-year-hover-background",
|
|
@@ -17797,16 +17647,6 @@ export class DatepickerYearDemo {
|
|
|
17797
17647
|
variable: "--p-datepicker-select-year-border-radius",
|
|
17798
17648
|
description: "Border radius of select year"
|
|
17799
17649
|
},
|
|
17800
|
-
{
|
|
17801
|
-
token: "datepicker.select.year.font.weight",
|
|
17802
|
-
variable: "--p-datepicker-select-year-font-weight",
|
|
17803
|
-
description: "Font weight of select year"
|
|
17804
|
-
},
|
|
17805
|
-
{
|
|
17806
|
-
token: "datepicker.select.year.font.size",
|
|
17807
|
-
variable: "--p-datepicker-select-year-font-size",
|
|
17808
|
-
description: "Font size of select year"
|
|
17809
|
-
},
|
|
17810
17650
|
{
|
|
17811
17651
|
token: "datepicker.group.border.color",
|
|
17812
17652
|
variable: "--p-datepicker-group-border-color",
|
|
@@ -17832,11 +17672,6 @@ export class DatepickerYearDemo {
|
|
|
17832
17672
|
variable: "--p-datepicker-week-day-font-weight",
|
|
17833
17673
|
description: "Font weight of week day"
|
|
17834
17674
|
},
|
|
17835
|
-
{
|
|
17836
|
-
token: "datepicker.week.day.font.size",
|
|
17837
|
-
variable: "--p-datepicker-week-day-font-size",
|
|
17838
|
-
description: "Font size of week day"
|
|
17839
|
-
},
|
|
17840
17675
|
{
|
|
17841
17676
|
token: "datepicker.week.day.color",
|
|
17842
17677
|
variable: "--p-datepicker-week-day-color",
|
|
@@ -17922,16 +17757,6 @@ export class DatepickerYearDemo {
|
|
|
17922
17757
|
variable: "--p-datepicker-date-focus-ring-shadow",
|
|
17923
17758
|
description: "Focus ring shadow of date"
|
|
17924
17759
|
},
|
|
17925
|
-
{
|
|
17926
|
-
token: "datepicker.date.font.weight",
|
|
17927
|
-
variable: "--p-datepicker-date-font-weight",
|
|
17928
|
-
description: "Font weight of date"
|
|
17929
|
-
},
|
|
17930
|
-
{
|
|
17931
|
-
token: "datepicker.date.font.size",
|
|
17932
|
-
variable: "--p-datepicker-date-font-size",
|
|
17933
|
-
description: "Font size of date"
|
|
17934
|
-
},
|
|
17935
17760
|
{
|
|
17936
17761
|
token: "datepicker.month.view.margin",
|
|
17937
17762
|
variable: "--p-datepicker-month-view-margin",
|
|
@@ -17992,21 +17817,6 @@ export class DatepickerYearDemo {
|
|
|
17992
17817
|
variable: "--p-datepicker-time-picker-button-gap",
|
|
17993
17818
|
description: "Button gap of time picker"
|
|
17994
17819
|
},
|
|
17995
|
-
{
|
|
17996
|
-
token: "datepicker.time.picker.color",
|
|
17997
|
-
variable: "--p-datepicker-time-picker-color",
|
|
17998
|
-
description: "Color of time picker label"
|
|
17999
|
-
},
|
|
18000
|
-
{
|
|
18001
|
-
token: "datepicker.time.picker.font.weight",
|
|
18002
|
-
variable: "--p-datepicker-time-picker-font-weight",
|
|
18003
|
-
description: "Font weight of time picker label"
|
|
18004
|
-
},
|
|
18005
|
-
{
|
|
18006
|
-
token: "datepicker.time.picker.font.size",
|
|
18007
|
-
variable: "--p-datepicker-time-picker-font-size",
|
|
18008
|
-
description: "Font size of time picker label"
|
|
18009
|
-
},
|
|
18010
17820
|
{
|
|
18011
17821
|
token: "datepicker.today.background",
|
|
18012
17822
|
variable: "--p-datepicker-today-background",
|
|
@@ -22317,11 +22127,6 @@ export class FieldsetToggleableDemo {}`
|
|
|
22317
22127
|
variable: "--p-fieldset-legend-font-weight",
|
|
22318
22128
|
description: "Font weight of legend"
|
|
22319
22129
|
},
|
|
22320
|
-
{
|
|
22321
|
-
token: "fieldset.legend.font.size",
|
|
22322
|
-
variable: "--p-fieldset-legend-font-size",
|
|
22323
|
-
description: "Font size of legend"
|
|
22324
|
-
},
|
|
22325
22130
|
{
|
|
22326
22131
|
token: "fieldset.legend.focus.ring.width",
|
|
22327
22132
|
variable: "--p-fieldset-legend-focus-ring-width",
|
|
@@ -23398,36 +23203,6 @@ export class FileuploadTemplateDemo {
|
|
|
23398
23203
|
variable: "--p-fileupload-file-info-gap",
|
|
23399
23204
|
description: "Info gap of file"
|
|
23400
23205
|
},
|
|
23401
|
-
{
|
|
23402
|
-
token: "fileupload.file.name.color",
|
|
23403
|
-
variable: "--p-fileupload-file-name-color",
|
|
23404
|
-
description: "Color of file name"
|
|
23405
|
-
},
|
|
23406
|
-
{
|
|
23407
|
-
token: "fileupload.file.name.font.weight",
|
|
23408
|
-
variable: "--p-fileupload-file-name-font-weight",
|
|
23409
|
-
description: "Font weight of file name"
|
|
23410
|
-
},
|
|
23411
|
-
{
|
|
23412
|
-
token: "fileupload.file.name.font.size",
|
|
23413
|
-
variable: "--p-fileupload-file-name-font-size",
|
|
23414
|
-
description: "Font size of file name"
|
|
23415
|
-
},
|
|
23416
|
-
{
|
|
23417
|
-
token: "fileupload.file.size.color",
|
|
23418
|
-
variable: "--p-fileupload-file-size-color",
|
|
23419
|
-
description: "Color of file size"
|
|
23420
|
-
},
|
|
23421
|
-
{
|
|
23422
|
-
token: "fileupload.file.size.font.weight",
|
|
23423
|
-
variable: "--p-fileupload-file-size-font-weight",
|
|
23424
|
-
description: "Font weight of file size"
|
|
23425
|
-
},
|
|
23426
|
-
{
|
|
23427
|
-
token: "fileupload.file.size.font.size",
|
|
23428
|
-
variable: "--p-fileupload-file-size-font-size",
|
|
23429
|
-
description: "Font size of file size"
|
|
23430
|
-
},
|
|
23431
23206
|
{
|
|
23432
23207
|
token: "fileupload.file.list.gap",
|
|
23433
23208
|
variable: "--p-fileupload-file-list-gap",
|
|
@@ -23649,11 +23424,6 @@ export class FloatlabelVariantsDemo {
|
|
|
23649
23424
|
variable: "--p-floatlabel-position-y",
|
|
23650
23425
|
description: "Position y of root"
|
|
23651
23426
|
},
|
|
23652
|
-
{
|
|
23653
|
-
token: "floatlabel.font.size",
|
|
23654
|
-
variable: "--p-floatlabel-font-size",
|
|
23655
|
-
description: "Font size of root"
|
|
23656
|
-
},
|
|
23657
23427
|
{
|
|
23658
23428
|
token: "floatlabel.font.weight",
|
|
23659
23429
|
variable: "--p-floatlabel-font-weight",
|
|
@@ -25716,6 +25486,608 @@ export class IftalabelInvalidDemo {
|
|
|
25716
25486
|
]
|
|
25717
25487
|
}
|
|
25718
25488
|
},
|
|
25489
|
+
{
|
|
25490
|
+
name: "image",
|
|
25491
|
+
title: "Angular Image Component",
|
|
25492
|
+
description: "Displays an image with preview and tranformation options.",
|
|
25493
|
+
sections: [
|
|
25494
|
+
{
|
|
25495
|
+
id: "accessibility",
|
|
25496
|
+
label: "Accessibility",
|
|
25497
|
+
description: "Screen Reader The preview button is a native button element with an aria-label that refers to the aria.zoomImage property of the locale API by default. When preview is active, dialog role with aria-modal is applied to the overlay image container. Button controls use aria.rotateRight , aria.rotateLeft , aria.zoomIn , aria.zoomOut and aria.close from the locale API as aria-label . ButtonBar Keyboard Support When preview is activated, close button receives the initial focus. Key Function tab Moves focus through button bar. enter Activates the button. space Activates the button. esc Closes the image preview.",
|
|
25498
|
+
examples: null
|
|
25499
|
+
},
|
|
25500
|
+
{
|
|
25501
|
+
id: "basic",
|
|
25502
|
+
label: "Basic",
|
|
25503
|
+
description: "Image is used as the native img element and supports all properties that the native element has. For multiple image, see Galleria.",
|
|
25504
|
+
examples: {
|
|
25505
|
+
typescript: `import { Component } from '@angular/core';
|
|
25506
|
+
import { ImageModule } from 'primeng/image';
|
|
25507
|
+
|
|
25508
|
+
@Component({
|
|
25509
|
+
template: \`
|
|
25510
|
+
<div class="card flex justify-center">
|
|
25511
|
+
<p-image src="https://primefaces.org/cdn/primeng/images/galleria/galleria10.jpg" alt="Image" width="250" />
|
|
25512
|
+
</div>
|
|
25513
|
+
\`,
|
|
25514
|
+
standalone: true,
|
|
25515
|
+
imports: [ImageModule]
|
|
25516
|
+
})
|
|
25517
|
+
export class ImageBasicDemo {}`
|
|
25518
|
+
}
|
|
25519
|
+
},
|
|
25520
|
+
{
|
|
25521
|
+
id: "preview",
|
|
25522
|
+
label: "Preview",
|
|
25523
|
+
description: "Preview mode displays a modal layer when the image is clicked that provides transformation options such as rotating and zooming.",
|
|
25524
|
+
examples: {
|
|
25525
|
+
typescript: `import { Component } from '@angular/core';
|
|
25526
|
+
import { ImageModule } from 'primeng/image';
|
|
25527
|
+
|
|
25528
|
+
@Component({
|
|
25529
|
+
template: \`
|
|
25530
|
+
<div class="card flex justify-center">
|
|
25531
|
+
<p-image src="https://primefaces.org/cdn/primeng/images/galleria/galleria10.jpg" alt="Image" width="250" [preview]="true" />
|
|
25532
|
+
</div>
|
|
25533
|
+
\`,
|
|
25534
|
+
standalone: true,
|
|
25535
|
+
imports: [ImageModule]
|
|
25536
|
+
})
|
|
25537
|
+
export class ImagePreviewDemo {}`
|
|
25538
|
+
}
|
|
25539
|
+
},
|
|
25540
|
+
{
|
|
25541
|
+
id: "previewimagesource",
|
|
25542
|
+
label: "previewimagesource-doc",
|
|
25543
|
+
description: "In case that you want to show different image on preview, you can set previewImageSrc attribute. It could come handy when wanted to use smaller image version at first and bigger one on preview.",
|
|
25544
|
+
examples: {
|
|
25545
|
+
typescript: `import { Component } from '@angular/core';
|
|
25546
|
+
import { ImageModule } from 'primeng/image';
|
|
25547
|
+
|
|
25548
|
+
@Component({
|
|
25549
|
+
template: \`
|
|
25550
|
+
<div class="card flex justify-center">
|
|
25551
|
+
<p-image src="https://primefaces.org/cdn/primeng/images/galleria/galleria11.jpg" previewImageSrc="https://primefaces.org/cdn/primeng/images/galleria/galleria11.jpg" alt="Image" width="250" [preview]="true" />
|
|
25552
|
+
</div>
|
|
25553
|
+
\`,
|
|
25554
|
+
standalone: true,
|
|
25555
|
+
imports: [ImageModule]
|
|
25556
|
+
})
|
|
25557
|
+
export class ImagePreviewimagesourceDemo {}`
|
|
25558
|
+
}
|
|
25559
|
+
},
|
|
25560
|
+
{
|
|
25561
|
+
id: "template",
|
|
25562
|
+
label: "Template",
|
|
25563
|
+
description: "An eye icon is displayed by default when the image is hovered in preview mode. Use the indicator template for custom content.",
|
|
25564
|
+
examples: {
|
|
25565
|
+
typescript: `import { Component } from '@angular/core';
|
|
25566
|
+
import { ImageModule } from 'primeng/image';
|
|
25567
|
+
|
|
25568
|
+
@Component({
|
|
25569
|
+
template: \`
|
|
25570
|
+
<div class="card flex justify-center">
|
|
25571
|
+
<p-image src="https://primefaces.org/cdn/primeng/images/galleria/galleria11.jpg" [preview]="true" alt="Image" width="250">
|
|
25572
|
+
<ng-template #indicator>
|
|
25573
|
+
<i class="pi pi-search"></i>
|
|
25574
|
+
</ng-template>
|
|
25575
|
+
<ng-template #image>
|
|
25576
|
+
<img src="https://primefaces.org/cdn/primeng/images/galleria/galleria11.jpg" alt="image" width="250" />
|
|
25577
|
+
</ng-template>
|
|
25578
|
+
<ng-template #preview let-style="style" let-previewCallback="previewCallback">
|
|
25579
|
+
<img src="https://primefaces.org/cdn/primeng/images/galleria/galleria11.jpg" alt="image" [style]="style" (click)="previewCallback()" />
|
|
25580
|
+
</ng-template>
|
|
25581
|
+
</p-image>
|
|
25582
|
+
</div>
|
|
25583
|
+
\`,
|
|
25584
|
+
standalone: true,
|
|
25585
|
+
imports: [ImageModule]
|
|
25586
|
+
})
|
|
25587
|
+
export class ImageTemplateDemo {}`
|
|
25588
|
+
}
|
|
25589
|
+
}
|
|
25590
|
+
],
|
|
25591
|
+
api: {
|
|
25592
|
+
props: [
|
|
25593
|
+
{
|
|
25594
|
+
name: "dt",
|
|
25595
|
+
type: "InputSignal<Object>",
|
|
25596
|
+
default: "undefined",
|
|
25597
|
+
description: "Defines scoped design tokens of the component.",
|
|
25598
|
+
deprecated: ""
|
|
25599
|
+
},
|
|
25600
|
+
{
|
|
25601
|
+
name: "unstyled",
|
|
25602
|
+
type: "InputSignal<boolean>",
|
|
25603
|
+
default: "undefined",
|
|
25604
|
+
description: "Indicates whether the component should be rendered without styles.",
|
|
25605
|
+
deprecated: ""
|
|
25606
|
+
},
|
|
25607
|
+
{
|
|
25608
|
+
name: "pt",
|
|
25609
|
+
type: "InputSignal<ImagePassThrough>",
|
|
25610
|
+
default: "undefined",
|
|
25611
|
+
description: "Used to pass attributes to DOM elements inside the component.",
|
|
25612
|
+
deprecated: ""
|
|
25613
|
+
},
|
|
25614
|
+
{
|
|
25615
|
+
name: "ptOptions",
|
|
25616
|
+
type: "InputSignal<PassThroughOptions>",
|
|
25617
|
+
default: "undefined",
|
|
25618
|
+
description: "Used to configure passthrough(pt) options of the component.",
|
|
25619
|
+
deprecated: ""
|
|
25620
|
+
},
|
|
25621
|
+
{
|
|
25622
|
+
name: "imageClass",
|
|
25623
|
+
type: "string",
|
|
25624
|
+
default: "-",
|
|
25625
|
+
description: "Style class of the image element.",
|
|
25626
|
+
deprecated: ""
|
|
25627
|
+
},
|
|
25628
|
+
{
|
|
25629
|
+
name: "imageStyle",
|
|
25630
|
+
type: "{ [klass: string]: any }",
|
|
25631
|
+
default: "-",
|
|
25632
|
+
description: "Inline style of the image element.",
|
|
25633
|
+
deprecated: ""
|
|
25634
|
+
},
|
|
25635
|
+
{
|
|
25636
|
+
name: "styleClass",
|
|
25637
|
+
type: "string",
|
|
25638
|
+
default: "-",
|
|
25639
|
+
description: "Class of the element.",
|
|
25640
|
+
deprecated: "since v20.0.0, use "
|
|
25641
|
+
},
|
|
25642
|
+
{
|
|
25643
|
+
name: "src",
|
|
25644
|
+
type: "string | SafeUrl",
|
|
25645
|
+
default: "-",
|
|
25646
|
+
description: "The source path for the main image.",
|
|
25647
|
+
deprecated: ""
|
|
25648
|
+
},
|
|
25649
|
+
{
|
|
25650
|
+
name: "srcSet",
|
|
25651
|
+
type: "string | SafeUrl",
|
|
25652
|
+
default: "-",
|
|
25653
|
+
description: "The srcset definition for the main image.",
|
|
25654
|
+
deprecated: ""
|
|
25655
|
+
},
|
|
25656
|
+
{
|
|
25657
|
+
name: "sizes",
|
|
25658
|
+
type: "string",
|
|
25659
|
+
default: "-",
|
|
25660
|
+
description: "The sizes definition for the main image.",
|
|
25661
|
+
deprecated: ""
|
|
25662
|
+
},
|
|
25663
|
+
{
|
|
25664
|
+
name: "previewImageSrc",
|
|
25665
|
+
type: "string | SafeUrl",
|
|
25666
|
+
default: "-",
|
|
25667
|
+
description: "The source path for the preview image.",
|
|
25668
|
+
deprecated: ""
|
|
25669
|
+
},
|
|
25670
|
+
{
|
|
25671
|
+
name: "previewImageSrcSet",
|
|
25672
|
+
type: "string | SafeUrl",
|
|
25673
|
+
default: "-",
|
|
25674
|
+
description: "The srcset definition for the preview image.",
|
|
25675
|
+
deprecated: ""
|
|
25676
|
+
},
|
|
25677
|
+
{
|
|
25678
|
+
name: "previewImageSizes",
|
|
25679
|
+
type: "string",
|
|
25680
|
+
default: "-",
|
|
25681
|
+
description: "The sizes definition for the preview image.",
|
|
25682
|
+
deprecated: ""
|
|
25683
|
+
},
|
|
25684
|
+
{
|
|
25685
|
+
name: "alt",
|
|
25686
|
+
type: "string",
|
|
25687
|
+
default: "-",
|
|
25688
|
+
description: "Attribute of the preview image element.",
|
|
25689
|
+
deprecated: ""
|
|
25690
|
+
},
|
|
25691
|
+
{
|
|
25692
|
+
name: "width",
|
|
25693
|
+
type: "string",
|
|
25694
|
+
default: "-",
|
|
25695
|
+
description: "Attribute of the image element.",
|
|
25696
|
+
deprecated: ""
|
|
25697
|
+
},
|
|
25698
|
+
{
|
|
25699
|
+
name: "height",
|
|
25700
|
+
type: "string",
|
|
25701
|
+
default: "-",
|
|
25702
|
+
description: "Attribute of the image element.",
|
|
25703
|
+
deprecated: ""
|
|
25704
|
+
},
|
|
25705
|
+
{
|
|
25706
|
+
name: "loading",
|
|
25707
|
+
type: '"eager" | "lazy"',
|
|
25708
|
+
default: "-",
|
|
25709
|
+
description: "Attribute of the image element.",
|
|
25710
|
+
deprecated: ""
|
|
25711
|
+
},
|
|
25712
|
+
{
|
|
25713
|
+
name: "preview",
|
|
25714
|
+
type: "boolean",
|
|
25715
|
+
default: "false",
|
|
25716
|
+
description: "Controls the preview functionality.",
|
|
25717
|
+
deprecated: ""
|
|
25718
|
+
},
|
|
25719
|
+
{
|
|
25720
|
+
name: "showTransitionOptions",
|
|
25721
|
+
type: "string",
|
|
25722
|
+
default: "150ms cubic-bezier(0, 0, 0.2, 1)",
|
|
25723
|
+
description: "Transition options of the show animation",
|
|
25724
|
+
deprecated: "since v21.0.0. Use "
|
|
25725
|
+
},
|
|
25726
|
+
{
|
|
25727
|
+
name: "hideTransitionOptions",
|
|
25728
|
+
type: "string",
|
|
25729
|
+
default: "150ms cubic-bezier(0, 0, 0.2, 1)",
|
|
25730
|
+
description: "Transition options of the hide animation",
|
|
25731
|
+
deprecated: "since v21.0.0. Use "
|
|
25732
|
+
},
|
|
25733
|
+
{
|
|
25734
|
+
name: "modalEnterAnimation",
|
|
25735
|
+
type: "InputSignal<string>",
|
|
25736
|
+
default: "'p-modal-enter'",
|
|
25737
|
+
description: "Enter animation class name of modal.",
|
|
25738
|
+
deprecated: ""
|
|
25739
|
+
},
|
|
25740
|
+
{
|
|
25741
|
+
name: "modalLeaveAnimation",
|
|
25742
|
+
type: "InputSignal<string>",
|
|
25743
|
+
default: "'p-modal-leave'",
|
|
25744
|
+
description: "Leave animation class name of modal.",
|
|
25745
|
+
deprecated: ""
|
|
25746
|
+
},
|
|
25747
|
+
{
|
|
25748
|
+
name: "appendTo",
|
|
25749
|
+
type: "InputSignal<any>",
|
|
25750
|
+
default: "'self'",
|
|
25751
|
+
description: 'Target element to attach the overlay, valid values are "body" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]="mydiv" for a div element having #mydiv as variable name).',
|
|
25752
|
+
deprecated: ""
|
|
25753
|
+
},
|
|
25754
|
+
{
|
|
25755
|
+
name: "maskMotionOptions",
|
|
25756
|
+
type: "InputSignal<MotionOptions>",
|
|
25757
|
+
default: "...",
|
|
25758
|
+
description: "The motion options for the mask.",
|
|
25759
|
+
deprecated: ""
|
|
25760
|
+
},
|
|
25761
|
+
{
|
|
25762
|
+
name: "motionOptions",
|
|
25763
|
+
type: "InputSignal<MotionOptions>",
|
|
25764
|
+
default: "...",
|
|
25765
|
+
description: "The motion options.",
|
|
25766
|
+
deprecated: ""
|
|
25767
|
+
}
|
|
25768
|
+
],
|
|
25769
|
+
templates: [
|
|
25770
|
+
{
|
|
25771
|
+
name: "indicator",
|
|
25772
|
+
type: "TemplateRef<void>",
|
|
25773
|
+
description: "Custom indicator template."
|
|
25774
|
+
},
|
|
25775
|
+
{
|
|
25776
|
+
name: "rotaterighticon",
|
|
25777
|
+
type: "TemplateRef<void>",
|
|
25778
|
+
description: "Custom rotate right icon template."
|
|
25779
|
+
},
|
|
25780
|
+
{
|
|
25781
|
+
name: "rotatelefticon",
|
|
25782
|
+
type: "TemplateRef<void>",
|
|
25783
|
+
description: "Custom rotate left icon template."
|
|
25784
|
+
},
|
|
25785
|
+
{
|
|
25786
|
+
name: "zoomouticon",
|
|
25787
|
+
type: "TemplateRef<void>",
|
|
25788
|
+
description: "Custom zoom out icon template."
|
|
25789
|
+
},
|
|
25790
|
+
{
|
|
25791
|
+
name: "zoominicon",
|
|
25792
|
+
type: "TemplateRef<void>",
|
|
25793
|
+
description: "Custom zoom in icon template."
|
|
25794
|
+
},
|
|
25795
|
+
{
|
|
25796
|
+
name: "closeicon",
|
|
25797
|
+
type: "TemplateRef<void>",
|
|
25798
|
+
description: "Custom close icon template."
|
|
25799
|
+
},
|
|
25800
|
+
{
|
|
25801
|
+
name: "preview",
|
|
25802
|
+
type: "TemplateRef<ImagePreviewTemplateContext>",
|
|
25803
|
+
description: "Custom preview template."
|
|
25804
|
+
},
|
|
25805
|
+
{
|
|
25806
|
+
name: "image",
|
|
25807
|
+
type: "TemplateRef<ImageImageTemplateContext>",
|
|
25808
|
+
description: "Custom image template."
|
|
25809
|
+
}
|
|
25810
|
+
],
|
|
25811
|
+
emits: [
|
|
25812
|
+
{
|
|
25813
|
+
name: "onShow",
|
|
25814
|
+
parameters: [
|
|
25815
|
+
{
|
|
25816
|
+
name: "value",
|
|
25817
|
+
type: "any"
|
|
25818
|
+
}
|
|
25819
|
+
],
|
|
25820
|
+
description: "Triggered when the preview overlay is shown."
|
|
25821
|
+
},
|
|
25822
|
+
{
|
|
25823
|
+
name: "onHide",
|
|
25824
|
+
parameters: [
|
|
25825
|
+
{
|
|
25826
|
+
name: "value",
|
|
25827
|
+
type: "any"
|
|
25828
|
+
}
|
|
25829
|
+
],
|
|
25830
|
+
description: "Triggered when the preview overlay is hidden."
|
|
25831
|
+
},
|
|
25832
|
+
{
|
|
25833
|
+
name: "onImageError",
|
|
25834
|
+
parameters: [
|
|
25835
|
+
{
|
|
25836
|
+
name: "event",
|
|
25837
|
+
type: "Event"
|
|
25838
|
+
}
|
|
25839
|
+
],
|
|
25840
|
+
description: "This event is triggered if an error occurs while loading an image file."
|
|
25841
|
+
}
|
|
25842
|
+
],
|
|
25843
|
+
methods: null,
|
|
25844
|
+
pt: [
|
|
25845
|
+
{
|
|
25846
|
+
name: "root",
|
|
25847
|
+
type: "PassThroughOption<HTMLSpanElement, I>",
|
|
25848
|
+
description: "Used to pass attributes to the root's DOM element."
|
|
25849
|
+
},
|
|
25850
|
+
{
|
|
25851
|
+
name: "image",
|
|
25852
|
+
type: "PassThroughOption<HTMLImageElement, I>",
|
|
25853
|
+
description: "Used to pass attributes to the image's DOM element."
|
|
25854
|
+
},
|
|
25855
|
+
{
|
|
25856
|
+
name: "previewMask",
|
|
25857
|
+
type: "PassThroughOption<HTMLButtonElement, I>",
|
|
25858
|
+
description: "Used to pass attributes to the preview mask button's DOM element."
|
|
25859
|
+
},
|
|
25860
|
+
{
|
|
25861
|
+
name: "previewIcon",
|
|
25862
|
+
type: "PassThroughOption<SVGElement, I>",
|
|
25863
|
+
description: "Used to pass attributes to the preview icon's DOM element."
|
|
25864
|
+
},
|
|
25865
|
+
{
|
|
25866
|
+
name: "mask",
|
|
25867
|
+
type: "PassThroughOption<HTMLDivElement, I>",
|
|
25868
|
+
description: "Used to pass attributes to the mask's DOM element."
|
|
25869
|
+
},
|
|
25870
|
+
{
|
|
25871
|
+
name: "toolbar",
|
|
25872
|
+
type: "PassThroughOption<HTMLDivElement, I>",
|
|
25873
|
+
description: "Used to pass attributes to the toolbar's DOM element."
|
|
25874
|
+
},
|
|
25875
|
+
{
|
|
25876
|
+
name: "rotateRightButton",
|
|
25877
|
+
type: "PassThroughOption<HTMLButtonElement, I>",
|
|
25878
|
+
description: "Used to pass attributes to the rotate right button's DOM element."
|
|
25879
|
+
},
|
|
25880
|
+
{
|
|
25881
|
+
name: "rotateLeftButton",
|
|
25882
|
+
type: "PassThroughOption<HTMLButtonElement, I>",
|
|
25883
|
+
description: "Used to pass attributes to the rotate left button's DOM element."
|
|
25884
|
+
},
|
|
25885
|
+
{
|
|
25886
|
+
name: "zoomOutButton",
|
|
25887
|
+
type: "PassThroughOption<HTMLButtonElement, I>",
|
|
25888
|
+
description: "Used to pass attributes to the zoom out button's DOM element."
|
|
25889
|
+
},
|
|
25890
|
+
{
|
|
25891
|
+
name: "zoomInButton",
|
|
25892
|
+
type: "PassThroughOption<HTMLButtonElement, I>",
|
|
25893
|
+
description: "Used to pass attributes to the zoom in button's DOM element."
|
|
25894
|
+
},
|
|
25895
|
+
{
|
|
25896
|
+
name: "closeButton",
|
|
25897
|
+
type: "PassThroughOption<HTMLButtonElement, I>",
|
|
25898
|
+
description: "Used to pass attributes to the close button's DOM element."
|
|
25899
|
+
},
|
|
25900
|
+
{
|
|
25901
|
+
name: "original",
|
|
25902
|
+
type: "PassThroughOption<HTMLImageElement, I>",
|
|
25903
|
+
description: "Used to pass attributes to the original/preview image's DOM element."
|
|
25904
|
+
},
|
|
25905
|
+
{
|
|
25906
|
+
name: "motion",
|
|
25907
|
+
type: "MotionOptions",
|
|
25908
|
+
description: "Used to pass options to the motion component/directive."
|
|
25909
|
+
}
|
|
25910
|
+
],
|
|
25911
|
+
styles: [
|
|
25912
|
+
{
|
|
25913
|
+
class: "p-image",
|
|
25914
|
+
description: "Class name of the root element"
|
|
25915
|
+
},
|
|
25916
|
+
{
|
|
25917
|
+
class: "p-image-preview-mask",
|
|
25918
|
+
description: "Class name of the preview mask element"
|
|
25919
|
+
},
|
|
25920
|
+
{
|
|
25921
|
+
class: "p-image-preview-icon",
|
|
25922
|
+
description: "Class name of the preview icon element"
|
|
25923
|
+
},
|
|
25924
|
+
{
|
|
25925
|
+
class: "p-image-mask",
|
|
25926
|
+
description: "Class name of the mask element"
|
|
25927
|
+
},
|
|
25928
|
+
{
|
|
25929
|
+
class: "p-image-toolbar",
|
|
25930
|
+
description: "Class name of the toolbar element"
|
|
25931
|
+
},
|
|
25932
|
+
{
|
|
25933
|
+
class: "p-image-rotate-right-button",
|
|
25934
|
+
description: "Class name of the rotate right button element"
|
|
25935
|
+
},
|
|
25936
|
+
{
|
|
25937
|
+
class: "p-image-rotate-left-button",
|
|
25938
|
+
description: "Class name of the rotate left button element"
|
|
25939
|
+
},
|
|
25940
|
+
{
|
|
25941
|
+
class: "p-image-zoom-out-button",
|
|
25942
|
+
description: "Class name of the zoom out button element"
|
|
25943
|
+
},
|
|
25944
|
+
{
|
|
25945
|
+
class: "p-image-zoom-in-button",
|
|
25946
|
+
description: "Class name of the zoom in button element"
|
|
25947
|
+
},
|
|
25948
|
+
{
|
|
25949
|
+
class: "p-image-close-button",
|
|
25950
|
+
description: "Class name of the close button element"
|
|
25951
|
+
},
|
|
25952
|
+
{
|
|
25953
|
+
class: "p-image-original",
|
|
25954
|
+
description: "Class name of the original element"
|
|
25955
|
+
}
|
|
25956
|
+
],
|
|
25957
|
+
tokens: [
|
|
25958
|
+
{
|
|
25959
|
+
token: "image.transition.duration",
|
|
25960
|
+
variable: "--p-image-transition-duration",
|
|
25961
|
+
description: "Transition duration of root"
|
|
25962
|
+
},
|
|
25963
|
+
{
|
|
25964
|
+
token: "image.preview.icon.size",
|
|
25965
|
+
variable: "--p-image-preview-icon-size",
|
|
25966
|
+
description: "Icon size of preview"
|
|
25967
|
+
},
|
|
25968
|
+
{
|
|
25969
|
+
token: "image.preview.mask.background",
|
|
25970
|
+
variable: "--p-image-preview-mask-background",
|
|
25971
|
+
description: "Mask background of preview"
|
|
25972
|
+
},
|
|
25973
|
+
{
|
|
25974
|
+
token: "image.preview.mask.color",
|
|
25975
|
+
variable: "--p-image-preview-mask-color",
|
|
25976
|
+
description: "Mask color of preview"
|
|
25977
|
+
},
|
|
25978
|
+
{
|
|
25979
|
+
token: "image.toolbar.position.left",
|
|
25980
|
+
variable: "--p-image-toolbar-position-left",
|
|
25981
|
+
description: "Position left of toolbar"
|
|
25982
|
+
},
|
|
25983
|
+
{
|
|
25984
|
+
token: "image.toolbar.position.right",
|
|
25985
|
+
variable: "--p-image-toolbar-position-right",
|
|
25986
|
+
description: "Position right of toolbar"
|
|
25987
|
+
},
|
|
25988
|
+
{
|
|
25989
|
+
token: "image.toolbar.position.top",
|
|
25990
|
+
variable: "--p-image-toolbar-position-top",
|
|
25991
|
+
description: "Position top of toolbar"
|
|
25992
|
+
},
|
|
25993
|
+
{
|
|
25994
|
+
token: "image.toolbar.position.bottom",
|
|
25995
|
+
variable: "--p-image-toolbar-position-bottom",
|
|
25996
|
+
description: "Position bottom of toolbar"
|
|
25997
|
+
},
|
|
25998
|
+
{
|
|
25999
|
+
token: "image.toolbar.blur",
|
|
26000
|
+
variable: "--p-image-toolbar-blur",
|
|
26001
|
+
description: "Blur of toolbar"
|
|
26002
|
+
},
|
|
26003
|
+
{
|
|
26004
|
+
token: "image.toolbar.background",
|
|
26005
|
+
variable: "--p-image-toolbar-background",
|
|
26006
|
+
description: "Background of toolbar"
|
|
26007
|
+
},
|
|
26008
|
+
{
|
|
26009
|
+
token: "image.toolbar.border.color",
|
|
26010
|
+
variable: "--p-image-toolbar-border-color",
|
|
26011
|
+
description: "Border color of toolbar"
|
|
26012
|
+
},
|
|
26013
|
+
{
|
|
26014
|
+
token: "image.toolbar.border.width",
|
|
26015
|
+
variable: "--p-image-toolbar-border-width",
|
|
26016
|
+
description: "Border width of toolbar"
|
|
26017
|
+
},
|
|
26018
|
+
{
|
|
26019
|
+
token: "image.toolbar.border.radius",
|
|
26020
|
+
variable: "--p-image-toolbar-border-radius",
|
|
26021
|
+
description: "Border radius of toolbar"
|
|
26022
|
+
},
|
|
26023
|
+
{
|
|
26024
|
+
token: "image.toolbar.padding",
|
|
26025
|
+
variable: "--p-image-toolbar-padding",
|
|
26026
|
+
description: "Padding of toolbar"
|
|
26027
|
+
},
|
|
26028
|
+
{
|
|
26029
|
+
token: "image.toolbar.gap",
|
|
26030
|
+
variable: "--p-image-toolbar-gap",
|
|
26031
|
+
description: "Gap of toolbar"
|
|
26032
|
+
},
|
|
26033
|
+
{
|
|
26034
|
+
token: "image.action.hover.background",
|
|
26035
|
+
variable: "--p-image-action-hover-background",
|
|
26036
|
+
description: "Hover background of action"
|
|
26037
|
+
},
|
|
26038
|
+
{
|
|
26039
|
+
token: "image.action.color",
|
|
26040
|
+
variable: "--p-image-action-color",
|
|
26041
|
+
description: "Color of action"
|
|
26042
|
+
},
|
|
26043
|
+
{
|
|
26044
|
+
token: "image.action.hover.color",
|
|
26045
|
+
variable: "--p-image-action-hover-color",
|
|
26046
|
+
description: "Hover color of action"
|
|
26047
|
+
},
|
|
26048
|
+
{
|
|
26049
|
+
token: "image.action.size",
|
|
26050
|
+
variable: "--p-image-action-size",
|
|
26051
|
+
description: "Size of action"
|
|
26052
|
+
},
|
|
26053
|
+
{
|
|
26054
|
+
token: "image.action.icon.size",
|
|
26055
|
+
variable: "--p-image-action-icon-size",
|
|
26056
|
+
description: "Icon size of action"
|
|
26057
|
+
},
|
|
26058
|
+
{
|
|
26059
|
+
token: "image.action.border.radius",
|
|
26060
|
+
variable: "--p-image-action-border-radius",
|
|
26061
|
+
description: "Border radius of action"
|
|
26062
|
+
},
|
|
26063
|
+
{
|
|
26064
|
+
token: "image.action.focus.ring.width",
|
|
26065
|
+
variable: "--p-image-action-focus-ring-width",
|
|
26066
|
+
description: "Focus ring width of action"
|
|
26067
|
+
},
|
|
26068
|
+
{
|
|
26069
|
+
token: "image.action.focus.ring.style",
|
|
26070
|
+
variable: "--p-image-action-focus-ring-style",
|
|
26071
|
+
description: "Focus ring style of action"
|
|
26072
|
+
},
|
|
26073
|
+
{
|
|
26074
|
+
token: "image.action.focus.ring.color",
|
|
26075
|
+
variable: "--p-image-action-focus-ring-color",
|
|
26076
|
+
description: "Focus ring color of action"
|
|
26077
|
+
},
|
|
26078
|
+
{
|
|
26079
|
+
token: "image.action.focus.ring.offset",
|
|
26080
|
+
variable: "--p-image-action-focus-ring-offset",
|
|
26081
|
+
description: "Focus ring offset of action"
|
|
26082
|
+
},
|
|
26083
|
+
{
|
|
26084
|
+
token: "image.action.focus.ring.shadow",
|
|
26085
|
+
variable: "--p-image-action-focus-ring-shadow",
|
|
26086
|
+
description: "Focus ring shadow of action"
|
|
26087
|
+
}
|
|
26088
|
+
]
|
|
26089
|
+
}
|
|
26090
|
+
},
|
|
25719
26091
|
{
|
|
25720
26092
|
name: "imagecompare",
|
|
25721
26093
|
title: "Angular ImageCompare Component",
|
|
@@ -26705,16 +27077,6 @@ export class InputgroupMultipleDemo {}`
|
|
|
26705
27077
|
token: "inputgroup.addon.min.width",
|
|
26706
27078
|
variable: "--p-inputgroup-addon-min-width",
|
|
26707
27079
|
description: "Min width of addon"
|
|
26708
|
-
},
|
|
26709
|
-
{
|
|
26710
|
-
token: "inputgroup.addon.font.weight",
|
|
26711
|
-
variable: "--p-inputgroup-addon-font-weight",
|
|
26712
|
-
description: "Font weight of addon"
|
|
26713
|
-
},
|
|
26714
|
-
{
|
|
26715
|
-
token: "inputgroup.addon.font.size",
|
|
26716
|
-
variable: "--p-inputgroup-addon-font-size",
|
|
26717
|
-
description: "Font size of addon"
|
|
26718
27080
|
}
|
|
26719
27081
|
]
|
|
26720
27082
|
}
|
|
@@ -29824,16 +30186,6 @@ export class InputtextTemplatedrivenformsDemo {
|
|
|
29824
30186
|
token: "inputtext.lg.padding.y",
|
|
29825
30187
|
variable: "--p-inputtext-lg-padding-y",
|
|
29826
30188
|
description: "Lg padding y of root"
|
|
29827
|
-
},
|
|
29828
|
-
{
|
|
29829
|
-
token: "inputtext.font.weight",
|
|
29830
|
-
variable: "--p-inputtext-font-weight",
|
|
29831
|
-
description: "Font weight of root"
|
|
29832
|
-
},
|
|
29833
|
-
{
|
|
29834
|
-
token: "inputtext.font.size",
|
|
29835
|
-
variable: "--p-inputtext-font-size",
|
|
29836
|
-
description: "Font size of root"
|
|
29837
30189
|
}
|
|
29838
30190
|
]
|
|
29839
30191
|
}
|
|
@@ -30627,16 +30979,6 @@ export class KnobTemplatedrivenformsDemo {
|
|
|
30627
30979
|
token: "knob.text.color",
|
|
30628
30980
|
variable: "--p-knob-text-color",
|
|
30629
30981
|
description: "Color of text"
|
|
30630
|
-
},
|
|
30631
|
-
{
|
|
30632
|
-
token: "knob.text.font.size",
|
|
30633
|
-
variable: "--p-knob-text-font-size",
|
|
30634
|
-
description: "Font size of text"
|
|
30635
|
-
},
|
|
30636
|
-
{
|
|
30637
|
-
token: "knob.text.font.weight",
|
|
30638
|
-
variable: "--p-knob-text-font-weight",
|
|
30639
|
-
description: "Font weight of text"
|
|
30640
30982
|
}
|
|
30641
30983
|
]
|
|
30642
30984
|
}
|
|
@@ -32075,11 +32417,6 @@ export class ListboxVirtualscrollDemo {
|
|
|
32075
32417
|
variable: "--p-listbox-option-selected-focus-color",
|
|
32076
32418
|
description: "Selected focus color of option"
|
|
32077
32419
|
},
|
|
32078
|
-
{
|
|
32079
|
-
token: "listbox.option.selected.font.weight",
|
|
32080
|
-
variable: "--p-listbox-option-selected-font-weight",
|
|
32081
|
-
description: "Font weight of a selected option"
|
|
32082
|
-
},
|
|
32083
32420
|
{
|
|
32084
32421
|
token: "listbox.option.padding",
|
|
32085
32422
|
variable: "--p-listbox-option-padding",
|
|
@@ -32095,16 +32432,6 @@ export class ListboxVirtualscrollDemo {
|
|
|
32095
32432
|
variable: "--p-listbox-option-striped-background",
|
|
32096
32433
|
description: "Striped background of option"
|
|
32097
32434
|
},
|
|
32098
|
-
{
|
|
32099
|
-
token: "listbox.option.font.weight",
|
|
32100
|
-
variable: "--p-listbox-option-font-weight",
|
|
32101
|
-
description: "Font weight of option"
|
|
32102
|
-
},
|
|
32103
|
-
{
|
|
32104
|
-
token: "listbox.option.font.size",
|
|
32105
|
-
variable: "--p-listbox-option-font-size",
|
|
32106
|
-
description: "Font size of option"
|
|
32107
|
-
},
|
|
32108
32435
|
{
|
|
32109
32436
|
token: "listbox.option.group.background",
|
|
32110
32437
|
variable: "--p-listbox-option-group-background",
|
|
@@ -32120,11 +32447,6 @@ export class ListboxVirtualscrollDemo {
|
|
|
32120
32447
|
variable: "--p-listbox-option-group-font-weight",
|
|
32121
32448
|
description: "Font weight of option group"
|
|
32122
32449
|
},
|
|
32123
|
-
{
|
|
32124
|
-
token: "listbox.option.group.font.size",
|
|
32125
|
-
variable: "--p-listbox-option-group-font-size",
|
|
32126
|
-
description: "Font size of option group"
|
|
32127
|
-
},
|
|
32128
32450
|
{
|
|
32129
32451
|
token: "listbox.option.group.padding",
|
|
32130
32452
|
variable: "--p-listbox-option-group-padding",
|
|
@@ -33146,21 +33468,6 @@ export class MegamenuVerticalDemo implements OnInit {
|
|
|
33146
33468
|
variable: "--p-megamenu-item-icon-active-color",
|
|
33147
33469
|
description: "Icon active color of item"
|
|
33148
33470
|
},
|
|
33149
|
-
{
|
|
33150
|
-
token: "megamenu.item.icon.size",
|
|
33151
|
-
variable: "--p-megamenu-item-icon-size",
|
|
33152
|
-
description: "Icon size of item"
|
|
33153
|
-
},
|
|
33154
|
-
{
|
|
33155
|
-
token: "megamenu.item.label.font.weight",
|
|
33156
|
-
variable: "--p-megamenu-item-label-font-weight",
|
|
33157
|
-
description: "Font weight of item label"
|
|
33158
|
-
},
|
|
33159
|
-
{
|
|
33160
|
-
token: "megamenu.item.label.font.size",
|
|
33161
|
-
variable: "--p-megamenu-item-label-font-size",
|
|
33162
|
-
description: "Font size of item label"
|
|
33163
|
-
},
|
|
33164
33471
|
{
|
|
33165
33472
|
token: "megamenu.overlay.padding",
|
|
33166
33473
|
variable: "--p-megamenu-overlay-padding",
|
|
@@ -33216,11 +33523,6 @@ export class MegamenuVerticalDemo implements OnInit {
|
|
|
33216
33523
|
variable: "--p-megamenu-submenu-label-font-weight",
|
|
33217
33524
|
description: "Font weight of submenu label"
|
|
33218
33525
|
},
|
|
33219
|
-
{
|
|
33220
|
-
token: "megamenu.submenu.label.font.size",
|
|
33221
|
-
variable: "--p-megamenu-submenu-label-font-size",
|
|
33222
|
-
description: "Font size of submenu label"
|
|
33223
|
-
},
|
|
33224
33526
|
{
|
|
33225
33527
|
token: "megamenu.submenu.label.background",
|
|
33226
33528
|
variable: "--p-megamenu-submenu-label-background",
|
|
@@ -34103,21 +34405,6 @@ export class MenuTemplateDemo implements OnInit {
|
|
|
34103
34405
|
variable: "--p-menu-item-icon-focus-color",
|
|
34104
34406
|
description: "Icon focus color of item"
|
|
34105
34407
|
},
|
|
34106
|
-
{
|
|
34107
|
-
token: "menu.item.icon.size",
|
|
34108
|
-
variable: "--p-menu-item-icon-size",
|
|
34109
|
-
description: "Icon size of item"
|
|
34110
|
-
},
|
|
34111
|
-
{
|
|
34112
|
-
token: "menu.item.label.font.weight",
|
|
34113
|
-
variable: "--p-menu-item-label-font-weight",
|
|
34114
|
-
description: "Font weight of item label"
|
|
34115
|
-
},
|
|
34116
|
-
{
|
|
34117
|
-
token: "menu.item.label.font.size",
|
|
34118
|
-
variable: "--p-menu-item-label-font-size",
|
|
34119
|
-
description: "Font size of item label"
|
|
34120
|
-
},
|
|
34121
34408
|
{
|
|
34122
34409
|
token: "menu.submenu.label.padding",
|
|
34123
34410
|
variable: "--p-menu-submenu-label-padding",
|
|
@@ -34128,11 +34415,6 @@ export class MenuTemplateDemo implements OnInit {
|
|
|
34128
34415
|
variable: "--p-menu-submenu-label-font-weight",
|
|
34129
34416
|
description: "Font weight of submenu label"
|
|
34130
34417
|
},
|
|
34131
|
-
{
|
|
34132
|
-
token: "menu.submenu.label.font.size",
|
|
34133
|
-
variable: "--p-menu-submenu-label-font-size",
|
|
34134
|
-
description: "Font size of submenu label"
|
|
34135
|
-
},
|
|
34136
34418
|
{
|
|
34137
34419
|
token: "menu.submenu.label.background",
|
|
34138
34420
|
variable: "--p-menu-submenu-label-background",
|
|
@@ -34882,21 +35164,6 @@ export class MenubarTemplateDemo implements OnInit {
|
|
|
34882
35164
|
variable: "--p-menubar-item-icon-active-color",
|
|
34883
35165
|
description: "Icon active color of item"
|
|
34884
35166
|
},
|
|
34885
|
-
{
|
|
34886
|
-
token: "menubar.item.icon.size",
|
|
34887
|
-
variable: "--p-menubar-item-icon-size",
|
|
34888
|
-
description: "Icon size of item"
|
|
34889
|
-
},
|
|
34890
|
-
{
|
|
34891
|
-
token: "menubar.item.label.font.weight",
|
|
34892
|
-
variable: "--p-menubar-item-label-font-weight",
|
|
34893
|
-
description: "Font weight of item label"
|
|
34894
|
-
},
|
|
34895
|
-
{
|
|
34896
|
-
token: "menubar.item.label.font.size",
|
|
34897
|
-
variable: "--p-menubar-item-label-font-size",
|
|
34898
|
-
description: "Font size of item label"
|
|
34899
|
-
},
|
|
34900
35167
|
{
|
|
34901
35168
|
token: "menubar.submenu.padding",
|
|
34902
35169
|
variable: "--p-menubar-submenu-padding",
|
|
@@ -36369,16 +36636,6 @@ export class MetergroupVerticalDemo {
|
|
|
36369
36636
|
variable: "--p-metergroup-label-marker-size",
|
|
36370
36637
|
description: "Size of label marker"
|
|
36371
36638
|
},
|
|
36372
|
-
{
|
|
36373
|
-
token: "metergroup.label.text.font.weight",
|
|
36374
|
-
variable: "--p-metergroup-label-text-font-weight",
|
|
36375
|
-
description: "Font weight of label text"
|
|
36376
|
-
},
|
|
36377
|
-
{
|
|
36378
|
-
token: "metergroup.label.text.font.size",
|
|
36379
|
-
variable: "--p-metergroup-label-text-font-size",
|
|
36380
|
-
description: "Font size of label text"
|
|
36381
|
-
},
|
|
36382
36639
|
{
|
|
36383
36640
|
token: "metergroup.label.icon.size",
|
|
36384
36641
|
variable: "--p-metergroup-label-icon-size",
|
|
@@ -38298,16 +38555,6 @@ export class MultiselectVirtualscrollDemo {
|
|
|
38298
38555
|
variable: "--p-multiselect-lg-padding-y",
|
|
38299
38556
|
description: "Lg padding y of root"
|
|
38300
38557
|
},
|
|
38301
|
-
{
|
|
38302
|
-
token: "multiselect.font.weight",
|
|
38303
|
-
variable: "--p-multiselect-font-weight",
|
|
38304
|
-
description: "Font weight of root"
|
|
38305
|
-
},
|
|
38306
|
-
{
|
|
38307
|
-
token: "multiselect.font.size",
|
|
38308
|
-
variable: "--p-multiselect-font-size",
|
|
38309
|
-
description: "Font size of root"
|
|
38310
|
-
},
|
|
38311
38558
|
{
|
|
38312
38559
|
token: "multiselect.dropdown.width",
|
|
38313
38560
|
variable: "--p-multiselect-dropdown-width",
|
|
@@ -38393,11 +38640,6 @@ export class MultiselectVirtualscrollDemo {
|
|
|
38393
38640
|
variable: "--p-multiselect-option-selected-focus-color",
|
|
38394
38641
|
description: "Selected focus color of option"
|
|
38395
38642
|
},
|
|
38396
|
-
{
|
|
38397
|
-
token: "multiselect.option.selected.font.weight",
|
|
38398
|
-
variable: "--p-multiselect-option-selected-font-weight",
|
|
38399
|
-
description: "Font weight of a selected option"
|
|
38400
|
-
},
|
|
38401
38643
|
{
|
|
38402
38644
|
token: "multiselect.option.padding",
|
|
38403
38645
|
variable: "--p-multiselect-option-padding",
|
|
@@ -38413,16 +38655,6 @@ export class MultiselectVirtualscrollDemo {
|
|
|
38413
38655
|
variable: "--p-multiselect-option-gap",
|
|
38414
38656
|
description: "Gap of option"
|
|
38415
38657
|
},
|
|
38416
|
-
{
|
|
38417
|
-
token: "multiselect.option.font.weight",
|
|
38418
|
-
variable: "--p-multiselect-option-font-weight",
|
|
38419
|
-
description: "Font weight of option"
|
|
38420
|
-
},
|
|
38421
|
-
{
|
|
38422
|
-
token: "multiselect.option.font.size",
|
|
38423
|
-
variable: "--p-multiselect-option-font-size",
|
|
38424
|
-
description: "Font size of option"
|
|
38425
|
-
},
|
|
38426
38658
|
{
|
|
38427
38659
|
token: "multiselect.option.group.background",
|
|
38428
38660
|
variable: "--p-multiselect-option-group-background",
|
|
@@ -38438,11 +38670,6 @@ export class MultiselectVirtualscrollDemo {
|
|
|
38438
38670
|
variable: "--p-multiselect-option-group-font-weight",
|
|
38439
38671
|
description: "Font weight of option group"
|
|
38440
38672
|
},
|
|
38441
|
-
{
|
|
38442
|
-
token: "multiselect.option.group.font.size",
|
|
38443
|
-
variable: "--p-multiselect-option-group-font-size",
|
|
38444
|
-
description: "Font size of option group"
|
|
38445
|
-
},
|
|
38446
38673
|
{
|
|
38447
38674
|
token: "multiselect.option.group.padding",
|
|
38448
38675
|
variable: "--p-multiselect-option-group-padding",
|
|
@@ -40745,16 +40972,6 @@ export class PaginatorTemplateDemo {
|
|
|
40745
40972
|
variable: "--p-paginator-nav-button-border-radius",
|
|
40746
40973
|
description: "Border radius of nav button"
|
|
40747
40974
|
},
|
|
40748
|
-
{
|
|
40749
|
-
token: "paginator.nav.button.font.weight",
|
|
40750
|
-
variable: "--p-paginator-nav-button-font-weight",
|
|
40751
|
-
description: "Font weight of nav button"
|
|
40752
|
-
},
|
|
40753
|
-
{
|
|
40754
|
-
token: "paginator.nav.button.font.size",
|
|
40755
|
-
variable: "--p-paginator-nav-button-font-size",
|
|
40756
|
-
description: "Font size of nav button"
|
|
40757
|
-
},
|
|
40758
40975
|
{
|
|
40759
40976
|
token: "paginator.nav.button.focus.ring.width",
|
|
40760
40977
|
variable: "--p-paginator-nav-button-focus-ring-width",
|
|
@@ -40785,16 +41002,6 @@ export class PaginatorTemplateDemo {
|
|
|
40785
41002
|
variable: "--p-paginator-current-page-report-color",
|
|
40786
41003
|
description: "Color of current page report"
|
|
40787
41004
|
},
|
|
40788
|
-
{
|
|
40789
|
-
token: "paginator.current.page.report.font.weight",
|
|
40790
|
-
variable: "--p-paginator-current-page-report-font-weight",
|
|
40791
|
-
description: "Font weight of current page report"
|
|
40792
|
-
},
|
|
40793
|
-
{
|
|
40794
|
-
token: "paginator.current.page.report.font.size",
|
|
40795
|
-
variable: "--p-paginator-current-page-report-font-size",
|
|
40796
|
-
description: "Font size of current page report"
|
|
40797
|
-
},
|
|
40798
41005
|
{
|
|
40799
41006
|
token: "paginator.jump.to.page.input.max.width",
|
|
40800
41007
|
variable: "--p-paginator-jump-to-page-input-max-width",
|
|
@@ -41249,11 +41456,6 @@ export class PanelToggleableDemo {}`
|
|
|
41249
41456
|
variable: "--p-panel-title-font-weight",
|
|
41250
41457
|
description: "Font weight of title"
|
|
41251
41458
|
},
|
|
41252
|
-
{
|
|
41253
|
-
token: "panel.title.font.size",
|
|
41254
|
-
variable: "--p-panel-title-font-size",
|
|
41255
|
-
description: "Font size of title"
|
|
41256
|
-
},
|
|
41257
41459
|
{
|
|
41258
41460
|
token: "panel.content.padding",
|
|
41259
41461
|
variable: "--p-panel-content-padding",
|
|
@@ -42244,21 +42446,6 @@ export class PanelmenuTemplateDemo implements OnInit {
|
|
|
42244
42446
|
variable: "--p-panelmenu-item-icon-focus-color",
|
|
42245
42447
|
description: "Icon focus color of item"
|
|
42246
42448
|
},
|
|
42247
|
-
{
|
|
42248
|
-
token: "panelmenu.item.icon.size",
|
|
42249
|
-
variable: "--p-panelmenu-item-icon-size",
|
|
42250
|
-
description: "Icon size of item"
|
|
42251
|
-
},
|
|
42252
|
-
{
|
|
42253
|
-
token: "panelmenu.item.label.font.weight",
|
|
42254
|
-
variable: "--p-panelmenu-item-label-font-weight",
|
|
42255
|
-
description: "Font weight of item label"
|
|
42256
|
-
},
|
|
42257
|
-
{
|
|
42258
|
-
token: "panelmenu.item.label.font.size",
|
|
42259
|
-
variable: "--p-panelmenu-item-label-font-size",
|
|
42260
|
-
description: "Font size of item label"
|
|
42261
|
-
},
|
|
42262
42449
|
{
|
|
42263
42450
|
token: "panelmenu.submenu.indent",
|
|
42264
42451
|
variable: "--p-panelmenu-submenu-indent",
|
|
@@ -43269,16 +43456,6 @@ export class PasswordTogglemaskDemo {
|
|
|
43269
43456
|
variable: "--p-password-content-gap",
|
|
43270
43457
|
description: "Gap of content"
|
|
43271
43458
|
},
|
|
43272
|
-
{
|
|
43273
|
-
token: "password.meter.text.font.weight",
|
|
43274
|
-
variable: "--p-password-meter-text-font-weight",
|
|
43275
|
-
description: "Font weight of meter text"
|
|
43276
|
-
},
|
|
43277
|
-
{
|
|
43278
|
-
token: "password.meter.text.font.size",
|
|
43279
|
-
variable: "--p-password-meter-text-font-size",
|
|
43280
|
-
description: "Font size of meter text"
|
|
43281
|
-
},
|
|
43282
43459
|
{
|
|
43283
43460
|
token: "password.strength.weak.background",
|
|
43284
43461
|
variable: "--p-password-strength-weak-background",
|
|
@@ -49519,16 +49696,6 @@ export class SelectVirtualscrollDemo {
|
|
|
49519
49696
|
variable: "--p-select-lg-padding-y",
|
|
49520
49697
|
description: "Lg padding y of root"
|
|
49521
49698
|
},
|
|
49522
|
-
{
|
|
49523
|
-
token: "select.font.weight",
|
|
49524
|
-
variable: "--p-select-font-weight",
|
|
49525
|
-
description: "Font weight of root"
|
|
49526
|
-
},
|
|
49527
|
-
{
|
|
49528
|
-
token: "select.font.size",
|
|
49529
|
-
variable: "--p-select-font-size",
|
|
49530
|
-
description: "Font size of root"
|
|
49531
|
-
},
|
|
49532
49699
|
{
|
|
49533
49700
|
token: "select.dropdown.width",
|
|
49534
49701
|
variable: "--p-select-dropdown-width",
|
|
@@ -49614,11 +49781,6 @@ export class SelectVirtualscrollDemo {
|
|
|
49614
49781
|
variable: "--p-select-option-selected-focus-color",
|
|
49615
49782
|
description: "Selected focus color of option"
|
|
49616
49783
|
},
|
|
49617
|
-
{
|
|
49618
|
-
token: "select.option.selected.font.weight",
|
|
49619
|
-
variable: "--p-select-option-selected-font-weight",
|
|
49620
|
-
description: "Font weight of a selected option"
|
|
49621
|
-
},
|
|
49622
49784
|
{
|
|
49623
49785
|
token: "select.option.padding",
|
|
49624
49786
|
variable: "--p-select-option-padding",
|
|
@@ -49629,16 +49791,6 @@ export class SelectVirtualscrollDemo {
|
|
|
49629
49791
|
variable: "--p-select-option-border-radius",
|
|
49630
49792
|
description: "Border radius of option"
|
|
49631
49793
|
},
|
|
49632
|
-
{
|
|
49633
|
-
token: "select.option.font.weight",
|
|
49634
|
-
variable: "--p-select-option-font-weight",
|
|
49635
|
-
description: "Font weight of option"
|
|
49636
|
-
},
|
|
49637
|
-
{
|
|
49638
|
-
token: "select.option.font.size",
|
|
49639
|
-
variable: "--p-select-option-font-size",
|
|
49640
|
-
description: "Font size of option"
|
|
49641
|
-
},
|
|
49642
49794
|
{
|
|
49643
49795
|
token: "select.option.group.background",
|
|
49644
49796
|
variable: "--p-select-option-group-background",
|
|
@@ -49654,11 +49806,6 @@ export class SelectVirtualscrollDemo {
|
|
|
49654
49806
|
variable: "--p-select-option-group-font-weight",
|
|
49655
49807
|
description: "Font weight of option group"
|
|
49656
49808
|
},
|
|
49657
|
-
{
|
|
49658
|
-
token: "select.option.group.font.size",
|
|
49659
|
-
variable: "--p-select-option-group-font-size",
|
|
49660
|
-
description: "Font size of option group"
|
|
49661
|
-
},
|
|
49662
49809
|
{
|
|
49663
49810
|
token: "select.option.group.padding",
|
|
49664
49811
|
variable: "--p-select-option-group-padding",
|
|
@@ -54037,11 +54184,6 @@ export class StepperVerticalDemo {}`
|
|
|
54037
54184
|
variable: "--p-stepper-step-title-font-weight",
|
|
54038
54185
|
description: "Font weight of step title"
|
|
54039
54186
|
},
|
|
54040
|
-
{
|
|
54041
|
-
token: "stepper.step.title.font.size",
|
|
54042
|
-
variable: "--p-stepper-step-title-font-size",
|
|
54043
|
-
description: "Font size of step title"
|
|
54044
|
-
},
|
|
54045
54187
|
{
|
|
54046
54188
|
token: "stepper.step.number.background",
|
|
54047
54189
|
variable: "--p-stepper-step-number-background",
|
|
@@ -60349,11 +60491,6 @@ export class TabsTabmenuDemo {
|
|
|
60349
60491
|
variable: "--p-tabs-tab-font-weight",
|
|
60350
60492
|
description: "Font weight of tab"
|
|
60351
60493
|
},
|
|
60352
|
-
{
|
|
60353
|
-
token: "tabs.tab.font.size",
|
|
60354
|
-
variable: "--p-tabs-tab-font-size",
|
|
60355
|
-
description: "Font size of tab"
|
|
60356
|
-
},
|
|
60357
60494
|
{
|
|
60358
60495
|
token: "tabs.tab.margin",
|
|
60359
60496
|
variable: "--p-tabs-tab-margin",
|
|
@@ -61092,16 +61229,6 @@ export class TerminalBasicDemo {
|
|
|
61092
61229
|
variable: "--p-terminal-border-radius",
|
|
61093
61230
|
description: "Border radius of root"
|
|
61094
61231
|
},
|
|
61095
|
-
{
|
|
61096
|
-
token: "terminal.font.weight",
|
|
61097
|
-
variable: "--p-terminal-font-weight",
|
|
61098
|
-
description: "Font weight of root"
|
|
61099
|
-
},
|
|
61100
|
-
{
|
|
61101
|
-
token: "terminal.font.size",
|
|
61102
|
-
variable: "--p-terminal-font-size",
|
|
61103
|
-
description: "Font size of root"
|
|
61104
|
-
},
|
|
61105
61232
|
{
|
|
61106
61233
|
token: "terminal.prompt.gap",
|
|
61107
61234
|
variable: "--p-terminal-prompt-gap",
|
|
@@ -61686,16 +61813,6 @@ export class TextareaTemplatedrivenformsDemo {
|
|
|
61686
61813
|
token: "textarea.lg.padding.y",
|
|
61687
61814
|
variable: "--p-textarea-lg-padding-y",
|
|
61688
61815
|
description: "Lg padding y of root"
|
|
61689
|
-
},
|
|
61690
|
-
{
|
|
61691
|
-
token: "textarea.font.weight",
|
|
61692
|
-
variable: "--p-textarea-font-weight",
|
|
61693
|
-
description: "Font weight of root"
|
|
61694
|
-
},
|
|
61695
|
-
{
|
|
61696
|
-
token: "textarea.font.size",
|
|
61697
|
-
variable: "--p-textarea-font-size",
|
|
61698
|
-
description: "Font size of root"
|
|
61699
61816
|
}
|
|
61700
61817
|
]
|
|
61701
61818
|
}
|
|
@@ -62602,21 +62719,6 @@ export class TieredmenuTemplateDemo implements OnInit {
|
|
|
62602
62719
|
variable: "--p-tieredmenu-item-icon-active-color",
|
|
62603
62720
|
description: "Icon active color of item"
|
|
62604
62721
|
},
|
|
62605
|
-
{
|
|
62606
|
-
token: "tieredmenu.item.icon.size",
|
|
62607
|
-
variable: "--p-tieredmenu-item-icon-size",
|
|
62608
|
-
description: "Icon size of item"
|
|
62609
|
-
},
|
|
62610
|
-
{
|
|
62611
|
-
token: "tieredmenu.item.label.font.weight",
|
|
62612
|
-
variable: "--p-tieredmenu-item-label-font-weight",
|
|
62613
|
-
description: "Font weight of item label"
|
|
62614
|
-
},
|
|
62615
|
-
{
|
|
62616
|
-
token: "tieredmenu.item.label.font.size",
|
|
62617
|
-
variable: "--p-tieredmenu-item-label-font-size",
|
|
62618
|
-
description: "Font size of item label"
|
|
62619
|
-
},
|
|
62620
62722
|
{
|
|
62621
62723
|
token: "tieredmenu.submenu.mobile.indent",
|
|
62622
62724
|
variable: "--p-tieredmenu-submenu-mobile-indent",
|
|
@@ -64671,11 +64773,6 @@ export class TogglebuttonTemplatedrivenformsDemo {
|
|
|
64671
64773
|
variable: "--p-togglebutton-gap",
|
|
64672
64774
|
description: "Gap of root"
|
|
64673
64775
|
},
|
|
64674
|
-
{
|
|
64675
|
-
token: "togglebutton.font.size",
|
|
64676
|
-
variable: "--p-togglebutton-font-size",
|
|
64677
|
-
description: "Font size of root"
|
|
64678
|
-
},
|
|
64679
64776
|
{
|
|
64680
64777
|
token: "togglebutton.font.weight",
|
|
64681
64778
|
variable: "--p-togglebutton-font-weight",
|
|
@@ -66139,16 +66236,6 @@ export class TooltipPositionDemo {}`
|
|
|
66139
66236
|
token: "tooltip.color",
|
|
66140
66237
|
variable: "--p-tooltip-color",
|
|
66141
66238
|
description: "Color of root"
|
|
66142
|
-
},
|
|
66143
|
-
{
|
|
66144
|
-
token: "tooltip.font.weight",
|
|
66145
|
-
variable: "--p-tooltip-font-weight",
|
|
66146
|
-
description: "Font weight of root"
|
|
66147
|
-
},
|
|
66148
|
-
{
|
|
66149
|
-
token: "tooltip.font.size",
|
|
66150
|
-
variable: "--p-tooltip-font-size",
|
|
66151
|
-
description: "Font size of root"
|
|
66152
66239
|
}
|
|
66153
66240
|
]
|
|
66154
66241
|
}
|
|
@@ -67507,21 +67594,6 @@ export class TreeVirtualscrolllazyDemo implements OnInit {
|
|
|
67507
67594
|
variable: "--p-tree-node-icon-selected-color",
|
|
67508
67595
|
description: "Selected color of node icon"
|
|
67509
67596
|
},
|
|
67510
|
-
{
|
|
67511
|
-
token: "tree.node.label.font.weight",
|
|
67512
|
-
variable: "--p-tree-node-label-font-weight",
|
|
67513
|
-
description: "Font weight of node label"
|
|
67514
|
-
},
|
|
67515
|
-
{
|
|
67516
|
-
token: "tree.node.label.font.size",
|
|
67517
|
-
variable: "--p-tree-node-label-font-size",
|
|
67518
|
-
description: "Font size of node label"
|
|
67519
|
-
},
|
|
67520
|
-
{
|
|
67521
|
-
token: "tree.node.label.selected.font.weight",
|
|
67522
|
-
variable: "--p-tree-node-label-selected-font-weight",
|
|
67523
|
-
description: "Font weight of a selected node label"
|
|
67524
|
-
},
|
|
67525
67597
|
{
|
|
67526
67598
|
token: "tree.node.toggle.button.border.radius",
|
|
67527
67599
|
variable: "--p-tree-node-toggle-button-border-radius",
|
|
@@ -69125,16 +69197,6 @@ export class TreeselectVirtualscrollDemo implements OnInit {
|
|
|
69125
69197
|
variable: "--p-treeselect-lg-padding-y",
|
|
69126
69198
|
description: "Lg padding y of root"
|
|
69127
69199
|
},
|
|
69128
|
-
{
|
|
69129
|
-
token: "treeselect.font.weight",
|
|
69130
|
-
variable: "--p-treeselect-font-weight",
|
|
69131
|
-
description: "Font weight of root"
|
|
69132
|
-
},
|
|
69133
|
-
{
|
|
69134
|
-
token: "treeselect.font.size",
|
|
69135
|
-
variable: "--p-treeselect-font-size",
|
|
69136
|
-
description: "Font size of root"
|
|
69137
|
-
},
|
|
69138
69200
|
{
|
|
69139
69201
|
token: "treeselect.dropdown.width",
|
|
69140
69202
|
variable: "--p-treeselect-dropdown-width",
|
|
@@ -72887,11 +72949,6 @@ export class TreetableTemplateDemo implements OnInit {
|
|
|
72887
72949
|
variable: "--p-treetable-column-title-font-weight",
|
|
72888
72950
|
description: "Font weight of column title"
|
|
72889
72951
|
},
|
|
72890
|
-
{
|
|
72891
|
-
token: "treetable.column.title.font.size",
|
|
72892
|
-
variable: "--p-treetable-column-title-font-size",
|
|
72893
|
-
description: "Font size of column title"
|
|
72894
|
-
},
|
|
72895
72952
|
{
|
|
72896
72953
|
token: "treetable.row.background",
|
|
72897
72954
|
variable: "--p-treetable-row-background",
|
|
@@ -72967,16 +73024,6 @@ export class TreetableTemplateDemo implements OnInit {
|
|
|
72967
73024
|
variable: "--p-treetable-body-cell-selected-border-color",
|
|
72968
73025
|
description: "Selected border color of body cell"
|
|
72969
73026
|
},
|
|
72970
|
-
{
|
|
72971
|
-
token: "treetable.body.cell.font.weight",
|
|
72972
|
-
variable: "--p-treetable-body-cell-font-weight",
|
|
72973
|
-
description: "Font weight of body cell"
|
|
72974
|
-
},
|
|
72975
|
-
{
|
|
72976
|
-
token: "treetable.body.cell.font.size",
|
|
72977
|
-
variable: "--p-treetable-body-cell-font-size",
|
|
72978
|
-
description: "Font size of body cell"
|
|
72979
|
-
},
|
|
72980
73027
|
{
|
|
72981
73028
|
token: "treetable.footer.cell.background",
|
|
72982
73029
|
variable: "--p-treetable-footer-cell-background",
|
|
@@ -73002,11 +73049,6 @@ export class TreetableTemplateDemo implements OnInit {
|
|
|
73002
73049
|
variable: "--p-treetable-column-footer-font-weight",
|
|
73003
73050
|
description: "Font weight of column footer"
|
|
73004
73051
|
},
|
|
73005
|
-
{
|
|
73006
|
-
token: "treetable.column.footer.font.size",
|
|
73007
|
-
variable: "--p-treetable-column-footer-font-size",
|
|
73008
|
-
description: "Font size of column footer"
|
|
73009
|
-
},
|
|
73010
73052
|
{
|
|
73011
73053
|
token: "treetable.footer.background",
|
|
73012
73054
|
variable: "--p-treetable-footer-background",
|
|
@@ -74065,7 +74107,7 @@ export class TreetableTemplateDemo implements OnInit {
|
|
|
74065
74107
|
// package.json
|
|
74066
74108
|
var package_default = {
|
|
74067
74109
|
name: "@primeng/mcp",
|
|
74068
|
-
version: "21.1.
|
|
74110
|
+
version: "21.1.5",
|
|
74069
74111
|
author: "PrimeTek Informatics",
|
|
74070
74112
|
description: "Model Context Protocol (MCP) server for PrimeNg component library",
|
|
74071
74113
|
homepage: "https://primeng.org/",
|