ng-hub-ui-forms 22.37.0 → 22.38.0

package/fesm2022/ng-hub-ui-forms.mjs

@@ -11800,6 +11800,25 @@ function hubMinFiles(min) {
 function markEmbedded(element) {
     element.style.setProperty('--hub-field-stack-gap', '0');
 }
+/**
+ * Names the control, out of whichever of the two the host supplied.
+ *
+ * A control built into somebody else's chrome — a table's toolbar, a paginator's row — has no room
+ * for a label and, until now, got no name either: both `label` and `ariaLabel` were ignored here, so
+ * the field rendered nameless whatever the host asked for. `visually-hidden` is the default because
+ * that is the case this adapter exists for; a host that wants the label drawn says so.
+ *
+ * @param ref - The created control's component reference.
+ * @param config - What the host asked for.
+ */
+function applyName(ref, config) {
+    const text = config.label ?? config.ariaLabel;
+    if (!text) {
+        return;
+    }
+    ref.setInput('label', text);
+    ref.setInput('labelType', config.labelType ?? 'visually-hidden');
+}
 /**
  * Ready-made {@link HubFormControlAdapter} backed by `HubInputComponent` /
  * `HubSelectComponent`.
@@ -11817,6 +11836,7 @@ const hubFormControlAdapter = {
         if (config.kind === 'select') {
             const ref = container.createComponent(HubSelectComponent);
             markEmbedded(ref.location.nativeElement);
+            applyName(ref, config);
             ref.setInput('items', (config.options ?? []).map((option) => ({ ...option })));
             ref.setInput('bindLabel', 'label');
             ref.setInput('bindValue', 'value');
@@ -11841,6 +11861,7 @@ const hubFormControlAdapter = {
         }
         const ref = container.createComponent(HubInputComponent);
         markEmbedded(ref.location.nativeElement);
+        applyName(ref, config);
         ref.setInput('type', config.type ?? 'text');
         if (config.placeholder) {
             ref.setInput('placeholder', config.placeholder);