@arsedizioni/ars-utils 22.5.64 → 22.5.66

package/package.json

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

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

@@ -1173,7 +1173,7 @@ declare class ClipperDocumentMenuComponent {
     private readonly renderer2;
     private readonly clipperService;
     readonly useSelections: _angular_core.InputSignal<boolean>;
-    readonly selectionSource: _angular_core.InputSignal<"bag" | "selection" | "none">;
+    readonly selectionSource: _angular_core.InputSignal<"none" | "bag" | "selection">;
     /**
      * Computed signal that returns the current effective document selection.
      * Re-evaluates when any input signal or the underlying selection model changes.

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

@@ -163,7 +163,7 @@ declare class ChipsSelectorComponent implements OnDestroy, ControlValueAccessor
     /** When `true`, at least one item must remain selected. */
     readonly mustSelect: _angular_core.InputSignal<boolean>;
     /** Layout mode: `'collapsed'` forces dropdown mode, `'dynamic'` collapses based on `collapseAt`. */
-    readonly mode: _angular_core.InputSignal<"collapsed" | "dynamic">;
+    readonly mode: _angular_core.InputSignal<"dynamic" | "collapsed">;
     /** When `true`, chips are stacked vertically instead of wrapping horizontally. */
     readonly stacked: _angular_core.InputSignal<boolean>;
     /** Chips below this index receive extra padding to align with other UI elements. */

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

@@ -123,6 +123,16 @@ interface NavigationItem {
     id: string;
     /** Visible label. Also used as the accessible name and as the tooltip fallback. */
     label: string;
+    /**
+     * Shorter label used ONLY where the label sits under the icon — the navigation
+     * bar and the collapsed rail — which is where a long name wraps or is cut.
+     * Defaults to `label`. The literal `'none'` drops the label there altogether and
+     * leaves the icon alone, for a destination whose icon says it all.
+     * The accessible name and the tooltip always keep `label`, so nothing is lost:
+     * the short form — or no form — is what is drawn, the full one is what is
+     * announced, and the tooltip is what shows it on hover.
+     */
+    labelVertical?: string;
     /** Material Symbols ligature rendered when the destination is NOT selected. */
     icon?: string;
     /** Material Symbols ligature rendered when the destination IS selected (usually the filled variant). */
@@ -415,6 +425,19 @@ declare class NavigationBarComponent {
      * collapsed rail and `width` covers the rest.
      */
     readonly railWidth: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * Lower bound in pixels for the width of the expanded variants (rail-expanded,
+     * drawer, modal). `0` keeps the default, which sets no floor. It is what keeps
+     * the surface readable when its width comes from a percentage or from a
+     * container that can shrink, instead of from `width`.
+     */
+    readonly minWidth: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * Upper bound in pixels for the width of the expanded variants (rail-expanded,
+     * drawer, modal). `0` keeps the default, which is the width of the parent: the
+     * surface never spills out of it, whatever `width` says.
+     */
+    readonly maxWidth: _angular_core.InputSignalWithTransform<number, unknown>;
     /** When `true` the whole surface is hidden (animated off-screen) without being destroyed. */
     readonly hidden: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Emitted when a destination is activated by the user. */
@@ -497,13 +520,17 @@ declare class NavigationBarComponent {
      * `compact` wraps the icon only (56x32 pill), `wide` wraps icon and label
      * together, exactly as described by the M3 Expressive specs.
      */
-    protected readonly indicatorMode: _angular_core.Signal<"compact" | "wide">;
+    protected readonly indicatorMode: _angular_core.Signal<"wide" | "compact">;
     /** Tooltip placement derived from the variant and from the anchoring edge. */
     protected readonly tooltipPosition: _angular_core.Signal<TooltipPosition>;
     /** Inline width override for the rail / drawer, or `undefined` to keep the spec default. */
     protected readonly widthStyle: _angular_core.Signal<string>;
     /** Inline width override for the collapsed rail, or `undefined` to keep the spec default. */
     protected readonly railWidthStyle: _angular_core.Signal<string>;
+    /** Inline lower bound for the expanded variants, or `undefined` to keep the default. */
+    protected readonly minWidthStyle: _angular_core.Signal<string>;
+    /** Inline upper bound for the expanded variants, or `undefined` to keep the default. */
+    protected readonly maxWidthStyle: _angular_core.Signal<string>;
     /** Map of destination id to resolved URL. Recomputed only when the destinations change. */
     private readonly hrefs;
     /**
@@ -692,7 +719,7 @@ declare class NavigationBarComponent {
      */
     private static pathOf;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NavigationBarComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NavigationBarComponent, "navigation-bar", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "sections": { "alias": "sections"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "autoVariants": { "alias": "autoVariants"; "required": false; "isSignal": true; }; "selectedId": { "alias": "selectedId"; "required": false; "isSignal": true; }; "expandedIds": { "alias": "expandedIds"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "labelVisibility": { "alias": "labelVisibility"; "required": false; "isSignal": true; }; "itemLayout": { "alias": "itemLayout"; "required": false; "isSignal": true; }; "childIcons": { "alias": "childIcons"; "required": false; "isSignal": true; }; "dense": { "alias": "dense"; "required": false; "isSignal": true; }; "alignment": { "alias": "alignment"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "headline": { "alias": "headline"; "required": false; "isSignal": true; }; "showMenuButton": { "alias": "showMenuButton"; "required": false; "isSignal": true; }; "menuIcon": { "alias": "menuIcon"; "required": false; "isSignal": true; }; "expandIcon": { "alias": "expandIcon"; "required": false; "isSignal": true; }; "overflowMode": { "alias": "overflowMode"; "required": false; "isSignal": true; }; "overflowIcon": { "alias": "overflowIcon"; "required": false; "isSignal": true; }; "overflowLabel": { "alias": "overflowLabel"; "required": false; "isSignal": true; }; "maxVisibleItems": { "alias": "maxVisibleItems"; "required": false; "isSignal": true; }; "menuAriaLabel": { "alias": "menuAriaLabel"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "scrim": { "alias": "scrim"; "required": false; "isSignal": true; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; "isSignal": true; }; "elevated": { "alias": "elevated"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "tooltips": { "alias": "tooltips"; "required": false; "isSignal": true; }; "routerSync": { "alias": "routerSync"; "required": false; "isSignal": true; }; "relativeTo": { "alias": "relativeTo"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "railWidth": { "alias": "railWidth"; "required": false; "isSignal": true; }; "hidden": { "alias": "hidden"; "required": false; "isSignal": true; }; }, { "selectedId": "selectedIdChange"; "expandedIds": "expandedIdsChange"; "open": "openChange"; "itemSelected": "itemSelected"; "menuClick": "menuClick"; }, never, ["[navHeader]", "[navFab]", "[navFooter]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NavigationBarComponent, "navigation-bar", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "sections": { "alias": "sections"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "autoVariants": { "alias": "autoVariants"; "required": false; "isSignal": true; }; "selectedId": { "alias": "selectedId"; "required": false; "isSignal": true; }; "expandedIds": { "alias": "expandedIds"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "labelVisibility": { "alias": "labelVisibility"; "required": false; "isSignal": true; }; "itemLayout": { "alias": "itemLayout"; "required": false; "isSignal": true; }; "childIcons": { "alias": "childIcons"; "required": false; "isSignal": true; }; "dense": { "alias": "dense"; "required": false; "isSignal": true; }; "alignment": { "alias": "alignment"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "headline": { "alias": "headline"; "required": false; "isSignal": true; }; "showMenuButton": { "alias": "showMenuButton"; "required": false; "isSignal": true; }; "menuIcon": { "alias": "menuIcon"; "required": false; "isSignal": true; }; "expandIcon": { "alias": "expandIcon"; "required": false; "isSignal": true; }; "overflowMode": { "alias": "overflowMode"; "required": false; "isSignal": true; }; "overflowIcon": { "alias": "overflowIcon"; "required": false; "isSignal": true; }; "overflowLabel": { "alias": "overflowLabel"; "required": false; "isSignal": true; }; "maxVisibleItems": { "alias": "maxVisibleItems"; "required": false; "isSignal": true; }; "menuAriaLabel": { "alias": "menuAriaLabel"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "scrim": { "alias": "scrim"; "required": false; "isSignal": true; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; "isSignal": true; }; "elevated": { "alias": "elevated"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "tooltips": { "alias": "tooltips"; "required": false; "isSignal": true; }; "routerSync": { "alias": "routerSync"; "required": false; "isSignal": true; }; "relativeTo": { "alias": "relativeTo"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "railWidth": { "alias": "railWidth"; "required": false; "isSignal": true; }; "minWidth": { "alias": "minWidth"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "hidden": { "alias": "hidden"; "required": false; "isSignal": true; }; }, { "selectedId": "selectedIdChange"; "expandedIds": "expandedIdsChange"; "open": "openChange"; "itemSelected": "itemSelected"; "menuClick": "menuClick"; }, never, ["[navHeader]", "[navFab]", "[navFooter]"], true, never>;
 }
 
 export { DEFAULT_NAVIGATION_AUTO_VARIANTS, EXPANDED_NAVIGATION_VARIANTS, NAVIGATION_OVERFLOW_ID, NavigationBarComponent };