primeng 22.1.2 → 22.1.3

package/fesm2022/primeng-metergroup.mjs

@@ -31,7 +31,7 @@ var MeterGroupStyle = class MeterGroupStyle extends BaseStyle {
 	classes = classes;
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: MeterGroupStyle,
 		deps: null,
@@ -39,14 +39,14 @@ var MeterGroupStyle = class MeterGroupStyle extends BaseStyle {
 	});
 	static ɵprov = i0.ɵɵngDeclareInjectable({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: MeterGroupStyle
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: MeterGroupStyle,
 	decorators: [{ type: Injectable }]
@@ -81,7 +81,7 @@ var MeterGroupLabel = class MeterGroupLabel extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: MeterGroupLabel,
 		deps: null,
@@ -89,7 +89,7 @@ var MeterGroupLabel = class MeterGroupLabel extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: MeterGroupLabel,
 		isStandalone: true,
 		selector: "p-metergrouplabel",
@@ -183,7 +183,7 @@ var MeterGroupLabel = class MeterGroupLabel extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: MeterGroupLabel,
 	decorators: [{
@@ -372,7 +372,7 @@ var MeterGroup = class MeterGroup extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: MeterGroup,
 		deps: [],
@@ -380,7 +380,7 @@ var MeterGroup = class MeterGroup extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: MeterGroup,
 		isStandalone: true,
 		selector: "p-metergroup, p-meter-group",
@@ -548,7 +548,7 @@ var MeterGroup = class MeterGroup extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: MeterGroup,
 	decorators: [{
@@ -700,7 +700,7 @@ i0.ɵɵngDeclareClassMetadata({
 var MeterGroupModule = class MeterGroupModule {
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: MeterGroupModule,
 		deps: [],
@@ -708,7 +708,7 @@ var MeterGroupModule = class MeterGroupModule {
 	});
 	static ɵmod = i0.ɵɵngDeclareNgModule({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: MeterGroupModule,
 		imports: [MeterGroup, SharedModule],
@@ -716,7 +716,7 @@ var MeterGroupModule = class MeterGroupModule {
 	});
 	static ɵinj = i0.ɵɵngDeclareInjector({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: MeterGroupModule,
 		imports: [
@@ -728,7 +728,7 @@ var MeterGroupModule = class MeterGroupModule {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: MeterGroupModule,
 	decorators: [{
@@ -741,4 +741,3 @@ i0.ɵɵngDeclareClassMetadata({
 });
 export { MeterGroup, MeterGroupClasses, MeterGroupLabel, MeterGroupModule, MeterGroupStyle };
 
-//# sourceMappingURL=primeng-metergroup.mjs.map

package/fesm2022/primeng-motion.mjs

@@ -49,7 +49,7 @@ var MotionStyle = class MotionStyle extends BaseStyle {
 	classes = classes;
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: MotionStyle,
 		deps: null,
@@ -57,14 +57,14 @@ var MotionStyle = class MotionStyle extends BaseStyle {
 	});
 	static ɵprov = i0.ɵɵngDeclareInjectable({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: MotionStyle
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: MotionStyle,
 	decorators: [{ type: Injectable }]
@@ -227,7 +227,7 @@ var Motion = class Motion extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: Motion,
 		deps: [],
@@ -235,7 +235,7 @@ var Motion = class Motion extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: Motion,
 		isStandalone: true,
 		selector: "p-motion",
@@ -416,7 +416,7 @@ var Motion = class Motion extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: Motion,
 	decorators: [{
@@ -802,7 +802,7 @@ var MotionDirective = class MotionDirective extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: MotionDirective,
 		deps: [],
@@ -810,7 +810,7 @@ var MotionDirective = class MotionDirective extends BaseComponent {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: MotionDirective,
 		isStandalone: true,
 		selector: "[pMotion]",
@@ -962,7 +962,7 @@ var MotionDirective = class MotionDirective extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: MotionDirective,
 	decorators: [{
@@ -1158,7 +1158,7 @@ i0.ɵɵngDeclareClassMetadata({
 var MotionModule = class MotionModule {
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: MotionModule,
 		deps: [],
@@ -1166,7 +1166,7 @@ var MotionModule = class MotionModule {
 	});
 	static ɵmod = i0.ɵɵngDeclareNgModule({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: MotionModule,
 		imports: [Motion, MotionDirective],
@@ -1174,7 +1174,7 @@ var MotionModule = class MotionModule {
 	});
 	static ɵinj = i0.ɵɵngDeclareInjector({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: MotionModule,
 		imports: [Motion]
@@ -1182,7 +1182,7 @@ var MotionModule = class MotionModule {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: MotionModule,
 	decorators: [{
@@ -1195,4 +1195,3 @@ i0.ɵɵngDeclareClassMetadata({
 });
 export { Motion, MotionDirective, MotionModule };
 
-//# sourceMappingURL=primeng-motion.mjs.map

package/fesm2022/primeng-multiselect.mjs

@@ -8,7 +8,7 @@ import { Check } from "@primeicons/angular/check";
 import { ChevronDown } from "@primeicons/angular/chevron-down";
 import { Search } from "@primeicons/angular/search";
 import { Times } from "@primeicons/angular/times";
-import { deepEquals, equals, findLastIndex, findSingle, focus, getFirstFocusableElement, getFocusableElements, getLastFocusableElement, isArray, isNotEmpty, isPrintableCharacter, resolveFieldData, uuid } from "@primeuix/utils";
+import { deepEquals, equals, findLastIndex, findSingle, focus, getFirstFocusableElement, getFocusableElements, getLastFocusableElement, isArray, isNotEmpty, isPrintableCharacter, isScalar, resolveFieldData } from "@primeuix/utils";
 import { FilterService, Footer, Header, OverlayService, SharedModule, TranslationKeys } from "primeng/api";
 import { AutoFocus } from "primeng/autofocus";
 import { BaseComponent, PARENT_INSTANCE } from "primeng/basecomponent";
@@ -81,7 +81,7 @@ var MultiSelectStyle = class MultiSelectStyle extends BaseStyle {
 	inlineStyles = inlineStyles;
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: MultiSelectStyle,
 		deps: null,
@@ -89,14 +89,14 @@ var MultiSelectStyle = class MultiSelectStyle extends BaseStyle {
 	});
 	static ɵprov = i0.ɵɵngDeclareInjectable({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: MultiSelectStyle
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: MultiSelectStyle,
 	decorators: [{ type: Injectable }]
@@ -192,7 +192,7 @@ var MultiSelectItem = class MultiSelectItem extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: MultiSelectItem,
 		deps: null,
@@ -200,7 +200,7 @@ var MultiSelectItem = class MultiSelectItem extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: MultiSelectItem,
 		isStandalone: true,
 		selector: "li[pMultiSelectItem]",
@@ -410,7 +410,7 @@ var MultiSelectItem = class MultiSelectItem extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: MultiSelectItem,
 	decorators: [{
@@ -812,7 +812,7 @@ var MultiSelect = class MultiSelect extends BaseEditableHolder {
 	});
 	$variant = computed(() => this.variant() || this.config.inputVariant() || void 0, ...ngDevMode ? [{ debugName: "$variant" }] : /* istanbul ignore next */ []);
 	$appendTo = computed(() => this.appendTo() || this.config.overlayAppendTo(), ...ngDevMode ? [{ debugName: "$appendTo" }] : /* istanbul ignore next */ []);
-	internalId = uuid("pn_id_");
+	internalId = this.$useId.next("pn_id_");
 	$id = computed(() => this.id() || this.internalId, ...ngDevMode ? [{ debugName: "$id" }] : /* istanbul ignore next */ []);
 	$pcMultiSelect = inject(MULTISELECT_INSTANCE, {
 		optional: true,
@@ -977,7 +977,10 @@ var MultiSelect = class MultiSelect extends BaseEditableHolder {
 	showEmptyFilterMessage = computed(() => this.hasFilter() && this.isEmpty(), ...ngDevMode ? [{ debugName: "showEmptyFilterMessage" }] : /* istanbul ignore next */ []);
 	showEmptyMessage = computed(() => !this.hasFilter() && this.isEmpty(), ...ngDevMode ? [{ debugName: "showEmptyMessage" }] : /* istanbul ignore next */ []);
 	hasFooterContent = computed(() => !!(this.footerFacet() || this.footerTemplate()), ...ngDevMode ? [{ debugName: "hasFooterContent" }] : /* istanbul ignore next */ []);
-	chipIconContext = { class: "p-multiselect-chip-icon" };
+	_chipIconContext = computed(() => ({ class: this.pcn("p-multiselect-chip-icon") }), ...ngDevMode ? [{ debugName: "_chipIconContext" }] : /* istanbul ignore next */ []);
+	get chipIconContext() {
+		return this._chipIconContext();
+	}
 	selectedItemsContext = computed(() => ({
 		$implicit: this.selectedOptions(),
 		removeChip: this.removeOption.bind(this)
@@ -1152,7 +1155,7 @@ var MultiSelect = class MultiSelect extends BaseEditableHolder {
 		const group = this.group();
 		const opts = this.options();
 		const matchedOption = (group ? this.flatOptions(opts) : opts || []).find((option) => !this.isOptionGroup(option) && equals(this.getOptionValue(option), value, this.equalityKey() || ""));
-		return matchedOption ? this.getOptionLabel(matchedOption) : null;
+		return matchedOption ? this.getOptionLabel(matchedOption) : this.getValueLabel(value) ?? "";
 	}
 	getSelectedItemsLabel() {
 		let pattern = /{(.*?)}/;
@@ -1165,6 +1168,11 @@ var MultiSelect = class MultiSelect extends BaseEditableHolder {
 		const optionLabel = this.optionLabel();
 		return optionLabel ? resolveFieldData(option, optionLabel) : option && option.label != void 0 ? option.label : option;
 	}
+	getValueLabel(value) {
+		if (this.optionValue() || value == null) return null;
+		const label = this.getOptionLabel(value);
+		return isScalar(label) && label !== "" ? label : null;
+	}
 	getOptionValue(option) {
 		const optionValue = this.optionValue();
 		const optionLabel = this.optionLabel();
@@ -1475,7 +1483,7 @@ var MultiSelect = class MultiSelect extends BaseEditableHolder {
 	}
 	allSelected() {
 		const selectAll = this.selectAll();
-		return selectAll !== null ? selectAll : isNotEmpty(this.visibleOptions()) && this.visibleOptions().every((option) => this.isOptionGroup(option) || this.isOptionDisabled(option) || this.isSelected(option));
+		return selectAll != null ? selectAll : isNotEmpty(this.visibleOptions()) && this.visibleOptions().every((option) => this.isOptionGroup(option) || this.isOptionDisabled(option) || this.isSelected(option));
 	}
 	partialSelected() {
 		const opts = this.options();
@@ -1654,7 +1662,7 @@ var MultiSelect = class MultiSelect extends BaseEditableHolder {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: MultiSelect,
 		deps: [],
@@ -1662,7 +1670,7 @@ var MultiSelect = class MultiSelect extends BaseEditableHolder {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: MultiSelect,
 		isStandalone: true,
 		selector: "p-multiselect, p-multi-select",
@@ -2329,7 +2337,7 @@ var MultiSelect = class MultiSelect extends BaseEditableHolder {
 		hostDirectives: [{ directive: i1.Bind }],
 		ngImport: i0,
 		template: `
-        <div class="p-hidden-accessible" [attr.data-p-hidden-accessible]="true" [pBind]="ptm('hiddenInputContainer')">
+        <div [class]="pcn('p-hidden-accessible')" [attr.data-p-hidden-accessible]="true" [pBind]="ptm('hiddenInputContainer')">
             <input
                 #focusInput
                 [pTooltip]="tooltip()"
@@ -2460,7 +2468,7 @@ var MultiSelect = class MultiSelect extends BaseEditableHolder {
                     <span
                         #firstHiddenFocusableEl
                         role="presentation"
-                        class="p-hidden-accessible p-hidden-focusable"
+                        [class]="pcn('p-hidden-accessible p-hidden-focusable')"
                         [attr.tabindex]="0"
                         (focus)="onFirstHiddenFocus($event)"
                         [attr.data-p-hidden-accessible]="true"
@@ -2523,7 +2531,7 @@ var MultiSelect = class MultiSelect extends BaseEditableHolder {
                                             @if (!filterIconTemplate()) {
                                                 <svg data-p-icon="search" [pBind]="ptm('filterIcon')" />
                                             } @else {
-                                                <span [pBind]="ptm('filterIcon')" class="p-multiselect-filter-icon">
+                                                <span [pBind]="ptm('filterIcon')" [class]="pcn('p-multiselect-filter-icon')">
                                                     <ng-template *ngTemplateOutlet="filterIconTemplate()"></ng-template>
                                                 </span>
                                             }
@@ -2628,7 +2636,7 @@ var MultiSelect = class MultiSelect extends BaseEditableHolder {
                     <span
                         #lastHiddenFocusableEl
                         role="presentation"
-                        class="p-hidden-accessible p-hidden-focusable"
+                        [class]="pcn('p-hidden-accessible p-hidden-focusable')"
                         [attr.tabindex]="0"
                         (focus)="onLastHiddenFocus($event)"
                         [attr.data-p-hidden-accessible]="true"
@@ -2917,7 +2925,7 @@ var MultiSelect = class MultiSelect extends BaseEditableHolder {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: MultiSelect,
 	decorators: [{
@@ -2947,7 +2955,7 @@ i0.ɵɵngDeclareClassMetadata({
 			],
 			hostDirectives: [Bind],
 			template: `
-        <div class="p-hidden-accessible" [attr.data-p-hidden-accessible]="true" [pBind]="ptm('hiddenInputContainer')">
+        <div [class]="pcn('p-hidden-accessible')" [attr.data-p-hidden-accessible]="true" [pBind]="ptm('hiddenInputContainer')">
             <input
                 #focusInput
                 [pTooltip]="tooltip()"
@@ -3078,7 +3086,7 @@ i0.ɵɵngDeclareClassMetadata({
                     <span
                         #firstHiddenFocusableEl
                         role="presentation"
-                        class="p-hidden-accessible p-hidden-focusable"
+                        [class]="pcn('p-hidden-accessible p-hidden-focusable')"
                         [attr.tabindex]="0"
                         (focus)="onFirstHiddenFocus($event)"
                         [attr.data-p-hidden-accessible]="true"
@@ -3141,7 +3149,7 @@ i0.ɵɵngDeclareClassMetadata({
                                             @if (!filterIconTemplate()) {
                                                 <svg data-p-icon="search" [pBind]="ptm('filterIcon')" />
                                             } @else {
-                                                <span [pBind]="ptm('filterIcon')" class="p-multiselect-filter-icon">
+                                                <span [pBind]="ptm('filterIcon')" [class]="pcn('p-multiselect-filter-icon')">
                                                     <ng-template *ngTemplateOutlet="filterIconTemplate()"></ng-template>
                                                 </span>
                                             }
@@ -3246,7 +3254,7 @@ i0.ɵɵngDeclareClassMetadata({
                     <span
                         #lastHiddenFocusableEl
                         role="presentation"
-                        class="p-hidden-accessible p-hidden-focusable"
+                        [class]="pcn('p-hidden-accessible p-hidden-focusable')"
                         [attr.tabindex]="0"
                         (focus)="onLastHiddenFocus($event)"
                         [attr.data-p-hidden-accessible]="true"
@@ -4011,7 +4019,7 @@ i0.ɵɵngDeclareClassMetadata({
 var MultiSelectModule = class MultiSelectModule {
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: MultiSelectModule,
 		deps: [],
@@ -4019,7 +4027,7 @@ var MultiSelectModule = class MultiSelectModule {
 	});
 	static ɵmod = i0.ɵɵngDeclareNgModule({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: MultiSelectModule,
 		imports: [MultiSelect, SharedModule],
@@ -4027,7 +4035,7 @@ var MultiSelectModule = class MultiSelectModule {
 	});
 	static ɵinj = i0.ɵɵngDeclareInjector({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: MultiSelectModule,
 		imports: [
@@ -4039,7 +4047,7 @@ var MultiSelectModule = class MultiSelectModule {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: MultiSelectModule,
 	decorators: [{
@@ -4052,4 +4060,3 @@ i0.ɵɵngDeclareClassMetadata({
 });
 export { MULTISELECT_VALUE_ACCESSOR, MultiSelect, MultiSelectClasses, MultiSelectModule, MultiSelectStyle };
 
-//# sourceMappingURL=primeng-multiselect.mjs.map

package/fesm2022/primeng-orderlist.mjs

@@ -5,7 +5,7 @@ import { ChangeDetectionStrategy, Component, Injectable, InjectionToken, NgModul
 import * as i2 from "@angular/forms";
 import { FormsModule } from "@angular/forms";
 import { toSignal } from "@angular/core/rxjs-interop";
-import { findIndexInList, setAttribute, uuid } from "@primeuix/utils";
+import { findIndexInList, setAttribute } from "@primeuix/utils";
 import { FilterService } from "primeng/api";
 import { BaseComponent, PARENT_INSTANCE } from "primeng/basecomponent";
 import * as i1 from "primeng/bind";
@@ -16,6 +16,7 @@ import { AngleDoubleUp } from "@primeicons/angular/angle-double-up";
 import { AngleDown } from "@primeicons/angular/angle-down";
 import { AngleUp } from "@primeicons/angular/angle-up";
 import { Listbox } from "primeng/listbox";
+import { getShadowRoot } from "primeng/dom";
 import { style } from "@primeuix/styles/orderlist";
 import { BaseStyle } from "primeng/base";
 export * from "primeng/types/orderlist";
@@ -40,7 +41,7 @@ var OrderListStyle = class OrderListStyle extends BaseStyle {
 	classes = classes;
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: OrderListStyle,
 		deps: null,
@@ -48,14 +49,14 @@ var OrderListStyle = class OrderListStyle extends BaseStyle {
 	});
 	static ɵprov = i0.ɵɵngDeclareInjectable({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: OrderListStyle
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: OrderListStyle,
 	decorators: [{ type: Injectable }]
@@ -200,7 +201,7 @@ var OrderList = class OrderList extends BaseComponent {
 	movedDown;
 	itemTouched;
 	styleElement;
-	id = uuid("pn_id_");
+	id = this.$useId.next("pn_id_");
 	filterValue = signal(null, ...ngDevMode ? [{ debugName: "filterValue" }] : /* istanbul ignore next */ []);
 	visibleOptions = signal(null, ...ngDevMode ? [{ debugName: "visibleOptions" }] : /* istanbul ignore next */ []);
 	filterService = inject(FilterService);
@@ -410,37 +411,45 @@ var OrderList = class OrderList extends BaseComponent {
 	}
 	createStyle() {
 		if (isPlatformBrowser(this.platformId)) {
+			if (this.$styleScope.isolated) {
+				this.renderer.setAttribute(this.el.nativeElement.children[0], this.id, "");
+				this.$isolatedStyle("breakpoint", this.psel(this.breakpointCSS()));
+				return;
+			}
 			if (!this.styleElement) {
 				this.renderer.setAttribute(this.el.nativeElement.children[0], this.id, "");
 				this.styleElement = this.renderer.createElement("style");
 				this.renderer.setAttribute(this.styleElement, "type", "text/css");
 				setAttribute(this.styleElement, "nonce", this.config?.csp()?.nonce);
-				this.renderer.appendChild(this.document.head, this.styleElement);
-				let innerHTML = `
+				this.renderer.appendChild(getShadowRoot(this.el.nativeElement) ?? this.document.head, this.styleElement);
+				let innerHTML = this.breakpointCSS();
+				this.renderer.setProperty(this.styleElement, "innerHTML", this.psel(innerHTML));
+				setAttribute(this.styleElement, "nonce", this.config?.csp()?.nonce);
+			}
+		}
+	}
+	breakpointCSS() {
+		return `
                     @media screen and (max-width: ${this.breakpoint()}) {
-                        .p-orderlist[${this.$attrSelector}] {
+                        .p-orderlist${this.$instanceSelector} {
                             flex-direction: column;
                         }
 
-                        .p-orderlist[${this.$attrSelector}] .p-orderlist-controls {
+                        .p-orderlist${this.$instanceSelector} .p-orderlist-controls {
                             padding: var(--px-content-padding);
                             flex-direction: row;
                         }
 
-                        .p-orderlist[${this.$attrSelector}] .p-orderlist-controls .p-button {
+                        .p-orderlist${this.$instanceSelector} .p-orderlist-controls .p-button {
                             margin-right: var(--px-inline-spacing);
                             margin-bottom: 0;
                         }
 
-                        .p-orderlist[${this.$attrSelector}] .p-orderlist-controls .p-button:last-child {
+                        .p-orderlist${this.$instanceSelector} .p-orderlist-controls .p-button:last-child {
                             margin-right: 0;
                         }
                     }
                 `;
-				this.renderer.setProperty(this.styleElement, "innerHTML", innerHTML);
-				setAttribute(this.styleElement, "nonce", this.config?.csp()?.nonce);
-			}
-		}
 	}
 	destroyStyle() {
 		if (isPlatformBrowser(this.platformId)) {
@@ -455,7 +464,7 @@ var OrderList = class OrderList extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: OrderList,
 		deps: [],
@@ -463,7 +472,7 @@ var OrderList = class OrderList extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: OrderList,
 		isStandalone: true,
 		selector: "p-orderlist, p-order-list",
@@ -1020,7 +1029,7 @@ var OrderList = class OrderList extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: OrderList,
 	decorators: [{
@@ -1487,7 +1496,7 @@ i0.ɵɵngDeclareClassMetadata({
 var OrderListModule = class OrderListModule {
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: OrderListModule,
 		deps: [],
@@ -1495,7 +1504,7 @@ var OrderListModule = class OrderListModule {
 	});
 	static ɵmod = i0.ɵɵngDeclareNgModule({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: OrderListModule,
 		imports: [OrderList],
@@ -1503,7 +1512,7 @@ var OrderListModule = class OrderListModule {
 	});
 	static ɵinj = i0.ɵɵngDeclareInjector({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: OrderListModule,
 		imports: [OrderList]
@@ -1511,7 +1520,7 @@ var OrderListModule = class OrderListModule {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: OrderListModule,
 	decorators: [{
@@ -1524,4 +1533,3 @@ i0.ɵɵngDeclareClassMetadata({
 });
 export { OrderList, OrderListClasses, OrderListModule, OrderListStyle };
 
-//# sourceMappingURL=primeng-orderlist.mjs.map