@arsedizioni/ars-utils 22.0.41 → 22.0.42

package/fesm2022/arsedizioni-ars-utils-ui.mjs

@@ -1043,7 +1043,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
  *   • wrap-container basis rewrite (ngx issue 660)
  *
  * Extensions beyond ngx-layout (documented, opt-in by syntax):
- *   • fxFlex="*"          → fills the remaining space like a bare fxFlex (1 1 0%)
+ *   • fxFlex="*"          → fills the remaining space like fxFlex="grow" (1 1 100%)
  *   • fxFlex="" + a SIBLING with fxFlex="*" → this element gets 0 0 auto
  *     (static-attribute detection only; property bindings are not seen)
  *
@@ -1187,6 +1187,22 @@ function parentHasStar(el) {
         return false;
     return Array.from(parent.children).some(c => c !== el && (c.getAttribute('fxflex') === '*' || c.getAttribute('fxFlex') === '*'));
 }
+/**
+ * Resolves the non-ngx fxFlex extensions to a value `buildFlexStyles` understands.
+ *   • '*'                    → 'grow' (fill the remaining space → `flex: 1 1 100%`, max-* 100%)
+ *   • '' with a `*` sibling  → 'none' (`0 0 auto`)
+ *   • anything else          → returned unchanged
+ * @param raw - The resolved fxFlex value for the active breakpoint.
+ * @param hasStarSibling - Whether a sibling element declares `fxFlex="*"`.
+ * @returns The value to pass to `buildFlexStyles`.
+ */
+function resolveFlexInput(raw, hasStarSibling) {
+    if (raw === '*')
+        return 'grow';
+    if (raw === '' && hasStarSibling)
+        return 'none';
+    return raw;
+}
 class FxFlexDirective extends ResponsiveBaseDirective {
     constructor() {
         super();
@@ -1232,13 +1248,11 @@ class FxFlexDirective extends ResponsiveBaseDirective {
                 this._applied.clear();
                 return;
             }
-            // Extensions (documented in the header)
-            // fxFlex="*" fills the remaining space exactly like a bare fxFlex (=> flex: 1 1 0%),
-            // matching @ngbracket/ngx-layout's "fill" semantics instead of content-based auto.
-            if (raw === '*')
-                raw = '';
-            else if (raw === '' && this.isBrowser && parentHasStar(el))
-                raw = 'none'; // 0 0 auto
+            // Extensions (documented in the header). `*` fills like fxFlex="grow" (=> flex: 1 1 100%);
+            // a bare fxFlex next to a `*` sibling collapses to `0 0 auto`. The sibling DOM read is
+            // performed lazily, only for the bare-'' case in the browser.
+            const hasStarSibling = raw === '' && this.isBrowser ? parentHasStar(el) : false;
+            raw = resolveFlexInput(raw, hasStarSibling);
             // Parent flow: reactive via FxLayoutDirective signals when it is the
             // direct parent; getComputedStyle fallback for plain-CSS flex parents.
             const { direction, hasWrap } = resolveParentFlow(el, this.parentLayout, this.isBrowser);
@@ -3489,5 +3503,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ALIAS_FAMILIES, ALIAS_INDEX, BS5_BREAKPOINTS, BusyDialogComponent, BusyTimer, CANONICAL_ALIASES, ConfirmDialogComponent, CredentialsDialogComponent, DeleteDialogComponent, DeleteDialogConfirmMode, DialogService, FlexModule, 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 { ALIAS_FAMILIES, ALIAS_INDEX, BS5_BREAKPOINTS, BusyDialogComponent, BusyTimer, CANONICAL_ALIASES, ConfirmDialogComponent, CredentialsDialogComponent, DeleteDialogComponent, DeleteDialogConfirmMode, DialogService, FlexModule, 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, resolveFlexInput, resolveNonCanonical, resolveParentFlow, validateBasis, validateLayoutValue, validateWrapValue };
 //# sourceMappingURL=arsedizioni-ars-utils-ui.mjs.map