primeng 17.7.0 → 17.9.0

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

@@ -1096,6 +1096,12 @@
     border-color: #f88c79;
   }
 
+  .p-icon-field .p-input-icon {
+    position: absolute;
+    top: 50%;
+    margin-top: -0.5rem;
+  }
+
   .p-inputgroup-addon {
     background: #f5f5f5;
     color: #898989;
@@ -1166,6 +1172,16 @@
     width: 2.857rem;
   }
 
+  .p-icon-field-left .p-input-icon:first-of-type {
+    left: 0.75rem;
+    color: #898989;
+  }
+
+  .p-icon-field-right .p-input-icon:last-of-type {
+    right: 0.75rem;
+    color: #898989;
+  }
+
   p-inputmask.ng-dirty.ng-invalid > .p-inputtext {
     border-color: #f88c79;
   }
@@ -1307,6 +1323,18 @@
     padding-right: 2.5rem;
   }
 
+  .p-icon-field-left > .p-inputtext {
+    padding-left: 2.5rem;
+  }
+
+  .p-icon-field-left.p-float-label > label {
+    left: 2.5rem;
+  }
+
+  .p-icon-field-right > .p-inputtext {
+    padding-right: 2.5rem;
+  }
+
   ::-webkit-input-placeholder {
     color: #898989;
   }
@@ -6243,6 +6271,107 @@
     box-shadow: 0 0 0 0.1rem #bbc7ee;
   }
 
+  .p-metergroup {
+    display: flex;
+  }
+
+  .p-metergroup-meters {
+    display: flex;
+  }
+
+  .p-metergroup-vertical {
+    height: 100%;
+  }
+
+  .p-metergroup-vertical .p-metergroup-meters {
+    flex-direction: column;
+  }
+
+  .p-metergroup-labels {
+    display: flex;
+    flex-wrap: wrap;
+    margin: 0;
+    padding: 0;
+    list-style-type: none;
+  }
+
+  .p-metergroup-vertical .p-metergroup-labels {
+    align-items: start;
+  }
+
+  .p-metergroup-labels-vertical {
+    flex-direction: column;
+  }
+
+  .p-metergroup-label {
+    display: inline-flex;
+    align-items: center;
+  }
+
+  .p-metergroup-label-marker {
+    display: inline-flex;
+  }
+
+  .p-metergroup {
+    gap: 1rem;
+  }
+  .p-metergroup .p-metergroup-meters {
+    background: #ebebeb;
+    border-radius: 6px;
+  }
+  .p-metergroup .p-metergroup-meter {
+    border: 0 none;
+    background: #5472d4;
+  }
+  .p-metergroup .p-metergroup-labels .p-metergroup-label {
+    gap: 0.5rem;
+  }
+  .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
+    background: #5472d4;
+    width: 0.5rem;
+    height: 0.5rem;
+    border-radius: 100%;
+  }
+  .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
+    width: 1rem;
+    height: 1rem;
+  }
+  .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
+    gap: 0.5rem;
+  }
+  .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
+    gap: 1rem;
+  }
+  .p-metergroup.p-metergroup-horizontal {
+    flex-direction: column;
+  }
+  .p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
+    height: 0.5rem;
+  }
+  .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
+    border-top-left-radius: 6px;
+    border-bottom-left-radius: 6px;
+  }
+  .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
+    border-top-right-radius: 6px;
+    border-bottom-right-radius: 6px;
+  }
+  .p-metergroup.p-metergroup-vertical {
+    flex-direction: row;
+  }
+  .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
+    width: 0.5rem;
+    height: 100%;
+  }
+  .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
+    border-top-left-radius: 6px;
+    border-top-right-radius: 6px;
+  }
+  .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
+    border-bottom-left-radius: 6px;
+    border-bottom-right-radius: 6px;
+  }
+
   .p-progressbar {
     border: 0 none;
     height: 1.5rem;

package/tabmenu/tabmenu.d.ts

@@ -29,7 +29,8 @@ export declare class TabMenu implements AfterContentInit, AfterViewInit, AfterVi
      * Defines the default active menuitem
      * @group Props
      */
-    activeItem: MenuItem | undefined;
+    set activeItem(value: MenuItem | undefined);
+    get activeItem(): MenuItem | undefined;
     /**
      * When enabled displays buttons at each side of the tab headers to scroll the tab list.
      * @group Props
@@ -84,6 +85,7 @@ export declare class TabMenu implements AfterContentInit, AfterViewInit, AfterVi
     private timerIdForInitialAutoScroll;
     _focusableItems: MenuItem[] | undefined | any;
     _model: MenuItem[] | undefined;
+    _activeItem: MenuItem | undefined;
     focusedItemInfo: import("@angular/core").WritableSignal<any>;
     get focusableItems(): any;
     constructor(platformId: any, router: Router, route: ActivatedRoute, cd: ChangeDetectorRef);

package/tabview/tabview.d.ts

@@ -257,6 +257,7 @@ export declare class TabView implements AfterContentInit, AfterViewChecked, OnDe
     updateInkBar(): void;
     updateScrollBar(index: number): void;
     updateButtonState(): void;
+    refreshButtonState(): void;
     onScroll(event: Event): void;
     getVisibleButtonWidths(): any;
     navBackward(): void;