@forgeroute/ui 0.3.1 → 0.3.2

package/fesm2022/forgeroute-ui.mjs

@@ -2728,6 +2728,7 @@ var ButtonComponent = class ButtonComponent {
 		this.ariaLabel = input(void 0, ...ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []);
 		this.ariaExpanded = input(void 0, ...ngDevMode ? [{ debugName: "ariaExpanded" }] : /* istanbul ignore next */ []);
 		this.ariaPressed = input(void 0, ...ngDevMode ? [{ debugName: "ariaPressed" }] : /* istanbul ignore next */ []);
+		this.ariaDescribedBy = input(void 0, ...ngDevMode ? [{ debugName: "ariaDescribedBy" }] : /* istanbul ignore next */ []);
 	}
 	static {
 		this.ɵfac = i0.ɵɵngDeclareFactory({
@@ -2824,6 +2825,13 @@ var ButtonComponent = class ButtonComponent {
 					isRequired: false,
 					transformFunction: null
 				},
+				ariaDescribedBy: {
+					classPropertyName: "ariaDescribedBy",
+					publicName: "ariaDescribedBy",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
 				_footerLeft: {
 					classPropertyName: "_footerLeft",
 					publicName: "modal-footer-left",
@@ -2850,6 +2858,7 @@ var ButtonComponent = class ButtonComponent {
       [attr.aria-label]="ariaLabel()"
       [attr.aria-expanded]="ariaExpanded()"
       [attr.aria-pressed]="ariaPressed()"
+      [attr.aria-describedby]="ariaDescribedBy() || null"
       [style.background]="color() || null"
       [style.border-color]="color() || null"
     >
@@ -2886,6 +2895,7 @@ i0.ɵɵngDeclareClassMetadata({
       [attr.aria-label]="ariaLabel()"
       [attr.aria-expanded]="ariaExpanded()"
       [attr.aria-pressed]="ariaPressed()"
+      [attr.aria-describedby]="ariaDescribedBy() || null"
       [style.background]="color() || null"
       [style.border-color]="color() || null"
     >
@@ -2987,6 +2997,14 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		ariaDescribedBy: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ariaDescribedBy",
+				required: false
+			}]
+		}],
 		_footerLeft: [{
 			type: Input,
 			args: ["modal-footer-left"]
@@ -3958,6 +3976,7 @@ var TableToolbarComponent = class TableToolbarComponent {
 						"ariaLabel",
 						"ariaExpanded",
 						"ariaPressed",
+						"ariaDescribedBy",
 						"modal-footer-left",
 						"modal-footer-right"
 					]
@@ -4696,42 +4715,21 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}
 });
-const PROGRESS_STEP_THRESHOLDS = [
-	{
-		at: 25,
-		variant: "amber"
-	},
-	{
-		at: 50,
-		variant: "blue"
-	},
-	{
-		at: 75,
-		variant: "lime"
-	},
-	{
-		at: 100,
-		variant: "green"
-	}
-];
 var ProgressBarComponent = class ProgressBarComponent {
 	constructor() {
 		this.value = input(0, ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
 		this.max = input(100, ...ngDevMode ? [{ debugName: "max" }] : /* istanbul ignore next */ []);
 		this.label = input("", ...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
-		this.variant = input("blue", ...ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []);
-		this.thresholds = input(null, ...ngDevMode ? [{ debugName: "thresholds" }] : /* istanbul ignore next */ []);
-		this.autoColor = input(false, ...ngDevMode ? [{ debugName: "autoColor" }] : /* istanbul ignore next */ []);
+		this.variant = input(null, ...ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []);
 		this.tooltip = input("", ...ngDevMode ? [{ debugName: "tooltip" }] : /* istanbul ignore next */ []);
 		this.ariaLabel = input("", ...ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []);
 		this.clampedValue = computed(() => Math.min(Math.max(this.value(), 0), this.max()), ...ngDevMode ? [{ debugName: "clampedValue" }] : /* istanbul ignore next */ []);
 		this.percent = computed(() => this.max() > 0 ? Math.round(this.clampedValue() / this.max() * 100) : 0, ...ngDevMode ? [{ debugName: "percent" }] : /* istanbul ignore next */ []);
 		this.effectiveVariant = computed(() => {
-			const list = this.thresholds() ?? (this.autoColor() ? PROGRESS_STEP_THRESHOLDS : null);
-			if (!list?.length || this.max() <= 0) return this.variant();
-			const exact = this.clampedValue() / this.max() * 100;
-			const hit = list.filter((t) => t.at <= exact).sort((a, b) => b.at - a.at)[0];
-			return hit ? hit.variant : this.variant();
+			const fixed = this.variant();
+			if (fixed) return fixed;
+			const exact = this.max() > 0 ? this.clampedValue() / this.max() * 100 : 0;
+			return exact <= 25 ? "red" : exact <= 50 ? "amber" : exact <= 75 ? "blue" : "green";
 		}, ...ngDevMode ? [{ debugName: "effectiveVariant" }] : /* istanbul ignore next */ []);
 	}
 	static {
@@ -4780,20 +4778,6 @@ var ProgressBarComponent = class ProgressBarComponent {
 					isRequired: false,
 					transformFunction: null
 				},
-				thresholds: {
-					classPropertyName: "thresholds",
-					publicName: "thresholds",
-					isSignal: true,
-					isRequired: false,
-					transformFunction: null
-				},
-				autoColor: {
-					classPropertyName: "autoColor",
-					publicName: "autoColor",
-					isSignal: true,
-					isRequired: false,
-					transformFunction: null
-				},
 				tooltip: {
 					classPropertyName: "tooltip",
 					publicName: "tooltip",
@@ -4824,7 +4808,7 @@ var ProgressBarComponent = class ProgressBarComponent {
     </div>
   `,
 			isInline: true,
-			styles: [":host{display:block}.pb{display:flex;align-items:center;gap:8px;min-width:100px}.pb-track{flex:1;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.pb-fill{height:100%;border-radius:3px;transition:width .3s}.pb-blue{background:#3b82f6}.pb-green{background:#16a34a}.pb-amber{background:#f59e0b}.pb-red{background:#ef4444}.pb-slate{background:#94a3b8}.pb-lime{background:#84cc16}.pb-label{font-size:.75rem;font-weight:500;color:#64748b;white-space:nowrap}\n"],
+			styles: [":host{display:block}.pb{display:flex;align-items:center;gap:8px;min-width:100px}.pb-track{flex:1;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.pb-fill{height:100%;border-radius:3px;transition:width .3s}.pb-blue{background:#3b82f6}.pb-green{background:#16a34a}.pb-amber{background:#f59e0b}.pb-red{background:#ef4444}.pb-slate{background:#94a3b8}.pb-label{font-size:.75rem;font-weight:500;color:#64748b;white-space:nowrap}\n"],
 			dependencies: [{
 				kind: "directive",
 				type: TooltipDirective,
@@ -4860,7 +4844,7 @@ i0.ɵɵngDeclareClassMetadata({
       @if (label()) { <span class="pb-label">{{ label() }}</span> }
     </div>
   `,
-			styles: [":host{display:block}.pb{display:flex;align-items:center;gap:8px;min-width:100px}.pb-track{flex:1;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.pb-fill{height:100%;border-radius:3px;transition:width .3s}.pb-blue{background:#3b82f6}.pb-green{background:#16a34a}.pb-amber{background:#f59e0b}.pb-red{background:#ef4444}.pb-slate{background:#94a3b8}.pb-lime{background:#84cc16}.pb-label{font-size:.75rem;font-weight:500;color:#64748b;white-space:nowrap}\n"]
+			styles: [":host{display:block}.pb{display:flex;align-items:center;gap:8px;min-width:100px}.pb-track{flex:1;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.pb-fill{height:100%;border-radius:3px;transition:width .3s}.pb-blue{background:#3b82f6}.pb-green{background:#16a34a}.pb-amber{background:#f59e0b}.pb-red{background:#ef4444}.pb-slate{background:#94a3b8}.pb-label{font-size:.75rem;font-weight:500;color:#64748b;white-space:nowrap}\n"]
 		}]
 	}],
 	propDecorators: {
@@ -4896,22 +4880,6 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
-		thresholds: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "thresholds",
-				required: false
-			}]
-		}],
-		autoColor: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "autoColor",
-				required: false
-			}]
-		}],
 		tooltip: [{
 			type: i0.Input,
 			args: [{
@@ -6202,6 +6170,7 @@ var ImportExportComponent = class ImportExportComponent {
 						"ariaLabel",
 						"ariaExpanded",
 						"ariaPressed",
+						"ariaDescribedBy",
 						"modal-footer-left",
 						"modal-footer-right"
 					]
@@ -6688,6 +6657,7 @@ var ConfirmOutletComponent = class ConfirmOutletComponent {
 					"ariaLabel",
 					"ariaExpanded",
 					"ariaPressed",
+					"ariaDescribedBy",
 					"modal-footer-left",
 					"modal-footer-right"
 				]
@@ -7032,6 +7002,7 @@ var ErrorStateComponent = class ErrorStateComponent {
 					"ariaLabel",
 					"ariaExpanded",
 					"ariaPressed",
+					"ariaDescribedBy",
 					"modal-footer-left",
 					"modal-footer-right"
 				]
@@ -7120,6 +7091,9 @@ var DataTableComponent = class DataTableComponent {
 	_countLabel(count) {
 		return count === 1 ? this.itemLabel() : this.itemLabelPlural() || pluralize(this.itemLabel());
 	}
+	_deleteTitle() {
+		return `Delete ${(this.itemLabelPlural() || pluralize(this.itemLabel())).replace(/(^|\s)(\S)/g, (_m, sp, ch) => sp + ch.toUpperCase())}`;
+	}
 	_presentKeys(counts) {
 		return Object.keys(counts).filter((k) => k !== "" && k !== "all" && (counts[k] ?? 0) > 0);
 	}
@@ -7245,7 +7219,7 @@ var DataTableComponent = class DataTableComponent {
 			const blockedCount = split.blocked.length;
 			const skippedNote = blockedCount === 0 ? "" : blockedCount === 1 ? " 1 selected row can't be deleted and will be skipped." : ` ${blockedCount} selected rows can't be deleted and will be skipped.`;
 			const deleteDefault = {
-				title: "Delete Selected",
+				title: this._deleteTitle(),
 				message: `Delete ${count} ${this._countLabel(count)}? This cannot be undone.${skippedNote}`,
 				confirmLabel: "Delete",
 				variant: "danger"
@@ -8730,7 +8704,7 @@ var DataTableComponent = class DataTableComponent {
                             @let pCfg = col.progressFn ? col.progressFn(item) : null;
                             @if (pCfg) {
                               <ui-progress-bar [value]="pCfg.value" [max]="pCfg.max" [label]="pCfg.label ?? ''"
-                                [variant]="pCfg.variant ?? 'blue'" [thresholds]="pCfg.thresholds ?? null" [autoColor]="pCfg.autoColor ?? false" [tooltip]="pCfg.tooltip ?? ''" />
+                                [variant]="pCfg.variant ?? null" [tooltip]="pCfg.tooltip ?? ''" />
                             } @else { <span class="dt-none">—</span> }
                           }
 
@@ -9186,8 +9160,6 @@ var DataTableComponent = class DataTableComponent {
 						"max",
 						"label",
 						"variant",
-						"thresholds",
-						"autoColor",
 						"tooltip",
 						"ariaLabel"
 					]
@@ -9208,6 +9180,7 @@ var DataTableComponent = class DataTableComponent {
 						"ariaLabel",
 						"ariaExpanded",
 						"ariaPressed",
+						"ariaDescribedBy",
 						"modal-footer-left",
 						"modal-footer-right"
 					]
@@ -9640,7 +9613,7 @@ i0.ɵɵngDeclareClassMetadata({
                             @let pCfg = col.progressFn ? col.progressFn(item) : null;
                             @if (pCfg) {
                               <ui-progress-bar [value]="pCfg.value" [max]="pCfg.max" [label]="pCfg.label ?? ''"
-                                [variant]="pCfg.variant ?? 'blue'" [thresholds]="pCfg.thresholds ?? null" [autoColor]="pCfg.autoColor ?? false" [tooltip]="pCfg.tooltip ?? ''" />
+                                [variant]="pCfg.variant ?? null" [tooltip]="pCfg.tooltip ?? ''" />
                             } @else { <span class="dt-none">—</span> }
                           }
 
@@ -16436,6 +16409,7 @@ var SendEmailComponent = class SendEmailComponent {
 						"ariaLabel",
 						"ariaExpanded",
 						"ariaPressed",
+						"ariaDescribedBy",
 						"modal-footer-left",
 						"modal-footer-right"
 					]
@@ -17655,6 +17629,7 @@ var SendTextComponent = class SendTextComponent {
 						"ariaLabel",
 						"ariaExpanded",
 						"ariaPressed",
+						"ariaDescribedBy",
 						"modal-footer-left",
 						"modal-footer-right"
 					]
@@ -22687,6 +22662,7 @@ var QrCodeComponent = class QrCodeComponent {
 					"ariaLabel",
 					"ariaExpanded",
 					"ariaPressed",
+					"ariaDescribedBy",
 					"modal-footer-left",
 					"modal-footer-right"
 				]
@@ -22954,6 +22930,7 @@ var PanelInfoListComponent = class PanelInfoListComponent {
 						"ariaLabel",
 						"ariaExpanded",
 						"ariaPressed",
+						"ariaDescribedBy",
 						"modal-footer-left",
 						"modal-footer-right"
 					]
@@ -24854,6 +24831,7 @@ var DateRangePickerComponent = class DateRangePickerComponent {
 						"ariaLabel",
 						"ariaExpanded",
 						"ariaPressed",
+						"ariaDescribedBy",
 						"modal-footer-left",
 						"modal-footer-right"
 					]
@@ -27018,6 +26996,462 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}
 });
+var RadioMatrixComponent = class RadioMatrixComponent {
+	get _name() {
+		return this.name() || this._generatedName;
+	}
+	constructor() {
+		this.label = input("", ...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
+		this.rowHeader = input("", ...ngDevMode ? [{ debugName: "rowHeader" }] : /* istanbul ignore next */ []);
+		this.rows = input([], ...ngDevMode ? [{ debugName: "rows" }] : /* istanbul ignore next */ []);
+		this.columns = input([], ...ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []);
+		this.required = input(false, ...ngDevMode ? [{ debugName: "required" }] : /* istanbul ignore next */ []);
+		this.hint = input("", ...ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []);
+		this.error = input("", ...ngDevMode ? [{ debugName: "error" }] : /* istanbul ignore next */ []);
+		this.showErrors = input(false, ...ngDevMode ? [{ debugName: "showErrors" }] : /* istanbul ignore next */ []);
+		this.name = input("", ...ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []);
+		this._disabledInput = input(false, {
+			...ngDevMode ? { debugName: "_disabledInput" } : /* istanbul ignore next */ {},
+			alias: "disabled"
+		});
+		this._cvaDisabled = signal(false, ...ngDevMode ? [{ debugName: "_cvaDisabled" }] : /* istanbul ignore next */ []);
+		this.disabled = computed(() => this._disabledInput() || this._cvaDisabled(), ...ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []);
+		this._generatedName = `rm-${Math.random().toString(36).slice(2, 8)}`;
+		this._descId = `${this._generatedName}-desc`;
+		this._value = signal({}, ...ngDevMode ? [{ debugName: "_value" }] : /* istanbul ignore next */ []);
+		this._reveal = createFieldReveal(this.showErrors);
+		this._issue = computed(() => this._check(this._value()), ...ngDevMode ? [{ debugName: "_issue" }] : /* istanbul ignore next */ []);
+		this.invalid = computed(() => !!this.error() || !!this._issue(), ...ngDevMode ? [{ debugName: "invalid" }] : /* istanbul ignore next */ []);
+		this.errorMessage = computed(() => this._issue()?.message ?? "", ...ngDevMode ? [{ debugName: "errorMessage" }] : /* istanbul ignore next */ []);
+		this.invalidChange = output();
+		this._activeError = computed(() => this.error() || (this._reveal.revealed() ? this.errorMessage() : ""), ...ngDevMode ? [{ debugName: "_activeError" }] : /* istanbul ignore next */ []);
+		this._onValidatorChange = () => {};
+		this._onChange = (_) => {};
+		this._onTouched = () => {};
+		effect(() => {
+			this.invalidChange.emit(this.invalid());
+		});
+	}
+	ngOnChanges() {
+		this._onValidatorChange();
+	}
+	validate(control) {
+		return issueToErrors(this._check(this._toRecord(control.value)));
+	}
+	registerOnValidatorChange(fn) {
+		this._onValidatorChange = fn;
+	}
+	writeValue(val) {
+		this._value.set(this._toRecord(val));
+	}
+	registerOnChange(fn) {
+		this._onChange = fn;
+	}
+	registerOnTouched(fn) {
+		this._onTouched = fn;
+	}
+	setDisabledState(d) {
+		this._cvaDisabled.set(d);
+	}
+	onSelect(row, column) {
+		const next = {
+			...this._value(),
+			[row]: column
+		};
+		this._value.set(next);
+		this._onChange(next);
+	}
+	_rowInvalid(row) {
+		if (this.disabled() || row.disabled || !this._reveal.revealed()) return false;
+		const v = this._value()[row.value] ?? "";
+		return v ? !this.columns().some((c) => c.value === v) : this.required();
+	}
+	onFocusOut(event) {
+		const next = event.relatedTarget;
+		if (next && event.currentTarget.contains(next)) return;
+		this._onTouched();
+		this._reveal.touched.set(true);
+	}
+	_toRecord(val) {
+		return val && typeof val === "object" ? { ...val } : {};
+	}
+	_check(value) {
+		if (this.disabled()) return null;
+		const cols = this.columns();
+		const rows = this.rows().filter((r) => !r.disabled);
+		if (cols.length > 0 && rows.some((r) => value[r.value] && !cols.some((c) => c.value === value[r.value]))) return {
+			key: "option",
+			message: "Select a valid option."
+		};
+		if (this.required() && rows.some((r) => !value[r.value])) {
+			const label = this.label().trim();
+			return {
+				key: "required",
+				message: label ? `${label}: choose an option in every row.` : "Choose an option in every row."
+			};
+		}
+		return null;
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RadioMatrixComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.2",
+			type: RadioMatrixComponent,
+			isStandalone: true,
+			selector: "ui-radio-matrix",
+			inputs: {
+				label: {
+					classPropertyName: "label",
+					publicName: "label",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				rowHeader: {
+					classPropertyName: "rowHeader",
+					publicName: "rowHeader",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				rows: {
+					classPropertyName: "rows",
+					publicName: "rows",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				columns: {
+					classPropertyName: "columns",
+					publicName: "columns",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				required: {
+					classPropertyName: "required",
+					publicName: "required",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				hint: {
+					classPropertyName: "hint",
+					publicName: "hint",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				error: {
+					classPropertyName: "error",
+					publicName: "error",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				showErrors: {
+					classPropertyName: "showErrors",
+					publicName: "showErrors",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				name: {
+					classPropertyName: "name",
+					publicName: "name",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				_disabledInput: {
+					classPropertyName: "_disabledInput",
+					publicName: "disabled",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				}
+			},
+			outputs: { invalidChange: "invalidChange" },
+			providers: [
+				{
+					provide: NG_VALUE_ACCESSOR,
+					useExisting: forwardRef(() => RadioMatrixComponent),
+					multi: true
+				},
+				{
+					provide: NG_VALIDATORS,
+					useExisting: forwardRef(() => RadioMatrixComponent),
+					multi: true
+				},
+				{
+					provide: UiFieldValidity,
+					useExisting: forwardRef(() => RadioMatrixComponent)
+				}
+			],
+			usesOnChanges: true,
+			ngImport: i0,
+			template: `
+    <fieldset
+      class="rm-field"
+      [class.rm-error]="_activeError()"
+      [class.rm-disabled]="disabled()"
+      [disabled]="disabled()"
+      [attr.aria-required]="required() ? 'true' : null"
+      [attr.aria-invalid]="_activeError() ? 'true' : null"
+      [attr.aria-describedby]="(_activeError() || hint()) ? _descId : null"
+      (focusout)="onFocusOut($event)">
+      @if (label()) {
+        <legend class="rm-label">
+          {{ label() }}
+          @if (required()) { <span class="rm-required" aria-hidden="true">*</span> }
+        </legend>
+      }
+      <div class="rm-scroll">
+        <table class="rm-table">
+          <thead>
+            <tr>
+              <th scope="col" class="rm-corner">{{ rowHeader() }}</th>
+              @for (col of columns(); track col.value) {
+                <th scope="col" class="rm-col">{{ col.label }}</th>
+              }
+            </tr>
+          </thead>
+          <tbody>
+            @for (row of rows(); track row.value) {
+              <tr class="rm-row" [class.rm-row-missing]="_rowInvalid(row)">
+                <th scope="row" class="rm-row-label">{{ row.label }}</th>
+                @for (col of columns(); track col.value) {
+                  <td class="rm-cell">
+                    <ui-radio
+                      [name]="_name + '-' + row.value"
+                      [value]="col.value"
+                      [ariaLabel]="row.label + ': ' + col.label"
+                      [checked]="_value()[row.value] === col.value"
+                      [disabled]="disabled() || !!row.disabled || !!col.disabled"
+                      [invalid]="_rowInvalid(row)"
+                      [describedBy]="(_activeError() || hint()) ? _descId : ''"
+                      (selected)="onSelect(row.value, $event)" />
+                  </td>
+                }
+              </tr>
+            }
+          </tbody>
+        </table>
+      </div>
+      @if (_activeError()) {
+        <p class="rm-desc rm-desc-error" [id]="_descId" role="alert">{{ _activeError() }}</p>
+      } @else if (hint()) {
+        <p class="rm-desc" [id]="_descId">{{ hint() }}</p>
+      }
+    </fieldset>
+  `,
+			isInline: true,
+			styles: [":host{display:block}.rm-field{display:flex;flex-direction:column;gap:6px;border:0;margin:0;padding:0;min-width:0}.rm-label{padding:0;margin-bottom:6px;font-size:.8125rem;font-weight:600;color:#374151;line-height:1}.rm-required{color:#ef4444;margin-left:2px}.rm-scroll{overflow-x:auto;border:1px solid #e2e8f0;border-radius:8px}.rm-table{width:100%;border-collapse:collapse;font-size:.875rem}.rm-table th,.rm-table td{padding:8px 12px;border-bottom:1px solid #f1f5f9;text-align:left}.rm-table tbody tr:last-child th,.rm-table tbody tr:last-child td{border-bottom:0}.rm-table thead th{position:sticky;top:0;background:#f8fafc;font-size:.75rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.rm-col,.rm-cell{text-align:center!important;width:1%;white-space:nowrap}.rm-cell ui-radio{display:inline-block}.rm-row-label{font-weight:500;color:#1e293b}.rm-row:hover{background:#f8fafc}.rm-row-missing .rm-row-label{color:#b91c1c}.rm-disabled .rm-scroll{opacity:.6}.rm-error .rm-scroll{border-color:#ef4444}.rm-desc{margin:0;font-size:.75rem;line-height:1.4;color:#64748b}.rm-desc-error{color:#ef4444}@media(max-width:480px){.rm-table th,.rm-table td{padding:6px 8px}.rm-table thead th{font-size:.6875rem}}\n"],
+			dependencies: [{
+				kind: "component",
+				type: RadioComponent,
+				selector: "ui-radio",
+				inputs: [
+					"label",
+					"description",
+					"ariaLabel",
+					"value",
+					"name",
+					"checked",
+					"invalid",
+					"describedBy",
+					"disabled"
+				],
+				outputs: ["selected"]
+			}],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RadioMatrixComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ui-radio-matrix",
+			standalone: true,
+			imports: [RadioComponent],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			providers: [
+				{
+					provide: NG_VALUE_ACCESSOR,
+					useExisting: forwardRef(() => RadioMatrixComponent),
+					multi: true
+				},
+				{
+					provide: NG_VALIDATORS,
+					useExisting: forwardRef(() => RadioMatrixComponent),
+					multi: true
+				},
+				{
+					provide: UiFieldValidity,
+					useExisting: forwardRef(() => RadioMatrixComponent)
+				}
+			],
+			template: `
+    <fieldset
+      class="rm-field"
+      [class.rm-error]="_activeError()"
+      [class.rm-disabled]="disabled()"
+      [disabled]="disabled()"
+      [attr.aria-required]="required() ? 'true' : null"
+      [attr.aria-invalid]="_activeError() ? 'true' : null"
+      [attr.aria-describedby]="(_activeError() || hint()) ? _descId : null"
+      (focusout)="onFocusOut($event)">
+      @if (label()) {
+        <legend class="rm-label">
+          {{ label() }}
+          @if (required()) { <span class="rm-required" aria-hidden="true">*</span> }
+        </legend>
+      }
+      <div class="rm-scroll">
+        <table class="rm-table">
+          <thead>
+            <tr>
+              <th scope="col" class="rm-corner">{{ rowHeader() }}</th>
+              @for (col of columns(); track col.value) {
+                <th scope="col" class="rm-col">{{ col.label }}</th>
+              }
+            </tr>
+          </thead>
+          <tbody>
+            @for (row of rows(); track row.value) {
+              <tr class="rm-row" [class.rm-row-missing]="_rowInvalid(row)">
+                <th scope="row" class="rm-row-label">{{ row.label }}</th>
+                @for (col of columns(); track col.value) {
+                  <td class="rm-cell">
+                    <ui-radio
+                      [name]="_name + '-' + row.value"
+                      [value]="col.value"
+                      [ariaLabel]="row.label + ': ' + col.label"
+                      [checked]="_value()[row.value] === col.value"
+                      [disabled]="disabled() || !!row.disabled || !!col.disabled"
+                      [invalid]="_rowInvalid(row)"
+                      [describedBy]="(_activeError() || hint()) ? _descId : ''"
+                      (selected)="onSelect(row.value, $event)" />
+                  </td>
+                }
+              </tr>
+            }
+          </tbody>
+        </table>
+      </div>
+      @if (_activeError()) {
+        <p class="rm-desc rm-desc-error" [id]="_descId" role="alert">{{ _activeError() }}</p>
+      } @else if (hint()) {
+        <p class="rm-desc" [id]="_descId">{{ hint() }}</p>
+      }
+    </fieldset>
+  `,
+			styles: [":host{display:block}.rm-field{display:flex;flex-direction:column;gap:6px;border:0;margin:0;padding:0;min-width:0}.rm-label{padding:0;margin-bottom:6px;font-size:.8125rem;font-weight:600;color:#374151;line-height:1}.rm-required{color:#ef4444;margin-left:2px}.rm-scroll{overflow-x:auto;border:1px solid #e2e8f0;border-radius:8px}.rm-table{width:100%;border-collapse:collapse;font-size:.875rem}.rm-table th,.rm-table td{padding:8px 12px;border-bottom:1px solid #f1f5f9;text-align:left}.rm-table tbody tr:last-child th,.rm-table tbody tr:last-child td{border-bottom:0}.rm-table thead th{position:sticky;top:0;background:#f8fafc;font-size:.75rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.rm-col,.rm-cell{text-align:center!important;width:1%;white-space:nowrap}.rm-cell ui-radio{display:inline-block}.rm-row-label{font-weight:500;color:#1e293b}.rm-row:hover{background:#f8fafc}.rm-row-missing .rm-row-label{color:#b91c1c}.rm-disabled .rm-scroll{opacity:.6}.rm-error .rm-scroll{border-color:#ef4444}.rm-desc{margin:0;font-size:.75rem;line-height:1.4;color:#64748b}.rm-desc-error{color:#ef4444}@media(max-width:480px){.rm-table th,.rm-table td{padding:6px 8px}.rm-table thead th{font-size:.6875rem}}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: false
+			}]
+		}],
+		rowHeader: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "rowHeader",
+				required: false
+			}]
+		}],
+		rows: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "rows",
+				required: false
+			}]
+		}],
+		columns: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "columns",
+				required: false
+			}]
+		}],
+		required: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "required",
+				required: false
+			}]
+		}],
+		hint: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "hint",
+				required: false
+			}]
+		}],
+		error: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "error",
+				required: false
+			}]
+		}],
+		showErrors: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showErrors",
+				required: false
+			}]
+		}],
+		name: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "name",
+				required: false
+			}]
+		}],
+		_disabledInput: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}],
+		invalidChange: [{
+			type: i0.Output,
+			args: ["invalidChange"]
+		}]
+	}
+});
 var DetailCardComponent = class DetailCardComponent {
 	constructor() {
 		this.title = input("", ...ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []);
@@ -27194,6 +27628,7 @@ var DetailCardComponent = class DetailCardComponent {
 					"ariaLabel",
 					"ariaExpanded",
 					"ariaPressed",
+					"ariaDescribedBy",
 					"modal-footer-left",
 					"modal-footer-right"
 				]
@@ -27450,6 +27885,6 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}
 });
