primeng 17.0.0-rc.1 → 17.1.0

package/panelmenu/panelmenu.d.ts

@@ -1,4 +1,4 @@
-import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, QueryList, SimpleChanges, TemplateRef } from '@angular/core';
+import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, QueryList, TemplateRef } from '@angular/core';
 import { MenuItem, PrimeTemplate } from 'primeng/api';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
@@ -56,7 +56,9 @@ export declare class PanelMenuSub {
     static ɵfac: i0.ɵɵFactoryDeclaration<PanelMenuSub, never>;
     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>;
 }
-export declare class PanelMenuList implements OnChanges {
+export declare class PanelMenuList {
+    set model(value: MenuItem[] | undefined);
+    get model(): MenuItem[] | undefined;
     panelId: string | undefined;
     id: string | undefined;
     items: any[];
@@ -75,10 +77,11 @@ export declare class PanelMenuList implements OnChanges {
     focused: boolean | undefined;
     focusedItem: import("@angular/core").WritableSignal<any>;
     activeItemPath: import("@angular/core").WritableSignal<any[]>;
-    processedItems: import("@angular/core").WritableSignal<any[]>;
+    _model: any;
+    _processedItems: any[];
+    get processedItems(): any[];
     visibleItems: import("@angular/core").Signal<any[]>;
     get focusedItemId(): any;
-    ngOnChanges(changes: SimpleChanges): void;
     getItemProp(processedItem: any, name: any): any;
     getItemLabel(processedItem: any): any;
     isItemVisible(processedItem: any): boolean;
@@ -112,7 +115,7 @@ export declare class PanelMenuList implements OnChanges {
     findPrevItem(processedItem: any): any;
     searchItems(event: any, char: any): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<PanelMenuList, never>;
-    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>;
+    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>;
 }
 /**
  * PanelMenu is a hybrid of Accordion and Tree components.
@@ -124,7 +127,8 @@ export declare class PanelMenu implements AfterContentInit {
      * An array of menuitems.
      * @group Props
      */
-    model: MenuItem[] | undefined;
+    set model(value: MenuItem[] | undefined);
+    get model(): MenuItem[] | undefined;
     /**
      * Inline style of the component.
      * @group Props
@@ -163,6 +167,7 @@ export declare class PanelMenu implements AfterContentInit {
     itemTemplate: TemplateRef<any> | undefined;
     animating: boolean | undefined;
     activeItem: import("@angular/core").WritableSignal<any>;
+    _model: MenuItem[] | undefined;
     ngOnInit(): void;
     ngAfterContentInit(): void;
     constructor(cd: ChangeDetectorRef);

package/progressbar/progressbar.d.ts

@@ -1,3 +1,6 @@
+import { TemplateRef } from '@angular/core';
+import { PrimeTemplate } from 'primeng/api';
+import { QueryList } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 /**
@@ -42,8 +45,11 @@ export declare class ProgressBar {
      * @group Props
      */
     color: string | undefined;
+    templates: QueryList<PrimeTemplate> | undefined;
+    contentTemplate: TemplateRef<any> | undefined;
+    ngAfterContentInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressBar, "p-progressBar", never, { "value": { "alias": "value"; "required": false; }; "showValue": { "alias": "showValue"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "style": { "alias": "style"; "required": false; }; "unit": { "alias": "unit"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressBar, "p-progressBar", never, { "value": { "alias": "value"; "required": false; }; "showValue": { "alias": "showValue"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "style": { "alias": "style"; "required": false; }; "unit": { "alias": "unit"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, ["templates"], never, false, never>;
 }
 export declare class ProgressBarModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBarModule, never>;

package/resources/components/inputswitch/inputswitch.css

@@ -12,6 +12,7 @@
         left: 0;
         right: 0;
         bottom: 0;
+        border: 1px solid transparent;
     }
 
     .p-inputswitch-slider:before {

package/resources/themes/arya-blue/theme.css

@@ -861,6 +861,10 @@
     margin-left: 0.5rem;
   }
 
+  p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
+    border-color: #ef9a9a;
+  }
+
   .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
     border-color: #64B5F6;
   }
@@ -1052,6 +1056,10 @@
     background-color: transparent;
   }
 
+  p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
+    border-color: #ef9a9a;
+  }
+
   .p-inputgroup-addon {
     background: #1e1e1e;
     color: rgba(255, 255, 255, 0.6);
@@ -1196,7 +1204,7 @@
     background: #43a5f4;
   }
 
-  p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
+  p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
     border-color: #ef9a9a;
   }
 

package/resources/themes/arya-green/theme.css

@@ -861,6 +861,10 @@
     margin-left: 0.5rem;
   }
 
+  p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
+    border-color: #ef9a9a;
+  }
+
   .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
     border-color: #81C784;
   }
