@lifecorner/angular-ui-kit 3.11.4 → 3.11.5

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

@@ -35,9 +35,18 @@ export declare class PaginationComponent {
   readonly previousLabel: import("@angular/core").InputSignal<string>;
   /** Visible text of the next button */
   readonly nextLabel: import("@angular/core").InputSignal<string>;
-  /** Accessible name of the previous button (the visible text is hidden on small screens) */
+  /**
+   * Accessible name of the previous button (the visible text is hidden on
+   * small screens). `previousLabel` is appended when this doesn't contain it
+   * (WCAG 2.5.3 Label in Name), e.g. `Vorherige Seite, Zurück`.
+   * @default 'Previous page'
+   */
   readonly previousAriaLabel: import("@angular/core").InputSignal<string>;
-  /** Accessible name of the next button */
+  /**
+   * Accessible name of the next button. `nextLabel` is appended when this
+   * doesn't contain it (WCAG 2.5.3 Label in Name), e.g. `Nächste Seite, Weiter`.
+   * @default 'Next page'
+   */
   readonly nextAriaLabel: import("@angular/core").InputSignal<string>;
   /** Accessible name of a page button; `{page}` is replaced with the page number */
   readonly pageAriaLabel: import("@angular/core").InputSignal<string>;
@@ -47,6 +56,10 @@ export declare class PaginationComponent {
    */
   readonly infoText: import("@angular/core").InputSignal<string>;
   readonly pageChange: import("@angular/core").OutputEmitterRef<number>;
+  /** Name of the previous button: its label, then the visible text unless contained (AS-33). */
+  protected readonly previousButtonAriaLabel: import("@angular/core").Signal<string>;
+  /** Name of the next button: its label, then the visible text unless contained (AS-33). */
+  protected readonly nextButtonAriaLabel: import("@angular/core").Signal<string>;
   totalPages: import("@angular/core").Signal<number>;
   firstItemIndex: import("@angular/core").Signal<number>;
   lastItemIndex: import("@angular/core").Signal<number>;

package/types/lifecorner-angular-ui-kit-rich-text-editor.d.ts

@@ -47,7 +47,13 @@ export declare class RichTextEditorComponent implements ControlValueAccessor {
   toolbar: import("@angular/core").InputSignal<ToolbarConfig>;
   /** Whether to show word count */
   showWordCount: import("@angular/core").InputSignal<boolean>;
-  /** Tooltips and accessible names of the toolbar actions, by action (`{ bold: 'Fett' }`); missing ones keep the English default. */
+  /**
+   * Tooltips and accessible names of the toolbar actions, by action
+   * (`{ bold: 'Fett' }`); missing ones keep the English default. A visible
+   * button label with letters or digits that the title doesn't contain is
+   * appended (`Heading 1, H1`, WCAG 2.5.3 Label in Name).
+   * @default {}
+   */
   actionTitles: import("@angular/core").InputSignal<Partial<Record<ToolbarAction, string>>>;
   /** Label of the rich-text mode button. */
   richModeLabel: import("@angular/core").InputSignal<string>;
@@ -118,6 +124,12 @@ export declare class RichTextEditorComponent implements ControlValueAccessor {
   private getSelection;
   protected getActionLabel(action: ToolbarAction): string;
   protected getActionTitle(action: ToolbarAction): string;
+  /**
+   * Tooltip and accessible name of a toolbar button (AS-33, WCAG 2.5.3 Label
+   * in Name): the title, then the visible label when it has letters or digits
+   * the title doesn't contain (`Heading 1, H1`). Symbol labels keep the title.
+   */
+  protected getActionName(action: ToolbarAction): string;
   /**
    * Converts the editor's markdown subset to HTML. The source is HTML-escaped
    * *first*, so nothing in it can open a tag or an attribute; the conversions

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

@@ -35,12 +35,18 @@ export declare class StepperComponent {
   readonly linear: import("@angular/core").InputSignal<boolean>;
   /** Orientation */
   readonly orientation: import("@angular/core").InputSignal<"horizontal" | "vertical">;
-  /** Text shown under optional steps */
+  /**
+   * Text shown under optional steps; it also ends the step's accessible name.
+   * @default 'Optional'
+   */
   readonly optionalLabel: import("@angular/core").InputSignal<string>;
   /**
    * Accessible name template for each step button. Placeholders: `{n}`
-   * (1-based step number), `{m}` (step count), `{label}`. Optional steps get
-   * `optionalLabel` appended.
+   * (1-based step number), `{m}` (step count), `{label}`. The step's visible
+   * description and `optionalLabel` follow the filled template,
+   * comma-separated (`Step 2 of 3: Profile, Set up your profile`). Keep
+   * `{label}` last, so that the name contains the visible text (WCAG 2.5.3).
+   * @default 'Step {n} of {m}: {label}'
    */
   readonly stepAriaLabel: import("@angular/core").InputSignal<string>;
   /** Emitted when active step changes */
@@ -60,9 +66,14 @@ export declare class StepperComponent {
    * only completed steps (and the active one) are reachable.
    */
   isStepNavigable(index: number): boolean;
-  /** Accessible name for the step button at `index` */
+  /**
+   * Accessible name for the step button at `index` (AS-33, WCAG 2.5.3 Label
+   * in Name): the filled `stepAriaLabel`, then the visible description and
+   * `optionalLabel`, comma-separated, so the name contains the visible text.
+   * A template that doesn't end with `{label}` gets the label after it.
+   */
   getStepAriaLabel(index: number): string;
-  /** Id of the description element for `aria-describedby` (or null) */
+  /** Id of the description element (or null); the description is part of the step's name. */
   getDescriptionId(index: number): string | null;
   /** Navigate to a specific step (only if navigable, see `isStepNavigable`) */
   goToStep(index: number): void;