-export { AlertComponent, AppShellComponent, AvatarComponent, BADGE_VARIANT_STYLES, BadgeComponent, BulkMessagePanelComponent, ButtonComponent, CheckboxComponent, ChipComponent, ChipGroupComponent, ColumnFilterComponent, ComboboxComponent, ConfirmOutletComponent, ConfirmService, ContactPickerComponent, DEFAULT_DOCUMENT_SUBJECT, DOCUMENT_PURPOSE_OPTIONS, DROPDOWN_GROUP, DataTableComponent, DateInputComponent, DateRangePickerComponent, DatetimeInputComponent, DetailCardComponent, DiscountSelectorComponent, DividerComponent, DocumentSendOptionsComponent, DropdownComponent, EmptyStateComponent, ErrorComponent, ErrorStateComponent, FORGEROUTE_CONFIG, FileInputComponent, FormRowComponent, FormSectionComponent, HintComponent, ImagePreviewComponent, ImageRepositionComponent, ImportExportComponent, KpiCardComponent, ListItemComponent, MAX_CC, ModalComponent, MoreMenuComponent, MultiSelectComponent, PROGRESS_STEP_THRESHOLDS, PaginationComponent, PanelInfoListComponent, PillTabsComponent, ProgressBarComponent, QrCodeComponent, QuickFilterTabsComponent, RICH_TEXT_OPTIONS, RadioComponent, RadioGroupComponent, RichTextEditorComponent, SEMANTIC_BADGE_MAP, SearchInputComponent, SelectComponent, SendMessagePanelComponent, SidePanelComponent, SkeletonComponent, TableToolbarComponent, TemplatePickerComponent, TextInputComponent, TextareaInputComponent, TimeInputComponent, ToastComponent, ToastService, ToggleBadgeComponent, TooltipDirective, US_STATES, UiFieldValidity, VideoPickerComponent, appShellGroupsStorageKey, autoVariant, builtInActionIcon, createFieldReveal, decodeFilterValues, encodeFilterValue, encodeFilterValues, errorContextInterceptor, formatIsoDate, formatIsoDateTime, formatTime, getEligibleIds, getEligibleOptions, getErrorMessage, humanReadableMessage, isoKey, issueToErrors, maxLengthIssue, messagePreviewHtml, parseCcList, parseIso, parseTime, pluralize, requiredIssue, resolvePreset, suggestDocumentSubject };
+export { AlertComponent, AppShellComponent, AvatarComponent, BADGE_VARIANT_STYLES, BadgeComponent, BulkMessagePanelComponent, ButtonComponent, CheckboxComponent, ChipComponent, ChipGroupComponent, ColumnFilterComponent, ComboboxComponent, ConfirmOutletComponent, ConfirmService, ContactPickerComponent, DEFAULT_DOCUMENT_SUBJECT, DOCUMENT_PURPOSE_OPTIONS, DROPDOWN_GROUP, DataTableComponent, DateInputComponent, DateRangePickerComponent, DatetimeInputComponent, DetailCardComponent, DiscountSelectorComponent, DividerComponent, DocumentSendOptionsComponent, DropdownComponent, EmptyStateComponent, ErrorComponent, ErrorStateComponent, FORGEROUTE_CONFIG, FileInputComponent, FormRowComponent, FormSectionComponent, HintComponent, ImagePreviewComponent, ImageRepositionComponent, ImportExportComponent, KpiCardComponent, ListItemComponent, MAX_CC, ModalComponent, MoreMenuComponent, MultiSelectComponent, PaginationComponent, PanelInfoListComponent, PillTabsComponent, ProgressBarComponent, QrCodeComponent, QuickFilterTabsComponent, RICH_TEXT_OPTIONS, RadioComponent, RadioGroupComponent, RadioMatrixComponent, RichTextEditorComponent, SEMANTIC_BADGE_MAP, SearchInputComponent, SelectComponent, SendMessagePanelComponent, SidePanelComponent, SkeletonComponent, TableToolbarComponent, TemplatePickerComponent, TextInputComponent, TextareaInputComponent, TimeInputComponent, ToastComponent, ToastService, ToggleBadgeComponent, TooltipDirective, US_STATES, UiFieldValidity, VideoPickerComponent, appShellGroupsStorageKey, autoVariant, builtInActionIcon, createFieldReveal, decodeFilterValues, encodeFilterValue, encodeFilterValues, errorContextInterceptor, formatIsoDate, formatIsoDateTime, formatTime, getEligibleIds, getEligibleOptions, getErrorMessage, humanReadableMessage, isoKey, issueToErrors, maxLengthIssue, messagePreviewHtml, parseCcList, parseIso, parseTime, pluralize, requiredIssue, resolvePreset, suggestDocumentSubject };
 
 //# sourceMappingURL=forgeroute-ui.mjs.map