minerva-design 1.0.0 → 1.0.2

package/dist/angular/types/minerva-angular.d.ts

@@ -6658,7 +6658,7 @@ export declare class MnMonthCalendar {
   readonly disabledDate: import("@angular/core").InputSignal<(date: Date) => boolean>;
   readonly size: import("@angular/core").InputSignal<"small" | "medium" | "large">;
   readonly eventClick: import("@angular/core").OutputEmitterRef<CalendarEvent>;
-  protected readonly s: Readonly<Record<"small" | "large" | "empty" | "toolbar" | "navigation" | "count" | "iconButton" | "day" | "dayNumber" | "eventButton" | "eventItem" | "eventList" | "events" | "eventsHeading" | "grid" | "hasEvents" | "heading" | "inRange" | "monthCalendar" | "navButton" | "rangeEnd" | "rangeStart" | "week" | "weekday", string>>;
+  protected readonly s: Readonly<Record<"small" | "large" | "empty" | "toolbar" | "navigation" | "count" | "day" | "grid" | "heading" | "navButton" | "week" | "weekday" | "iconButton" | "dayNumber" | "eventButton" | "eventItem" | "eventList" | "events" | "eventsHeading" | "hasEvents" | "inRange" | "monthCalendar" | "rangeEnd" | "rangeStart", string>>;
   protected readonly key: typeof dayKey;
   protected readonly focused: import("@angular/core").WritableSignal<string | null>;
   private readonly host;
@@ -7470,4 +7470,240 @@ export declare class MnConfirmProvider {
   static ɵfac: i0.ɵɵFactoryDeclaration<MnConfirmProvider, never>;
   static ɵcmp: i0.ɵɵComponentDeclaration<MnConfirmProvider, "mn-confirm-provider", ["mnConfirmProvider"], {}, {}, never, ["*"], true, never>;
 }
+export type DatePickerSize = "small" | "medium" | "large";
+/** Date input and accessible popup calendar. YYYY-MM-DD values, with null or "" as controlled empty values. Supports Angular Forms and [(value)]. */
+export declare class MnDatePicker extends MnFormValueControl<string> {
+  /**
+   * Selected date (two-way: `[(value)]`); `null` means "no date". Not bound:
+   * `defaultValue`.
+   */
+  readonly value: import("@angular/core").InputSignal<string | null | undefined>;
+  readonly valueChange: import("@angular/core").OutputEmitterRef<string>;
+  readonly change: import("@angular/core").OutputEmitterRef<string>;
+  /** Initially selected date (when `value` is not bound) */
+  readonly defaultValue: import("@angular/core").InputSignal<string | undefined>;
+  /** Whether the panel is open (two-way: `[(open)]`) @default false */
+  readonly open: import("@angular/core").ModelSignal<boolean>;
+  /** Placeholder of the input @default "Select date" (localized) */
+  readonly placeholder: import("@angular/core").InputSignal<string | undefined>;
+  /** Visible label of the input; without it the input is labelled "Date" (localized) */
+  readonly label: import("@angular/core").InputSignal<string | undefined>;
+  /** Accessible label of the input when no visible label is shown */
+  readonly ariaLabel: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Id(s) of the element(s) labelling the input; inside a FormControl it
+   * defaults to the FormLabel (unless `label` / `aria-label` is set)
+   */
+  readonly ariaLabelledby: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Id(s) of the element(s) describing the input; merged with the helper /
+   * error text of an enclosing FormControl
+   */
+  readonly ariaDescribedby: import("@angular/core").InputSignal<string | undefined>;
+  /** Id of the input; defaults to the id of an enclosing FormControl */
+  readonly id: import("@angular/core").InputSignal<string | undefined>;
+  /** Marks the input as required; defaults to the enclosing FormControl's state */
+  readonly required: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+  /**
+   * Shows the value without allowing changes (typing, panel, clearing);
+   * defaults to the enclosing FormControl's state
+   */
+  readonly readOnly: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+  /**
+   * Marks the input as invalid (aria-invalid); defaults to the enclosing
+   * FormControl's state (and to an invalid, touched form control)
+   */
+  readonly invalid: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+  /** Name of the input @default "date-picker" */
+  readonly name: import("@angular/core").InputSignal<string>;
+  /**
+   * Disables the picker; defaults to the enclosing FormControl's (or the
+   * form's) state @default false
+   */
+  readonly disabled: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+  /** Allows clearing the value with the suffix button @default true */
+  readonly clearable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** Size of the input and panel @default "medium" */
+  readonly size: import("@angular/core").InputSignal<DatePickerSize>;
+  readonly minDate: import("@angular/core").InputSignal<string | undefined>;
+  readonly maxDate: import("@angular/core").InputSignal<string | undefined>;
+  readonly locale: import("@angular/core").InputSignal<string | undefined>;
+  protected readonly s: Readonly<Record<"footer" | "header" | "popup" | "panel" | "calendarIcon" | "clearButton" | "datePicker" | "day" | "footerButton" | "grid" | "heading" | "navButton" | "navGroup" | "week" | "weekday", string>>;
+  protected readonly is: Readonly<Record<"small" | "medium" | "large" | "root" | "disabled" | "invalid" | "action" | "outline" | "count" | "filled" | "addon" | "end" | "field" | "start" | "unstyled", string>>;
+  protected readonly ib: Readonly<Record<"primary" | "success" | "warning" | "danger" | "info" | "small" | "medium" | "large" | "disabled" | "loading" | "rippleRect" | "circle" | "square" | "xsmall" | "neutral" | "variant-ghost" | "variant-outline" | "variant-solid" | "glyph" | "iconButton" | "pressed", string>>;
+  protected readonly scope: import("./minerva-angular.d.ts").MinervaScope;
+  private readonly fieldContext;
+  protected readonly field: FieldWiring;
+  private readonly host;
+  private readonly inputRef;
+  private readonly panelRef;
+  protected readonly isDisabled: import("@angular/core").Signal<boolean>;
+  protected readonly isReadOnly: import("@angular/core").Signal<boolean>;
+  protected readonly isRequired: import("@angular/core").Signal<boolean>;
+  protected readonly isInvalid: import("@angular/core").Signal<boolean>;
+  protected readonly isOpen: import("@angular/core").Signal<boolean>;
+  protected readonly accessibleName: import("@angular/core").Signal<string>;
+  protected readonly labelledBy: import("@angular/core").Signal<string | null>;
+  private readonly internal;
+  protected readonly current: import("@angular/core").Signal<string>;
+  private readonly draft;
+  protected readonly displayValue: import("@angular/core").Signal<string>;
+  protected readonly headingId: string;
+  protected readonly weekdays: readonly ["mon", "tue", "wed", "thu", "fri", "sat", "sun"];
+  protected readonly todayKey: string;
+  private readonly month;
+  protected readonly focusedKey: import("@angular/core").WritableSignal<string>;
+  private readonly pendingFocus;
+  protected readonly key: typeof dayKey;
+  protected readonly outside: (date: Date) => boolean;
+  protected readonly heading: import("@angular/core").Signal<string>;
+  private readonly days;
+  protected readonly weeks: import("@angular/core").Signal<Date[][]>;
+  protected readonly activeKey: import("@angular/core").Signal<string | undefined>;
+  protected dayDisabled(key: string): boolean;
+  protected navigateMonth(offset: number): void;
+  private syncMonth;
+  protected selectToday(): void;
+  protected selectDate(date: Date): void;
+  protected onDayKeyDown(event: KeyboardEvent, date: Date): void;
+  protected readonly showClear: import("@angular/core").Signal<boolean>;
+  private readonly placement;
+  protected readonly panelDir: import("@angular/core").WritableSignal<ReadingDirection | undefined>;
+  protected readonly inputRootClass: import("@angular/core").Signal<string>;
+  protected readonly suffixClass: string;
+  protected readonly clearClass: string;
+  protected readonly clearStates: {
+    readonly state: "inactive";
+    readonly size: "small";
+    readonly variant: "ghost";
+    readonly color: "neutral";
+    readonly shape: "circle";
+  };
+  protected readonly contentStates: import("@angular/core").Signal<{
+    state: string;
+    side: import("../../dom/index.js").Side;
+    align: import("../../dom/index.js").Align;
+    placement: Placement;
+  }>;
+  constructor();
+  ngOnInit(): void;
+  writeValue(value: string | null): void;
+  focus(options?: FocusOptions): void;
+  protected setOpen(next: boolean): void;
+  private commit;
+  protected onInput(text: string): void;
+  protected onBlur(): void;
+  protected clear(): void;
+  protected onRootClick(event: MouseEvent): void;
+  /** ArrowDown (also Alt+ArrowDown) opens the panel and moves focus into it */
+  protected onInputKeyDown(event: KeyboardEvent): void;
+  /**
+   * The portalled panel sits after the input in the Tab order: Tab past its
+   * last control continues after the input (its clear button, then the rest
+   * of the page); Shift+Tab before its first control returns to the input.
+   */
+  protected onPanelKeyDown(event: KeyboardEvent): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<MnDatePicker, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<MnDatePicker, "mn-date-picker", ["mnDatePicker"], {
+    "value": {
+      "alias": "value";
+      "required": false;
+      "isSignal": true;
+    };
+    "defaultValue": {
+      "alias": "defaultValue";
+      "required": false;
+      "isSignal": true;
+    };
+    "open": {
+      "alias": "open";
+      "required": false;
+      "isSignal": true;
+    };
+    "placeholder": {
+      "alias": "placeholder";
+      "required": false;
+      "isSignal": true;
+    };
+    "label": {
+      "alias": "label";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "aria-label";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabelledby": {
+      "alias": "aria-labelledby";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaDescribedby": {
+      "alias": "aria-describedby";
+      "required": false;
+      "isSignal": true;
+    };
+    "id": {
+      "alias": "id";
+      "required": false;
+      "isSignal": true;
+    };
+    "required": {
+      "alias": "required";
+      "required": false;
+      "isSignal": true;
+    };
+    "readOnly": {
+      "alias": "readOnly";
+      "required": false;
+      "isSignal": true;
+    };
+    "invalid": {
+      "alias": "invalid";
+      "required": false;
+      "isSignal": true;
+    };
+    "name": {
+      "alias": "name";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "clearable": {
+      "alias": "clearable";
+      "required": false;
+      "isSignal": true;
+    };
+    "size": {
+      "alias": "size";
+      "required": false;
+      "isSignal": true;
+    };
+    "minDate": {
+      "alias": "minDate";
+      "required": false;
+      "isSignal": true;
+    };
+    "maxDate": {
+      "alias": "maxDate";
+      "required": false;
+      "isSignal": true;
+    };
+    "locale": {
+      "alias": "locale";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "valueChange": "valueChange";
+    "change": "change";
+    "open": "openChange";
+  }, never, never, true, never>;
+}
 export type { ConfigTheme, Locale, MinervaConfig, SelectContext, SelectItemRecord };

package/dist/core/calendar-date.d.cts

@@ -12,3 +12,8 @@ export declare function addDays(date: Date, days: number): Date;
 export declare function monthStart(date: Date, offset?: number): Date;
 /** Whether `a` and `b` fall in the same month of the same year. */
 export declare function sameMonth(a: Date, b: Date): boolean;
+/**
+ * Parses a `"YYYY-MM-DD"` string (or `"YYYY-M-D"` when `strict` is `false`)
+ * into local midnight, rejecting out-of-range months and days (e.g. Feb 30).
+ */
+export declare function parseDayKey(text: string, strict?: boolean): Date | null;

package/dist/core/calendar-date.d.ts

@@ -12,3 +12,8 @@ export declare function addDays(date: Date, days: number): Date;
 export declare function monthStart(date: Date, offset?: number): Date;
 /** Whether `a` and `b` fall in the same month of the same year. */
 export declare function sameMonth(a: Date, b: Date): boolean;
+/**
+ * Parses a `"YYYY-MM-DD"` string (or `"YYYY-M-D"` when `strict` is `false`)
+ * into local midnight, rejecting out-of-range months and days (e.g. Feb 30).
+ */
+export declare function parseDayKey(text: string, strict?: boolean): Date | null;