@truenas/ui-components 0.8.18 → 0.8.19

package/fesm2022/truenas-ui-components.mjs

@@ -541,7 +541,7 @@ function createTnOptionsDataSource(config) {
 		}
 	};
 }
-let nextId$6 = 0;
+let nextId$9 = 0;
 const TN_AUTOCOMPLETE_DEFAULT_LABELS = {
 	placeholder: "Type to search...",
 	loading: "Loading...",
@@ -555,7 +555,7 @@ var TnAutocompleteComponent = class TnAutocompleteComponent {
 	elementRef = inject(ElementRef);
 	overlay = inject(Overlay);
 	viewContainerRef = inject(ViewContainerRef);
-	uid = `tn-autocomplete-${nextId$6++}`;
+	uid = `tn-autocomplete-${nextId$9++}`;
 	options = input([], ...ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []);
 	compareWith = input(void 0, ...ngDevMode ? [{ debugName: "compareWith" }] : /* istanbul ignore next */ []);
 	placeholder = input(void 0, ...ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []);
@@ -5151,7 +5151,7 @@ function tnIconMarker(iconName, library) {
 function libIconMarker(iconName) {
 	return iconName;
 }
-let nextId$5 = 0;
+let nextId$8 = 0;
 var TnInputComponent = class TnInputComponent {
 	inputEl = viewChild.required("inputEl", ...ngDevMode ? [{ debugName: "inputEl" }] : /* istanbul ignore next */ []);
 	inputType = input(InputType.PlainText, ...ngDevMode ? [{ debugName: "inputType" }] : /* istanbul ignore next */ []);
@@ -5206,7 +5206,7 @@ var TnInputComponent = class TnInputComponent {
 		const base = this.testId();
 		return ["toggle-password", ...Array.isArray(base) ? base : [base]];
 	}, ...ngDevMode ? [{ debugName: "passwordToggleTestId" }] : /* istanbul ignore next */ []);
-	id = `tn-input-${nextId$5++}`;
+	id = `tn-input-${nextId$8++}`;
 	value = signal("", ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
 	formDisabled = signal(false, ...ngDevMode ? [{ debugName: "formDisabled" }] : /* istanbul ignore next */ []);
 	isDisabled = computed(() => this.disabled() || this.formDisabled(), ...ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []);
@@ -6544,11 +6544,11 @@ const TN_CHIP_INPUT_LABELS = new InjectionToken("TN_CHIP_INPUT_LABELS", {
 	providedIn: "root",
 	factory: () => TN_CHIP_INPUT_DEFAULT_LABELS
 });
-let nextId$4 = 0;
+let nextId$7 = 0;
 var TnChipInputComponent = class TnChipInputComponent {
 	overlay = inject(Overlay);
 	viewContainerRef = inject(ViewContainerRef);
-	uid = `tn-chip-input-${nextId$4++}`;
+	uid = `tn-chip-input-${nextId$7++}`;
 	placeholder = input("", ...ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []);
 	disabled = input(false, ...ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []);
 	separatorKeys = input(["Enter", ","], ...ngDevMode ? [{ debugName: "separatorKeys" }] : /* istanbul ignore next */ []);
@@ -8352,6 +8352,7 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}
 });
+let nextId$6 = 0;
 var TnSlideToggleComponent = class TnSlideToggleComponent {
 	toggleEl = viewChild.required("toggleEl", ...ngDevMode ? [{ debugName: "toggleEl" }] : /* istanbul ignore next */ []);
 	labelPosition = input("after", ...ngDevMode ? [{ debugName: "labelPosition" }] : /* istanbul ignore next */ []);
@@ -8367,7 +8368,7 @@ var TnSlideToggleComponent = class TnSlideToggleComponent {
 	checked = input(false, ...ngDevMode ? [{ debugName: "checked" }] : /* istanbul ignore next */ []);
 	change = output();
 	toggleChange = output();
-	id = `tn-slide-toggle-${Math.random().toString(36).substr(2, 9)}`;
+	id = `tn-slide-toggle-${nextId$6++}`;
 	internalChecked = signal(false, ...ngDevMode ? [{ debugName: "internalChecked" }] : /* istanbul ignore next */ []);
 	formDisabled = signal(false, ...ngDevMode ? [{ debugName: "formDisabled" }] : /* istanbul ignore next */ []);
 	isDisabled = computed(() => this.disabled() || this.formDisabled(), ...ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []);
@@ -9645,6 +9646,7 @@ var TnExpansionPanelHarness = class TnExpansionPanelHarness extends ComponentHar
 		if (await this.isExpanded()) await this.toggle();
 	}
 };
+let nextId$5 = 0;
 var TnCheckboxLabelDirective = class TnCheckboxLabelDirective {
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
@@ -9690,7 +9692,7 @@ var TnCheckboxComponent = class TnCheckboxComponent {
 	change = output();
 	labelContent = contentChildren(TnCheckboxLabelDirective, ...ngDevMode ? [{ debugName: "labelContent" }] : /* istanbul ignore next */ []);
 	hasProjectedLabel = computed(() => this.labelContent().length > 0, ...ngDevMode ? [{ debugName: "hasProjectedLabel" }] : /* istanbul ignore next */ []);
-	id = `tn-checkbox-${Math.random().toString(36).substr(2, 9)}`;
+	id = `tn-checkbox-${nextId$5++}`;
 	internalChecked = signal(false, ...ngDevMode ? [{ debugName: "internalChecked" }] : /* istanbul ignore next */ []);
 	cvaControlled = signal(false, ...ngDevMode ? [{ debugName: "cvaControlled" }] : /* istanbul ignore next */ []);
 	formDisabled = signal(false, ...ngDevMode ? [{ debugName: "formDisabled" }] : /* istanbul ignore next */ []);
@@ -10019,7 +10021,7 @@ var TnCheckboxHarness = class TnCheckboxHarness extends ComponentHarness {
 		await (await this._label()).click();
 	}
 };
-let nextId$3 = 0;
+let nextId$4 = 0;
 var TnCheckboxGroupComponent = class TnCheckboxGroupComponent {
 	options = input([], ...ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []);
 	inline = input(false, ...ngDevMode ? [{ debugName: "inline" }] : /* istanbul ignore next */ []);
@@ -10035,7 +10037,7 @@ var TnCheckboxGroupComponent = class TnCheckboxGroupComponent {
 	formDisabled = signal(false, ...ngDevMode ? [{ debugName: "formDisabled" }] : /* istanbul ignore next */ []);
 	isDisabled = computed(() => this.disabled() || this.formDisabled(), ...ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []);
 	ariaRequired = computed(() => this.required() || this.fieldAria.required() === true, ...ngDevMode ? [{ debugName: "ariaRequired" }] : /* istanbul ignore next */ []);
-	requiredTextId = `tn-checkbox-group-required-${nextId$3++}`;
+	requiredTextId = `tn-checkbox-group-required-${nextId$4++}`;
 	resolvedAriaLabel = computed(() => {
 		const label = this.ariaLabel();
 		if (!label) return null;
@@ -10325,6 +10327,7 @@ var TnCheckboxGroupHarness = class TnCheckboxGroupHarness extends ComponentHarne
 	}
 };
 const TN_RADIO_GROUP = new InjectionToken("TN_RADIO_GROUP");
+let nextId$3 = 0;
 var TnRadioComponent = class TnRadioComponent {
 	radioEl = viewChild.required("radioEl", ...ngDevMode ? [{ debugName: "radioEl" }] : /* istanbul ignore next */ []);
 	label = input("Radio", ...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
@@ -10336,7 +10339,7 @@ var TnRadioComponent = class TnRadioComponent {
 	resolvedTestId = controlTestId(this.testId);
 	error = input(null, ...ngDevMode ? [{ debugName: "error" }] : /* istanbul ignore next */ []);
 	change = output();
-	id = `tn-radio-${Math.random().toString(36).substr(2, 9)}`;
+	id = `tn-radio-${nextId$3++}`;
 	group = inject(TN_RADIO_GROUP, { optional: true });
 	standaloneChecked = signal(false, ...ngDevMode ? [{ debugName: "standaloneChecked" }] : /* istanbul ignore next */ []);
 	checked = computed(() => this.group ? this.group.isSelected(this.value()) : this.standaloneChecked(), ...ngDevMode ? [{ debugName: "checked" }] : /* istanbul ignore next */ []);