@magmonium/one 0.4.100 → 0.4.101

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@magmonium/one",
-  "version": "0.4.100",
+  "version": "0.4.101",
   "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<"ew-resize" | "ns-resize" | "move">;
+  protected readonly cursor: import("@angular/core").Signal<"move" | "ew-resize" | "ns-resize">;
   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<"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>;
@@ -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<"sm" | "md" | "lg" | Size | undefined>;
+  size: import("@angular/core").InputSignal<Size | "sm" | "md" | "lg" | 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?: "primary" | "ghost" | "secondary" | "tab" | undefined;
+    variant?: "ghost" | "primary" | "secondary" | "tab" | undefined;
     label?: string;
     noTranslate?: boolean;
     params?: Record<string, string>;
@@ -4359,6 +4359,11 @@ declare class BaseInputComponent<T extends Input = Input> {
     "touched": "touchedChange";
   }, never, never, true, never>;
 }
+/**
+ * Whether a field holds something a rule can judge. A boolean is never filled:
+ * an unchecked required box is the empty case, not a prefill.
+ */
+declare const isFilledValue: (value: unknown) => boolean;
 declare class BaseTextInputComponent<T extends Input = TextInput> extends BaseInputComponent<T> implements FormValueControl<string> {
   value: ModelSignal<string>;
   private inputElement;
@@ -4367,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" | "border" | "focus">;
+  readonly iconColor: import("@angular/core").Signal<"error" | "focus" | "border">;
   protected readonly setValue: (value: string) => void;
   static ɵfac: i0.ɵɵFactoryDeclaration<BaseTextInputComponent<any>, never>;
   static ɵdir: i0.ɵɵDirectiveDeclaration<BaseTextInputComponent<any>, never, never, {
@@ -4988,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<"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
@@ -5006,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<"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>;
   /**
@@ -5111,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<"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;
@@ -5185,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<"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>;
@@ -5333,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<"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>;
@@ -5671,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<"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>;
@@ -5842,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<"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 badge: import("@angular/core").InputSignal<BadgeCount | undefined>;
   readonly showBack: import("@angular/core").InputSignal<boolean>;
   readonly actionButton: import("@angular/core").InputSignal<string | undefined>;
@@ -5862,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<"center" | "left" | "right">;
+  protected readonly boxAlign: import("@angular/core").Signal<"left" | "center" | "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>;
@@ -6010,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<"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>;
@@ -6018,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<"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": {
@@ -6050,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<"center" | "left" | "right">;
+  readonly align: import("@angular/core").InputSignal<"left" | "center" | "right">;
   readonly maxWidth: import("@angular/core").InputSignal<string | undefined>;
   readonly fullWidth: import("@angular/core").InputSignal<boolean>;
   private readonly isDesignMode;
@@ -6061,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<"center" | "left" | "right">;
+  protected readonly boxAlign: import("@angular/core").Signal<"left" | "center" | "right">;
   static ɵfac: i0.ɵɵFactoryDeclaration<SectionFooterComponent, never>;
   static ɵcmp: i0.ɵɵComponentDeclaration<SectionFooterComponent, "m-section-footer", never, {
     "sticky": {
@@ -7797,7 +7802,6 @@ export declare class TextInputComponent extends BaseTextInputComponent<TextOrNum
   touched: import("@angular/core").ModelSignal<boolean>;
   focused: import("@angular/core").InputSignal<boolean>;
   errors: import("@angular/core").InputSignal<readonly WithOptionalFieldTree<ValidationError>[]>;
-  showErrors: import("@angular/core").Signal<boolean>;
   readonly hideErrors: import("@angular/core").InputSignal<boolean>;
   protected readonly isNumber: import("@angular/core").Signal<boolean>;
   protected onInput(event: Event): void;
@@ -7863,7 +7867,6 @@ export declare class ClearableInputComponent extends BaseTextInputComponent {
   focused: import("@angular/core").InputSignal<boolean>;
   touched: import("@angular/core").ModelSignal<boolean>;
   errors: import("@angular/core").InputSignal<readonly WithOptionalFieldTree<ValidationError>[]>;
-  showErrors: import("@angular/core").Signal<boolean>;
   icon: import("@angular/core").InputSignal<string | undefined>;
   placeholder: import("@angular/core").InputSignal<string>;
   type: import("@angular/core").InputSignal<string>;
@@ -8124,7 +8127,6 @@ export declare class CheckboxInputComponent extends BaseCheckboxInputComponent i
   touched: ModelSignal<boolean>;
   focused: import("@angular/core").InputSignal<boolean>;
   errors: import("@angular/core").InputSignal<readonly WithOptionalFieldTree<ValidationError>[]>;
-  showErrors: import("@angular/core").Signal<boolean>;
   readonly optionValue: import("@angular/core").InputSignal<string | undefined>;
   readonly label: import("@angular/core").InputSignal<string | undefined>;
   readonly noTranslate: import("@angular/core").InputSignal<string | boolean | undefined>;
@@ -8432,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 ButtonComponent | typeof LabelComponent | typeof SelectorDirective | typeof TextOutputComponent | typeof TextInputComponent)[];
+declare const DROPDOWN_IMPORTS: (typeof LabelComponent | typeof TextOutputComponent | typeof TextInputComponent | typeof ButtonComponent | typeof SelectorDirective)[];
 /**
  * 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
@@ -8447,7 +8449,6 @@ declare abstract class BaseDropdownComponent extends BaseInputComponent<Dropdown
   touched: import("@angular/core").ModelSignal<boolean>;
   focused: import("@angular/core").InputSignal<boolean>;
   errors: import("@angular/core").InputSignal<readonly WithOptionalFieldTree<ValidationError>[]>;
-  showErrors: Signal<boolean>;
   readonly options: import("@angular/core").InputSignal<DropdownOption<DropdownValue>[] | Signal<DropdownOption<DropdownValue>[]> | undefined>;
   readonly dir: import("@angular/core").InputSignal<Direction$2 | undefined>;
   readonly toggle: import("@angular/core").ModelSignal<boolean>;
@@ -8616,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: "text" | "error" | "focus" | "mm" | "mmLite" | "mmDark" | "background" | "border" | "textSecondary" | "errorLight" | "warning" | "successLite" | "success" | "highlight" | "wealth";
+    key: "error" | "focus" | "border" | "background" | "text" | "textSecondary" | "mm" | "mmLite" | "mmDark" | "errorLight" | "warning" | "successLite" | "success" | "highlight" | "wealth";
     color: string;
   }[]>;
   hue: import("@angular/core").WritableSignal<number>;
@@ -9185,7 +9186,6 @@ export declare class RatingInputComponent extends BaseInputComponent<RatingInput
   touched: import("@angular/core").ModelSignal<boolean>;
   focused: import("@angular/core").InputSignal<boolean>;
   errors: import("@angular/core").InputSignal<readonly WithOptionalFieldTree<ValidationError>[]>;
-  showErrors: import("@angular/core").Signal<boolean>;
   private readonly themeStore;
   protected readonly stars: number[];
   /** Selected-star fill; undefined leaves the stylesheet's gold in place. */
@@ -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" | "border" | "focus">;
+  protected readonly dropZoneIconColor: import("@angular/core").Signal<"error" | "focus" | "border">;
   /** 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<"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" | "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>;
@@ -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<"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;
@@ -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<"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();
@@ -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<"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>;
@@ -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<"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>;
@@ -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<"none" | "row" | "primary">;
+  protected readonly shape: import("@angular/core").Signal<"primary" | "none" | "row">;
   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<"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. */
@@ -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<"vertical" | "horizontal">;
+  protected readonly shownAs: import("@angular/core").Signal<"horizontal" | "vertical">;
   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<"code" | "link" | "table" | "strike" | "list" | "bold" | "heading" | "italic" | "quote", string>;
+  protected readonly icons: Record<"bold" | "italic" | "strike" | "heading" | "list" | "quote" | "link" | "code" | "table", 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" | "info" | "danger">;
+  type: import("@angular/core").InputSignal<"warning" | "success" | "danger" | "info">;
   /**
    * 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" | "mm" | "success" | "warning">;
+  protected readonly accent: import("@angular/core").Signal<"error" | "warning" | "success" | "mm">;
   protected readonly iconName: import("@angular/core").Signal<"exclamation-triangle" | "info" | "trash" | "check-circle">;
   protected accept(): void;
   protected decline(): void;

package/fesm2022/magmonium-one-base-dropdown-xhoyZ8I5.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"magmonium-one-base-dropdown-xhoyZ8I5.mjs","names":[],"sources":["../../../../libs/one/src/lib/shared/ui/input/ui/dropdown/dropdown-box.ts","../../../../libs/one/src/lib/shared/ui/input/ui/dropdown/base-dropdown.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  effect,\n  ElementRef,\n  inject,\n  input,\n  output,\n} from '@angular/core';\nimport { TranslatePipe } from '../../../../pipe/translate';\nimport { DropdownOption, DropdownValue } from '../../model/input';\n\n@Component({\n  selector: 'm-dropdown-box',\n  imports: [TranslatePipe],\n  template: `\n    <ul class=\"dropdown-box\" role=\"listbox\">\n      @for (option of options(); track option.value; let i = $index) {\n        @let selectedState = isSelected(option.value);\n        <li\n          class=\"dropdown-box__option\"\n          [class.dropdown-box__option--selected]=\"selectedState\"\n          [class.dropdown-box__option--disabled]=\"option.disabled\"\n          [class.dropdown-box__option--active]=\"i === activeIndex()\"\n          [style.--m-dropdown-option-depth]=\"option.depth\"\n          role=\"option\"\n          [attr.aria-selected]=\"selectedState\"\n          [attr.data-value]=\"option.value\"\n          (click)=\"selectOption(option)\"\n          (keydown.enter)=\"selectOption(option)\"\n          tabindex=\"0\"\n        >\n          <!-- A group header is a row, never a choice: no box to tick. -->\n          @if (multiple() && !option.disabled) {\n            <input\n              type=\"checkbox\"\n              class=\"dropdown-box__checkbox\"\n              [checked]=\"selectedState\"\n              tabindex=\"-1\"\n              (click)=\"$event.preventDefault()\"\n            />\n          }\n          @if (option.noTranslate) {\n            {{ option.label }}\n          } @else {\n            {{ option.label | translate }}\n          }\n        </li>\n      } @empty {\n        <li class=\"dropdown-box__empty\">\n          {{ 'no-results-found' | translate }}\n        </li>\n      }\n    </ul>\n  `,\n  styleUrl: './dropdown-box.sass',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DropdownBoxComponent {\n  readonly options = input<DropdownOption<DropdownValue>[]>([]);\n  /** The values ticked, as a list whichever Field drew the panel. */\n  readonly selected = input<readonly DropdownValue[]>([]);\n  readonly multiple = input<boolean>(false);\n  readonly activeIndex = input<number>(-1);\n  readonly action = output<DropdownOption<DropdownValue>>();\n\n  private readonly host = inject<ElementRef<HTMLElement>>(ElementRef);\n\n  // Keep the keyboard-active option in view as ↑/↓ walk a scrolled list.\n  constructor() {\n    effect(() => {\n      const index = this.activeIndex();\n      if (index < 0) return;\n      this.host.nativeElement\n        .querySelectorAll('.dropdown-box__option')\n        [index]?.scrollIntoView?.({ block: 'nearest' });\n    });\n  }\n\n  protected readonly isSelected = (value: DropdownValue): boolean =>\n    this.selected().includes(value);\n\n  // Only emit a selection event for enabled options.\n  protected readonly selectOption = (\n    option: DropdownOption<DropdownValue>\n  ): void => {\n    if (option.disabled) return;\n    this.action.emit(option);\n  };\n}\n","import {\n  computed,\n  Directive,\n  ElementRef,\n  inject,\n  input,\n  inputBinding,\n  linkedSignal,\n  model,\n  outputBinding,\n  Signal,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport { ValidationError, WithOptionalFieldTree } from '@angular/forms/signals';\nimport { LabelComponent } from '../label';\nimport { TextOutputComponent } from '../../../text-output';\nimport { BaseInputComponent } from '../../lib/base-input';\nimport { Button } from '../../../button/type/button';\nimport { ButtonComponent } from '../../../button/ui/button';\nimport { TranslateService } from '../../../../services';\nimport { SelectorConfig, SelectorDirective } from '../../../../directives';\nimport { Direction } from '../../../../directives/selector/selector-type';\nimport { DropdownBoxComponent } from './dropdown-box';\nimport {\n  DropdownInput,\n  DropdownOption,\n  DropdownValue,\n  TextInput,\n} from '../../model/input';\nimport { TextInputComponent } from '../text/text';\nimport { assetOptions } from '../../lib/options-asset';\n\n/** The trigger both option Fields draw: a searchable text input and a chevron. */\nexport 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`;\n\nexport const DROPDOWN_IMPORTS = [\n  LabelComponent,\n  TextOutputComponent,\n  TextInputComponent,\n  ButtonComponent,\n  SelectorDirective,\n];\n\n/**\n * Everything a Dropdown and a Multiselect share: the options, the search, the\n * keyboard walk and the panel. What differs is only what the Field holds — one\n * value or a list — so a subclass says which values are selected and what a\n * pick does to them.\n */\n@Directive()\nexport abstract class BaseDropdownComponent extends BaseInputComponent<DropdownInput> {\n  public override config = input<Partial<DropdownInput> | undefined>();\n  public override required = input<boolean>(false);\n  public override disabled = input<boolean>(false);\n  public override invalid = input<boolean>(false);\n  public override touched = model<boolean>(false);\n  public override focused = input<boolean>(false);\n  public override errors = input<readonly WithOptionalFieldTree<ValidationError>[]>(\n    []\n  );\n  public override showErrors = computed(() => this.touched() && this.invalid());\n\n  readonly options = input<\n    DropdownOption<DropdownValue>[] | Signal<DropdownOption<DropdownValue>[]>\n  >();\n  readonly dir = input<Direction>();\n  readonly toggle = model(false);\n  readonly searchTerm = signal('');\n  readonly isFocused = signal(false);\n  readonly chevron = computed(\n    () =>\n      <Button>{\n        icon: this.toggle() ? 'chevron-up' : 'chevron-down',\n        one: true,\n        variant: 'ghost',\n        // In-Field control, never the form's submit — without this the Button\n        // reads as the submit control and greys out while the form is invalid.\n        type: 'button',\n        // Chevron tracks the trigger's border like the text input's own icon:\n        // red while the Field shows errors, focus tint while focused, border at rest.\n        color: this.showErrors()\n          ? 'error'\n          : this.isFocused()\n            ? 'focus'\n            : 'border',\n        // The trigger input is the Field's tab stop; the chevron only repeats\n        // what clicking that input already does, so Tab walks past it.\n        tabindex: -1,\n      }\n  );\n\n  /** The values the Field holds now, as a list whichever kind it is. */\n  protected abstract readonly selectedValues: Signal<readonly DropdownValue[]>;\n  /** Whether the panel ticks rows and stays open across picks. */\n  protected abstract readonly multiple: boolean;\n  /** What picking `option` does to the Field's value. */\n  protected abstract selectOption(option: DropdownOption<DropdownValue>): void;\n\n  protected readonly triggerInputConfig = computed(() => {\n    const dropdown = this.config() as DropdownInput | undefined;\n    return <Partial<TextInput>>{\n      name: dropdown?.name,\n      icon: dropdown?.icon,\n      one: dropdown?.one,\n      placeholder: this.placeholderText(),\n      readonly: this.readonly() || !!dropdown?.readonly,\n    };\n  });\n\n  protected readonly dropdownOptions = computed(\n    (): DropdownOption<DropdownValue>[] => {\n      const runtimeOptions = this.options();\n      const source =\n        runtimeOptions ?? (this.config() as DropdownInput | undefined)?.options;\n      if (typeof source === 'function') return source();\n      if (source?.length) return source;\n      return this.assetOptions();\n    }\n  );\n\n  private readonly translateService = inject(TranslateService);\n\n  protected readonly assetOptions = assetOptions(\n    () => (this.config() as DropdownInput | undefined)?.optionsAsset\n  );\n\n  /** An option's text: authored as it stands, a key translated. */\n  private readonly optionLabel = (\n    option?: DropdownOption<DropdownValue>\n  ): string => {\n    if (!option?.label) return '';\n    return option.noTranslate\n      ? option.label\n      : this.translateService.translate(option.label);\n  };\n\n  protected readonly filteredOptions = computed(\n    (): DropdownOption<DropdownValue>[] => {\n      const search = this.searchTerm().toLowerCase();\n      if (!search) return this.dropdownOptions();\n      return this.dropdownOptions().filter((o) => {\n        const label = this.optionLabel(o).toLowerCase();\n        return (\n          label.includes(search) ||\n          String(o.value).toLowerCase().includes(search)\n        );\n      });\n    }\n  );\n\n  /** The option ↑/↓ point at while the panel is open; -1 is none. Reset as the search narrows the list. */\n  protected readonly activeIndex = linkedSignal<\n    DropdownOption<DropdownValue>[],\n    number\n  >({\n    source: this.filteredOptions,\n    computation: (options) =>\n      this.searchTerm() ? this.nextEnabled(options, -1, 1) : -1,\n  });\n\n  /** The enabled option `step` rows past `from`, wrapping; `from` itself when none. */\n  private readonly nextEnabled = (\n    options: DropdownOption<DropdownValue>[],\n    from: number,\n    step: 1 | -1\n  ): number => {\n    for (let i = 1; i <= options.length; i++) {\n      const index =\n        (((from + step * i) % options.length) + options.length) %\n        options.length;\n      if (!options[index].disabled) return index;\n    }\n    return from;\n  };\n\n  /** One pick reads as its option's label, several as a count. */\n  private readonly selectionLabel = computed((): string => {\n    const values = this.selectedValues();\n    if (values.length === 0) return '';\n    if (values.length === 1) {\n      return this.optionLabel(\n        this.dropdownOptions().find((o) => o.value === values[0])\n      );\n    }\n    const translation = this.translateService.translate(\n      `selected?count=${values.length}`\n    );\n    return translation.includes('selected')\n      ? `${values.length} Selected`\n      : translation;\n  });\n\n  protected readonly displayValue = computed((): string =>\n    this.toggle() ? this.searchTerm() : this.selectionLabel()\n  );\n\n  protected readonly placeholderText = computed((): string => {\n    if (this.toggle()) {\n      const label = this.selectionLabel();\n      if (label) return label;\n    }\n    const placeholder = (this.config() as DropdownInput | undefined)\n      ?.placeholder;\n    return placeholder ? this.translateService.translate(placeholder) : '';\n  });\n\n  private readonly wrapperRef =\n    viewChild<ElementRef<HTMLDivElement>>('wrapper');\n\n  protected readonly selectorConfig = computed<\n    SelectorConfig<DropdownBoxComponent>\n  >(() => ({\n    component: DropdownBoxComponent,\n    base: 'm-dropdown-input',\n    matchTriggerWidth: true,\n    toggle: true,\n    dir: this.dir(),\n    bindings: [\n      inputBinding('options', this.filteredOptions),\n      inputBinding('selected', this.selectedValues),\n      inputBinding('multiple', () => this.multiple),\n      inputBinding('activeIndex', this.activeIndex),\n      outputBinding<DropdownOption<DropdownValue>>('action', (option) =>\n        this.selectOption(option)\n      ),\n    ],\n  }));\n\n  /** Shuts the panel after a pick, the way a click on the trigger would. */\n  protected readonly closePanel = (): void => {\n    this.toggle.set(false);\n    this.searchTerm.set('');\n    setTimeout(() => this.wrapperRef()?.nativeElement.click(), 0);\n  };\n\n  protected readonly onOpened = (): void => {\n    this.toggle.set(true);\n    this.searchTerm.set('');\n    const current = this.selectedValues()[0];\n    this.activeIndex.set(\n      this.filteredOptions().findIndex((o) => o.value === current)\n    );\n  };\n\n  // Focus stays in the trigger input (it is the search box), so ↑/↓ move the\n  // active option rather than DOM focus. Closed, ArrowDown bubbles on to\n  // SelectorDirective, which opens the panel.\n  protected readonly onArrow = (event: Event, step: 1 | -1): void => {\n    if (!this.toggle()) return;\n    event.preventDefault();\n    this.activeIndex.update((index) =>\n      this.nextEnabled(this.filteredOptions(), index, step)\n    );\n  };\n\n  // Enter never reaches SelectorDirective (it would toggle the panel); open,\n  // it picks the active option.\n  protected readonly onEnter = (event: Event): void => {\n    event.stopPropagation();\n    if (!this.toggle()) return;\n    event.preventDefault();\n    const option = this.filteredOptions()[this.activeIndex()];\n    if (option && !option.disabled) this.selectOption(option);\n  };\n\n  protected readonly onClosed = (): void => {\n    this.toggle.set(false);\n    this.searchTerm.set('');\n  };\n\n  protected readonly onInput = (value: string): void => {\n    this.searchTerm.set(value);\n  };\n\n  protected readonly preventToggleWhenOpen = (event: Event): void => {\n    if (this.toggle() || this.readonly() || this.config()?.readonly) {\n      event.stopPropagation();\n    }\n  };\n}\n"],"mappings":"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"}

package/fesm2022/magmonium-one-base-input-B92NOmxz.mjs

@@ -1,183 +0,0 @@
-import { i as resolveSize } from "./magmonium-one-size-converter-BqkALIWA.mjs";
-import * as i0 from "@angular/core";
-import { Directive, ElementRef, computed, effect, inject, input, model } from "@angular/core";
-var BaseInputComponent = class BaseInputComponent {
-	focused = input(false, ...ngDevMode ? [{ debugName: "focused" }] : /* istanbul ignore next */ []);
-	errors = input([], ...ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []);
-	config = input(...ngDevMode ? [void 0, { debugName: "config" }] : /* istanbul ignore next */ []);
-	required = input(false, ...ngDevMode ? [{ debugName: "required" }] : /* istanbul ignore next */ []);
-	disabled = input(false, ...ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []);
-	invalid = input(false, ...ngDevMode ? [{ debugName: "invalid" }] : /* istanbul ignore next */ []);
-	touched = model(false, ...ngDevMode ? [{ debugName: "touched" }] : /* istanbul ignore next */ []);
-	readonly = input(false, ...ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []);
-	elementRef = inject(ElementRef);
-	applyConfigSize = effect(() => {
-		const size = this.config()?.size;
-		const el = this.elementRef.nativeElement;
-		if (size) {
-			const resolved = resolveSize(size);
-			el.style.setProperty("--input-size", resolved);
-			el.style.fontSize = resolved;
-		} else {
-			el.style.removeProperty("--input-size");
-			el.style.removeProperty("font-size");
-		}
-	}, ...ngDevMode ? [{ debugName: "applyConfigSize" }] : /* istanbul ignore next */ []);
-	showErrors = computed(() => (this.touched() === true || this.touched() + "" === "true") && (this.invalid() === true || this.invalid() + "" === "true"), ...ngDevMode ? [{ debugName: "showErrors" }] : /* istanbul ignore next */ []);
-	static ɵfac = i0.ɵɵngDeclareFactory({
-		minVersion: "12.0.0",
-		version: "22.2.1",
-		ngImport: i0,
-		type: BaseInputComponent,
-		deps: [],
-		target: i0.ɵɵFactoryTarget.Directive
-	});
-	static ɵdir = i0.ɵɵngDeclareDirective({
-		minVersion: "17.1.0",
-		version: "22.2.1",
-		type: BaseInputComponent,
-		isStandalone: true,
-		inputs: {
-			focused: {
-				classPropertyName: "focused",
-				publicName: "focused",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			errors: {
-				classPropertyName: "errors",
-				publicName: "errors",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			config: {
-				classPropertyName: "config",
-				publicName: "config",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			required: {
-				classPropertyName: "required",
-				publicName: "required",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			disabled: {
-				classPropertyName: "disabled",
-				publicName: "disabled",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			invalid: {
-				classPropertyName: "invalid",
-				publicName: "invalid",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			touched: {
-				classPropertyName: "touched",
-				publicName: "touched",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			readonly: {
-				classPropertyName: "readonly",
-				publicName: "readonly",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			}
-		},
-		outputs: { touched: "touchedChange" },
-		ngImport: i0
-	});
-};
-i0.ɵɵngDeclareClassMetadata({
-	minVersion: "12.0.0",
-	version: "22.2.1",
-	ngImport: i0,
-	type: BaseInputComponent,
-	decorators: [{
-		type: Directive,
-		args: [{}]
-	}],
-	propDecorators: {
-		focused: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "focused",
-				required: false
-			}]
-		}],
-		errors: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "errors",
-				required: false
-			}]
-		}],
-		config: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "config",
-				required: false
-			}]
-		}],
-		required: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "required",
-				required: false
-			}]
-		}],
-		disabled: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "disabled",
-				required: false
-			}]
-		}],
-		invalid: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "invalid",
-				required: false
-			}]
-		}],
-		touched: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "touched",
-				required: false
-			}]
-		}, {
-			type: i0.Output,
-			args: ["touchedChange"]
-		}],
-		readonly: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "readonly",
-				required: false
-			}]
-		}]
-	}
-});
-export { BaseInputComponent as t };
-
-//# sourceMappingURL=magmonium-one-base-input-B92NOmxz.mjs.map

