primeng 17.1.0 → 17.2.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.
Files changed (107) hide show
  1. package/contextmenu/contextmenu.d.ts +11 -1
  2. package/esm2022/accordion/accordion.mjs +7 -3
  3. package/esm2022/autocomplete/autocomplete.mjs +8 -8
  4. package/esm2022/blockui/blockui.mjs +6 -3
  5. package/esm2022/contextmenu/contextmenu.mjs +46 -10
  6. package/esm2022/dropdown/dropdown.mjs +3 -3
  7. package/esm2022/galleria/galleria.mjs +10 -6
  8. package/esm2022/icons/sortamountdown/sortamountdown.mjs +3 -43
  9. package/esm2022/icons/sortamountupalt/sortamountupalt.mjs +3 -43
  10. package/esm2022/inputgroup/inputgroup.mjs +22 -7
  11. package/esm2022/inputgroupaddon/inputgroupaddon.mjs +22 -7
  12. package/esm2022/inputnumber/inputnumber.mjs +4 -1
  13. package/esm2022/multiselect/multiselect.mjs +7 -1
  14. package/esm2022/panelmenu/panelmenu.mjs +35 -53
  15. package/esm2022/picklist/picklist.mjs +5 -3
  16. package/esm2022/table/columnfilter.interface.mjs +2 -0
  17. package/esm2022/table/public_api.mjs +2 -1
  18. package/esm2022/table/table.mjs +121 -10
  19. package/esm2022/tristatecheckbox/tristatecheckbox.mjs +3 -3
  20. package/fesm2022/primeng-accordion.mjs +6 -2
  21. package/fesm2022/primeng-accordion.mjs.map +1 -1
  22. package/fesm2022/primeng-autocomplete.mjs +7 -7
  23. package/fesm2022/primeng-autocomplete.mjs.map +1 -1
  24. package/fesm2022/primeng-blockui.mjs +5 -2
  25. package/fesm2022/primeng-blockui.mjs.map +1 -1
  26. package/fesm2022/primeng-contextmenu.mjs +45 -9
  27. package/fesm2022/primeng-contextmenu.mjs.map +1 -1
  28. package/fesm2022/primeng-dropdown.mjs +2 -2
  29. package/fesm2022/primeng-dropdown.mjs.map +1 -1
  30. package/fesm2022/primeng-galleria.mjs +9 -5
  31. package/fesm2022/primeng-galleria.mjs.map +1 -1
  32. package/fesm2022/primeng-icons-sortamountdown.mjs +2 -42
  33. package/fesm2022/primeng-icons-sortamountdown.mjs.map +1 -1
  34. package/fesm2022/primeng-icons-sortamountupalt.mjs +2 -42
  35. package/fesm2022/primeng-icons-sortamountupalt.mjs.map +1 -1
  36. package/fesm2022/primeng-inputgroup.mjs +21 -6
  37. package/fesm2022/primeng-inputgroup.mjs.map +1 -1
  38. package/fesm2022/primeng-inputgroupaddon.mjs +21 -6
  39. package/fesm2022/primeng-inputgroupaddon.mjs.map +1 -1
  40. package/fesm2022/primeng-inputnumber.mjs +3 -0
  41. package/fesm2022/primeng-inputnumber.mjs.map +1 -1
  42. package/fesm2022/primeng-multiselect.mjs +6 -0
  43. package/fesm2022/primeng-multiselect.mjs.map +1 -1
  44. package/fesm2022/primeng-panelmenu.mjs +34 -52
  45. package/fesm2022/primeng-panelmenu.mjs.map +1 -1
  46. package/fesm2022/primeng-picklist.mjs +4 -2
  47. package/fesm2022/primeng-picklist.mjs.map +1 -1
  48. package/fesm2022/primeng-table.mjs +120 -9
  49. package/fesm2022/primeng-table.mjs.map +1 -1
  50. package/fesm2022/primeng-tristatecheckbox.mjs +2 -2
  51. package/fesm2022/primeng-tristatecheckbox.mjs.map +1 -1
  52. package/galleria/galleria.d.ts +1 -0
  53. package/inputgroup/inputgroup.d.ts +13 -1
  54. package/inputgroupaddon/inputgroupaddon.d.ts +13 -1
  55. package/package.json +242 -242
  56. package/panelmenu/panelmenu.d.ts +8 -11
  57. package/resources/themes/arya-blue/theme.css +12 -16
  58. package/resources/themes/arya-green/theme.css +12 -16
  59. package/resources/themes/arya-orange/theme.css +12 -16
  60. package/resources/themes/arya-purple/theme.css +12 -16
  61. package/resources/themes/bootstrap4-dark-blue/theme.css +12 -16
  62. package/resources/themes/bootstrap4-dark-purple/theme.css +12 -16
  63. package/resources/themes/bootstrap4-light-blue/theme.css +12 -16
  64. package/resources/themes/bootstrap4-light-purple/theme.css +12 -16
  65. package/resources/themes/fluent-light/theme.css +12 -16
  66. package/resources/themes/lara-dark-blue/theme.css +12 -16
  67. package/resources/themes/lara-dark-indigo/theme.css +12 -16
  68. package/resources/themes/lara-dark-purple/theme.css +12 -16
  69. package/resources/themes/lara-dark-teal/theme.css +12 -16
  70. package/resources/themes/lara-light-blue/theme.css +12 -16
  71. package/resources/themes/lara-light-indigo/theme.css +12 -16
  72. package/resources/themes/lara-light-purple/theme.css +12 -16
  73. package/resources/themes/lara-light-teal/theme.css +55 -59
  74. package/resources/themes/luna-amber/theme.css +12 -16
  75. package/resources/themes/luna-blue/theme.css +12 -16
  76. package/resources/themes/luna-green/theme.css +12 -16
  77. package/resources/themes/luna-pink/theme.css +12 -16
  78. package/resources/themes/md-dark-deeppurple/theme.css +12 -16
  79. package/resources/themes/md-dark-indigo/theme.css +12 -16
  80. package/resources/themes/md-light-deeppurple/theme.css +12 -16
  81. package/resources/themes/md-light-indigo/theme.css +12 -16
  82. package/resources/themes/mdc-dark-deeppurple/theme.css +12 -16
  83. package/resources/themes/mdc-dark-indigo/theme.css +12 -16
  84. package/resources/themes/mdc-light-deeppurple/theme.css +12 -16
  85. package/resources/themes/mdc-light-indigo/theme.css +12 -16
  86. package/resources/themes/mira/theme.css +12 -16
  87. package/resources/themes/nano/theme.css +12 -16
  88. package/resources/themes/nova/theme.css +12 -16
  89. package/resources/themes/nova-accent/theme.css +12 -16
  90. package/resources/themes/nova-alt/theme.css +12 -16
  91. package/resources/themes/rhea/theme.css +12 -16
  92. package/resources/themes/saga-blue/theme.css +12 -16
  93. package/resources/themes/saga-green/theme.css +12 -16
  94. package/resources/themes/saga-orange/theme.css +12 -16
  95. package/resources/themes/saga-purple/theme.css +12 -16
  96. package/resources/themes/soho-dark/theme.css +12 -16
  97. package/resources/themes/soho-light/theme.css +12 -16
  98. package/resources/themes/tailwind-light/theme.css +12 -16
  99. package/resources/themes/vela-blue/theme.css +12 -16
  100. package/resources/themes/vela-green/theme.css +12 -16
  101. package/resources/themes/vela-orange/theme.css +12 -16
  102. package/resources/themes/vela-purple/theme.css +12 -16
  103. package/resources/themes/viva-dark/theme.css +12 -16
  104. package/resources/themes/viva-light/theme.css +12 -16
  105. package/table/columnfilter.interface.d.ts +35 -0
  106. package/table/public_api.d.ts +1 -0
  107. package/table/table.d.ts +106 -0
