@magmonium/one 0.4.95 → 0.4.96

package/package.json

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

package/types/magmonium-one.d.ts

@@ -4968,7 +4968,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" | "right" | "center" | undefined>;
   readonly config: import("@angular/core").InputSignal<SectionFilterGroupConfig | undefined>;
   /**
    * The whole group's selection, keyed by each Filter's `name` — one key per
@@ -4986,7 +4986,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" | "right" | "center">;
   protected readonly resolvedMaxWidth: import("@angular/core").Signal<string | undefined>;
   protected readonly noBorder: import("@angular/core").Signal<boolean>;
   /**
@@ -5165,7 +5165,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" | "right" | "center">;
   private readonly sectionContext;
   protected readonly hasBorder: import("@angular/core").Signal<boolean>;
   static ɵfac: i0.ɵɵFactoryDeclaration<SectionBadgesComponent, never>;
@@ -5313,7 +5313,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" | "right" | "center">;
   readonly showPerPage: import("@angular/core").InputSignal<boolean>;
   /** Hides the band outright once everything fits one page. */
   readonly hideOnSinglePage: import("@angular/core").InputSignal<boolean>;
@@ -5651,7 +5651,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>;
@@ -5822,8 +5822,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" | "right" | "center" | undefined>;
+  readonly alignment: import("@angular/core").Signal<"left" | "right" | "center">;
   readonly badge: import("@angular/core").InputSignal<BadgeCount | undefined>;
   readonly showBack: import("@angular/core").InputSignal<boolean>;
   readonly actionButton: import("@angular/core").InputSignal<string | undefined>;
@@ -5842,7 +5842,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" | "right" | "center">;
   protected readonly iconBox: import("@angular/core").Signal<string>;
   protected readonly stickyOn: import("@angular/core").Signal<boolean>;
   protected readonly isSticky: import("@angular/core").Signal<boolean>;