package/fesm2022/magmonium-one-base-input-B92NOmxz.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"magmonium-one-base-input-B92NOmxz.mjs","names":[],"sources":["../../../../libs/one/src/lib/shared/ui/input/lib/base-input.ts"],"sourcesContent":["import {\n  Directive,\n  ElementRef,\n  effect,\n  inject,\n  input,\n  model,\n  computed,\n  InputSignal,\n  ModelSignal,\n} from '@angular/core';\nimport { ValidationError, WithOptionalFieldTree } from '@angular/forms/signals';\nimport { Size } from '../../../enum/scaling/size';\nimport { Input } from '../model/input';\nimport { resolveSize } from '../../../functions/size/size-converter';\n\n@Directive({})\nexport class BaseInputComponent<T extends Input = Input> {\n  public focused: InputSignal<boolean> = input<boolean>(false);\n  public errors: InputSignal<readonly WithOptionalFieldTree<ValidationError>[]> =\n    input<readonly WithOptionalFieldTree<ValidationError>[]>([]);\n  public config: InputSignal<Partial<T> | undefined> = input<\n    Partial<T> | undefined\n  >();\n  public required: InputSignal<boolean> = input<boolean>(false);\n  public disabled: InputSignal<boolean> = input<boolean>(false);\n  public invalid: InputSignal<boolean> = input<boolean>(false);\n  public touched: ModelSignal<boolean> = model<boolean>(false);\n  public readonly: InputSignal<boolean> = input<boolean>(false);\n\n  protected readonly elementRef = inject(ElementRef);\n\n  // SectionFormItem stamps Size onto config; inputs scale via CSS var\n  // so size changes update without destroying the field. Uses CSS var because\n  // host may have display: contents, but CSS vars still inherit to children.\n  private readonly applyConfigSize = effect(() => {\n    const configWithSize = this.config() as Partial<Input> & { size?: Size };\n    const size = configWithSize?.size;\n    const el = this.elementRef.nativeElement as HTMLElement;\n    if (size) {\n      const resolved = resolveSize(size);\n      el.style.setProperty('--input-size', resolved);\n      // Some input variants declare their own font-size on the rendered\n      // control. Keep the actual input text synchronized with the size that\n      // drives its geometry instead of relying only on inherited variables.\n      el.style.fontSize = resolved;\n    } else {\n      el.style.removeProperty('--input-size');\n      el.style.removeProperty('font-size');\n    }\n  });\n\n  public showErrors = computed(() => \n    (this.touched() === true || this.touched() + '' === 'true') && \n    (this.invalid() === true || this.invalid() + '' === 'true')\n  );\n}\n"],"mappings":";;;AAiBA,IAAa,qBAAb,MAAa,mBAAkB;CACtB,UAAgC,MAAe,OAAM,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CACrD,SACL,MAAyD,CAAA,GAAG,GAAA,YAAA,CAAA,EAAA,WAAA,SAAA,CAAA,+BAAA,CAAA,CAAA;CACvD,SAA8C,MAElD,GAAA,YAAA,CAAA,QAAA,EAAA,WAAA,SAAA,CAAA,+BAAA,CAAA,CAAA;CACI,WAAiC,MAAe,OAAM,GAAA,YAAA,CAAA,EAAA,WAAA,WAAA,CAAA,+BAAA,CAAA,CAAA;CACtD,WAAiC,MAAe,OAAM,GAAA,YAAA,CAAA,EAAA,WAAA,WAAA,CAAA,+BAAA,CAAA,CAAA;CACtD,UAAgC,MAAe,OAAM,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CACrD,UAAgC,MAAe,OAAM,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CACrD,WAAiC,MAAe,OAAM,GAAA,YAAA,CAAA,EAAA,WAAA,WAAA,CAAA,+BAAA,CAAA,CAAA;CAE1C,aAAa,OAAO,UAAU;CAKhC,kBAAkB,aAAY;EAE7C,MAAM,OADiB,KAAK,OACf,CAAA,EAAgB;EAC7B,MAAM,KAAK,KAAK,WAAW;EAC3B,IAAI,MAAM;GACR,MAAM,WAAW,YAAY,IAAI;GACjC,GAAG,MAAM,YAAY,gBAAgB,QAAQ;GAI7C,GAAG,MAAM,WAAW;EACtB,OAAO;GACL,GAAG,MAAM,eAAe,cAAc;GACtC,GAAG,MAAM,eAAe,WAAW;EACrC;CACF,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,kBAAA,CAAA,+BAAA,CAAA,CAAA;CAEK,aAAa,gBACjB,KAAK,QAAO,MAAO,QAAQ,KAAK,QAAO,IAAK,OAAO,YACnD,KAAK,QAAO,MAAO,QAAQ,KAAK,QAAO,IAAK,OAAO,SACrD,GAAA,YAAA,CAAA,EAAA,WAAA,aAAA,CAAA,+BAAA,CAAA,CAAA;CAtCU,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAkB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAlB,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAkB,cAAA;EAAA,QAAA;GAAA,SAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,QAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,QAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,UAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,UAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,SAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,SAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,UAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;EAAA;EAAA,SAAA,EAAA,SAAA,gBAAA;EAAA,UAAA;CAAA,CAAA;;AAAlB,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAkB,YAAA,CAAA;EAD9B,MAAA;EAAU,MAAA,CAAA,CAAA,CAAE"}