package/panelmenu/panelmenu.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, QueryList, TemplateRef } from '@angular/core';
1
+ import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, QueryList, SimpleChanges, TemplateRef } from '@angular/core';
2
2
  import { MenuItem, PrimeTemplate } from 'primeng/api';
3
3
  import * as i0 from "@angular/core";
4
4
  import * as i1 from "@angular/common";
@@ -56,9 +56,8 @@ export declare class PanelMenuSub {
56
56
  static ɵfac: i0.ɵɵFactoryDeclaration<PanelMenuSub, never>;
57
57
  static ɵcmp: i0.ɵɵComponentDeclaration<PanelMenuSub, "p-panelMenuSub", never, { "panelId": { "alias": "panelId"; "required": false; }; "focusedItemId": { "alias": "focusedItemId"; "required": false; }; "items": { "alias": "items"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; }; "level": { "alias": "level"; "required": false; }; "activeItemPath": { "alias": "activeItemPath"; "required": false; }; "root": { "alias": "root"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "transitionOptions": { "alias": "transitionOptions"; "required": false; }; "parentExpanded": { "alias": "parentExpanded"; "required": false; }; }, { "itemToggle": "itemToggle"; "menuFocus": "menuFocus"; "menuBlur": "menuBlur"; "menuKeyDown": "menuKeyDown"; }, never, never, false, never>;
58
58
  }
59
- export declare class PanelMenuList {
60
- set model(value: MenuItem[] | undefined);
61
- get model(): MenuItem[] | undefined;
59
+ export declare class PanelMenuList implements OnChanges {
60
+ private el;
62
61
  panelId: string | undefined;
63
62
  id: string | undefined;
64
63
  items: any[];
@@ -77,11 +76,11 @@ export declare class PanelMenuList {
77
76
  focused: boolean | undefined;
78
77
  focusedItem: import("@angular/core").WritableSignal<any>;
79
78
  activeItemPath: import("@angular/core").WritableSignal<any[]>;
80
- _model: any;
81
- _processedItems: any[];
82
- get processedItems(): any[];
79
+ processedItems: import("@angular/core").WritableSignal<any[]>;
83
80
  visibleItems: import("@angular/core").Signal<any[]>;
84
81
  get focusedItemId(): any;
82
+ constructor(el: ElementRef);
83
+ ngOnChanges(changes: SimpleChanges): void;
85
84
  getItemProp(processedItem: any, name: any): any;
86
85
  getItemLabel(processedItem: any): any;
87
86
  isItemVisible(processedItem: any): boolean;
@@ -115,7 +114,7 @@ export declare class PanelMenuList {
115
114
  findPrevItem(processedItem: any): any;
116
115
  searchItems(event: any, char: any): boolean;
117
116
  static ɵfac: i0.ɵɵFactoryDeclaration<PanelMenuList, never>;
118
- static ɵcmp: i0.ɵɵComponentDeclaration<PanelMenuList, "p-panelMenuList", never, { "model": { "alias": "model"; "required": false; }; "panelId": { "alias": "panelId"; "required": false; }; "id": { "alias": "id"; "required": false; }; "items": { "alias": "items"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; }; "parentExpanded": { "alias": "parentExpanded"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "transitionOptions": { "alias": "transitionOptions"; "required": false; }; "root": { "alias": "root"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "activeItem": { "alias": "activeItem"; "required": false; }; }, { "itemToggle": "itemToggle"; "headerFocus": "headerFocus"; }, never, never, false, never>;
117
+ static ɵcmp: i0.ɵɵComponentDeclaration<PanelMenuList, "p-panelMenuList", never, { "panelId": { "alias": "panelId"; "required": false; }; "id": { "alias": "id"; "required": false; }; "items": { "alias": "items"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; }; "parentExpanded": { "alias": "parentExpanded"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "transitionOptions": { "alias": "transitionOptions"; "required": false; }; "root": { "alias": "root"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "activeItem": { "alias": "activeItem"; "required": false; }; }, { "itemToggle": "itemToggle"; "headerFocus": "headerFocus"; }, never, never, false, never>;
119
118
  }
120
119
  /**
121
120
  * PanelMenu is a hybrid of Accordion and Tree components.
@@ -127,8 +126,7 @@ export declare class PanelMenu implements AfterContentInit {
127
126
  * An array of menuitems.
128
127
  * @group Props
129
128
  */
130
- set model(value: MenuItem[] | undefined);
131
- get model(): MenuItem[] | undefined;
129
+ model: MenuItem[] | undefined;
132
130
  /**
133
131
  * Inline style of the component.
134
132
  * @group Props
@@ -167,7 +165,6 @@ export declare class PanelMenu implements AfterContentInit {
167
165
  itemTemplate: TemplateRef<any> | undefined;
168
166
  animating: boolean | undefined;
169
167
  activeItem: import("@angular/core").WritableSignal<any>;
170
- _model: MenuItem[] | undefined;
171
168
  ngOnInit(): void;
172
169
  ngAfterContentInit(): void;
173
170
  constructor(cd: ChangeDetectorRef);
package/resources/themes/arya-blue/theme.css CHANGED
@@ -370,9 +370,9 @@
370
370
  padding: 0.25rem 0;
371
371
  }
372
372
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
373
- font-family: inherit;
374
- font-feature-settings: inherit;
375
- font-size: inherit;
373
+ font-family: var(--font-family);
374
+ font-feature-settings: var(--font-feature-settings, normal);
375
+ font-size: 1rem;
376
376
  color: rgba(255, 255, 255, 0.87);
377
377
  padding: 0;
378
378
  margin: 0;
@@ -896,9 +896,9 @@
896
896
  padding: 0.25rem 0;
897
897
  }
898
898
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
899
- font-family: inherit;
900
- font-feature-settings: inherit;
901
- font-size: inherit;
899
+ font-family: var(--font-family);
900
+ font-feature-settings: var(--font-feature-settings, normal);
901
+ font-size: 1rem;
902
902
  color: rgba(255, 255, 255, 0.87);
903
903
  padding: 0;
904
904
  margin: 0;
@@ -1074,27 +1074,23 @@
1074
1074
  }
1075
1075
 
1076
1076
  .p-inputgroup > .p-component,
1077
- .p-inputgroup > .p-element,
1078
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext,
1077
+ .p-inputgroup > .p-inputwrapper > .p-inputtext,
1079
1078
  .p-inputgroup > .p-float-label > .p-component {
1080
1079
  border-radius: 0;
1081
1080
  margin: 0;
1082
1081
  }
1083
1082
  .p-inputgroup > .p-component + .p-inputgroup-addon,
1084
- .p-inputgroup > .p-element + .p-inputgroup-addon,
1085
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon,
1083
+ .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
1086
1084
  .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
1087
1085
  border-left: 0 none;
1088
1086
  }
1089
1087
  .p-inputgroup > .p-component:focus,
1090
- .p-inputgroup > .p-element:focus,
1091
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus,
1088
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
1092
1089
  .p-inputgroup > .p-float-label > .p-component:focus {
1093
1090
  z-index: 1;
1094
1091
  }
1095
1092
  .p-inputgroup > .p-component:focus ~ label,
1096
- .p-inputgroup > .p-element:focus ~ label,
1097
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label,
1093
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
1098
1094
  .p-inputgroup > .p-float-label > .p-component:focus ~ label {
1099
1095
  z-index: 1;
1100
1096
  }
@@ -5755,7 +5751,7 @@
5755
5751
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5756
5752
  }
5757
5753
  .p-message .p-message-close:hover {
5758
- background: rgba(255, 255, 255, 0.3);
5754
+ background: rgba(255, 255, 255, 0.5);
5759
5755
  }
5760
5756
  .p-message .p-message-close:focus-visible {
5761
5757
  outline: 0 none;
@@ -5865,7 +5861,7 @@
5865
5861
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5866
5862
  }
5867
5863
  .p-toast .p-toast-message .p-toast-icon-close:hover {
5868
- background: rgba(255, 255, 255, 0.3);
5864
+ background: rgba(255, 255, 255, 0.5);
5869
5865
  }
5870
5866
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
5871
5867
  outline: 0 none;
package/resources/themes/arya-green/theme.css CHANGED
@@ -370,9 +370,9 @@
370
370
  padding: 0.25rem 0;
371
371
  }
372
372
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
373
- font-family: inherit;
374
- font-feature-settings: inherit;
375
- font-size: inherit;
373
+ font-family: var(--font-family);
374
+ font-feature-settings: var(--font-feature-settings, normal);
375
+ font-size: 1rem;
376
376
  color: rgba(255, 255, 255, 0.87);
377
377
  padding: 0;
378
378
  margin: 0;
@@ -896,9 +896,9 @@
896
896
  padding: 0.25rem 0;
897
897
  }
898
898
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
899
- font-family: inherit;
900
- font-feature-settings: inherit;
901
- font-size: inherit;
899
+ font-family: var(--font-family);
900
+ font-feature-settings: var(--font-feature-settings, normal);
901
+ font-size: 1rem;
902
902
  color: rgba(255, 255, 255, 0.87);
903
903
  padding: 0;
904
904
  margin: 0;
@@ -1074,27 +1074,23 @@
1074
1074
  }
1075
1075
 
1076
1076
  .p-inputgroup > .p-component,
1077
- .p-inputgroup > .p-element,
1078
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext,
1077
+ .p-inputgroup > .p-inputwrapper > .p-inputtext,
1079
1078
  .p-inputgroup > .p-float-label > .p-component {
1080
1079
  border-radius: 0;
1081
1080
  margin: 0;
1082
1081
  }
1083
1082
  .p-inputgroup > .p-component + .p-inputgroup-addon,
1084
- .p-inputgroup > .p-element + .p-inputgroup-addon,
1085
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon,
1083
+ .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
1086
1084
  .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
1087
1085
  border-left: 0 none;
1088
1086
  }
1089
1087
  .p-inputgroup > .p-component:focus,
1090
- .p-inputgroup > .p-element:focus,
1091
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus,
1088
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
1092
1089
  .p-inputgroup > .p-float-label > .p-component:focus {
1093
1090
  z-index: 1;
1094
1091
  }
1095
1092
  .p-inputgroup > .p-component:focus ~ label,
1096
- .p-inputgroup > .p-element:focus ~ label,
1097
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label,
1093
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
1098
1094
  .p-inputgroup > .p-float-label > .p-component:focus ~ label {
1099
1095
  z-index: 1;
1100
1096
  }
@@ -5755,7 +5751,7 @@
5755
5751
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5756
5752
  }
5757
5753
  .p-message .p-message-close:hover {
5758
- background: rgba(255, 255, 255, 0.3);
5754
+ background: rgba(255, 255, 255, 0.5);
5759
5755
  }
5760
5756
  .p-message .p-message-close:focus-visible {
5761
5757
  outline: 0 none;
@@ -5865,7 +5861,7 @@
5865
5861
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5866
5862
  }
5867
5863
  .p-toast .p-toast-message .p-toast-icon-close:hover {
5868
- background: rgba(255, 255, 255, 0.3);
5864
+ background: rgba(255, 255, 255, 0.5);
5869
5865
  }
5870
5866
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
5871
5867
  outline: 0 none;
package/resources/themes/arya-orange/theme.css CHANGED
@@ -370,9 +370,9 @@
370
370
  padding: 0.25rem 0;
371
371
  }
372
372
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
373
- font-family: inherit;
374
- font-feature-settings: inherit;
375
- font-size: inherit;
373
+ font-family: var(--font-family);
374
+ font-feature-settings: var(--font-feature-settings, normal);
375
+ font-size: 1rem;
376
376
  color: rgba(255, 255, 255, 0.87);
377
377
  padding: 0;
378
378
  margin: 0;
@@ -896,9 +896,9 @@
896
896
  padding: 0.25rem 0;
897
897
  }
898
898
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
899
- font-family: inherit;
900
- font-feature-settings: inherit;
901
- font-size: inherit;
899
+ font-family: var(--font-family);
900
+ font-feature-settings: var(--font-feature-settings, normal);
901
+ font-size: 1rem;
902
902
  color: rgba(255, 255, 255, 0.87);
903
903
  padding: 0;
904
904
  margin: 0;
@@ -1074,27 +1074,23 @@
1074
1074
  }
1075
1075
 
1076
1076
  .p-inputgroup > .p-component,
1077
- .p-inputgroup > .p-element,
1078
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext,
1077
+ .p-inputgroup > .p-inputwrapper > .p-inputtext,
1079
1078
  .p-inputgroup > .p-float-label > .p-component {
1080
1079
  border-radius: 0;
1081
1080
  margin: 0;
1082
1081
  }
1083
1082
  .p-inputgroup > .p-component + .p-inputgroup-addon,
1084
- .p-inputgroup > .p-element + .p-inputgroup-addon,
1085
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon,
1083
+ .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
1086
1084
  .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
1087
1085
  border-left: 0 none;
1088
1086
  }
1089
1087
  .p-inputgroup > .p-component:focus,
1090
- .p-inputgroup > .p-element:focus,
1091
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus,
1088
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
1092
1089
  .p-inputgroup > .p-float-label > .p-component:focus {
1093
1090
  z-index: 1;
1094
1091
  }
1095
1092
  .p-inputgroup > .p-component:focus ~ label,
1096
- .p-inputgroup > .p-element:focus ~ label,
1097
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label,
1093
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
1098
1094
  .p-inputgroup > .p-float-label > .p-component:focus ~ label {
1099
1095
  z-index: 1;
1100
1096
  }
@@ -5755,7 +5751,7 @@
5755
5751
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5756
5752
  }
5757
5753
  .p-message .p-message-close:hover {
5758
- background: rgba(255, 255, 255, 0.3);
5754
+ background: rgba(255, 255, 255, 0.5);
5759
5755
  }
5760
5756
  .p-message .p-message-close:focus-visible {
5761
5757
  outline: 0 none;
@@ -5865,7 +5861,7 @@
5865
5861
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5866
5862
  }
5867
5863
  .p-toast .p-toast-message .p-toast-icon-close:hover {
5868
- background: rgba(255, 255, 255, 0.3);
5864
+ background: rgba(255, 255, 255, 0.5);
5869
5865
  }
5870
5866
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
5871
5867
  outline: 0 none;
package/resources/themes/arya-purple/theme.css CHANGED
@@ -370,9 +370,9 @@
370
370
  padding: 0.25rem 0;
371
371
  }
372
372
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
373
- font-family: inherit;
374
- font-feature-settings: inherit;
375
- font-size: inherit;
373
+ font-family: var(--font-family);
374
+ font-feature-settings: var(--font-feature-settings, normal);
375
+ font-size: 1rem;
376
376
  color: rgba(255, 255, 255, 0.87);
377
377
  padding: 0;
378
378
  margin: 0;
@@ -896,9 +896,9 @@
896
896
  padding: 0.25rem 0;
897
897
  }
898
898
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
899
- font-family: inherit;
900
- font-feature-settings: inherit;
901
- font-size: inherit;
899
+ font-family: var(--font-family);
900
+ font-feature-settings: var(--font-feature-settings, normal);
901
+ font-size: 1rem;
902
902
  color: rgba(255, 255, 255, 0.87);
903
903
  padding: 0;
904
904
  margin: 0;
@@ -1074,27 +1074,23 @@
1074
1074
  }
1075
1075
 
1076
1076
  .p-inputgroup > .p-component,
1077
- .p-inputgroup > .p-element,
1078
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext,
1077
+ .p-inputgroup > .p-inputwrapper > .p-inputtext,
1079
1078
  .p-inputgroup > .p-float-label > .p-component {
1080
1079
  border-radius: 0;
1081
1080
  margin: 0;
1082
1081
  }
1083
1082
  .p-inputgroup > .p-component + .p-inputgroup-addon,
1084
- .p-inputgroup > .p-element + .p-inputgroup-addon,
1085
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon,
1083
+ .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
1086
1084
  .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
1087
1085
  border-left: 0 none;
1088
1086
  }
1089
1087
  .p-inputgroup > .p-component:focus,
1090
- .p-inputgroup > .p-element:focus,
1091
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus,
1088
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
1092
1089
  .p-inputgroup > .p-float-label > .p-component:focus {
1093
1090
  z-index: 1;
1094
1091
  }
1095
1092
  .p-inputgroup > .p-component:focus ~ label,
1096
- .p-inputgroup > .p-element:focus ~ label,
1097
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label,
1093
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
1098
1094
  .p-inputgroup > .p-float-label > .p-component:focus ~ label {
1099
1095
  z-index: 1;
1100
1096
  }
@@ -5755,7 +5751,7 @@
5755
5751
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5756
5752
  }
5757
5753
  .p-message .p-message-close:hover {
5758
- background: rgba(255, 255, 255, 0.3);
5754
+ background: rgba(255, 255, 255, 0.5);
5759
5755
  }
5760
5756
  .p-message .p-message-close:focus-visible {
5761
5757
  outline: 0 none;
@@ -5865,7 +5861,7 @@
5865
5861
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5866
5862
  }
5867
5863
  .p-toast .p-toast-message .p-toast-icon-close:hover {
5868
- background: rgba(255, 255, 255, 0.3);
5864
+ background: rgba(255, 255, 255, 0.5);
5869
5865
  }
5870
5866
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
5871
5867
  outline: 0 none;
package/resources/themes/bootstrap4-dark-blue/theme.css CHANGED
@@ -370,9 +370,9 @@
370
370
  padding: 0.25rem 0;
371
371
  }
372
372
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
373
- font-family: inherit;
374
- font-feature-settings: inherit;
375
- font-size: inherit;
373
+ font-family: var(--font-family);
374
+ font-feature-settings: var(--font-feature-settings, normal);
375
+ font-size: 1rem;
376
376
  color: rgba(255, 255, 255, 0.87);
377
377
  padding: 0;
378
378
  margin: 0;
@@ -900,9 +900,9 @@
900
900
  padding: 0.25rem 0;
901
901
  }
902
902
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
903
- font-family: inherit;
904
- font-feature-settings: inherit;
905
- font-size: inherit;
903
+ font-family: var(--font-family);
904
+ font-feature-settings: var(--font-feature-settings, normal);
905
+ font-size: 1rem;
906
906
  color: rgba(255, 255, 255, 0.87);
907
907
  padding: 0;
908
908
  margin: 0;
@@ -1078,27 +1078,23 @@
1078
1078
  }
1079
1079
 
1080
1080
  .p-inputgroup > .p-component,
1081
- .p-inputgroup > .p-element,
1082
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext,
1081
+ .p-inputgroup > .p-inputwrapper > .p-inputtext,
1083
1082
  .p-inputgroup > .p-float-label > .p-component {
1084
1083
  border-radius: 0;
1085
1084
  margin: 0;
1086
1085
  }
1087
1086
  .p-inputgroup > .p-component + .p-inputgroup-addon,
1088
- .p-inputgroup > .p-element + .p-inputgroup-addon,
1089
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon,
1087
+ .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
1090
1088
  .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
1091
1089
  border-left: 0 none;
1092
1090
  }
1093
1091
  .p-inputgroup > .p-component:focus,
1094
- .p-inputgroup > .p-element:focus,
1095
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus,
1092
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
1096
1093
  .p-inputgroup > .p-float-label > .p-component:focus {
1097
1094
  z-index: 1;
1098
1095
  }
1099
1096
  .p-inputgroup > .p-component:focus ~ label,
1100
- .p-inputgroup > .p-element:focus ~ label,
1101
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label,
1097
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
1102
1098
  .p-inputgroup > .p-float-label > .p-component:focus ~ label {
1103
1099
  z-index: 1;
1104
1100
  }
@@ -5767,7 +5763,7 @@
5767
5763
  transition: color 0.15s, box-shadow 0.15s;
5768
5764
  }
5769
5765
  .p-message .p-message-close:hover {
5770
- background: rgba(255, 255, 255, 0.3);
5766
+ background: rgba(255, 255, 255, 0.5);
5771
5767
  }
5772
5768
  .p-message .p-message-close:focus-visible {
5773
5769
  outline: 0 none;
@@ -5877,7 +5873,7 @@
5877
5873
  transition: color 0.15s, box-shadow 0.15s;
5878
5874
  }
5879
5875
  .p-toast .p-toast-message .p-toast-icon-close:hover {
5880
- background: rgba(255, 255, 255, 0.3);
5876
+ background: rgba(255, 255, 255, 0.5);
5881
5877
  }
5882
5878
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
5883
5879
  outline: 0 none;
package/resources/themes/bootstrap4-dark-purple/theme.css CHANGED
@@ -370,9 +370,9 @@
370
370
  padding: 0.25rem 0;
371
371
  }
372
372
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
373
- font-family: inherit;
374
- font-feature-settings: inherit;
375
- font-size: inherit;
373
+ font-family: var(--font-family);
374
+ font-feature-settings: var(--font-feature-settings, normal);
375
+ font-size: 1rem;
376
376
  color: rgba(255, 255, 255, 0.87);
377
377
  padding: 0;
378
378
  margin: 0;
@@ -900,9 +900,9 @@
900
900
  padding: 0.25rem 0;
901
901
  }
902
902
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
903
- font-family: inherit;
904
- font-feature-settings: inherit;
905
- font-size: inherit;
903
+ font-family: var(--font-family);
904
+ font-feature-settings: var(--font-feature-settings, normal);
905
+ font-size: 1rem;
906
906
  color: rgba(255, 255, 255, 0.87);
907
907
  padding: 0;
908
908
  margin: 0;
@@ -1078,27 +1078,23 @@
1078
1078
  }
1079
1079
 
1080
1080
  .p-inputgroup > .p-component,
1081
- .p-inputgroup > .p-element,
1082
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext,
1081
+ .p-inputgroup > .p-inputwrapper > .p-inputtext,
1083
1082
  .p-inputgroup > .p-float-label > .p-component {
1084
1083
  border-radius: 0;
1085
1084
  margin: 0;
1086
1085
  }
1087
1086
  .p-inputgroup > .p-component + .p-inputgroup-addon,
1088
- .p-inputgroup > .p-element + .p-inputgroup-addon,
1089
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon,
1087
+ .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
1090
1088
  .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
1091
1089
  border-left: 0 none;
1092
1090
  }
1093
1091
  .p-inputgroup > .p-component:focus,
1094
- .p-inputgroup > .p-element:focus,
1095
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus,
1092
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
1096
1093
  .p-inputgroup > .p-float-label > .p-component:focus {
1097
1094
  z-index: 1;
1098
1095
  }
1099
1096
  .p-inputgroup > .p-component:focus ~ label,
1100
- .p-inputgroup > .p-element:focus ~ label,
1101
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label,
1097
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
1102
1098
  .p-inputgroup > .p-float-label > .p-component:focus ~ label {
1103
1099
  z-index: 1;
1104
1100
  }
@@ -5767,7 +5763,7 @@
5767
5763
  transition: color 0.15s, box-shadow 0.15s;
5768
5764
  }
5769
5765
  .p-message .p-message-close:hover {
5770
- background: rgba(255, 255, 255, 0.3);
5766
+ background: rgba(255, 255, 255, 0.5);
5771
5767
  }
5772
5768
  .p-message .p-message-close:focus-visible {
5773
5769
  outline: 0 none;
@@ -5877,7 +5873,7 @@
5877
5873
  transition: color 0.15s, box-shadow 0.15s;
5878
5874
  }
5879
5875
  .p-toast .p-toast-message .p-toast-icon-close:hover {
5880
- background: rgba(255, 255, 255, 0.3);
5876
+ background: rgba(255, 255, 255, 0.5);
5881
5877
  }
5882
5878
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
5883
5879
  outline: 0 none;
package/resources/themes/bootstrap4-light-blue/theme.css CHANGED
@@ -370,9 +370,9 @@
370
370
  padding: 0.25rem 0;
371
371
  }
372
372
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
373
- font-family: inherit;
374
- font-feature-settings: inherit;
375
- font-size: inherit;
373
+ font-family: var(--font-family);
374
+ font-feature-settings: var(--font-feature-settings, normal);
375
+ font-size: 1rem;
376
376
  color: #212529;
377
377
  padding: 0;
378
378
  margin: 0;
@@ -900,9 +900,9 @@
900
900
  padding: 0.25rem 0;
901
901
  }
902
902
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
903
- font-family: inherit;
904
- font-feature-settings: inherit;
905
- font-size: inherit;
903
+ font-family: var(--font-family);
904
+ font-feature-settings: var(--font-feature-settings, normal);
905
+ font-size: 1rem;
906
906
  color: #212529;
907
907
  padding: 0;
908
908
  margin: 0;
@@ -1078,27 +1078,23 @@
1078
1078
  }
1079
1079
 
1080
1080
  .p-inputgroup > .p-component,
1081
- .p-inputgroup > .p-element,
1082
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext,
1081
+ .p-inputgroup > .p-inputwrapper > .p-inputtext,
1083
1082
  .p-inputgroup > .p-float-label > .p-component {
1084
1083
  border-radius: 0;
1085
1084
  margin: 0;
1086
1085
  }
1087
1086
  .p-inputgroup > .p-component + .p-inputgroup-addon,
1088
- .p-inputgroup > .p-element + .p-inputgroup-addon,
1089
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon,
1087
+ .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
1090
1088
  .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
1091
1089
  border-left: 0 none;
1092
1090
  }
1093
1091
  .p-inputgroup > .p-component:focus,
1094
- .p-inputgroup > .p-element:focus,
1095
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus,
1092
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
1096
1093
  .p-inputgroup > .p-float-label > .p-component:focus {
1097
1094
  z-index: 1;
1098
1095
  }
1099
1096
  .p-inputgroup > .p-component:focus ~ label,
1100
- .p-inputgroup > .p-element:focus ~ label,
1101
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label,
1097
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
1102
1098
  .p-inputgroup > .p-float-label > .p-component:focus ~ label {
1103
1099
  z-index: 1;
1104
1100
  }
@@ -5767,7 +5763,7 @@
5767
5763
  transition: box-shadow 0.15s;
5768
5764
  }
5769
5765
  .p-message .p-message-close:hover {
5770
- background: rgba(255, 255, 255, 0.3);
5766
+ background: rgba(255, 255, 255, 0.5);
5771
5767
  }
5772
5768
  .p-message .p-message-close:focus-visible {
5773
5769
  outline: 0 none;
@@ -5877,7 +5873,7 @@
5877
5873
  transition: box-shadow 0.15s;
5878
5874
  }
5879
5875
  .p-toast .p-toast-message .p-toast-icon-close:hover {
5880
- background: rgba(255, 255, 255, 0.3);
5876
+ background: rgba(255, 255, 255, 0.5);
5881
5877
  }
5882
5878
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
5883
5879
  outline: 0 none;
package/resources/themes/bootstrap4-light-purple/theme.css CHANGED
@@ -370,9 +370,9 @@
370
370
  padding: 0.25rem 0;
371
371
  }
372
372
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
373
- font-family: inherit;
374
- font-feature-settings: inherit;
375
- font-size: inherit;
373
+ font-family: var(--font-family);
374
+ font-feature-settings: var(--font-feature-settings, normal);
375
+ font-size: 1rem;
376
376
  color: #212529;
377
377
  padding: 0;
378
378
  margin: 0;
@@ -900,9 +900,9 @@
900
900
  padding: 0.25rem 0;
901
901
  }
902
902
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
903
- font-family: inherit;
904
- font-feature-settings: inherit;
905
- font-size: inherit;
903
+ font-family: var(--font-family);
904
+ font-feature-settings: var(--font-feature-settings, normal);
905
+ font-size: 1rem;
906
906
  color: #212529;
907
907
  padding: 0;
908
908
  margin: 0;
@@ -1078,27 +1078,23 @@
1078
1078
  }
1079
1079
 
1080
1080
  .p-inputgroup > .p-component,
1081
- .p-inputgroup > .p-element,
1082
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext,
1081
+ .p-inputgroup > .p-inputwrapper > .p-inputtext,
1083
1082
  .p-inputgroup > .p-float-label > .p-component {
1084
1083
  border-radius: 0;
1085
1084
  margin: 0;
1086
1085
  }
1087
1086
  .p-inputgroup > .p-component + .p-inputgroup-addon,
1088
- .p-inputgroup > .p-element + .p-inputgroup-addon,
1089
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon,
1087
+ .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
1090
1088
  .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
1091
1089
  border-left: 0 none;
1092
1090
  }
1093
1091
  .p-inputgroup > .p-component:focus,
1094
- .p-inputgroup > .p-element:focus,
1095
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus,
1092
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
1096
1093
  .p-inputgroup > .p-float-label > .p-component:focus {
1097
1094
  z-index: 1;
1098
1095
  }
1099
1096
  .p-inputgroup > .p-component:focus ~ label,
1100
- .p-inputgroup > .p-element:focus ~ label,
1101
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label,
1097
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
1102
1098
  .p-inputgroup > .p-float-label > .p-component:focus ~ label {
1103
1099
  z-index: 1;
1104
1100
  }
@@ -5767,7 +5763,7 @@
5767
5763
  transition: box-shadow 0.15s;
5768
5764
  }
5769
5765
  .p-message .p-message-close:hover {
5770
- background: rgba(255, 255, 255, 0.3);
5766
+ background: rgba(255, 255, 255, 0.5);
5771
5767
  }
5772
5768
  .p-message .p-message-close:focus-visible {
5773
5769
  outline: 0 none;
@@ -5877,7 +5873,7 @@
5877
5873
  transition: box-shadow 0.15s;
5878
5874
  }
5879
5875
  .p-toast .p-toast-message .p-toast-icon-close:hover {
5880
- background: rgba(255, 255, 255, 0.3);
5876
+ background: rgba(255, 255, 255, 0.5);
5881
5877
  }
5882
5878
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
5883
5879
  outline: 0 none;