@magmonium/one 0.4.101 → 0.4.102

package/package.json

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

package/types/magmonium-one.d.ts

@@ -1622,7 +1622,7 @@ export declare class DraggableDirective {
   readonly max: import("@angular/core").InputSignal<Position | undefined>;
   readonly dragStart: import("@angular/core").OutputEmitterRef<void>;
   readonly dragEnd: import("@angular/core").OutputEmitterRef<void>;
-  protected readonly cursor: import("@angular/core").Signal<"move" | "ew-resize" | "ns-resize">;
+  protected readonly cursor: import("@angular/core").Signal<"ew-resize" | "ns-resize" | "move">;
   protected state: DraggableState;
   set pos(position: Position);
   /**
@@ -2925,7 +2925,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<"ghost" | "primary" | "secondary" | "tab" | undefined>;
+  variant: import("@angular/core").InputSignal<"primary" | "ghost" | "secondary" | "tab" | undefined>;
   name: import("@angular/core").InputSignal<string | undefined>;
   baseUrl: import("@angular/core").InputSignal<string | undefined>;
   one: import("@angular/core").InputSignal<boolean | undefined>;
@@ -2938,7 +2938,7 @@ export declare class ButtonComponent extends ReactiveElementComponent<Button> {
   icon: import("@angular/core").InputSignal<string | undefined>;
   isRightIcon: import("@angular/core").InputSignal<string | boolean | undefined>;
   iconOnly: import("@angular/core").InputSignal<string | boolean | undefined>;
-  size: import("@angular/core").InputSignal<Size | "sm" | "md" | "lg" | undefined>;
+  size: import("@angular/core").InputSignal<"sm" | "md" | "lg" | Size | undefined>;
   stacked: import("@angular/core").InputSignal<string | boolean | undefined>;
   imgSrc: import("@angular/core").InputSignal<string | undefined>;
   nonClickable: import("@angular/core").InputSignal<string | boolean | undefined>;
@@ -3555,7 +3555,7 @@ export declare class ButtonGroupComponent extends ConfigComponent<ButtonGroup> {
     color?: string | keyof import("dist/libs/cli/src").ThemeColor;
     align?: ConfigAlign;
     isLoading?: boolean;
-    variant?: "ghost" | "primary" | "secondary" | "tab" | undefined;
+    variant?: "primary" | "ghost" | "secondary" | "tab" | undefined;
     label?: string;
     noTranslate?: boolean;
     params?: Record<string, string>;
@@ -4372,7 +4372,7 @@ declare class BaseTextInputComponent<T extends Input = TextInput> extends BaseIn
   private autofocused;
   constructor();
   readonly isFocused: import("@angular/core").WritableSignal<boolean>;
-  readonly iconColor: import("@angular/core").Signal<"error" | "focus" | "border">;
+  readonly iconColor: import("@angular/core").Signal<"error" | "border" | "focus">;
   protected readonly setValue: (value: string) => void;
   static ɵfac: i0.ɵɵFactoryDeclaration<BaseTextInputComponent<any>, never>;
   static ɵdir: i0.ɵɵDirectiveDeclaration<BaseTextInputComponent<any>, never, never, {
@@ -4993,7 +4993,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
@@ -5011,7 +5011,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>;
   /**
@@ -5116,7 +5116,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;
@@ -5190,7 +5190,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>;
@@ -5338,7 +5338,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>;
@@ -5676,7 +5676,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>;
@@ -5847,8 +5847,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 badge: import("@angular/core").InputSignal<BadgeCount | undefined>;
   readonly showBack: import("@angular/core").InputSignal<boolean>;
   readonly actionButton: import("@angular/core").InputSignal<string | undefined>;
@@ -5867,7 +5867,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 stickyOn: import("@angular/core").Signal<boolean>;
   protected readonly isSticky: import("@angular/core").Signal<boolean>;
@@ -6015,7 +6015,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>;
@@ -6023,7 +6023,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": {
@@ -6055,7 +6055,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<"left" | "center" | "right">;
+  readonly align: import("@angular/core").InputSignal<"center" | "left" | "right">;
   readonly maxWidth: import("@angular/core").InputSignal<string | undefined>;
   readonly fullWidth: import("@angular/core").InputSignal<boolean>;
   private readonly isDesignMode;
@@ -6066,7 +6066,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<"left" | "center" | "right">;
+  protected readonly boxAlign: import("@angular/core").Signal<"center" | "left" | "right">;
   static ɵfac: i0.ɵɵFactoryDeclaration<SectionFooterComponent, never>;
   static ɵcmp: i0.ɵɵComponentDeclaration<SectionFooterComponent, "m-section-footer", never, {
     "sticky": {
@@ -8434,7 +8434,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 LabelComponent | typeof TextOutputComponent | typeof TextInputComponent | typeof ButtonComponent | typeof SelectorDirective)[];
+declare const DROPDOWN_IMPORTS: (typeof ButtonComponent | typeof LabelComponent | typeof SelectorDirective | typeof TextOutputComponent | 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
@@ -8617,7 +8617,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: "error" | "focus" | "border" | "background" | "text" | "textSecondary" | "mm" | "mmLite" | "mmDark" | "errorLight" | "warning" | "successLite" | "success" | "highlight" | "wealth";
+    key: "text" | "error" | "focus" | "mm" | "mmLite" | "mmDark" | "background" | "border" | "textSecondary" | "errorLight" | "warning" | "successLite" | "success" | "highlight" | "wealth";
     color: string;
   }[]>;
   hue: import("@angular/core").WritableSignal<number>;
@@ -9361,7 +9361,7 @@ export declare class FileUploadInputComponent extends BaseInputComponent<FileUpl
   private readonly editorSize;
   private readonly maxSize;
   protected readonly isLocked: import("@angular/core").Signal<boolean>;
-  protected readonly dropZoneIconColor: import("@angular/core").Signal<"error" | "focus" | "border">;
+  protected readonly dropZoneIconColor: import("@angular/core").Signal<"error" | "border" | "focus">;
   /** Object URLs of the previews on show, keyed by what the value holds. */
   private readonly previews;
   protected readonly heldFiles: import("@angular/core").Signal<HeldFile[]>;
@@ -9815,17 +9815,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<"full" | "fixed" | undefined>;
+  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>;
@@ -9870,7 +9870,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;
@@ -9882,7 +9882,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<"full" | "fixed" | undefined>;
+  readonly resolvedHeightMode: import("@angular/core").Signal<"fixed" | "full" | undefined>;
   readonly isFullHeight: import("@angular/core").Signal<boolean>;
   readonly cssMaxHeight: import("@angular/core").Signal<string | undefined>;
   constructor();
@@ -10552,7 +10552,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>;
@@ -10736,7 +10736,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>;
@@ -12161,7 +12161,7 @@ export declare class ScoreSetItemComponent {
   private readonly themeStore;
   protected readonly tipId: string;
   protected readonly tipDismissed: import("@angular/core").WritableSignal<boolean>;
-  protected readonly shape: import("@angular/core").Signal<"primary" | "none" | "row">;
+  protected readonly shape: import("@angular/core").Signal<"none" | "row" | "primary">;
   protected readonly tone: import("@angular/core").Signal<string | null>;
   protected readonly model: import("@angular/core").Signal<{
     value: number | null;
@@ -12475,7 +12475,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<"list" | "line">;
+  protected readonly shownAs: import("@angular/core").Signal<"line" | "list">;
   /** Every drawable mark, the `current` and `forecast` stand-ins included. */
   private readonly everyMark;
   /** The reference levels drawn as ticks and labels. */
@@ -12818,7 +12818,7 @@ export declare class ScaleComponent {
   private readonly formatter;
   /** A value as text: a `percent` value is already in percent (12.5 → 12.5%). */
   readonly formatValue: (v: number) => string;
-  protected readonly shownAs: import("@angular/core").Signal<"horizontal" | "vertical">;
+  protected readonly shownAs: import("@angular/core").Signal<"vertical" | "horizontal">;
   private readonly marks;
   protected readonly primary: import("@angular/core").Signal<Mark | null>;
   private readonly relations;
@@ -13569,7 +13569,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<"bold" | "italic" | "strike" | "heading" | "list" | "quote" | "link" | "code" | "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>;
@@ -15578,7 +15578,7 @@ export declare class ConfirmComponent {
    * every confirmation drawn before this.
    */
   params: import("@angular/core").InputSignal<Record<string, string>>;
-  type: import("@angular/core").InputSignal<"warning" | "success" | "danger" | "info">;
+  type: import("@angular/core").InputSignal<"warning" | "success" | "info" | "danger">;
   /**
    * Whether the question can be refused. `yes` is an acknowledgement — the one
    * button commits and there is nothing else to press — and stays the default,
@@ -15595,7 +15595,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 accent: import("@angular/core").Signal<"error" | "warning" | "success" | "mm">;
+  protected readonly accent: import("@angular/core").Signal<"error" | "mm" | "success" | "warning">;
   protected readonly iconName: import("@angular/core").Signal<"exclamation-triangle" | "info" | "trash" | "check-circle">;
   protected accept(): void;
   protected decline(): void;