@magmonium/one 0.4.39 → 0.4.41

package/package.json

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

package/types/magmonium-one.d.ts

@@ -4598,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<"left" | "center" | "right" | undefined>;
+  readonly align: import("@angular/core").InputSignal<"center" | "left" | "right" | undefined>;
   readonly config: import("@angular/core").InputSignal<SectionFilterGroupConfig | undefined>;
   /**
    * The whole group's selection, keyed by each Filter's `name` — one key per
@@ -4616,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<"left" | "center" | "right">;
+  protected readonly resolvedAlign: import("@angular/core").Signal<"center" | "left" | "right">;
   protected readonly resolvedMaxWidth: import("@angular/core").Signal<string | undefined>;
   protected readonly noBorder: import("@angular/core").Signal<boolean>;
   /**
@@ -4721,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<"horizontal" | "vertical" | undefined>;
+  readonly orientation: import("@angular/core").InputSignal<"vertical" | "horizontal" | undefined>;
   readonly stepChange: import("@angular/core").OutputEmitterRef<number>;
   private readonly isCompact;
   private readonly mediaMatched;
@@ -4795,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<"left" | "center" | "right">;
+  readonly align: import("@angular/core").InputSignal<"center" | "left" | "right">;
   private readonly sectionContext;
   protected readonly hasBorder: import("@angular/core").Signal<boolean>;
   static ɵfac: i0.ɵɵFactoryDeclaration<SectionBadgesComponent, never>;
@@ -4912,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<"left" | "center" | "right">;
+  readonly align: import("@angular/core").InputSignal<"center" | "left" | "right">;
   private readonly scrollSticky;
   protected readonly isSticky: import("@angular/core").Signal<boolean>;
   private readonly sectionContext;
@@ -4965,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<"left" | "center" | "right">;
+  readonly align: import("@angular/core").InputSignal<"center" | "left" | "right">;
   readonly showPerPage: import("@angular/core").InputSignal<boolean>;
   /** Hides the band outright once everything fits one page. */
   readonly hideOnSinglePage: import("@angular/core").InputSignal<boolean>;
@@ -5303,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<Size | "sm" | "md" | "lg" | undefined>;
+  readonly size: import("@angular/core").InputSignal<"sm" | "md" | "lg" | Size | undefined>;
   private readonly parentSize;
   readonly resolvedSize: import("@angular/core").Signal<Size>;
   protected readonly sizeLength: import("@angular/core").Signal<string>;
@@ -5443,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<"left" | "center" | "right" | undefined>;
-  readonly alignment: import("@angular/core").Signal<"left" | "center" | "right">;
+  readonly align: import("@angular/core").InputSignal<"center" | "left" | "right" | undefined>;
+  readonly alignment: import("@angular/core").Signal<"center" | "left" | "right">;
   readonly showBack: import("@angular/core").InputSignal<boolean>;
   readonly actionButton: import("@angular/core").InputSignal<string | undefined>;
   readonly actionLabel: import("@angular/core").InputSignal<string | undefined>;
@@ -5461,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<"left" | "center" | "right">;
+  protected readonly boxAlign: import("@angular/core").Signal<"center" | "left" | "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>;
@@ -5601,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<Size | "sm" | "md" | "lg" | undefined>;
+  readonly size: import("@angular/core").InputSignal<"sm" | "md" | "lg" | Size | undefined>;
   readonly fullWidth: import("@angular/core").InputSignal<boolean | undefined>;
   private readonly parentSize;
   readonly resolvedSize: import("@angular/core").Signal<Size>;
