@arsedizioni/ars-utils 22.0.17 → 22.0.20

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arsedizioni/ars-utils",
-  "version": "22.0.17",
+  "version": "22.0.20",
   "author": {
     "email": "software@arsedizioni.it",
     "name": "Fabio Buscaroli, Alberto Doria"

package/types/arsedizioni-ars-utils-ui.d.ts

@@ -600,8 +600,8 @@ declare class IfBpDirective {
     readonly ifBpElse: _angular_core.InputSignal<TemplateRef<unknown>>;
     private readonly _aliases;
     private readonly _isActive;
-    /** Tracks whether the main view is currently embedded — plain field, not a signal. */
-    private _hasView;
+    /** Which template is currently rendered. `undefined` = nothing decided yet. */
+    private _rendered;
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<IfBpDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IfBpDirective, "[ifBp]", never, { "ifBp": { "alias": "ifBp"; "required": true; "isSignal": true; }; "ifBpElse": { "alias": "ifBpElse"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
@@ -838,6 +838,8 @@ declare class FxFlexOrderDirective extends ResponsiveBaseDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FxFlexOrderDirective, "    [fxFlexOrder],    [fxFlexOrder.xs],[fxFlexOrder.sm],[fxFlexOrder.md],[fxFlexOrder.lg],[fxFlexOrder.xl],[fxFlexOrder.xxl],    [fxFlexOrder.lt-sm],[fxFlexOrder.lt-md],[fxFlexOrder.lt-lg],[fxFlexOrder.lt-xl],[fxFlexOrder.lt-xxl],    [fxFlexOrder.gt-xs],[fxFlexOrder.gt-sm],[fxFlexOrder.gt-md],[fxFlexOrder.gt-lg],[fxFlexOrder.gt-xl],    [fxFlexOrder.sm-up],[fxFlexOrder.md-up],[fxFlexOrder.lg-up],[fxFlexOrder.xl-up],[fxFlexOrder.xxl-up],    [fxFlexOrder.sm-down],[fxFlexOrder.md-down],[fxFlexOrder.lg-down],[fxFlexOrder.xl-down]  ", never, { "fxFlexOrder": { "alias": "fxFlexOrder"; "required": false; "isSignal": true; }; "xs": { "alias": "fxFlexOrder.xs"; "required": false; "isSignal": true; }; "sm": { "alias": "fxFlexOrder.sm"; "required": false; "isSignal": true; }; "md": { "alias": "fxFlexOrder.md"; "required": false; "isSignal": true; }; "lg": { "alias": "fxFlexOrder.lg"; "required": false; "isSignal": true; }; "xl": { "alias": "fxFlexOrder.xl"; "required": false; "isSignal": true; }; "xxl": { "alias": "fxFlexOrder.xxl"; "required": false; "isSignal": true; }; "ltSm": { "alias": "fxFlexOrder.lt-sm"; "required": false; "isSignal": true; }; "ltMd": { "alias": "fxFlexOrder.lt-md"; "required": false; "isSignal": true; }; "ltLg": { "alias": "fxFlexOrder.lt-lg"; "required": false; "isSignal": true; }; "ltXl": { "alias": "fxFlexOrder.lt-xl"; "required": false; "isSignal": true; }; "ltXxl": { "alias": "fxFlexOrder.lt-xxl"; "required": false; "isSignal": true; }; "gtXs": { "alias": "fxFlexOrder.gt-xs"; "required": false; "isSignal": true; }; "gtSm": { "alias": "fxFlexOrder.gt-sm"; "required": false; "isSignal": true; }; "gtMd": { "alias": "fxFlexOrder.gt-md"; "required": false; "isSignal": true; }; "gtLg": { "alias": "fxFlexOrder.gt-lg"; "required": false; "isSignal": true; }; "gtXl": { "alias": "fxFlexOrder.gt-xl"; "required": false; "isSignal": true; }; "smUp": { "alias": "fxFlexOrder.sm-up"; "required": false; "isSignal": true; }; "mdUp": { "alias": "fxFlexOrder.md-up"; "required": false; "isSignal": true; }; "lgUp": { "alias": "fxFlexOrder.lg-up"; "required": false; "isSignal": true; }; "xlUp": { "alias": "fxFlexOrder.xl-up"; "required": false; "isSignal": true; }; "xxlUp": { "alias": "fxFlexOrder.xxl-up"; "required": false; "isSignal": true; }; "smDown": { "alias": "fxFlexOrder.sm-down"; "required": false; "isSignal": true; }; "mdDown": { "alias": "fxFlexOrder.md-down"; "required": false; "isSignal": true; }; "lgDown": { "alias": "fxFlexOrder.lg-down"; "required": false; "isSignal": true; }; "xlDown": { "alias": "fxFlexOrder.xl-down"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 declare class FxFlexOffsetDirective extends ResponsiveBaseDirective {
+    /** Ancestor FxLayout (matched to the direct parent inside resolveParentFlow). */
+    private readonly parentLayout;
     readonly fxFlexOffset: _angular_core.InputSignal<string>;
     readonly xs: _angular_core.InputSignal<string>;
     readonly sm: _angular_core.InputSignal<string>;
@@ -937,7 +939,17 @@ declare class FxFlexFillDirective extends ResponsiveBaseDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FxFlexFillDirective, "    [fxFlexFill],[fxFill],    [fxFlexFill.xs],[fxFlexFill.sm],[fxFlexFill.md],[fxFlexFill.lg],[fxFlexFill.xl],[fxFlexFill.xxl],    [fxFlexFill.lt-sm],[fxFlexFill.lt-md],[fxFlexFill.lt-lg],[fxFlexFill.lt-xl],[fxFlexFill.lt-xxl],    [fxFlexFill.gt-xs],[fxFlexFill.gt-sm],[fxFlexFill.gt-md],[fxFlexFill.gt-lg],[fxFlexFill.gt-xl],    [fxFlexFill.sm-up],[fxFlexFill.md-up],[fxFlexFill.lg-up],[fxFlexFill.xl-up],[fxFlexFill.xxl-up],    [fxFlexFill.sm-down],[fxFlexFill.md-down],[fxFlexFill.lg-down],[fxFlexFill.xl-down]  ", never, { "fxFlexFill": { "alias": "fxFlexFill"; "required": false; "isSignal": true; }; "fxFill": { "alias": "fxFill"; "required": false; "isSignal": true; }; "xs": { "alias": "fxFlexFill.xs"; "required": false; "isSignal": true; }; "sm": { "alias": "fxFlexFill.sm"; "required": false; "isSignal": true; }; "md": { "alias": "fxFlexFill.md"; "required": false; "isSignal": true; }; "lg": { "alias": "fxFlexFill.lg"; "required": false; "isSignal": true; }; "xl": { "alias": "fxFlexFill.xl"; "required": false; "isSignal": true; }; "xxl": { "alias": "fxFlexFill.xxl"; "required": false; "isSignal": true; }; "ltSm": { "alias": "fxFlexFill.lt-sm"; "required": false; "isSignal": true; }; "ltMd": { "alias": "fxFlexFill.lt-md"; "required": false; "isSignal": true; }; "ltLg": { "alias": "fxFlexFill.lt-lg"; "required": false; "isSignal": true; }; "ltXl": { "alias": "fxFlexFill.lt-xl"; "required": false; "isSignal": true; }; "ltXxl": { "alias": "fxFlexFill.lt-xxl"; "required": false; "isSignal": true; }; "gtXs": { "alias": "fxFlexFill.gt-xs"; "required": false; "isSignal": true; }; "gtSm": { "alias": "fxFlexFill.gt-sm"; "required": false; "isSignal": true; }; "gtMd": { "alias": "fxFlexFill.gt-md"; "required": false; "isSignal": true; }; "gtLg": { "alias": "fxFlexFill.gt-lg"; "required": false; "isSignal": true; }; "gtXl": { "alias": "fxFlexFill.gt-xl"; "required": false; "isSignal": true; }; "smUp": { "alias": "fxFlexFill.sm-up"; "required": false; "isSignal": true; }; "mdUp": { "alias": "fxFlexFill.md-up"; "required": false; "isSignal": true; }; "lgUp": { "alias": "fxFlexFill.lg-up"; "required": false; "isSignal": true; }; "xlUp": { "alias": "fxFlexFill.xl-up"; "required": false; "isSignal": true; }; "xxlUp": { "alias": "fxFlexFill.xxl-up"; "required": false; "isSignal": true; }; "smDown": { "alias": "fxFlexFill.sm-down"; "required": false; "isSignal": true; }; "mdDown": { "alias": "fxFlexFill.md-down"; "required": false; "isSignal": true; }; "lgDown": { "alias": "fxFlexFill.lg-down"; "required": false; "isSignal": true; }; "xlDown": { "alias": "fxFlexFill.xl-down"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+/** Port of ngx validateBasis(): returns [grow, shrink, basis]. */
+declare function validateBasis(basis: string, grow?: string, shrink?: string): string[];
+/**
+ * Builds the complete flex style map for a child, given the raw fxFlex value
+ * and the parent flow. `null` values mean "remove this property".
+ * Matches ngx-layout output exactly (useColumnBasisZero = true, the default).
+ */
+declare function buildFlexStyles(value: string, direction: string, hasWrap: boolean): Record<string, string | null>;
 declare class FxFlexDirective extends ResponsiveBaseDirective {
+    /** Direct ancestor FxLayout (any level); matched to the direct parent in the effect. */
+    private readonly parentLayout;
     readonly fxFlex: _angular_core.InputSignal<string>;
     readonly xs: _angular_core.InputSignal<string>;
     readonly sm: _angular_core.InputSignal<string>;
@@ -965,6 +977,8 @@ declare class FxFlexDirective extends ResponsiveBaseDirective {
     readonly lgDown: _angular_core.InputSignal<string>;
     readonly xlDown: _angular_core.InputSignal<string>;
     private readonly _rawFlex;
+    /** CSS properties applied on the last effect run (for stale cleanup). */
+    private _applied;
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FxFlexDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FxFlexDirective, "    [fxFlex],    [fxFlex.xs],[fxFlex.sm],[fxFlex.md],[fxFlex.lg],[fxFlex.xl],[fxFlex.xxl],    [fxFlex.lt-sm],[fxFlex.lt-md],[fxFlex.lt-lg],[fxFlex.lt-xl],[fxFlex.lt-xxl],    [fxFlex.gt-xs],[fxFlex.gt-sm],[fxFlex.gt-md],[fxFlex.gt-lg],[fxFlex.gt-xl],    [fxFlex.sm-up],[fxFlex.md-up],[fxFlex.lg-up],[fxFlex.xl-up],[fxFlex.xxl-up],    [fxFlex.sm-down],[fxFlex.md-down],[fxFlex.lg-down],[fxFlex.xl-down]  ", never, { "fxFlex": { "alias": "fxFlex"; "required": false; "isSignal": true; }; "xs": { "alias": "fxFlex.xs"; "required": false; "isSignal": true; }; "sm": { "alias": "fxFlex.sm"; "required": false; "isSignal": true; }; "md": { "alias": "fxFlex.md"; "required": false; "isSignal": true; }; "lg": { "alias": "fxFlex.lg"; "required": false; "isSignal": true; }; "xl": { "alias": "fxFlex.xl"; "required": false; "isSignal": true; }; "xxl": { "alias": "fxFlex.xxl"; "required": false; "isSignal": true; }; "ltSm": { "alias": "fxFlex.lt-sm"; "required": false; "isSignal": true; }; "ltMd": { "alias": "fxFlex.lt-md"; "required": false; "isSignal": true; }; "ltLg": { "alias": "fxFlex.lt-lg"; "required": false; "isSignal": true; }; "ltXl": { "alias": "fxFlex.lt-xl"; "required": false; "isSignal": true; }; "ltXxl": { "alias": "fxFlex.lt-xxl"; "required": false; "isSignal": true; }; "gtXs": { "alias": "fxFlex.gt-xs"; "required": false; "isSignal": true; }; "gtSm": { "alias": "fxFlex.gt-sm"; "required": false; "isSignal": true; }; "gtMd": { "alias": "fxFlex.gt-md"; "required": false; "isSignal": true; }; "gtLg": { "alias": "fxFlex.gt-lg"; "required": false; "isSignal": true; }; "gtXl": { "alias": "fxFlex.gt-xl"; "required": false; "isSignal": true; }; "smUp": { "alias": "fxFlex.sm-up"; "required": false; "isSignal": true; }; "mdUp": { "alias": "fxFlex.md-up"; "required": false; "isSignal": true; }; "lgUp": { "alias": "fxFlex.lg-up"; "required": false; "isSignal": true; }; "xlUp": { "alias": "fxFlex.xl-up"; "required": false; "isSignal": true; }; "xxlUp": { "alias": "fxFlex.xxl-up"; "required": false; "isSignal": true; }; "smDown": { "alias": "fxFlex.sm-down"; "required": false; "isSignal": true; }; "mdDown": { "alias": "fxFlex.md-down"; "required": false; "isSignal": true; }; "lgDown": { "alias": "fxFlex.lg-down"; "required": false; "isSignal": true; }; "xlDown": { "alias": "fxFlex.xl-down"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
@@ -1121,7 +1135,14 @@ declare class FxGridAreaDirective extends ResponsiveBaseDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FxGridAreaDirective, "    [fxGridArea],    [fxGridArea.xs],[fxGridArea.sm],[fxGridArea.md],[fxGridArea.lg],[fxGridArea.xl],[fxGridArea.xxl],    [fxGridArea.lt-sm],[fxGridArea.lt-md],[fxGridArea.lt-lg],[fxGridArea.lt-xl],[fxGridArea.lt-xxl],    [fxGridArea.gt-xs],[fxGridArea.gt-sm],[fxGridArea.gt-md],[fxGridArea.gt-lg],[fxGridArea.gt-xl],    [fxGridArea.sm-up],[fxGridArea.md-up],[fxGridArea.lg-up],[fxGridArea.xl-up],[fxGridArea.xxl-up],    [fxGridArea.sm-down],[fxGridArea.md-down],[fxGridArea.lg-down],[fxGridArea.xl-down]  ", never, { "fxGridArea": { "alias": "fxGridArea"; "required": false; "isSignal": true; }; "xs": { "alias": "fxGridArea.xs"; "required": false; "isSignal": true; }; "sm": { "alias": "fxGridArea.sm"; "required": false; "isSignal": true; }; "md": { "alias": "fxGridArea.md"; "required": false; "isSignal": true; }; "lg": { "alias": "fxGridArea.lg"; "required": false; "isSignal": true; }; "xl": { "alias": "fxGridArea.xl"; "required": false; "isSignal": true; }; "xxl": { "alias": "fxGridArea.xxl"; "required": false; "isSignal": true; }; "ltSm": { "alias": "fxGridArea.lt-sm"; "required": false; "isSignal": true; }; "ltMd": { "alias": "fxGridArea.lt-md"; "required": false; "isSignal": true; }; "ltLg": { "alias": "fxGridArea.lt-lg"; "required": false; "isSignal": true; }; "ltXl": { "alias": "fxGridArea.lt-xl"; "required": false; "isSignal": true; }; "ltXxl": { "alias": "fxGridArea.lt-xxl"; "required": false; "isSignal": true; }; "gtXs": { "alias": "fxGridArea.gt-xs"; "required": false; "isSignal": true; }; "gtSm": { "alias": "fxGridArea.gt-sm"; "required": false; "isSignal": true; }; "gtMd": { "alias": "fxGridArea.gt-md"; "required": false; "isSignal": true; }; "gtLg": { "alias": "fxGridArea.gt-lg"; "required": false; "isSignal": true; }; "gtXl": { "alias": "fxGridArea.gt-xl"; "required": false; "isSignal": true; }; "smUp": { "alias": "fxGridArea.sm-up"; "required": false; "isSignal": true; }; "mdUp": { "alias": "fxGridArea.md-up"; "required": false; "isSignal": true; }; "lgUp": { "alias": "fxGridArea.lg-up"; "required": false; "isSignal": true; }; "xlUp": { "alias": "fxGridArea.xl-up"; "required": false; "isSignal": true; }; "xxlUp": { "alias": "fxGridArea.xxl-up"; "required": false; "isSignal": true; }; "smDown": { "alias": "fxGridArea.sm-down"; "required": false; "isSignal": true; }; "mdDown": { "alias": "fxGridArea.md-down"; "required": false; "isSignal": true; }; "lgDown": { "alias": "fxGridArea.lg-down"; "required": false; "isSignal": true; }; "xlDown": { "alias": "fxGridArea.xl-down"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+/**
+ * Port of ngx LayoutAlignStyleBuilder.buildStyles.
+ * `null` values mean "remove the property".
+ */
+declare function buildAlignStyles(align: string, layoutDirection: string, inline: boolean): Record<string, string | null>;
 declare class FxLayoutAlignDirective extends ResponsiveBaseDirective {
+    /** FxLayout on the same host (optional): direction/inline read reactively. */
+    private readonly selfLayout;
     readonly fxLayoutAlign: _angular_core.InputSignal<string>;
     readonly xs: _angular_core.InputSignal<string>;
     readonly sm: _angular_core.InputSignal<string>;
@@ -1148,7 +1169,7 @@ declare class FxLayoutAlignDirective extends ResponsiveBaseDirective {
     readonly mdDown: _angular_core.InputSignal<string>;
     readonly lgDown: _angular_core.InputSignal<string>;
     readonly xlDown: _angular_core.InputSignal<string>;
-    private readonly _parsed;
+    private readonly _align;
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FxLayoutAlignDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FxLayoutAlignDirective, "    [fxLayoutAlign],    [fxLayoutAlign.xs],[fxLayoutAlign.sm],[fxLayoutAlign.md],[fxLayoutAlign.lg],[fxLayoutAlign.xl],[fxLayoutAlign.xxl],    [fxLayoutAlign.lt-sm],[fxLayoutAlign.lt-md],[fxLayoutAlign.lt-lg],[fxLayoutAlign.lt-xl],[fxLayoutAlign.lt-xxl],    [fxLayoutAlign.gt-xs],[fxLayoutAlign.gt-sm],[fxLayoutAlign.gt-md],[fxLayoutAlign.gt-lg],[fxLayoutAlign.gt-xl],    [fxLayoutAlign.sm-up],[fxLayoutAlign.md-up],[fxLayoutAlign.lg-up],[fxLayoutAlign.xl-up],[fxLayoutAlign.xxl-up],    [fxLayoutAlign.sm-down],[fxLayoutAlign.md-down],[fxLayoutAlign.lg-down],[fxLayoutAlign.xl-down]  ", never, { "fxLayoutAlign": { "alias": "fxLayoutAlign"; "required": false; "isSignal": true; }; "xs": { "alias": "fxLayoutAlign.xs"; "required": false; "isSignal": true; }; "sm": { "alias": "fxLayoutAlign.sm"; "required": false; "isSignal": true; }; "md": { "alias": "fxLayoutAlign.md"; "required": false; "isSignal": true; }; "lg": { "alias": "fxLayoutAlign.lg"; "required": false; "isSignal": true; }; "xl": { "alias": "fxLayoutAlign.xl"; "required": false; "isSignal": true; }; "xxl": { "alias": "fxLayoutAlign.xxl"; "required": false; "isSignal": true; }; "ltSm": { "alias": "fxLayoutAlign.lt-sm"; "required": false; "isSignal": true; }; "ltMd": { "alias": "fxLayoutAlign.lt-md"; "required": false; "isSignal": true; }; "ltLg": { "alias": "fxLayoutAlign.lt-lg"; "required": false; "isSignal": true; }; "ltXl": { "alias": "fxLayoutAlign.lt-xl"; "required": false; "isSignal": true; }; "ltXxl": { "alias": "fxLayoutAlign.lt-xxl"; "required": false; "isSignal": true; }; "gtXs": { "alias": "fxLayoutAlign.gt-xs"; "required": false; "isSignal": true; }; "gtSm": { "alias": "fxLayoutAlign.gt-sm"; "required": false; "isSignal": true; }; "gtMd": { "alias": "fxLayoutAlign.gt-md"; "required": false; "isSignal": true; }; "gtLg": { "alias": "fxLayoutAlign.gt-lg"; "required": false; "isSignal": true; }; "gtXl": { "alias": "fxLayoutAlign.gt-xl"; "required": false; "isSignal": true; }; "smUp": { "alias": "fxLayoutAlign.sm-up"; "required": false; "isSignal": true; }; "mdUp": { "alias": "fxLayoutAlign.md-up"; "required": false; "isSignal": true; }; "lgUp": { "alias": "fxLayoutAlign.lg-up"; "required": false; "isSignal": true; }; "xlUp": { "alias": "fxLayoutAlign.xl-up"; "required": false; "isSignal": true; }; "xxlUp": { "alias": "fxLayoutAlign.xxl-up"; "required": false; "isSignal": true; }; "smDown": { "alias": "fxLayoutAlign.sm-down"; "required": false; "isSignal": true; }; "mdDown": { "alias": "fxLayoutAlign.md-down"; "required": false; "isSignal": true; }; "lgDown": { "alias": "fxLayoutAlign.lg-down"; "required": false; "isSignal": true; }; "xlDown": { "alias": "fxLayoutAlign.xl-down"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
@@ -1187,6 +1208,23 @@ declare class FxLayoutGapDirective extends ResponsiveBaseDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FxLayoutGapDirective, "    [fxLayoutGap],    [fxLayoutGap.xs],[fxLayoutGap.sm],[fxLayoutGap.md],[fxLayoutGap.lg],[fxLayoutGap.xl],[fxLayoutGap.xxl],    [fxLayoutGap.lt-sm],[fxLayoutGap.lt-md],[fxLayoutGap.lt-lg],[fxLayoutGap.lt-xl],[fxLayoutGap.lt-xxl],    [fxLayoutGap.gt-xs],[fxLayoutGap.gt-sm],[fxLayoutGap.gt-md],[fxLayoutGap.gt-lg],[fxLayoutGap.gt-xl],    [fxLayoutGap.sm-up],[fxLayoutGap.md-up],[fxLayoutGap.lg-up],[fxLayoutGap.xl-up],[fxLayoutGap.xxl-up],    [fxLayoutGap.sm-down],[fxLayoutGap.md-down],[fxLayoutGap.lg-down],[fxLayoutGap.xl-down]  ", never, { "fxLayoutGap": { "alias": "fxLayoutGap"; "required": false; "isSignal": true; }; "xs": { "alias": "fxLayoutGap.xs"; "required": false; "isSignal": true; }; "sm": { "alias": "fxLayoutGap.sm"; "required": false; "isSignal": true; }; "md": { "alias": "fxLayoutGap.md"; "required": false; "isSignal": true; }; "lg": { "alias": "fxLayoutGap.lg"; "required": false; "isSignal": true; }; "xl": { "alias": "fxLayoutGap.xl"; "required": false; "isSignal": true; }; "xxl": { "alias": "fxLayoutGap.xxl"; "required": false; "isSignal": true; }; "ltSm": { "alias": "fxLayoutGap.lt-sm"; "required": false; "isSignal": true; }; "ltMd": { "alias": "fxLayoutGap.lt-md"; "required": false; "isSignal": true; }; "ltLg": { "alias": "fxLayoutGap.lt-lg"; "required": false; "isSignal": true; }; "ltXl": { "alias": "fxLayoutGap.lt-xl"; "required": false; "isSignal": true; }; "ltXxl": { "alias": "fxLayoutGap.lt-xxl"; "required": false; "isSignal": true; }; "gtXs": { "alias": "fxLayoutGap.gt-xs"; "required": false; "isSignal": true; }; "gtSm": { "alias": "fxLayoutGap.gt-sm"; "required": false; "isSignal": true; }; "gtMd": { "alias": "fxLayoutGap.gt-md"; "required": false; "isSignal": true; }; "gtLg": { "alias": "fxLayoutGap.gt-lg"; "required": false; "isSignal": true; }; "gtXl": { "alias": "fxLayoutGap.gt-xl"; "required": false; "isSignal": true; }; "smUp": { "alias": "fxLayoutGap.sm-up"; "required": false; "isSignal": true; }; "mdUp": { "alias": "fxLayoutGap.md-up"; "required": false; "isSignal": true; }; "lgUp": { "alias": "fxLayoutGap.lg-up"; "required": false; "isSignal": true; }; "xlUp": { "alias": "fxLayoutGap.xl-up"; "required": false; "isSignal": true; }; "xxlUp": { "alias": "fxLayoutGap.xxl-up"; "required": false; "isSignal": true; }; "smDown": { "alias": "fxLayoutGap.sm-down"; "required": false; "isSignal": true; }; "mdDown": { "alias": "fxLayoutGap.md-down"; "required": false; "isSignal": true; }; "lgDown": { "alias": "fxLayoutGap.lg-down"; "required": false; "isSignal": true; }; "xlDown": { "alias": "fxLayoutGap.xl-down"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+declare const LAYOUT_VALUES: readonly ["row", "column", "row-reverse", "column-reverse"];
+/** Port of ngx-layout validateWrapValue(). */
+declare function validateWrapValue(value: string): string;
+/** Port of ngx-layout validateValue(): [direction, wrap, inline]. */
+declare function validateLayoutValue(value: string): [string, string, boolean];
+/** Port of ngx-layout buildLayoutCSS(): null values mean "remove the property". */
+declare function buildLayoutCSS(value: string): Record<string, string | null>;
+/**
+ * Resolves the flex flow of the parent container for a flex child.
+ * Prefers the reactive FxLayoutDirective instance when it sits on the DIRECT
+ * parent element (signal read → re-evaluates with the parent); falls back to
+ * getComputedStyle for plain-CSS flex parents; SSR-safe defaults.
+ */
+declare function resolveParentFlow(host: HTMLElement, parentLayout: FxLayoutDirective | null, isBrowser: boolean): {
+    direction: string;
+    hasWrap: boolean;
+};
 declare class FxLayoutDirective extends ResponsiveBaseDirective {
     readonly fxLayout: _angular_core.InputSignal<string>;
     readonly xs: _angular_core.InputSignal<string>;
@@ -1215,44 +1253,60 @@ declare class FxLayoutDirective extends ResponsiveBaseDirective {
     readonly lgDown: _angular_core.InputSignal<string>;
     readonly xlDown: _angular_core.InputSignal<string>;
     private readonly _parsed;
+    /** Reactive layout parts — readable by FxFlex / FxLayoutAlign / FxFlexOffset. */
+    readonly direction: _angular_core.Signal<string>;
+    readonly wrap: _angular_core.Signal<string>;
+    readonly inline: _angular_core.Signal<boolean>;
+    /** Host element, exposed for direct-parent matching by child directives. */
+    get hostElement(): HTMLElement;
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FxLayoutDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FxLayoutDirective, "    [fxLayout],    [fxLayout.xs],[fxLayout.sm],[fxLayout.md],[fxLayout.lg],[fxLayout.xl],[fxLayout.xxl],    [fxLayout.lt-sm],[fxLayout.lt-md],[fxLayout.lt-lg],[fxLayout.lt-xl],[fxLayout.lt-xxl],    [fxLayout.gt-xs],[fxLayout.gt-sm],[fxLayout.gt-md],[fxLayout.gt-lg],[fxLayout.gt-xl],    [fxLayout.sm-up],[fxLayout.md-up],[fxLayout.lg-up],[fxLayout.xl-up],[fxLayout.xxl-up],    [fxLayout.sm-down],[fxLayout.md-down],[fxLayout.lg-down],[fxLayout.xl-down]  ", never, { "fxLayout": { "alias": "fxLayout"; "required": false; "isSignal": true; }; "xs": { "alias": "fxLayout.xs"; "required": false; "isSignal": true; }; "sm": { "alias": "fxLayout.sm"; "required": false; "isSignal": true; }; "md": { "alias": "fxLayout.md"; "required": false; "isSignal": true; }; "lg": { "alias": "fxLayout.lg"; "required": false; "isSignal": true; }; "xl": { "alias": "fxLayout.xl"; "required": false; "isSignal": true; }; "xxl": { "alias": "fxLayout.xxl"; "required": false; "isSignal": true; }; "ltSm": { "alias": "fxLayout.lt-sm"; "required": false; "isSignal": true; }; "ltMd": { "alias": "fxLayout.lt-md"; "required": false; "isSignal": true; }; "ltLg": { "alias": "fxLayout.lt-lg"; "required": false; "isSignal": true; }; "ltXl": { "alias": "fxLayout.lt-xl"; "required": false; "isSignal": true; }; "ltXxl": { "alias": "fxLayout.lt-xxl"; "required": false; "isSignal": true; }; "gtXs": { "alias": "fxLayout.gt-xs"; "required": false; "isSignal": true; }; "gtSm": { "alias": "fxLayout.gt-sm"; "required": false; "isSignal": true; }; "gtMd": { "alias": "fxLayout.gt-md"; "required": false; "isSignal": true; }; "gtLg": { "alias": "fxLayout.gt-lg"; "required": false; "isSignal": true; }; "gtXl": { "alias": "fxLayout.gt-xl"; "required": false; "isSignal": true; }; "smUp": { "alias": "fxLayout.sm-up"; "required": false; "isSignal": true; }; "mdUp": { "alias": "fxLayout.md-up"; "required": false; "isSignal": true; }; "lgUp": { "alias": "fxLayout.lg-up"; "required": false; "isSignal": true; }; "xlUp": { "alias": "fxLayout.xl-up"; "required": false; "isSignal": true; }; "xxlUp": { "alias": "fxLayout.xxl-up"; "required": false; "isSignal": true; }; "smDown": { "alias": "fxLayout.sm-down"; "required": false; "isSignal": true; }; "mdDown": { "alias": "fxLayout.md-down"; "required": false; "isSignal": true; }; "lgDown": { "alias": "fxLayout.lg-down"; "required": false; "isSignal": true; }; "xlDown": { "alias": "fxLayout.xl-down"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
-type FlexWrap = 'wrap' | 'wrap-reverse' | 'nowrap';
 declare class FxLayoutWrapDirective extends ResponsiveBaseDirective {
-    readonly fxLayoutWrap: _angular_core.InputSignal<FlexWrap>;
-    readonly xs: _angular_core.InputSignal<FlexWrap>;
-    readonly sm: _angular_core.InputSignal<FlexWrap>;
-    readonly md: _angular_core.InputSignal<FlexWrap>;
-    readonly lg: _angular_core.InputSignal<FlexWrap>;
-    readonly xl: _angular_core.InputSignal<FlexWrap>;
-    readonly xxl: _angular_core.InputSignal<FlexWrap>;
-    readonly ltSm: _angular_core.InputSignal<FlexWrap>;
-    readonly ltMd: _angular_core.InputSignal<FlexWrap>;
-    readonly ltLg: _angular_core.InputSignal<FlexWrap>;
-    readonly ltXl: _angular_core.InputSignal<FlexWrap>;
-    readonly ltXxl: _angular_core.InputSignal<FlexWrap>;
-    readonly gtXs: _angular_core.InputSignal<FlexWrap>;
-    readonly gtSm: _angular_core.InputSignal<FlexWrap>;
-    readonly gtMd: _angular_core.InputSignal<FlexWrap>;
-    readonly gtLg: _angular_core.InputSignal<FlexWrap>;
-    readonly gtXl: _angular_core.InputSignal<FlexWrap>;
-    readonly smUp: _angular_core.InputSignal<FlexWrap>;
-    readonly mdUp: _angular_core.InputSignal<FlexWrap>;
-    readonly lgUp: _angular_core.InputSignal<FlexWrap>;
-    readonly xlUp: _angular_core.InputSignal<FlexWrap>;
-    readonly xxlUp: _angular_core.InputSignal<FlexWrap>;
-    readonly smDown: _angular_core.InputSignal<FlexWrap>;
-    readonly mdDown: _angular_core.InputSignal<FlexWrap>;
-    readonly lgDown: _angular_core.InputSignal<FlexWrap>;
-    readonly xlDown: _angular_core.InputSignal<FlexWrap>;
+    readonly fxLayoutWrap: _angular_core.InputSignal<string>;
+    readonly xs: _angular_core.InputSignal<string>;
+    readonly sm: _angular_core.InputSignal<string>;
+    readonly md: _angular_core.InputSignal<string>;
+    readonly lg: _angular_core.InputSignal<string>;
+    readonly xl: _angular_core.InputSignal<string>;
+    readonly xxl: _angular_core.InputSignal<string>;
+    readonly ltSm: _angular_core.InputSignal<string>;
+    readonly ltMd: _angular_core.InputSignal<string>;
+    readonly ltLg: _angular_core.InputSignal<string>;
+    readonly ltXl: _angular_core.InputSignal<string>;
+    readonly ltXxl: _angular_core.InputSignal<string>;
+    readonly gtXs: _angular_core.InputSignal<string>;
+    readonly gtSm: _angular_core.InputSignal<string>;
+    readonly gtMd: _angular_core.InputSignal<string>;
+    readonly gtLg: _angular_core.InputSignal<string>;
+    readonly gtXl: _angular_core.InputSignal<string>;
+    readonly smUp: _angular_core.InputSignal<string>;
+    readonly mdUp: _angular_core.InputSignal<string>;
+    readonly lgUp: _angular_core.InputSignal<string>;
+    readonly xlUp: _angular_core.InputSignal<string>;
+    readonly xxlUp: _angular_core.InputSignal<string>;
+    readonly smDown: _angular_core.InputSignal<string>;
+    readonly mdDown: _angular_core.InputSignal<string>;
+    readonly lgDown: _angular_core.InputSignal<string>;
+    readonly xlDown: _angular_core.InputSignal<string>;
     private readonly _wrap;
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FxLayoutWrapDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FxLayoutWrapDirective, "    [fxLayoutWrap],    [fxLayoutWrap.xs],[fxLayoutWrap.sm],[fxLayoutWrap.md],[fxLayoutWrap.lg],[fxLayoutWrap.xl],[fxLayoutWrap.xxl],    [fxLayoutWrap.lt-sm],[fxLayoutWrap.lt-md],[fxLayoutWrap.lt-lg],[fxLayoutWrap.lt-xl],[fxLayoutWrap.lt-xxl],    [fxLayoutWrap.gt-xs],[fxLayoutWrap.gt-sm],[fxLayoutWrap.gt-md],[fxLayoutWrap.gt-lg],[fxLayoutWrap.gt-xl],    [fxLayoutWrap.sm-up],[fxLayoutWrap.md-up],[fxLayoutWrap.lg-up],[fxLayoutWrap.xl-up],[fxLayoutWrap.xxl-up],    [fxLayoutWrap.sm-down],[fxLayoutWrap.md-down],[fxLayoutWrap.lg-down],[fxLayoutWrap.xl-down]  ", never, { "fxLayoutWrap": { "alias": "fxLayoutWrap"; "required": false; "isSignal": true; }; "xs": { "alias": "fxLayoutWrap.xs"; "required": false; "isSignal": true; }; "sm": { "alias": "fxLayoutWrap.sm"; "required": false; "isSignal": true; }; "md": { "alias": "fxLayoutWrap.md"; "required": false; "isSignal": true; }; "lg": { "alias": "fxLayoutWrap.lg"; "required": false; "isSignal": true; }; "xl": { "alias": "fxLayoutWrap.xl"; "required": false; "isSignal": true; }; "xxl": { "alias": "fxLayoutWrap.xxl"; "required": false; "isSignal": true; }; "ltSm": { "alias": "fxLayoutWrap.lt-sm"; "required": false; "isSignal": true; }; "ltMd": { "alias": "fxLayoutWrap.lt-md"; "required": false; "isSignal": true; }; "ltLg": { "alias": "fxLayoutWrap.lt-lg"; "required": false; "isSignal": true; }; "ltXl": { "alias": "fxLayoutWrap.lt-xl"; "required": false; "isSignal": true; }; "ltXxl": { "alias": "fxLayoutWrap.lt-xxl"; "required": false; "isSignal": true; }; "gtXs": { "alias": "fxLayoutWrap.gt-xs"; "required": false; "isSignal": true; }; "gtSm": { "alias": "fxLayoutWrap.gt-sm"; "required": false; "isSignal": true; }; "gtMd": { "alias": "fxLayoutWrap.gt-md"; "required": false; "isSignal": true; }; "gtLg": { "alias": "fxLayoutWrap.gt-lg"; "required": false; "isSignal": true; }; "gtXl": { "alias": "fxLayoutWrap.gt-xl"; "required": false; "isSignal": true; }; "smUp": { "alias": "fxLayoutWrap.sm-up"; "required": false; "isSignal": true; }; "mdUp": { "alias": "fxLayoutWrap.md-up"; "required": false; "isSignal": true; }; "lgUp": { "alias": "fxLayoutWrap.lg-up"; "required": false; "isSignal": true; }; "xlUp": { "alias": "fxLayoutWrap.xl-up"; "required": false; "isSignal": true; }; "xxlUp": { "alias": "fxLayoutWrap.xxl-up"; "required": false; "isSignal": true; }; "smDown": { "alias": "fxLayoutWrap.sm-down"; "required": false; "isSignal": true; }; "mdDown": { "alias": "fxLayoutWrap.md-down"; "required": false; "isSignal": true; }; "lgDown": { "alias": "fxLayoutWrap.lg-down"; "required": false; "isSignal": true; }; "xlDown": { "alias": "fxLayoutWrap.xl-down"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+/**
+ * Pure visibility transition (exported for tests).
+ * Captures the inline display before hiding and restores it when shown again,
+ * so display:flex|grid written by FxLayout/FxGrid effects is never lost.
+ * @returns the new "previous display" state to carry to the next transition
+ */
+declare function applyVisibility(el: {
+    style: {
+        display: string;
+    };
+}, setStyle: (prop: string, value: string) => void, removeStyle: (prop: string) => void, visible: boolean, prevDisplay: string | null): string | null;
 declare class FxShowHideDirective extends ResponsiveBaseDirective {
     readonly fxShow: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
     readonly showXs: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
@@ -1307,6 +1361,8 @@ declare class FxShowHideDirective extends ResponsiveBaseDirective {
     readonly hideLgDown: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
     readonly hideXlDown: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
     private readonly _visible;
+    /** Inline display captured before the last hide — restored on show. */
+    private _prevDisplay;
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FxShowHideDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FxShowHideDirective, "    [fxShow],[fxHide],    [fxShow.xs],[fxShow.sm],[fxShow.md],[fxShow.lg],[fxShow.xl],[fxShow.xxl],    [fxShow.lt-sm],[fxShow.lt-md],[fxShow.lt-lg],[fxShow.lt-xl],[fxShow.lt-xxl],    [fxShow.gt-xs],[fxShow.gt-sm],[fxShow.gt-md],[fxShow.gt-lg],[fxShow.gt-xl],    [fxShow.sm-up],[fxShow.md-up],[fxShow.lg-up],[fxShow.xl-up],[fxShow.xxl-up],    [fxShow.sm-down],[fxShow.md-down],[fxShow.lg-down],[fxShow.xl-down],    [fxHide.xs],[fxHide.sm],[fxHide.md],[fxHide.lg],[fxHide.xl],[fxHide.xxl],    [fxHide.lt-sm],[fxHide.lt-md],[fxHide.lt-lg],[fxHide.lt-xl],[fxHide.lt-xxl],    [fxHide.gt-xs],[fxHide.gt-sm],[fxHide.gt-md],[fxHide.gt-lg],[fxHide.gt-xl],    [fxHide.sm-up],[fxHide.md-up],[fxHide.lg-up],[fxHide.xl-up],[fxHide.xxl-up],    [fxHide.sm-down],[fxHide.md-down],[fxHide.lg-down],[fxHide.xl-down]  ", never, { "fxShow": { "alias": "fxShow"; "required": false; "isSignal": true; }; "showXs": { "alias": "fxShow.xs"; "required": false; "isSignal": true; }; "showSm": { "alias": "fxShow.sm"; "required": false; "isSignal": true; }; "showMd": { "alias": "fxShow.md"; "required": false; "isSignal": true; }; "showLg": { "alias": "fxShow.lg"; "required": false; "isSignal": true; }; "showXl": { "alias": "fxShow.xl"; "required": false; "isSignal": true; }; "showXxl": { "alias": "fxShow.xxl"; "required": false; "isSignal": true; }; "showLtSm": { "alias": "fxShow.lt-sm"; "required": false; "isSignal": true; }; "showLtMd": { "alias": "fxShow.lt-md"; "required": false; "isSignal": true; }; "showLtLg": { "alias": "fxShow.lt-lg"; "required": false; "isSignal": true; }; "showLtXl": { "alias": "fxShow.lt-xl"; "required": false; "isSignal": true; }; "showLtXxl": { "alias": "fxShow.lt-xxl"; "required": false; "isSignal": true; }; "showGtXs": { "alias": "fxShow.gt-xs"; "required": false; "isSignal": true; }; "showGtSm": { "alias": "fxShow.gt-sm"; "required": false; "isSignal": true; }; "showGtMd": { "alias": "fxShow.gt-md"; "required": false; "isSignal": true; }; "showGtLg": { "alias": "fxShow.gt-lg"; "required": false; "isSignal": true; }; "showGtXl": { "alias": "fxShow.gt-xl"; "required": false; "isSignal": true; }; "showSmUp": { "alias": "fxShow.sm-up"; "required": false; "isSignal": true; }; "showMdUp": { "alias": "fxShow.md-up"; "required": false; "isSignal": true; }; "showLgUp": { "alias": "fxShow.lg-up"; "required": false; "isSignal": true; }; "showXlUp": { "alias": "fxShow.xl-up"; "required": false; "isSignal": true; }; "showXxlUp": { "alias": "fxShow.xxl-up"; "required": false; "isSignal": true; }; "showSmDown": { "alias": "fxShow.sm-down"; "required": false; "isSignal": true; }; "showMdDown": { "alias": "fxShow.md-down"; "required": false; "isSignal": true; }; "showLgDown": { "alias": "fxShow.lg-down"; "required": false; "isSignal": true; }; "showXlDown": { "alias": "fxShow.xl-down"; "required": false; "isSignal": true; }; "fxHide": { "alias": "fxHide"; "required": false; "isSignal": true; }; "hideXs": { "alias": "fxHide.xs"; "required": false; "isSignal": true; }; "hideSm": { "alias": "fxHide.sm"; "required": false; "isSignal": true; }; "hideMd": { "alias": "fxHide.md"; "required": false; "isSignal": true; }; "hideLg": { "alias": "fxHide.lg"; "required": false; "isSignal": true; }; "hideXl": { "alias": "fxHide.xl"; "required": false; "isSignal": true; }; "hideXxl": { "alias": "fxHide.xxl"; "required": false; "isSignal": true; }; "hideLtSm": { "alias": "fxHide.lt-sm"; "required": false; "isSignal": true; }; "hideLtMd": { "alias": "fxHide.lt-md"; "required": false; "isSignal": true; }; "hideLtLg": { "alias": "fxHide.lt-lg"; "required": false; "isSignal": true; }; "hideLtXl": { "alias": "fxHide.lt-xl"; "required": false; "isSignal": true; }; "hideLtXxl": { "alias": "fxHide.lt-xxl"; "required": false; "isSignal": true; }; "hideGtXs": { "alias": "fxHide.gt-xs"; "required": false; "isSignal": true; }; "hideGtSm": { "alias": "fxHide.gt-sm"; "required": false; "isSignal": true; }; "hideGtMd": { "alias": "fxHide.gt-md"; "required": false; "isSignal": true; }; "hideGtLg": { "alias": "fxHide.gt-lg"; "required": false; "isSignal": true; }; "hideGtXl": { "alias": "fxHide.gt-xl"; "required": false; "isSignal": true; }; "hideSmUp": { "alias": "fxHide.sm-up"; "required": false; "isSignal": true; }; "hideMdUp": { "alias": "fxHide.md-up"; "required": false; "isSignal": true; }; "hideLgUp": { "alias": "fxHide.lg-up"; "required": false; "isSignal": true; }; "hideXlUp": { "alias": "fxHide.xl-up"; "required": false; "isSignal": true; }; "hideXxlUp": { "alias": "fxHide.xxl-up"; "required": false; "isSignal": true; }; "hideSmDown": { "alias": "fxHide.sm-down"; "required": false; "isSignal": true; }; "hideMdDown": { "alias": "fxHide.md-down"; "required": false; "isSignal": true; }; "hideLgDown": { "alias": "fxHide.lg-down"; "required": false; "isSignal": true; }; "hideXlDown": { "alias": "fxHide.xl-down"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
@@ -1389,5 +1445,5 @@ declare class ArsUIFlexModule {
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<ArsUIFlexModule>;
 }
 
-export { ALIAS_FAMILIES, ALIAS_INDEX, ArsUIFlexModule, BS5_BREAKPOINTS, BusyDialogComponent, BusyTimer, CANONICAL_ALIASES, ConfirmDialogComponent, CredentialsDialogComponent, DeleteDialogComponent, DeleteDialogConfirmMode, DialogService, FxClassDirective, FxFlexAlignDirective, FxFlexDirective, FxFlexFillDirective, FxFlexOffsetDirective, FxFlexOrderDirective, FxGridAreaDirective, FxGridColumnDirective, FxGridDirective, FxLayoutAlignDirective, FxLayoutDirective, FxLayoutGapDirective, FxLayoutWrapDirective, FxShowHideDirective, FxStyleDirective, IfBpDirective, InfoDialogComponent, LAYOUT_BREAKPOINTS, MediaObserver, NON_CANONICAL_PRIORITY, OtpInputComponent, PaginatorIntl, PasswordStrengthComponent, RecoverPasswordDialogComponent, ResetPasswordDialogComponent, ResponsiveBaseDirective, ToastComponent, UIService, resolve, resolveAll, resolveNonCanonical };
+export { ALIAS_FAMILIES, ALIAS_INDEX, ArsUIFlexModule, BS5_BREAKPOINTS, BusyDialogComponent, BusyTimer, CANONICAL_ALIASES, ConfirmDialogComponent, CredentialsDialogComponent, DeleteDialogComponent, DeleteDialogConfirmMode, DialogService, FxClassDirective, FxFlexAlignDirective, FxFlexDirective, FxFlexFillDirective, FxFlexOffsetDirective, FxFlexOrderDirective, FxGridAreaDirective, FxGridColumnDirective, FxGridDirective, FxLayoutAlignDirective, FxLayoutDirective, FxLayoutGapDirective, FxLayoutWrapDirective, FxShowHideDirective, FxStyleDirective, IfBpDirective, InfoDialogComponent, LAYOUT_BREAKPOINTS, LAYOUT_VALUES, MediaObserver, NON_CANONICAL_PRIORITY, OtpInputComponent, PaginatorIntl, PasswordStrengthComponent, RecoverPasswordDialogComponent, ResetPasswordDialogComponent, ResponsiveBaseDirective, ToastComponent, UIService, applyVisibility, buildAlignStyles, buildFlexStyles, buildLayoutCSS, resolve, resolveAll, resolveNonCanonical, resolveParentFlow, validateBasis, validateLayoutValue, validateWrapValue };
 export type { BpValues, BreakpointAlias, CanonicalKey, ConfirmDialogData, ConfirmDialogOption, CredentialsDialogData, CredentialsDialogResult, DeleteDialogData, DialogOption, DialogResult, IDialogService, InfoDialogData, NcValues, NonCanonicalKey, RecoverPasswordDialogData, RecoverPasswordDialogResult, ResetPasswordDialogData, ResetPasswordDialogMode, ResetPasswordDialogResult, ToastData };