@frame-kit/ui-ng 0.2.7 → 0.2.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@frame-kit/ui-ng",
-  "version": "0.2.7",
+  "version": "0.2.9",
   "description": "Style-agnostic, token-driven Angular UI component library for FrameKit.",
   "license": "MIT",
   "repository": {

package/types/frame-kit-ui-ng-forms.d.ts

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { InjectionToken, TemplateRef, Type, OnInit, ElementRef } from '@angular/core';
+import { InjectionToken, AfterContentInit, TemplateRef, Type, OnInit, ElementRef } from '@angular/core';
 import { NgControl, AsyncValidatorFn, ValidatorFn, AbstractControl, FormArray, FormGroup, FormControl, ControlValueAccessor } from '@angular/forms';
 import { IconSize, IconColor } from '@frame-kit/ui-ng/core/icon';
 
@@ -173,6 +173,22 @@ declare class LabelComponent {
 
 type ShowErrorsOn = 'touched' | 'dirty' | 'submit';
 
+declare const FK_LABEL_ACTION: InjectionToken<FkLabelActionDirective>;
+/**
+ * Marks content that belongs on the label's own row, aligned to the trailing
+ * edge — a "Forgot password?" link beside a Password label being the canonical
+ * case.
+ *
+ * It sits outside the `<label>` element deliberately. A link inside a label is
+ * activated when the label is clicked, so the user reaches for the link and
+ * focuses the input instead; and its text would join the input's accessible
+ * name.
+ */
+declare class FkLabelActionDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FkLabelActionDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FkLabelActionDirective, "[fkLabelAction]", never, {}, {}, never, never, true, never>;
+}
+
 declare const FK_PREFIX: InjectionToken<FkPrefixDirective>;
 declare class FkPrefixDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FkPrefixDirective, never>;
@@ -185,7 +201,7 @@ declare class FkSuffixDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FkSuffixDirective, "[fkSuffix]", never, {}, {}, never, never, true, never>;
 }
 
