@lifecorner/angular-ui-kit 3.30.0 → 3.30.2

package/types/lifecorner-angular-ui-kit-date-range-picker.d.ts

@@ -19,7 +19,11 @@ export declare class DateRangePickerComponent implements ControlValueAccessor {
   readonly disabled: import("@angular/core").InputSignal<boolean>;
   readonly minDate: import("@angular/core").InputSignal<Date | null>;
   readonly maxDate: import("@angular/core").InputSignal<Date | null>;
-  /** BCP 47 locale for the displayed dates, month title and weekday headers */
+  /**
+   * BCP 47 locale for the displayed dates, month title and weekday headers.
+   * Also the open panel's `lang` when the host has no `[lang]` ancestor (3.30.2).
+   * @default 'de-DE'
+   */
   readonly locale: import("@angular/core").InputSignal<string>;
   /** Accessible name of the clear button. */
   readonly clearAriaLabel: import("@angular/core").InputSignal<string>;
@@ -37,6 +41,12 @@ export declare class DateRangePickerComponent implements ControlValueAccessor {
   private readonly formDisabled;
   /** Effective disabled state: `disabled` input OR form control disabled */
   protected readonly isDisabled: import("@angular/core").Signal<boolean>;
+  /**
+   * `lang` of the open panel (3.30.2, WCAG 3.1.2). The panel sits in the host
+   * and inherits a `[lang]` ancestor through the DOM, so it gets one only
+   * without any: then `locale`. `null` while closed.
+   */
+  protected readonly panelLang: import("@angular/core").Signal<string | null>;
   private onChange;
   private onTouched;
   protected readonly displayValue: import("@angular/core").Signal<string>;

package/types/lifecorner-angular-ui-kit-datepicker.d.ts

@@ -81,6 +81,7 @@ export declare class DatepickerComponent implements ControlValueAccessor {
   readonly errorMessage: import("@angular/core").InputSignal<string>;
   /**
    * ARIA label for accessibility. Ignored while `label` is set.
+   * @default undefined
    */
   readonly ariaLabel: import("@angular/core").InputSignal<string | undefined>;
   /**
@@ -110,7 +111,13 @@ export declare class DatepickerComponent implements ControlValueAccessor {
    * Whether to disable weekends
    */
   readonly disableWeekends: import("@angular/core").InputSignal<boolean>;
-  /** BCP 47 locale for month and weekday names and the day buttons' accessible names (e.g. `'de-DE'`). Empty keeps the built-in English names. */
+  /**
+   * BCP 47 locale for month and weekday names and the day buttons' accessible
+   * names (e.g. `'de-DE'`). Empty keeps the built-in English names; the days
+   * are then named in `en-US` ("Wednesday, July 1, 2026"). Also the open
+   * panel's `lang` when the host has no `[lang]` ancestor (3.30.2).
+   * @default ''
+   */
   readonly locale: import("@angular/core").InputSignal<string>;
   /** First column of the grid: 0 Sunday (default) … 6 Saturday — 1 for Monday. */
   readonly firstDayOfWeek: import("@angular/core").InputSignal<number>;
@@ -184,6 +191,12 @@ export declare class DatepickerComponent implements ControlValueAccessor {
   readonly isDisabled: import("@angular/core").Signal<boolean>;
   /** Month granularity (3.29). */
   protected readonly isMonthMode: import("@angular/core").Signal<boolean>;
+  /**
+   * `lang` of the open panel (3.30.2, WCAG 3.1.2): the overlay renders under
+   * `<body>`, so it takes the host's closest `[lang]`, else `locale`, else none.
+   * Read at every opening; `null` while closed, so the server never reads the DOM.
+   */
+  protected readonly panelLang: import("@angular/core").Signal<string | null>;
   readonly formattedDate: import("@angular/core").Signal<string>;
   /**
    * Text currently shown in the input. Follows the selected date, but the user
@@ -218,6 +231,7 @@ export declare class DatepickerComponent implements ControlValueAccessor {
   readonly datepickerClasses: import("@angular/core").Signal<string>;
   private readonly document;
   private readonly injector;
+  private readonly host;
   private onChange;
   private onTouched;
   /**
@@ -254,7 +268,11 @@ export declare class DatepickerComponent implements ControlValueAccessor {
    * Check if date is today
    */
   isToday(date: Date): boolean;
-  /** Accessible name of a day button: the full date, plus `selectedAriaLabel` when selected. */
+  /**
+   * Accessible name of a day button: the long `Intl` date in `locale`, else
+   * `en-US` (3.30.1, 047-f2: contains the visible day number, WCAG 2.5.3),
+   * plus `selectedAriaLabel` when selected.
+   */
   protected dayAriaLabel(date: Date): string;
   /**
    * Check if date is selected

package/types/lifecorner-angular-ui-kit-internal-a11y.d.ts

@@ -24,4 +24,15 @@ export declare function containsWords(haystack: readonly string[], needle: reado
  * - The text contains the label: `text`, so nothing is read twice.
  * - Otherwise `label, text`.
  */
-export declare function nameWithText(label: string, text: string): string;
+export declare function nameWithText(label: string, text: string): string;
+/**
+ * Language of a part (WCAG 3.1.2, request 049): an overlay panel rendered
+ * under `<body>` cannot inherit its host's `lang` through the DOM, so it takes
+ * the host's value explicitly.
+ */
+/**
+ * `lang` of the closest `[lang]` element of `el` (itself included), or `null`.
+ * The value is taken as is (`lang=""` is the unknown language, as DOM
+ * inheritance gives it). `null` without a DOM `closest` (server DOM).
+ */
+export declare function closestLang(el: Element | null | undefined): string | null;