@@ -1052,6 +1056,10 @@
     background-color: transparent;
   }
 
+  p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
+    border-color: #ef9a9a;
+  }
+
   .p-inputgroup-addon {
     background: #1e1e1e;
     color: rgba(255, 255, 255, 0.6);
@@ -1196,7 +1204,7 @@
     background: #6abd6e;
   }
 
-  p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
+  p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
     border-color: #ef9a9a;
   }
 

package/resources/themes/arya-orange/theme.css

@@ -861,6 +861,10 @@
     margin-left: 0.5rem;
   }
 
+  p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
+    border-color: #ef9a9a;
+  }
+
   .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
     border-color: #FFD54F;
   }
@@ -1052,6 +1056,10 @@
     background-color: transparent;
   }
 
+  p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
+    border-color: #ef9a9a;
+  }
+
   .p-inputgroup-addon {
     background: #1e1e1e;
     color: rgba(255, 255, 255, 0.6);
@@ -1196,7 +1204,7 @@
     background: #ffcd2e;
   }
 
-  p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
+  p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
     border-color: #ef9a9a;
   }
 

package/resources/themes/arya-purple/theme.css

@@ -861,6 +861,10 @@
     margin-left: 0.5rem;
   }
 
+  p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
+    border-color: #ef9a9a;
+  }
+
   .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
     border-color: #BA68C8;
   }
@@ -1052,6 +1056,10 @@
     background-color: transparent;
   }
 
+  p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
+    border-color: #ef9a9a;
+  }
+
   .p-inputgroup-addon {
     background: #1e1e1e;
     color: rgba(255, 255, 255, 0.6);
@@ -1196,7 +1204,7 @@
     background: #b052c0;
   }
 
-  p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
+  p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
     border-color: #ef9a9a;
   }
 

package/resources/themes/bootstrap4-dark-blue/theme.css

@@ -865,6 +865,10 @@
     border-color: #151515;
   }
 
+  p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
+    border-color: #f19ea6;
+  }
+
   .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
     border-color: #3f4b5b;
   }
@@ -1056,6 +1060,10 @@
     background-color: transparent;
   }
 
+  p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
+    border-color: #f19ea6;
+  }
+
   .p-inputgroup-addon {
     background: #2a323d;
     color: rgba(255, 255, 255, 0.6);
@@ -1200,7 +1208,7 @@
     background: #8dd0ff;
   }
 
-  p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
+  p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
     border-color: #f19ea6;
   }
 

package/resources/themes/bootstrap4-dark-purple/theme.css

@@ -865,6 +865,10 @@
     border-color: #151515;
   }
 
+  p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
+    border-color: #f19ea6;
+  }
+
   .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
     border-color: #3f4b5b;
   }
@@ -1056,6 +1060,10 @@
     background-color: transparent;
   }
 
+  p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
+    border-color: #f19ea6;
+  }
+
   .p-inputgroup-addon {
     background: #2a323d;
     color: rgba(255, 255, 255, 0.6);
@@ -1200,7 +1208,7 @@
     background: #c298d8;
   }
 
-  p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
+  p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
     border-color: #f19ea6;
   }
 

package/resources/themes/bootstrap4-light-blue/theme.css

@@ -865,6 +865,10 @@
     border-color: #ffffff;
   }
 
+  p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
+    border-color: #dc3545;
+  }
+
   .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
     border-color: #ced4da;
   }
