primeng 15.4.5-lts → 15.4.7-lts

package/fesm2020/primeng-tristatecheckbox.mjs

@@ -87,8 +87,8 @@ class TriStateCheckbox {
         this.cd.markForCheck();
     }
 }
-TriStateCheckbox.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: TriStateCheckbox, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-TriStateCheckbox.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: TriStateCheckbox, selector: "p-triStateCheckbox", inputs: { disabled: "disabled", name: "name", ariaLabelledBy: "ariaLabelledBy", tabindex: "tabindex", inputId: "inputId", style: "style", styleClass: "styleClass", label: "label", readonly: "readonly", checkboxTrueIcon: "checkboxTrueIcon", checkboxFalseIcon: "checkboxFalseIcon" }, outputs: { onChange: "onChange" }, host: { classAttribute: "p-element" }, providers: [TRISTATECHECKBOX_VALUE_ACCESSOR], queries: [{ propertyName: "templates", predicate: PrimeTemplate }], ngImport: i0, template: `
+TriStateCheckbox.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TriStateCheckbox, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+TriStateCheckbox.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TriStateCheckbox, selector: "p-triStateCheckbox", inputs: { disabled: "disabled", name: "name", ariaLabelledBy: "ariaLabelledBy", tabindex: "tabindex", inputId: "inputId", style: "style", styleClass: "styleClass", label: "label", readonly: "readonly", checkboxTrueIcon: "checkboxTrueIcon", checkboxFalseIcon: "checkboxFalseIcon" }, outputs: { onChange: "onChange" }, host: { classAttribute: "p-element" }, providers: [TRISTATECHECKBOX_VALUE_ACCESSOR], queries: [{ propertyName: "templates", predicate: PrimeTemplate }], ngImport: i0, template: `
         <div [ngStyle]="style" [ngClass]="{ 'p-checkbox p-component': true, 'p-checkbox-disabled': disabled, 'p-checkbox-focused': focused }" [class]="styleClass">
             <div class="p-hidden-accessible">
                 <input