@@ -5609,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<"left" | "top" | "bottom" | "center" | "right">;
+  protected readonly resolvedAlign: import("@angular/core").Signal<"center" | "left" | "right" | "bottom" | "top">;
   static ɵfac: i0.ɵɵFactoryDeclaration<SectionButtonGroupComponent, never>;
   static ɵcmp: i0.ɵɵComponentDeclaration<SectionButtonGroupComponent, "m-section-button-group", never, {
     "vertical": {
@@ -7117,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 SelectorDirective | typeof TextOutputComponent | typeof LabelComponent | typeof TextInputComponent)[];
+declare const DROPDOWN_IMPORTS: (typeof ButtonComponent | typeof LabelComponent | typeof TextOutputComponent | typeof SelectorDirective | 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
@@ -8472,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<"left" | "center" | "right" | undefined>;
+  readonly align: import("@angular/core").InputSignal<"center" | "left" | "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<Size | "sm" | "md" | "lg" | undefined>;
+  readonly size: import("@angular/core").InputSignal<"sm" | "md" | "lg" | Size | undefined>;
   readonly autofocus: import("@angular/core").InputSignal<boolean>;
   data: import("@angular/core").InputSignal<T | undefined>;
   readonly dataChange: import("@angular/core").OutputEmitterRef<T>;
@@ -8524,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<"left" | "center" | "right">;
+  readonly resolvedAlign: import("@angular/core").Signal<"center" | "left" | "right">;
   readonly resolvedVariant: import("@angular/core").Signal<string | undefined>;
   readonly resolvedMaxWidth: import("@angular/core").Signal<string | number | undefined>;
   private readonly resolvedPadding;
@@ -9199,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<"vertical" | "compact">;
+  protected readonly orientation: import("@angular/core").Signal<"compact" | "vertical">;
   protected readonly currentStepLabel: import("@angular/core").Signal<string>;
   protected readonly nextStepLabel: import("@angular/core").Signal<string>;
   protected readonly isLastStep: import("@angular/core").Signal<boolean>;
@@ -9383,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<"horizontal" | "vertical">;
+  variant: import("@angular/core").InputSignal<"vertical" | "horizontal">;
   context: import("@angular/core").InputSignal<Record<string, unknown> | undefined>;
   readonly stepChange: import("@angular/core").OutputEmitterRef<number>;
   static ɵfac: i0.ɵɵFactoryDeclaration<ComponentStepperComponent, never>;
@@ -11013,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" | "bold" | "italic" | "strike" | "heading" | "list" | "quote" | "link" | "table", string>;
+  protected readonly icons: Record<"code" | "link" | "table" | "strike" | "list" | "bold" | "heading" | "italic" | "quote", string>;
   protected readonly docActionKey: typeof docActionKey;
   private readonly translate;
   protected readonly value: import("@angular/core").WritableSignal<string>;
@@ -12727,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<"exclamation-triangle" | "info" | "trash" | "check-circle">;
+  protected readonly iconName: import("@angular/core").Signal<"info" | "exclamation-triangle" | "trash" | "check-circle">;
   protected accept(): void;
   protected decline(): void;
   static ɵfac: i0.ɵɵFactoryDeclaration<ConfirmComponent, never>;
@@ -14447,6 +14447,11 @@ export declare class NavHeaderComponent {
   _searchLabel: import("@angular/core").Signal<string>;
   _trail: import("@angular/core").Signal<import("@magmonium/one").BreadcrumbTrail[] | null>;
   _user: import("@angular/core").Signal<import("@magmonium/one").AuthUser | null>;
+  /**
+   * The heading a panel draws in its body: null where the panel is the search
+   * one (the bar is its heading) or the user one (the User is), so a panel that
+   * has a header of its own never also draws the breadcrumb's.
+   */
   _header: import("@angular/core").Signal<import("@magmonium/one").BreadcrumbTrail | null>;
   constructor();
   static ɵfac: i0.ɵɵFactoryDeclaration<NavHeaderComponent, never>;
@@ -15295,7 +15300,7 @@ type AvatarUser = {
 };
 export declare class UserAvatarComponent {
   user: import("@angular/core").InputSignal<AvatarUser | null | undefined>;
-  variant: import("@angular/core").InputSignal<"square" | "rounded">;
+  variant: import("@angular/core").InputSignal<"rounded" | "square">;
   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>;