@@ -1056,6 +1060,10 @@
     background-color: transparent;
   }
 
+  p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
+    border-color: #dc3545;
+  }
+
   .p-inputgroup-addon {
     background: #e9ecef;
     color: #495057;
@@ -1200,7 +1208,7 @@
     background: #007bff;
   }
 
-  p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
+  p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
     border-color: #dc3545;
   }
 

package/resources/themes/bootstrap4-light-purple/theme.css

@@ -865,6 +865,10 @@
     border-color: #ffffff;
   }
 
+  p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
+    border-color: #dc3545;
+  }
+
   .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
     border-color: #ced4da;
   }
@@ -1056,6 +1060,10 @@
     background-color: transparent;
   }
 
+  p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
+    border-color: #dc3545;
+  }
+
   .p-inputgroup-addon {
     background: #e9ecef;
     color: #495057;
@@ -1200,7 +1208,7 @@
     background: #883cae;
   }
 
-  p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
+  p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
     border-color: #dc3545;
   }
 

package/resources/themes/fluent-light/theme.css

@@ -861,6 +861,10 @@
     margin-left: 0.5rem;
   }
 
+  p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
+    border-color: #a4252c;
+  }
+
   .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
     border-color: #323130;
   }
@@ -1052,6 +1056,10 @@
     background-color: transparent;
   }
 
+  p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
+    border-color: #a4252c;
+  }
+
   .p-inputgroup-addon {
     background: #f3f2f1;
     color: #605e5c;
@@ -1196,7 +1204,7 @@
     background: #005a9e;
   }
 
-  p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
+  p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
     border-color: #a4252c;
   }
 

package/resources/themes/lara-dark-blue/theme.css

@@ -878,6 +878,10 @@
     margin-left: 0.5rem;
   }
 
+  p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
+    border-color: #fca5a5;
+  }
+
   .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
     border-color: #60a5fa;
   }
@@ -1069,6 +1073,10 @@
     background-color: transparent;
   }
 
+  p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
+    border-color: #fca5a5;
+  }
+
   .p-inputgroup-addon {
     background: #1f2937;
     color: rgba(255, 255, 255, 0.6);
@@ -1213,7 +1221,7 @@
     background: #93c5fd;
   }
 
-  p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
+  p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
     border-color: #fca5a5;
   }
 

package/resources/themes/lara-dark-indigo/theme.css

@@ -878,6 +878,10 @@
     margin-left: 0.5rem;
   }
 
+  p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
+    border-color: #fca5a5;
+  }
+
   .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
     border-color: #818cf8;
   }
@@ -1069,6 +1073,10 @@
     background-color: transparent;
   }
 
+  p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
+    border-color: #fca5a5;
+  }
+
   .p-inputgroup-addon {
     background: #1f2937;
     color: rgba(255, 255, 255, 0.6);
@@ -1213,7 +1221,7 @@
     background: #a5b4fc;
   }
 
-  p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
+  p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
     border-color: #fca5a5;
   }
 

package/resources/themes/lara-dark-purple/theme.css

@@ -878,6 +878,10 @@
     margin-left: 0.5rem;
   }
 
+  p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
+    border-color: #fca5a5;
+  }
+
   .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
     border-color: #a78bfa;
   }
@@ -1069,6 +1073,10 @@
     background-color: transparent;
   }
 
+  p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
+    border-color: #fca5a5;
+  }
+
   .p-inputgroup-addon {
     background: #1f2937;
     color: rgba(255, 255, 255, 0.6);
@@ -1213,7 +1221,7 @@
     background: #c4b5fd;
   }
 
-  p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
+  p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
     border-color: #fca5a5;
   }
 

package/resources/themes/lara-dark-teal/theme.css

@@ -878,6 +878,10 @@
     margin-left: 0.5rem;
   }
 
+  p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
+    border-color: #fca5a5;
+  }
+
   .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
     border-color: #2dd4bf;
   }
@@ -1069,6 +1073,10 @@
     background-color: transparent;
   }
 