@@ -5990,7 +5990,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>;
@@ -5998,7 +5998,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" | "right" | "center" | "top" | "bottom">;
   static ɵfac: i0.ɵɵFactoryDeclaration<SectionButtonGroupComponent, never>;
   static ɵcmp: i0.ɵɵComponentDeclaration<SectionButtonGroupComponent, "m-section-button-group", never, {
     "vertical": {
@@ -6030,7 +6030,7 @@ export declare class SectionButtonGroupComponent extends ConfigComponent<Section
 }
 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" | "right" | "center">;
   readonly maxWidth: import("@angular/core").InputSignal<string | undefined>;
   readonly fullWidth: import("@angular/core").InputSignal<boolean>;
   private readonly isDesignMode;
@@ -6041,7 +6041,7 @@ export declare class SectionFooterComponent {
   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" | "right" | "center">;
   static ɵfac: i0.ɵɵFactoryDeclaration<SectionFooterComponent, never>;
   static ɵcmp: i0.ɵɵComponentDeclaration<SectionFooterComponent, "m-section-footer", never, {
     "sticky": {
@@ -8406,7 +8406,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 SelectorDirective | typeof TextOutputComponent | typeof TextInputComponent)[];
+declare const DROPDOWN_IMPORTS: (typeof ButtonComponent | typeof TextOutputComponent | typeof LabelComponent | 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
@@ -8590,7 +8590,7 @@ declare class ColorPickerBoxComponent implements AfterViewInit, OnDestroy {
   protected readonly _eyedropperConfig: import("@magmonium/one").Button;
   protected readonly _headerContextMenu: ContextMenu;
   protected readonly themeSwatches: import("@angular/core").Signal<{
-    key: "text" | "error" | "focus" | "mm" | "mmLite" | "mmDark" | "background" | "border" | "textSecondary" | "errorLight" | "warning" | "successLite" | "success" | "highlight" | "wealth";
+    key: "error" | "background" | "border" | "text" | "textSecondary" | "mm" | "mmLite" | "mmDark" | "focus" | "errorLight" | "warning" | "successLite" | "success" | "highlight" | "wealth";
     color: string;
   }[]>;
   hue: import("@angular/core").WritableSignal<number>;
@@ -9789,17 +9789,17 @@ export declare class SectionFormComponent<T extends object = Record<string, unkn
   protected readonly resolvesConfigAsset = false;
   readonly variant: import("@angular/core").InputSignal<string | undefined>;
   readonly maxWidth: import("@angular/core").InputSignal<string | undefined>;
-  readonly heightMode: import("@angular/core").InputSignal<"fixed" | "full" | undefined>;
+  readonly heightMode: import("@angular/core").InputSignal<"full" | "fixed" | 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" | "right" | "center" | 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>;
@@ -9844,7 +9844,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" | "right" | "center">;
   readonly resolvedVariant: import("@angular/core").Signal<string | undefined>;
   readonly resolvedMaxWidth: import("@angular/core").Signal<string | number | undefined>;
   private readonly resolvedPadding;
@@ -9856,7 +9856,7 @@ export declare class SectionFormComponent<T extends object = Record<string, unkn
   readonly resolvedMinHeight: import("@angular/core").Signal<string | undefined>;
   readonly resolvedMinWidth: import("@angular/core").Signal<string | undefined>;
   readonly resolvedMaxHeight: import("@angular/core").Signal<string | number | undefined>;
-  readonly resolvedHeightMode: import("@angular/core").Signal<"fixed" | "full" | undefined>;
+  readonly resolvedHeightMode: import("@angular/core").Signal<"full" | "fixed" | undefined>;
   readonly isFullHeight: import("@angular/core").Signal<boolean>;
   readonly cssMaxHeight: import("@angular/core").Signal<string | undefined>;
   constructor();
@@ -10400,12 +10400,18 @@ export declare class OptionsSourceDirective {
 }
 export declare const emailValidation: (schemaPath: SchemaPath<string>) => void;
 export declare const requiredValidation: (s: Record<string, unknown>, paths: string[]) => void;
-export declare const minLengthValidation: (s: Record<string, unknown>, paths: string[], len: number) => void;
-export declare const maxLengthValidation: (s: Record<string, unknown>, paths: string[], len: number) => void;
-export declare const minValidation: (s: Record<string, unknown>, paths: string[], limit: number) => void;
-export declare const maxValidation: (s: Record<string, unknown>, paths: string[], limit: number) => void;
+/**
+ * A validator's operand: a fixed number, or a read of one that may move — a
+ * signal on the host's class or its store. A read answering `undefined` turns
+ * the rule off rather than checking against nothing.
+ */
+export type ValidationLimit = number | (() => number | undefined);
+export declare const minLengthValidation: (s: Record<string, unknown>, paths: string[], len: ValidationLimit) => void;
+export declare const maxLengthValidation: (s: Record<string, unknown>, paths: string[], len: ValidationLimit) => void;
+export declare const minValidation: (s: Record<string, unknown>, paths: string[], limit: ValidationLimit) => void;
+export declare const maxValidation: (s: Record<string, unknown>, paths: string[], limit: ValidationLimit) => void;
 export declare const manualValidation: (errorMap: ManualErrorValidator[]) => void;
-export declare const minAgeValidation: (schemaPath: SchemaPath<string>, minAge: number, dateFormat?: string) => void;
+export declare const minAgeValidation: (schemaPath: SchemaPath<string>, minAge: ValidationLimit, dateFormat?: string) => void;
 export declare const matchFieldValidation: (schemaPath: SchemaPath<string>, matchSchemaPath: SchemaPath<string>, fieldLabel: string) => void;
 export declare const urlValidation: (schemaPath: SchemaPath<string>) => void;
 export declare const patternValidation: (schemaPath: SchemaPath<string>, regex: RegExp, message?: string) => void;
@@ -12443,7 +12449,7 @@ export declare class PriceLadderComponent {
   protected readonly current: import("@angular/core").Signal<number | null>;
   /** The forecast point: a `forecast` mark, else the `target` input. */
   private readonly targetPoint;
-  protected readonly shownAs: import("@angular/core").Signal<"line" | "list">;
+  protected readonly shownAs: import("@angular/core").Signal<"list" | "line">;
   /** Every drawable mark, the `current` and `forecast` stand-ins included. */
   private readonly everyMark;
   /** The reference levels drawn as ticks and labels. */
@@ -13537,7 +13543,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" | "list" | "link" | "table" | "strike" | "bold" | "heading" | "italic" | "quote", string>;
   protected readonly docActionKey: typeof docActionKey;
   private readonly translate;
   protected readonly value: import("@angular/core").WritableSignal<string>;