-declare class FormFieldComponent {
+declare class FormFieldComponent implements AfterContentInit {
     readonly className: _angular_core.InputSignal<string>;
     /** Text label rendered above the field; forwarded to the projected fk-label when present. */
     readonly label: _angular_core.InputSignal<string | null>;
@@ -214,10 +230,26 @@ declare class FormFieldComponent {
     readonly hintRef: _angular_core.Signal<HintComponent | undefined>;
     readonly errorRef: _angular_core.Signal<ErrorComponent | undefined>;
     readonly labelRef: _angular_core.Signal<LabelComponent | undefined>;
+    readonly labelActionRef: _angular_core.Signal<FkLabelActionDirective | undefined>;
     readonly prefixRef: _angular_core.Signal<FkPrefixDirective | undefined>;
     readonly suffixRef: _angular_core.Signal<FkSuffixDirective | undefined>;
     private readonly globalErrorMessages;
     private readonly cdr;
+    private readonly host;
+    /**
+     * `fkPrefix` and `fkSuffix` project only when their directive resolves, and
+     * it only resolves when the consumer imports it. Forget the import and the
+     * attribute stays inert markup: Angular does not warn about an unknown
+     * attribute on a known element, the content query returns undefined, the
+     * wrapper is never rendered, and the icon simply is not there. Nothing fails
+     * — which is what makes it slow to diagnose.
+     *
+     * Content queries have resolved by this point, and the element is still in
+     * the DOM either way, so an element carrying the attribute with no resolved
+     * directive is an unambiguous signal.
+     */
+    ngAfterContentInit(): void;
+    private warnOnUnresolvedProjection;
     get hostClass(): string;
     readonly fieldId: string;
     readonly labelId: string;
@@ -254,7 +286,7 @@ declare class FormFieldComponent {
     constructor();
     private syncDescribedByIds;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormFieldComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormFieldComponent, "fk-form-field", never, { "className": { "alias": "className"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "showErrorsOn": { "alias": "showErrorsOn"; "required": false; "isSignal": true; }; "submitted": { "alias": "submitted"; "required": false; "isSignal": true; }; "externalDescribedBy": { "alias": "externalDescribedBy"; "required": false; "isSignal": true; }; "fallbackControl": { "alias": "fallbackControl"; "required": false; "isSignal": true; }; "errorMessages": { "alias": "errorMessages"; "required": false; "isSignal": true; }; }, {}, ["control", "hintRef", "errorRef", "labelRef", "prefixRef", "suffixRef"], ["fk-label", "[fkPrefix]", "*", "[fkSuffix]", "fk-error", "fk-hint"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormFieldComponent, "fk-form-field", never, { "className": { "alias": "className"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "showErrorsOn": { "alias": "showErrorsOn"; "required": false; "isSignal": true; }; "submitted": { "alias": "submitted"; "required": false; "isSignal": true; }; "externalDescribedBy": { "alias": "externalDescribedBy"; "required": false; "isSignal": true; }; "fallbackControl": { "alias": "fallbackControl"; "required": false; "isSignal": true; }; "errorMessages": { "alias": "errorMessages"; "required": false; "isSignal": true; }; }, {}, ["control", "hintRef", "errorRef", "labelRef", "labelActionRef", "prefixRef", "suffixRef"], ["fk-label", "[fkLabelAction]", "[fkPrefix]", "*", "[fkSuffix]", "fk-error", "fk-hint"], true, never>;
 }
 
 /**
@@ -1708,5 +1740,5 @@ declare class TimeInputComponent implements ControlValueAccessor, FieldControl {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TimeInputComponent, "fk-time-input", never, { "className": { "alias": "className"; "required": false; "isSignal": true; }; "isRequired": { "alias": "required"; "required": false; "isSignal": true; }; "isReadonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-export { AutocompleteComponent, CheckboxComponent, DEFAULT_ERROR_MESSAGES, DateInputComponent, DatetimeInputComponent, ERROR_MESSAGES, ErrorComponent, FIELD_CONTROL, FK_AUTOCOMPLETE_OPTION_TPL, FK_FILE_DROPZONE_ICON, FK_PREFIX, FK_SUFFIX, FORM, FieldArrayOutletComponent, FieldGroupComponent, FieldOutletComponent, FieldRegistry, FileDropzoneComponent, FileUploadComponent, FkAutocompleteOptionTplDirective, FkFileDropzoneIconDirective, FkPrefixDirective, FkSuffixDirective, FormComponent, FormFieldComponent, FormRendererComponent, FormSectionComponent, HintComponent, InputComponent, LabelComponent, NumberInputComponent, PasswordInputComponent, RadioComponent, SchemaParser, SectionOutletComponent, SegmentedBarComponent, SelectComponent, SliderComponent, SwitchComponent, TagInputComponent, TextareaComponent, TimeInputComponent, ValidationRegistry, getError, getFieldState, getInvalidFields, hasError, interpolateMessage, isFormValid, markAllTouched, resolveErrorMessage };
+export { AutocompleteComponent, CheckboxComponent, DEFAULT_ERROR_MESSAGES, DateInputComponent, DatetimeInputComponent, ERROR_MESSAGES, ErrorComponent, FIELD_CONTROL, FK_AUTOCOMPLETE_OPTION_TPL, FK_FILE_DROPZONE_ICON, FK_LABEL_ACTION, FK_PREFIX, FK_SUFFIX, FORM, FieldArrayOutletComponent, FieldGroupComponent, FieldOutletComponent, FieldRegistry, FileDropzoneComponent, FileUploadComponent, FkAutocompleteOptionTplDirective, FkFileDropzoneIconDirective, FkLabelActionDirective, FkPrefixDirective, FkSuffixDirective, FormComponent, FormFieldComponent, FormRendererComponent, FormSectionComponent, HintComponent, InputComponent, LabelComponent, NumberInputComponent, PasswordInputComponent, RadioComponent, SchemaParser, SectionOutletComponent, SegmentedBarComponent, SelectComponent, SliderComponent, SwitchComponent, TagInputComponent, TextareaComponent, TimeInputComponent, ValidationRegistry, getError, getFieldState, getInvalidFields, hasError, interpolateMessage, isFormValid, markAllTouched, resolveErrorMessage };
 export type { AsyncValidatorConfig, AsyncValidatorFactory, AutocompleteFilterMode, AutocompleteOption, ErrorMessages, FieldControl, FieldGroupLayout, FieldSchema, FieldState, FieldUiConfig, FkFileDropzoneSelection, FormRendererSubmitValue, FormSchema, FormSchemaSection, FormStatus, InputType, LabelEndLink, LayoutColumn, LayoutRow, Option, PasswordAutoComplete, ProgressSegment, RadioOption, SegmentedBarSize, SelectOption, ShowErrorsOn, ValidatorConfig, ValidatorFactory, VisibilityRule };