@magmonium/one 0.4.38 → 0.4.39

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@magmonium/one",
-  "version": "0.4.38",
+  "version": "0.4.39",
   "description": "Magmonium One — Angular design-system primitives for mm Apps",
   "author": "magmonium",
   "license": "MIT",

package/types/magmonium-one.d.ts

@@ -2627,7 +2627,7 @@ export declare class ButtonComponent extends ReactiveElementComponent<Button> {
   navParams: import("@angular/core").InputSignal<Record<string, string | number> | undefined>;
   href: import("@angular/core").InputSignal<string | undefined>;
   disabled: import("@angular/core").InputSignal<boolean | undefined>;
-  variant: import("@angular/core").InputSignal<"primary" | "ghost" | "secondary" | "tab" | undefined>;
+  variant: import("@angular/core").InputSignal<"ghost" | "primary" | "secondary" | "tab" | undefined>;
   name: import("@angular/core").InputSignal<string | undefined>;
   baseUrl: import("@angular/core").InputSignal<string | undefined>;
   one: import("@angular/core").InputSignal<boolean | undefined>;
@@ -3236,7 +3236,7 @@ export declare class ButtonGroupComponent extends ConfigComponent<ButtonGroup> {
     color?: string | keyof import("dist/libs/cli/src").ThemeColor;
     align?: ConfigAlign;
     isLoading?: boolean;
-    variant?: "primary" | "ghost" | "secondary" | "tab" | undefined;
+    variant?: "ghost" | "primary" | "secondary" | "tab" | undefined;
     label?: string;
     noTranslate?: boolean;
     params?: Record<string, string>;
@@ -4043,7 +4043,13 @@ export declare class SectionSearchComponent extends BaseTextInputComponent<Searc
    */
   elementInputs: import("@angular/core").InputSignal<Record<string, unknown> | undefined>;
   readonly searchChange: import("@angular/core").OutputEmitterRef<string>;
-  protected readonly isOpen: import("@angular/core").WritableSignal<boolean>;
+  /**
+   * Whether the field is open. A `model` rather than a signal of the bar's own:
+   * a caller that draws the toggle somewhere other than this bar — the nav
+   * header stands it in the trail's row, beside the nav — holds the state and
+   * hands it back when the field loses the caret.
+   */
+  readonly isOpen: import("@angular/core").ModelSignal<boolean>;
   /**
    * The text the results component is drawing for. The debounced value rather
    * than the live one: results are a search, and a keystroke is not — this is
@@ -4161,10 +4167,16 @@ export declare class SectionSearchComponent extends BaseTextInputComponent<Searc
       "required": false;
       "isSignal": true;
     };
+    "isOpen": {
+      "alias": "isOpen";
+      "required": false;
+      "isSignal": true;
+    };
   }, {
     "value": "valueChange";
     "touched": "touchedChange";
     "searchChange": "searchChange";
+    "isOpen": "isOpenChange";
   }, never, ["*"], true, never>;
 }
 type BadgeVariant = 'saas' | 'status' | 'minimal' | 'default' | 'primary' | 'danger' | 'chip';
@@ -4586,7 +4598,7 @@ export declare class SectionFilterGroupComponent {
   readonly paddingX: import("@angular/core").InputSignal<boolean | undefined>;
   readonly paddingY: import("@angular/core").InputSignal<boolean | undefined>;
   readonly maxWidth: import("@angular/core").InputSignal<string | undefined>;
-  readonly align: import("@angular/core").InputSignal<"center" | "left" | "right" | undefined>;
+  readonly align: import("@angular/core").InputSignal<"left" | "center" | "right" | undefined>;
   readonly config: import("@angular/core").InputSignal<SectionFilterGroupConfig | undefined>;
   /**
    * The whole group's selection, keyed by each Filter's `name` — one key per
@@ -4604,7 +4616,7 @@ export declare class SectionFilterGroupComponent {
   protected readonly resolvedPadding: import("@angular/core").Signal<boolean>;
   protected readonly resolvedPaddingX: import("@angular/core").Signal<boolean>;
   protected readonly resolvedPaddingY: import("@angular/core").Signal<boolean>;
-  protected readonly resolvedAlign: import("@angular/core").Signal<"center" | "left" | "right">;
+  protected readonly resolvedAlign: import("@angular/core").Signal<"left" | "center" | "right">;
   protected readonly resolvedMaxWidth: import("@angular/core").Signal<string | undefined>;
   protected readonly noBorder: import("@angular/core").Signal<boolean>;
   /**
@@ -4709,7 +4721,7 @@ export declare class SectionStepperComponent implements OnDestroy {
   readonly lg: import("@angular/core").InputSignal<number | undefined>;
   readonly xl: import("@angular/core").InputSignal<number | undefined>;
   readonly xxl: import("@angular/core").InputSignal<number | undefined>;
-  readonly orientation: import("@angular/core").InputSignal<"vertical" | "horizontal" | undefined>;
+  readonly orientation: import("@angular/core").InputSignal<"horizontal" | "vertical" | undefined>;
   readonly stepChange: import("@angular/core").OutputEmitterRef<number>;
   private readonly isCompact;
   private readonly mediaMatched;
@@ -4783,7 +4795,7 @@ export declare class SectionStepperComponent implements OnDestroy {
 export declare class SectionBadgesComponent {
   readonly wrap: import("@angular/core").InputSignal<boolean>;
   readonly border: import("@angular/core").InputSignal<boolean>;
-  readonly align: import("@angular/core").InputSignal<"center" | "left" | "right">;
+  readonly align: import("@angular/core").InputSignal<"left" | "center" | "right">;
   private readonly sectionContext;
   protected readonly hasBorder: import("@angular/core").Signal<boolean>;
   static ɵfac: i0.ɵɵFactoryDeclaration<SectionBadgesComponent, never>;
@@ -4900,7 +4912,7 @@ export declare class SectionToggleComponent<T extends SectionToggleItem = Sectio
 }
 export declare class SectionFooterComponent {
   readonly sticky: import("@angular/core").InputSignal<boolean>;
-  readonly align: import("@angular/core").InputSignal<"center" | "left" | "right">;
+  readonly align: import("@angular/core").InputSignal<"left" | "center" | "right">;
   private readonly scrollSticky;
   protected readonly isSticky: import("@angular/core").Signal<boolean>;
   private readonly sectionContext;
@@ -4953,7 +4965,7 @@ export declare class SectionPaginationComponent {
    * Entries that are not positive numbers drop rather than throw.
    */
   readonly perPageOptions: import("@angular/core").InputSignal<string | undefined>;
-  readonly align: import("@angular/core").InputSignal<"center" | "left" | "right">;
+  readonly align: import("@angular/core").InputSignal<"left" | "center" | "right">;
   readonly showPerPage: import("@angular/core").InputSignal<boolean>;
   /** Hides the band outright once everything fits one page. */
   readonly hideOnSinglePage: import("@angular/core").InputSignal<boolean>;
@@ -5291,7 +5303,7 @@ export declare class SectionComponent extends ConfigComponent<SectionConfig> {
   readonly align: import("@angular/core").InputSignal<SectionAlign | undefined>;
   readonly alignX: import("@angular/core").InputSignal<GridAlignX | undefined>;
   readonly alignY: import("@angular/core").InputSignal<GridAlignY | undefined>;
-  readonly size: import("@angular/core").InputSignal<"sm" | "md" | "lg" | Size | undefined>;
+  readonly size: import("@angular/core").InputSignal<Size | "sm" | "md" | "lg" | undefined>;
   private readonly parentSize;
   readonly resolvedSize: import("@angular/core").Signal<Size>;
   protected readonly sizeLength: import("@angular/core").Signal<string>;
@@ -5431,8 +5443,8 @@ export declare class SectionHeaderComponent {
   readonly visibilityRule: import("@angular/core").InputSignal<((key: string, data?: unknown) => boolean) | undefined>;
   readonly disableRule: import("@angular/core").InputSignal<((key: string, data?: unknown) => boolean) | undefined>;
   readonly extraData: import("@angular/core").InputSignal<unknown>;
-  readonly align: import("@angular/core").InputSignal<"center" | "left" | "right" | undefined>;
-  readonly alignment: import("@angular/core").Signal<"center" | "left" | "right">;
+  readonly align: import("@angular/core").InputSignal<"left" | "center" | "right" | undefined>;
+  readonly alignment: import("@angular/core").Signal<"left" | "center" | "right">;
   readonly showBack: import("@angular/core").InputSignal<boolean>;
   readonly actionButton: import("@angular/core").InputSignal<string | undefined>;
   readonly actionLabel: import("@angular/core").InputSignal<string | undefined>;
@@ -5449,7 +5461,7 @@ export declare class SectionHeaderComponent {
   protected readonly sidepanel: import("@angular/core").Signal<boolean>;
   protected readonly noBorder: import("@angular/core").Signal<boolean>;
   protected readonly resolvedMaxWidth: import("@angular/core").Signal<string | undefined>;
-  protected readonly boxAlign: import("@angular/core").Signal<"center" | "left" | "right">;
+  protected readonly boxAlign: import("@angular/core").Signal<"left" | "center" | "right">;
   protected readonly iconBox: import("@angular/core").Signal<string>;
   protected readonly isSticky: import("@angular/core").Signal<boolean>;
   protected readonly hasMenu: import("@angular/core").Signal<boolean>;
@@ -5589,7 +5601,7 @@ export declare class SectionButtonGroupComponent extends ConfigComponent<Section
   readonly vertical: import("@angular/core").InputSignal<boolean | undefined>;
   readonly align: import("@angular/core").InputSignal<ConfigAlign>;
   readonly variant: import("@angular/core").InputSignal<"spaced" | "joined" | undefined>;
-  readonly size: import("@angular/core").InputSignal<"sm" | "md" | "lg" | Size | undefined>;
+  readonly size: import("@angular/core").InputSignal<Size | "sm" | "md" | "lg" | undefined>;
   readonly fullWidth: import("@angular/core").InputSignal<boolean | undefined>;
   private readonly parentSize;
   readonly resolvedSize: import("@angular/core").Signal<Size>;
@@ -5597,7 +5609,7 @@ export declare class SectionButtonGroupComponent extends ConfigComponent<Section
   protected readonly resolvedFullWidth: import("@angular/core").Signal<boolean>;
   protected readonly resolvedVertical: import("@angular/core").Signal<boolean>;
   protected readonly resolvedVariant: import("@angular/core").Signal<"spaced" | "joined">;
-  protected readonly resolvedAlign: import("@angular/core").Signal<"center" | "left" | "right" | "bottom" | "top">;
+  protected readonly resolvedAlign: import("@angular/core").Signal<"left" | "top" | "bottom" | "center" | "right">;
   static ɵfac: i0.ɵɵFactoryDeclaration<SectionButtonGroupComponent, never>;
   static ɵcmp: i0.ɵɵComponentDeclaration<SectionButtonGroupComponent, "m-section-button-group", never, {
     "vertical": {
@@ -7105,7 +7117,7 @@ declare class DropdownBoxComponent {
 }
 /** The trigger both option Fields draw: a searchable text input and a chevron. */
 declare const DROPDOWN_TEMPLATE = "\n  @if (config(); as dropdown) {\n    @if (dropdown.label) {\n      <m-label\n        [for]=\"dropdown.name ?? ''\"\n        [placeholder]=\"dropdown.label\"\n        [params]=\"dropdown.params\"\n        [required]=\"required()\"\n        [disabled]=\"disabled()\"\n      />\n    }\n    <div\n      class=\"trigger-wrap\"\n      #wrapper\n      [mSelector]=\"selectorConfig()\"\n      [disabled]=\"disabled() || readonly() || !!config()?.readonly\"\n      (opened)=\"onOpened()\"\n      (closed)=\"onClosed()\"\n      (focusin)=\"isFocused.set(true)\"\n      (focusout)=\"isFocused.set(false)\"\n    >\n      <m-text-input\n        [config]=\"triggerInputConfig()\"\n        [value]=\"displayValue()\"\n        [disabled]=\"disabled()\"\n        [invalid]=\"invalid()\"\n        [hideErrors]=\"true\"\n        [(touched)]=\"touched\"\n        [focused]=\"focused()\"\n        (valueChange)=\"onInput($event)\"\n        (click)=\"preventToggleWhenOpen($event)\"\n        (keydown.space)=\"$event.stopPropagation()\"\n        (keydown.enter)=\"onEnter($event)\"\n        (keydown.arrowdown)=\"onArrow($event, 1)\"\n        (keydown.arrowup)=\"onArrow($event, -1)\"\n        (keydown.tab)=\"$event.stopPropagation()\"\n      />\n      <m-button [disabled]=\"disabled()\" [config]=\"chevron()\" />\n    </div>\n    @if (showErrors()) {\n      @for (error of errors(); track $index) {\n        <m-text-output\n          variant=\"footer\"\n          color=\"error\"\n          [label]=\"error.message\"\n        />\n      }\n    }\n  }\n";
-declare const DROPDOWN_IMPORTS: (typeof ButtonComponent | typeof LabelComponent | typeof TextOutputComponent | typeof SelectorDirective | typeof TextInputComponent)[];
+declare const DROPDOWN_IMPORTS: (typeof ButtonComponent | typeof SelectorDirective | typeof TextOutputComponent | typeof LabelComponent | typeof TextInputComponent)[];
 /**
  * Everything a Dropdown and a Multiselect share: the options, the search, the
  * keyboard walk and the panel. What differs is only what the Field holds — one
@@ -8460,14 +8472,14 @@ export declare class SectionFormComponent<T extends object = Record<string, unkn
   readonly heightMode: import("@angular/core").InputSignal<"fixed" | "full" | undefined>;
   readonly maxHeight: import("@angular/core").InputSignal<string | number | undefined>;
   readonly height: import("@angular/core").InputSignal<string | number | undefined>;
-  readonly align: import("@angular/core").InputSignal<"center" | "left" | "right" | undefined>;
+  readonly align: import("@angular/core").InputSignal<"left" | "center" | "right" | undefined>;
   readonly padding: import("@angular/core").InputSignal<string | number | undefined>;
   readonly paddingX: import("@angular/core").InputSignal<string | number | undefined>;
   readonly paddingY: import("@angular/core").InputSignal<string | number | undefined>;
   readonly margin: import("@angular/core").InputSignal<string | number | undefined>;
   readonly marginX: import("@angular/core").InputSignal<string | number | undefined>;
   readonly marginY: import("@angular/core").InputSignal<string | number | undefined>;
-  readonly size: import("@angular/core").InputSignal<"sm" | "md" | "lg" | Size | undefined>;
+  readonly size: import("@angular/core").InputSignal<Size | "sm" | "md" | "lg" | undefined>;
   readonly autofocus: import("@angular/core").InputSignal<boolean>;
   data: import("@angular/core").InputSignal<T | undefined>;
   readonly dataChange: import("@angular/core").OutputEmitterRef<T>;
@@ -8512,7 +8524,7 @@ export declare class SectionFormComponent<T extends object = Record<string, unkn
   protected readonly handleSubmit: (event: Event) => void;
   readonly resolvedSize: import("@angular/core").Signal<Size>;
   protected readonly sizeLength: import("@angular/core").Signal<string | null>;
-  readonly resolvedAlign: import("@angular/core").Signal<"center" | "left" | "right">;
+  readonly resolvedAlign: import("@angular/core").Signal<"left" | "center" | "right">;
   readonly resolvedVariant: import("@angular/core").Signal<string | undefined>;
   readonly resolvedMaxWidth: import("@angular/core").Signal<string | number | undefined>;
   private readonly resolvedPadding;
@@ -9187,7 +9199,7 @@ export declare class StepperComponent extends ConfigComponent<Stepper> {
   constructor();
   protected readonly isReadonly: import("@angular/core").Signal<boolean>;
   protected readonly stepperDisabled: import("@angular/core").Signal<boolean>;
-  protected readonly orientation: import("@angular/core").Signal<"compact" | "vertical">;
+  protected readonly orientation: import("@angular/core").Signal<"vertical" | "compact">;
   protected readonly currentStepLabel: import("@angular/core").Signal<string>;
   protected readonly nextStepLabel: import("@angular/core").Signal<string>;
   protected readonly isLastStep: import("@angular/core").Signal<boolean>;
@@ -9371,7 +9383,7 @@ export declare class ComponentStepperComponent {
   components: import("@angular/core").InputSignal<Type<unknown>[]>;
   labels: import("@angular/core").InputSignal<string[] | undefined>;
   currentIndex: import("@angular/core").InputSignal<number>;
-  variant: import("@angular/core").InputSignal<"vertical" | "horizontal">;
+  variant: import("@angular/core").InputSignal<"horizontal" | "vertical">;
   context: import("@angular/core").InputSignal<Record<string, unknown> | undefined>;
   readonly stepChange: import("@angular/core").OutputEmitterRef<number>;
   static ɵfac: i0.ɵɵFactoryDeclaration<ComponentStepperComponent, never>;
@@ -11001,7 +11013,7 @@ export type DocAiPhase = 'idle' | 'asking' | 'question' | 'outline' | 'writing'
  */
 export declare class DocEditorComponent implements ControlValueAccessor {
   protected readonly groups: readonly import("@magmonium/one").DocToolbarGroup[];
-  protected readonly icons: Record<"code" | "link" | "table" | "strike" | "list" | "bold" | "heading" | "italic" | "quote", string>;
+  protected readonly icons: Record<"code" | "bold" | "italic" | "strike" | "heading" | "list" | "quote" | "link" | "table", string>;
   protected readonly docActionKey: typeof docActionKey;
   private readonly translate;
   protected readonly value: import("@angular/core").WritableSignal<string>;
@@ -12715,7 +12727,7 @@ export declare class ConfirmComponent {
   cancelLabel: import("@angular/core").InputSignal<string>;
   protected readonly confirmText: import("@angular/core").Signal<string>;
   protected readonly cancelText: import("@angular/core").Signal<string>;
-  protected readonly iconName: import("@angular/core").Signal<"info" | "exclamation-triangle" | "trash" | "check-circle">;
+  protected readonly iconName: import("@angular/core").Signal<"exclamation-triangle" | "info" | "trash" | "check-circle">;
   protected accept(): void;
   protected decline(): void;
   static ɵfac: i0.ɵɵFactoryDeclaration<ConfirmComponent, never>;
@@ -14414,6 +14426,18 @@ export declare class NavHeaderComponent {
   _isUser: import("@angular/core").Signal<boolean>;
   _isSearch: import("@angular/core").Signal<boolean>;
   _hasParent: import("@angular/core").Signal<boolean>;
+  /**
+   * Whether the search field is showing in the nav's place. The bar draws no
+   * toggle of its own here: it stands in the trail's row, so the trail — and
+   * the bar's open state with it — is the header's to hold and hand over.
+   */
+  _searchOpen: import("@angular/core").WritableSignal<boolean>;
+  _searchToggle: {
+    icon: string;
+    iconOnly: true;
+    variant: "ghost";
+  };
+  _openSearch: () => void;
   /**
    * The text the app the Address stands in words its search bar with
    * (GLOSSARY.md SearchLabel), or `''` where it named none — the bar's input is
@@ -14424,6 +14448,7 @@ export declare class NavHeaderComponent {
   _trail: import("@angular/core").Signal<import("@magmonium/one").BreadcrumbTrail[] | null>;
   _user: import("@angular/core").Signal<import("@magmonium/one").AuthUser | null>;
   _header: import("@angular/core").Signal<import("@magmonium/one").BreadcrumbTrail | null>;
+  constructor();
   static ɵfac: i0.ɵɵFactoryDeclaration<NavHeaderComponent, never>;
   static ɵcmp: i0.ɵɵComponentDeclaration<NavHeaderComponent, "m-nav-header", never, {}, {}, never, never, true, never>;
 }
@@ -15270,7 +15295,7 @@ type AvatarUser = {
 };
 export declare class UserAvatarComponent {
   user: import("@angular/core").InputSignal<AvatarUser | null | undefined>;
-  variant: import("@angular/core").InputSignal<"rounded" | "square">;
+  variant: import("@angular/core").InputSignal<"square" | "rounded">;
   protected readonly name: import("@angular/core").Signal<string>;
   protected readonly abbr: import("@angular/core").Signal<string>;
   protected readonly profilePic: import("@angular/core").Signal<string | undefined>;