+  p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
+    border-color: #fca5a5;
+  }
+
   .p-inputgroup-addon {
     background: #1f2937;
     color: rgba(255, 255, 255, 0.6);
@@ -1213,7 +1221,7 @@
     background: #5eead4;
   }
 
-  p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
+  p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
     border-color: #fca5a5;
   }
 

package/resources/themes/lara-light-blue/theme.css

@@ -878,6 +878,10 @@
     margin-left: 0.5rem;
   }
 
+  p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
+    border-color: #e24c4c;
+  }
+
   .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
     border-color: #3B82F6;
   }
@@ -1069,6 +1073,10 @@
     background-color: transparent;
   }
 
+  p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
+    border-color: #e24c4c;
+  }
+
   .p-inputgroup-addon {
     background: #f3f4f6;
     color: #6b7280;
@@ -1213,7 +1221,7 @@
     background: #2563eb;
   }
 
-  p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
+  p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
     border-color: #e24c4c;
   }
 

package/resources/themes/lara-light-indigo/theme.css

@@ -878,6 +878,10 @@
     margin-left: 0.5rem;
   }
 
+  p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
+    border-color: #e24c4c;
+  }
+
   .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
     border-color: #6366F1;
   }
@@ -1069,6 +1073,10 @@
     background-color: transparent;
   }
 
+  p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
+    border-color: #e24c4c;
+  }
+
   .p-inputgroup-addon {
     background: #f3f4f6;
     color: #6b7280;
@@ -1213,7 +1221,7 @@
     background: #4F46E5;
   }
 
-  p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
+  p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
     border-color: #e24c4c;
   }
 

package/resources/themes/lara-light-purple/theme.css

@@ -878,6 +878,10 @@
     margin-left: 0.5rem;
   }
 
+  p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
+    border-color: #e24c4c;
+  }
+
   .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
     border-color: #8B5CF6;
   }
@@ -1069,6 +1073,10 @@
     background-color: transparent;
   }
 
+  p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
+    border-color: #e24c4c;
+  }
+
   .p-inputgroup-addon {
     background: #f3f4f6;
     color: #6b7280;
@@ -1213,7 +1221,7 @@
     background: #7C3AED;
   }
 
-  p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
+  p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
     border-color: #e24c4c;
   }
 

package/resources/themes/lara-light-teal/theme.css

@@ -878,6 +878,10 @@
     margin-left: 0.5rem;
   }
 
+  p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
+    border-color: #e24c4c;
+  }
+
   .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
     border-color: #14b8a6;
   }
@@ -1069,6 +1073,10 @@
     background-color: transparent;
   }
 
+  p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
+    border-color: #e24c4c;
+  }
+
   .p-inputgroup-addon {
     background: #f3f4f6;
     color: #6b7280;
@@ -1213,7 +1221,7 @@
     background: #0d9488;
   }
 
-  p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
+  p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
     border-color: #e24c4c;
   }
 

package/resources/themes/luna-amber/theme.css

@@ -865,6 +865,10 @@
     border-color: #212529;
   }
 
+  p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
+    border-color: #e57373;
+  }
+
   .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
     border-color: #FFE082;
   }
@@ -1056,6 +1060,10 @@
     background-color: transparent;
   }
 
+  p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
+    border-color: #e57373;
+  }
+
   .p-inputgroup-addon {
     background: #252525;
     color: #888888;
@@ -1200,7 +1208,7 @@
     background: #FFD54F;
   }
 
-  p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
+  p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
     border-color: #e57373;
   }
 

package/resources/themes/luna-blue/theme.css

@@ -865,6 +865,10 @@
     border-color: #212529;
   }
 
+  p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
+    border-color: #e57373;
+  }
+
   .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
     border-color: #81D4FA;
   }
@@ -1056,6 +1060,10 @@
     background-color: transparent;
   }
 
+  p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
+    border-color: #e57373;
+  }
+
   .p-inputgroup-addon {
     background: #252525;
     color: #888888;
@@ -1200,7 +1208,7 @@
     background: #4FC3F7;
   }
 
-  p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
+  p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
     border-color: #e57373;
   }