package/fesm2022/magmonium-one-checkbox-BXNvtkzo.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"magmonium-one-checkbox-BXNvtkzo.mjs","names":[],"sources":["../../../../libs/one/src/lib/shared/ui/input/lib/placed-checkbox.token.ts","../../../../libs/one/src/lib/shared/ui/input/ui/checkbox/checkbox.ts"],"sourcesContent":["import { InjectionToken, Signal } from '@angular/core';\nimport { DropdownOption } from '../model/input';\n\n/**\n * An `m-checkbox` placed between a SectionFormItem's tags as one option of its\n * CheckboxGroup (libs/one ADR 0039). Provided by the checkbox itself so the\n * item can collect its children without importing the checkbox chunk it only\n * lazy-loads. `undefined` until the checkbox names a `value`.\n */\nexport type PlacedCheckbox = {\n  readonly option: Signal<DropdownOption | undefined>;\n};\n\nexport const PLACED_CHECKBOX = new InjectionToken<PlacedCheckbox>(\n  'PLACED_CHECKBOX'\n);\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  input,\n  model,\n  ModelSignal,\n} from '@angular/core';\nimport { BaseCheckboxInputComponent } from './base-checkbox';\nimport { LabelComponent } from '../label';\nimport { TextOutputComponent } from '../../../text-output';\nimport { ValidationError, WithOptionalFieldTree } from '@angular/forms/signals';\nimport { DropdownOption, Input } from '../../model/input';\nimport {\n  PLACED_CHECKBOX,\n  PlacedCheckbox,\n} from '../../lib/placed-checkbox.token';\nimport { toAttrBool } from '../../../../functions/config/attribute-value';\n\n@Component({\n  selector: 'm-checkbox',\n  template: `\n    @if (config(); as checkbox) {\n      <div class=\"checkbox\">\n        <input\n          [checked]=\"checked()\"\n          #inputElement\n          [class.error]=\"showErrors()\"\n          [disabled]=\"disabled()\"\n          (change)=\"onChange($event)\"\n          type=\"checkbox\"\n          [id]=\"checkbox.name\"\n        />\n        @if (labelText(); as text) {\n          <m-label\n            [for]=\"checkbox.name\"\n            [placeholder]=\"text\"\n            [params]=\"checkbox.params\"\n            [noTranslate]=\"isNoTranslate()\"\n            [required]=\"required()\"\n            [disabled]=\"disabled()\"\n          />\n        }\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  `,\n  imports: [LabelComponent, TextOutputComponent],\n  styleUrl: './checkbox.sass',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    { provide: PLACED_CHECKBOX, useExisting: CheckboxInputComponent },\n  ],\n})\nexport class CheckboxInputComponent\n  extends BaseCheckboxInputComponent\n  implements PlacedCheckbox\n{\n  public override value = undefined;\n  public override checked = model<boolean>(false) as ModelSignal<boolean>;\n  public override config = input<Partial<Input> | undefined>();\n  public override required = input<boolean>(false);\n  public override disabled = input<boolean>(false);\n  public override invalid = input<boolean>(false);\n  public override touched = model<boolean>(false);\n  public override focused = input<boolean>(false);\n  public override errors = input<readonly WithOptionalFieldTree<ValidationError>[]>(\n    []\n  );\n  public override showErrors = computed(() => this.touched() && this.invalid());\n\n  // What a checkbox placed inside a CheckboxGroup's SectionFormItem says about\n  // the option it stands for, written on its own tag (ADR 0010, ADR 0039).\n  // `value` is the attribute because it is the option's value; the member is\n  // named apart because FormCheckboxControl pins `value` itself to undefined —\n  // a checkbox control's value is `checked`.\n  /* eslint-disable @angular-eslint/no-input-rename */\n  public readonly optionValue = input<string | undefined>(undefined, {\n    alias: 'value',\n  });\n  /* eslint-enable @angular-eslint/no-input-rename */\n  public readonly label = input<string | undefined>();\n  public readonly noTranslate = input<boolean | string | undefined>();\n\n  protected readonly labelText = computed(\n    () => this.label() ?? this.config()?.label\n  );\n  protected readonly isNoTranslate = computed(\n    () => toAttrBool(this.noTranslate()) === true\n  );\n\n  public readonly option = computed((): DropdownOption | undefined => {\n    const value = this.optionValue();\n    if (!value) return undefined;\n    return {\n      value,\n      label: this.label() ?? value,\n      disabled: this.disabled() || undefined,\n      noTranslate: this.isNoTranslate() || undefined,\n    };\n  });\n\n  protected onChange(event: Event): void {\n    const target = event.target as HTMLInputElement;\n    this.setValue(target?.checked ?? false);\n  }\n}\n"],"mappings":"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"}