@@ -130,7 +130,7 @@ TriStateCheckbox.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
         </div>
         <label class="p-checkbox-label" (click)="onClick($event, input)" [ngClass]="{ 'p-checkbox-label-active': value != null, 'p-disabled': disabled, 'p-checkbox-label-focus': focused }" *ngIf="label" [attr.for]="inputId">{{ label }}</label>
     `, isInline: true, dependencies: [{ kind: "directive", type: i0.forwardRef(function () { return i1.NgClass; }), selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i0.forwardRef(function () { return i1.NgIf; }), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i0.forwardRef(function () { return i1.NgTemplateOutlet; }), selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i0.forwardRef(function () { return i1.NgStyle; }), selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i0.forwardRef(function () { return CheckIcon; }), selector: "CheckIcon" }, { kind: "component", type: i0.forwardRef(function () { return TimesIcon; }), selector: "TimesIcon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: TriStateCheckbox, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TriStateCheckbox, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-triStateCheckbox',
@@ -213,10 +213,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
             }] } });
 class TriStateCheckboxModule {
 }
-TriStateCheckboxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: TriStateCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-TriStateCheckboxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: TriStateCheckboxModule, declarations: [TriStateCheckbox], imports: [CommonModule, SharedModule, CheckIcon, TimesIcon], exports: [TriStateCheckbox, SharedModule] });
-TriStateCheckboxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: TriStateCheckboxModule, imports: [CommonModule, SharedModule, CheckIcon, TimesIcon, SharedModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: TriStateCheckboxModule, decorators: [{
+TriStateCheckboxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TriStateCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TriStateCheckboxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: TriStateCheckboxModule, declarations: [TriStateCheckbox], imports: [CommonModule, SharedModule, CheckIcon, TimesIcon], exports: [TriStateCheckbox, SharedModule] });
+TriStateCheckboxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TriStateCheckboxModule, imports: [CommonModule, SharedModule, CheckIcon, TimesIcon, SharedModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TriStateCheckboxModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, SharedModule, CheckIcon, TimesIcon],

package/fesm2020/primeng-virtualscroller.mjs

@@ -57,8 +57,8 @@ class VirtualScroller {
         this.scroller?.scrollToIndex(index, mode);
     }
 }
-VirtualScroller.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: VirtualScroller, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-VirtualScroller.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: VirtualScroller, selector: "p-virtualScroller", inputs: { value: "value", itemSize: "itemSize", style: "style", styleClass: "styleClass", scrollHeight: "scrollHeight", lazy: "lazy", options: "options", delay: "delay" }, outputs: { onLazyLoad: "onLazyLoad" }, host: { classAttribute: "p-element" }, queries: [{ propertyName: "header", first: true, predicate: Header, descendants: true }, { propertyName: "footer", first: true, predicate: Footer, descendants: true }, { propertyName: "templates", predicate: PrimeTemplate }], viewQueries: [{ propertyName: "scroller", first: true, predicate: ["scroller"], descendants: true }], ngImport: i0, template: `
+VirtualScroller.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: VirtualScroller, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+VirtualScroller.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: VirtualScroller, selector: "p-virtualScroller", inputs: { value: "value", itemSize: "itemSize", style: "style", styleClass: "styleClass", scrollHeight: "scrollHeight", lazy: "lazy", options: "options", delay: "delay" }, outputs: { onLazyLoad: "onLazyLoad" }, host: { classAttribute: "p-element" }, queries: [{ propertyName: "header", first: true, predicate: Header, descendants: true }, { propertyName: "footer", first: true, predicate: Footer, descendants: true }, { propertyName: "templates", predicate: PrimeTemplate }], viewQueries: [{ propertyName: "scroller", first: true, predicate: ["scroller"], descendants: true }], ngImport: i0, template: `
         <div [ngClass]="'p-virtualscroller p-component'" [ngStyle]="style" [class]="styleClass">
             <div class="p-virtualscroller-header" *ngIf="header || headerTemplate">
                 <ng-content select="p-header"></ng-content>
@@ -79,7 +79,7 @@ VirtualScroller.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versio
             </div>
         </div>
     `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i3.Scroller, selector: "p-scroller", inputs: ["id", "style", "styleClass", "tabindex", "items", "itemSize", "scrollHeight", "scrollWidth", "orientation", "step", "delay", "resizeDelay", "appendOnly", "inline", "lazy", "disabled", "loaderDisabled", "columns", "showSpacer", "showLoader", "numToleratedItems", "loading", "autoSize", "trackBy", "options"], outputs: ["onLazyLoad", "onScroll", "onScrollIndexChange"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: VirtualScroller, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: VirtualScroller, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-virtualScroller',
@@ -143,10 +143,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
             }] } });
 class VirtualScrollerModule {
 }
-VirtualScrollerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: VirtualScrollerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-VirtualScrollerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: VirtualScrollerModule, declarations: [VirtualScroller], imports: [CommonModule, SharedModule, ScrollerModule], exports: [VirtualScroller, SharedModule, ScrollerModule] });
-VirtualScrollerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: VirtualScrollerModule, imports: [CommonModule, SharedModule, ScrollerModule, SharedModule, ScrollerModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: VirtualScrollerModule, decorators: [{
+VirtualScrollerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: VirtualScrollerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+VirtualScrollerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: VirtualScrollerModule, declarations: [VirtualScroller], imports: [CommonModule, SharedModule, ScrollerModule], exports: [VirtualScroller, SharedModule, ScrollerModule] });
+VirtualScrollerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: VirtualScrollerModule, imports: [CommonModule, SharedModule, ScrollerModule, SharedModule, ScrollerModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: VirtualScrollerModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, SharedModule, ScrollerModule],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "primeng",
-  "version": "15.4.5-lts",
+  "version": "15.4.7-lts",
   "repository": {
     "type": "git",
     "url": "https://github.com/primefaces/primeng"

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

@@ -4339,6 +4339,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   background: #383838;
 }
 
+.p-tabview .p-tabview-nav-content {
+  scroll-padding-inline: 2.357rem;
+}
 .p-tabview .p-tabview-nav {
   background: transparent;
   border: 1px solid #383838;

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

@@ -4339,6 +4339,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   background: #383838;
 }
 
+.p-tabview .p-tabview-nav-content {
+  scroll-padding-inline: 2.357rem;
+}
 .p-tabview .p-tabview-nav {
   background: transparent;
   border: 1px solid #383838;

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

@@ -4339,6 +4339,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   background: #383838;
 }
 
+.p-tabview .p-tabview-nav-content {
+  scroll-padding-inline: 2.357rem;
+}
 .p-tabview .p-tabview-nav {
   background: transparent;
   border: 1px solid #383838;

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

@@ -4339,6 +4339,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   background: #383838;
 }
 
+.p-tabview .p-tabview-nav-content {
+  scroll-padding-inline: 2.357rem;
+}
 .p-tabview .p-tabview-nav {
   background: transparent;
   border: 1px solid #383838;

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

@@ -4351,6 +4351,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   background: #3f4b5b;
 }
 
+.p-tabview .p-tabview-nav-content {
+  scroll-padding-inline: 2.357rem;
+}
 .p-tabview .p-tabview-nav {
   background: transparent;
   border: 1px solid #3f4b5b;

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

@@ -4351,6 +4351,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   background: #3f4b5b;
 }
 
+.p-tabview .p-tabview-nav-content {
+  scroll-padding-inline: 2.357rem;
+}
 .p-tabview .p-tabview-nav {
   background: transparent;
   border: 1px solid #3f4b5b;

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

@@ -4351,6 +4351,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   background: #dee2e6;
 }
 
+.p-tabview .p-tabview-nav-content {
+  scroll-padding-inline: 2.357rem;
+}
 .p-tabview .p-tabview-nav {
   background: transparent;
   border: 1px solid #dee2e6;

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

@@ -4351,6 +4351,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   background: #dee2e6;
 }
 
+.p-tabview .p-tabview-nav-content {
+  scroll-padding-inline: 2.357rem;
+}
 .p-tabview .p-tabview-nav {
   background: transparent;
   border: 1px solid #dee2e6;

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

@@ -4315,6 +4315,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   background: #edebe9;
 }
 
+.p-tabview .p-tabview-nav-content {
+  scroll-padding-inline: 2.357rem;
+}
 .p-tabview .p-tabview-nav {
   background: #ffffff;
   border: 0 none;

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

@@ -4315,6 +4315,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   background: #0b213f;
 }
 
+.p-tabview .p-tabview-nav-content {
+  scroll-padding-inline: 3rem;
+}
 .p-tabview .p-tabview-nav {
   background: transparent;
   border: 1px solid #0b213f;

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

@@ -4315,6 +4315,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   background: #0b213f;
 }
 
+.p-tabview .p-tabview-nav-content {
+  scroll-padding-inline: 3rem;
+}
 .p-tabview .p-tabview-nav {
   background: transparent;
   border: 1px solid #0b213f;

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

@@ -4315,6 +4315,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   background: #0b213f;
 }
 
+.p-tabview .p-tabview-nav-content {
+  scroll-padding-inline: 3rem;
+}
 .p-tabview .p-tabview-nav {
   background: transparent;
   border: 1px solid #0b213f;

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

@@ -4315,6 +4315,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   background: #0b213f;
 }
 
+.p-tabview .p-tabview-nav-content {
+  scroll-padding-inline: 3rem;
+}
 .p-tabview .p-tabview-nav {
   background: transparent;
   border: 1px solid #0b213f;

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

@@ -4315,6 +4315,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   background: #dee2e6;
 }
 
+.p-tabview .p-tabview-nav-content {
+  scroll-padding-inline: 3rem;
+}
 .p-tabview .p-tabview-nav {
   background: #ffffff;
   border: 1px solid #dee2e6;

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

@@ -4315,6 +4315,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   background: #dee2e6;
 }
 
+.p-tabview .p-tabview-nav-content {
+  scroll-padding-inline: 3rem;
+}
 .p-tabview .p-tabview-nav {
   background: #ffffff;
   border: 1px solid #dee2e6;

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

@@ -4315,6 +4315,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   background: #dee2e6;
 }
 
+.p-tabview .p-tabview-nav-content {
+  scroll-padding-inline: 3rem;
+}
 .p-tabview .p-tabview-nav {
   background: #ffffff;
   border: 1px solid #dee2e6;

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

@@ -4315,6 +4315,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   background: #dee2e6;
 }
 
+.p-tabview .p-tabview-nav-content {
+  scroll-padding-inline: 3rem;
+}
 .p-tabview .p-tabview-nav {
   background: #ffffff;
   border: 1px solid #dee2e6;

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

@@ -4327,6 +4327,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   background: #4b4b4b;
 }
 
+.p-tabview .p-tabview-nav-content {
+  scroll-padding-inline: 2.357rem;
+}
 .p-tabview .p-tabview-nav {
   background: transparent;
   border: 0 none;

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

@@ -4327,6 +4327,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   background: #4b4b4b;
 }
 
+.p-tabview .p-tabview-nav-content {
+  scroll-padding-inline: 2.357rem;
+}
 .p-tabview .p-tabview-nav {
   background: transparent;
   border: 0 none;

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

@@ -4327,6 +4327,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   background: #4b4b4b;
 }
 
+.p-tabview .p-tabview-nav-content {
+  scroll-padding-inline: 2.357rem;
+}
 .p-tabview .p-tabview-nav {
   background: transparent;
   border: 0 none;

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

@@ -4327,6 +4327,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   background: #4b4b4b;
 }
 
+.p-tabview .p-tabview-nav-content {
+  scroll-padding-inline: 2.357rem;
+}
 .p-tabview .p-tabview-nav {
   background: transparent;
   border: 0 none;

package/resources/themes/md-dark-deeppurple/theme.css

@@ -4363,6 +4363,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   background: rgba(255, 255, 255, 0.12);
 }
 
+.p-tabview .p-tabview-nav-content {
+  scroll-padding-inline: 3rem;
+}
 .p-tabview .p-tabview-nav {
   background: transparent;
   border: solid rgba(255, 255, 255, 0.12);
@@ -6692,6 +6695,9 @@ p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-cont
 .p-calendar-w-btn .p-datepicker-trigger.p-button span {
   color: rgba(255, 255, 255, 0.6);
 }
+.p-calendar-w-btn .p-datepicker-trigger.p-button .p-icon {
+  color: rgba(255, 255, 255, 0.6);
+}
 .p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover {
   background: rgba(255, 255, 255, 0.04);
 }

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

@@ -4363,6 +4363,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   background: rgba(255, 255, 255, 0.12);
 }
 
+.p-tabview .p-tabview-nav-content {
+  scroll-padding-inline: 3rem;
+}
 .p-tabview .p-tabview-nav {
   background: transparent;
   border: solid rgba(255, 255, 255, 0.12);
@@ -6692,6 +6695,9 @@ p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-cont
 .p-calendar-w-btn .p-datepicker-trigger.p-button span {
   color: rgba(255, 255, 255, 0.6);
 }
+.p-calendar-w-btn .p-datepicker-trigger.p-button .p-icon {
+  color: rgba(255, 255, 255, 0.6);
+}
 .p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover {
   background: rgba(255, 255, 255, 0.04);
 }

package/resources/themes/md-light-deeppurple/theme.css

@@ -4363,6 +4363,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   background: rgba(0, 0, 0, 0.12);
 }
 
+.p-tabview .p-tabview-nav-content {
+  scroll-padding-inline: 3rem;
+}
 .p-tabview .p-tabview-nav {
   background: #ffffff;
   border: solid rgba(0, 0, 0, 0.12);
@@ -6692,6 +6695,9 @@ p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-cont
 .p-calendar-w-btn .p-datepicker-trigger.p-button span {
   color: rgba(0, 0, 0, 0.6);
 }
+.p-calendar-w-btn .p-datepicker-trigger.p-button .p-icon {
+  color: rgba(0, 0, 0, 0.6);
+}
 .p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover {
   background: rgba(0, 0, 0, 0.04);
 }

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

@@ -4363,6 +4363,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   background: rgba(0, 0, 0, 0.12);
 }
 
+.p-tabview .p-tabview-nav-content {
+  scroll-padding-inline: 3rem;
+}
 .p-tabview .p-tabview-nav {
   background: #ffffff;
   border: solid rgba(0, 0, 0, 0.12);
@@ -6692,6 +6695,9 @@ p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-cont
 .p-calendar-w-btn .p-datepicker-trigger.p-button span {
   color: rgba(0, 0, 0, 0.6);
 }
+.p-calendar-w-btn .p-datepicker-trigger.p-button .p-icon {
+  color: rgba(0, 0, 0, 0.6);
+}
 .p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover {
   background: rgba(0, 0, 0, 0.04);
 }

package/resources/themes/mdc-dark-deeppurple/theme.css

@@ -4363,6 +4363,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   background: rgba(255, 255, 255, 0.12);
 }
 
+.p-tabview .p-tabview-nav-content {
+  scroll-padding-inline: 2.75rem;
+}
 .p-tabview .p-tabview-nav {
   background: transparent;
   border: solid rgba(255, 255, 255, 0.12);
@@ -6692,6 +6695,9 @@ p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-cont
 .p-calendar-w-btn .p-datepicker-trigger.p-button span {
   color: rgba(255, 255, 255, 0.6);
 }
+.p-calendar-w-btn .p-datepicker-trigger.p-button .p-icon {
+  color: rgba(255, 255, 255, 0.6);
+}
 .p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover {
   background: rgba(255, 255, 255, 0.04);
 }

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

@@ -4363,6 +4363,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   background: rgba(255, 255, 255, 0.12);
 }
 
+.p-tabview .p-tabview-nav-content {
+  scroll-padding-inline: 2.75rem;
+}
 .p-tabview .p-tabview-nav {
   background: transparent;
   border: solid rgba(255, 255, 255, 0.12);
@@ -6692,6 +6695,9 @@ p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-cont
 .p-calendar-w-btn .p-datepicker-trigger.p-button span {
   color: rgba(255, 255, 255, 0.6);
 }
+.p-calendar-w-btn .p-datepicker-trigger.p-button .p-icon {
+  color: rgba(255, 255, 255, 0.6);
+}
 .p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover {
   background: rgba(255, 255, 255, 0.04);
 }

package/resources/themes/mdc-light-deeppurple/theme.css

@@ -4363,6 +4363,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   background: rgba(0, 0, 0, 0.12);
 }
 
+.p-tabview .p-tabview-nav-content {
+  scroll-padding-inline: 2.75rem;
+}
 .p-tabview .p-tabview-nav {
   background: #ffffff;
   border: solid rgba(0, 0, 0, 0.12);
@@ -6692,6 +6695,9 @@ p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-cont
 .p-calendar-w-btn .p-datepicker-trigger.p-button span {
   color: rgba(0, 0, 0, 0.6);
 }
+.p-calendar-w-btn .p-datepicker-trigger.p-button .p-icon {
+  color: rgba(0, 0, 0, 0.6);
+}
 .p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover {
   background: rgba(0, 0, 0, 0.04);
 }

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

@@ -4363,6 +4363,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   background: rgba(0, 0, 0, 0.12);
 }
 
+.p-tabview .p-tabview-nav-content {
+  scroll-padding-inline: 2.75rem;
+}
 .p-tabview .p-tabview-nav {
   background: #ffffff;
   border: solid rgba(0, 0, 0, 0.12);
@@ -6692,6 +6695,9 @@ p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-cont
 .p-calendar-w-btn .p-datepicker-trigger.p-button span {
   color: rgba(0, 0, 0, 0.6);
 }
+.p-calendar-w-btn .p-datepicker-trigger.p-button .p-icon {
+  color: rgba(0, 0, 0, 0.6);
+}
 .p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover {
   background: rgba(0, 0, 0, 0.04);
 }

package/resources/themes/mira/theme.css

@@ -4367,6 +4367,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   background: #c2c7d1;
 }
 
+.p-tabview .p-tabview-nav-content {
+  scroll-padding-inline: 2.357rem;
+}
 .p-tabview .p-tabview-nav {
   background: #ffffff;
   border: 2px solid #E5E9F0;

package/resources/themes/nano/theme.css

@@ -4339,6 +4339,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   background: #dee2e6;
 }
 
+.p-tabview .p-tabview-nav-content {
+  scroll-padding-inline: 2.357rem;
+}
 .p-tabview .p-tabview-nav {
   background: #ffffff;
   border: 1px solid #dee2e6;

package/resources/themes/nova/theme.css

@@ -4327,6 +4327,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   background: #d8dae2;
 }
 
+.p-tabview .p-tabview-nav-content {
+  scroll-padding-inline: 2.357rem;
+}
 .p-tabview .p-tabview-nav {
   background: transparent;
   border: 0 none;

package/resources/themes/nova-accent/theme.css

@@ -4315,6 +4315,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   background: #d8dae2;
 }
 
+.p-tabview .p-tabview-nav-content {
+  scroll-padding-inline: 2.357rem;
+}
 .p-tabview .p-tabview-nav {
   background: transparent;
   border: 0 none;

package/resources/themes/nova-alt/theme.css

@@ -4327,6 +4327,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   background: #d8dae2;
 }
 
+.p-tabview .p-tabview-nav-content {
+  scroll-padding-inline: 2.357rem;
+}
 .p-tabview .p-tabview-nav {
   background: transparent;
   border: 0 none;

package/resources/themes/rhea/theme.css

@@ -4315,6 +4315,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   background: #dadada;
 }
 
+.p-tabview .p-tabview-nav-content {
+  scroll-padding-inline: 2.357rem;
+}
 .p-tabview .p-tabview-nav {
   background: transparent;
   border: 0 none;

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

@@ -4339,6 +4339,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   background: #dee2e6;
 }
 
+.p-tabview .p-tabview-nav-content {
+  scroll-padding-inline: 2.357rem;
+}
 .p-tabview .p-tabview-nav {
   background: #ffffff;
   border: 1px solid #dee2e6;

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

@@ -4339,6 +4339,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   background: #dee2e6;
 }
 
+.p-tabview .p-tabview-nav-content {
+  scroll-padding-inline: 2.357rem;
+}
 .p-tabview .p-tabview-nav {
   background: #ffffff;
   border: 1px solid #dee2e6;

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

@@ -4339,6 +4339,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   background: #dee2e6;
 }
 
+.p-tabview .p-tabview-nav-content {
+  scroll-padding-inline: 2.357rem;
+}
 .p-tabview .p-tabview-nav {
   background: #ffffff;
   border: 1px solid #dee2e6;

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

@@ -4339,6 +4339,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   background: #dee2e6;
 }
 
+.p-tabview .p-tabview-nav-content {
+  scroll-padding-inline: 2.357rem;
+}
 .p-tabview .p-tabview-nav {
   background: #ffffff;
   border: 1px solid #dee2e6;

package/resources/themes/soho-dark/theme.css

@@ -4339,6 +4339,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   background: #3e4053;
 }
 
+.p-tabview .p-tabview-nav-content {
+  scroll-padding-inline: 3rem;
+}
 .p-tabview .p-tabview-nav {
   background: transparent;
   border: 1px solid #3e4053;

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

@@ -4339,6 +4339,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   background: #dfe7ef;
 }
 
+.p-tabview .p-tabview-nav-content {
+  scroll-padding-inline: 3rem;
+}
 .p-tabview .p-tabview-nav {
   background: #ffffff;
   border: 1px solid #dfe7ef;

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

@@ -4374,6 +4374,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
   background: #e5e7eb;
 }
 
+.p-tabview .p-tabview-nav-content {
+  scroll-padding-inline: 3rem;
+}
 .p-tabview .p-tabview-nav {
   background: #ffffff;
   border: 1px solid #e5e7eb;