@lifecorner/angular-ui-kit 3.8.0 → 3.9.0

package/types/lifecorner-angular-ui-kit-app-shell.d.ts

@@ -20,8 +20,17 @@ import * as i0 from "@angular/core";
  *   reserves its height at the end of the page (16 + 72 + 24 px plus the
  *   safe-area inset; `--lc-app-shell-bottom-clearance`), so it never covers
  *   content. With the horizon, the bar rests on the land instead.
- * - `[shell-footer]` — e.g. a compact `lc-footer`; on the horizon's land when
- *   `horizon` is on, else after the page.
+ * - `[shell-footer]` — e.g. a compact `lc-footer`; after the page, or with
+ *   `horizon` in a row of its own below the horizon, painted in the land's
+ *   colour (`--color-land-3`): the land grows by the footer's height, so
+ *   `--lc-horizon-land` stays the land above the footer and no page overrides
+ *   it (3.9, LK-12).
+ * - `[shell-horizon-figure]` — Edu (or any decorative figure) on the horizon
+ *   line, left of the sun: `lc-character`, `<img>`, `<picture>` or an element
+ *   holding an inline `<svg>`. Projected as a direct child of `.lc-horizon`,
+ *   sized and placed by the horizon (`--lc-horizon-figure-size` / `-gap`).
+ *   Decorative: the horizon is `aria-hidden`, so give an `<img>` `alt=""` and
+ *   nothing focusable. Shown only when `horizon` is on (3.9, AS-29).
  *
  * `horizon` closes the page with the "Weite" horizon (`.lc-horizon` from the
  * kit's styles): full-bleed, below the side navigation and the page, filling
@@ -47,7 +56,9 @@ export declare class AppShellComponent {
   /**
    * Close the page with the horizon (`.lc-horizon`): full width, below the
    * side navigation and the page, filling the rest of the screen; the footer
-   * and the floating bar rest on its land.
+   * (in a row of its own, which adds to the land) and the floating bar rest
+   * on its land, and `[shell-horizon-figure]` stands on its line.
+   * @default false
    */
   readonly horizon: import("@angular/core").InputSignal<boolean>;
   protected readonly shellClasses: import("@angular/core").Signal<string>;
@@ -58,7 +69,7 @@ export declare class AppShellComponent {
       "required": false;
       "isSignal": true;
     };
-  }, {}, never, ["[shell-header]", "[shell-nav]", "*", "[shell-footer]", "[shell-bottom-nav]"], true, never>;
+  }, {}, never, ["[shell-header]", "[shell-nav]", "*", "[shell-horizon-figure]", "[shell-footer]", "[shell-bottom-nav]"], true, never>;
 }
 /**
  * A page inside `lc-app-shell`: the `<main>` landmark with the page's content

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

@@ -30,6 +30,16 @@ export declare class ButtonComponent {
    * @default false
    */
   readonly inline: import("@angular/core").InputSignal<boolean>;
+  /**
+   * Drop the inline padding so a `variant="link"` button sits flush with the
+   * content edge: the label starts at the edge, and the button keeps its height
+   * and a 44 × 44 px minimum target. At the end edge of a row, set the CSS
+   * hook `--lc-btn-flush-align: end` (default `start`) on the host or an
+   * ancestor: every line of the label then ends at the edge. Ignored on other
+   * variants and with `iconOnly` (3.9, AS-26).
+   * @default false
+   */
+  readonly flush: import("@angular/core").InputSignal<boolean>;
   readonly clicked: import("@angular/core").OutputEmitterRef<void>;
   readonly focused: import("@angular/core").OutputEmitterRef<void>;
   readonly blurred: import("@angular/core").OutputEmitterRef<void>;
@@ -102,6 +112,11 @@ export declare class ButtonComponent {
       "required": false;
       "isSignal": true;
     };
+    "flush": {
+      "alias": "flush";
+      "required": false;
+      "isSignal": true;
+    };
   }, {
     "clicked": "clicked";
     "focused": "focused";
@@ -148,6 +163,16 @@ export declare class ButtonLinkComponent {
    * size, weight and line-height). Pair with `variant="link"`.
    */
   readonly inline: import("@angular/core").InputSignal<boolean>;
+  /**
+   * Drop the inline padding so a `variant="link"` link sits flush with the
+   * content edge: the label starts at the edge, and the link keeps its height
+   * and a 44 × 44 px minimum target. At the end edge of a row, set the CSS
+   * hook `--lc-btn-flush-align: end` (default `start`) on the link or an
+   * ancestor: every line of the label then ends at the edge. Ignored on other
+   * variants and with `iconOnly` (3.9, AS-26).
+   * @default false
+   */
+  readonly flush: import("@angular/core").InputSignal<boolean>;
   /** Classes on the anchor; merged with the consumer's own `class`. */
   protected readonly hostClasses: import("@angular/core").Signal<string>;
   static ɵfac: i0.ɵɵFactoryDeclaration<ButtonLinkComponent, never>;
@@ -177,5 +202,10 @@ export declare class ButtonLinkComponent {
       "required": false;
       "isSignal": true;
     };
+    "flush": {
+      "alias": "flush";
+      "required": false;
+      "isSignal": true;
+    };
   }, {}, never, ["[slot='icon-before']", "*", "[slot='icon-after']"], true, never>;
 }

package/types/lifecorner-angular-ui-kit-page-header.d.ts

@@ -2,6 +2,9 @@ import * as i0 from "@angular/core";
 /**
  * Visual size of the page header.
  * - `compact`     — dense data-tool pages and section headings (18 px)
+ * - `secondary`   — a second title under the page's main one, e.g. the other
+ *                   language of a bilingual page (20 px, `--font-size-xl`;
+ *                   the `compact` spacing; 3.9, AS-25)
  * - `default`     — standard app pages (24 px)
  * - `comfortable` — landing-page hero feel (30 px)
  * - `title`       — the "Weite" page title: 32 px on phones, 40 / 44 / 48 px
@@ -11,7 +14,7 @@ import * as i0 from "@angular/core";
  * - `auth`        — the sign-in and registration `<h1>`: 30 px, 34 px from
  *                   1024 px (`--font-size-auth-title`)
  */
-export type PageHeaderSize = 'compact' | 'default' | 'comfortable' | 'title' | 'display' | 'auth';
+export type PageHeaderSize = 'compact' | 'secondary' | 'default' | 'comfortable' | 'title' | 'display' | 'auth';
 /**
  * Page header — top-of-page title block with optional subtitle,
  * breadcrumbs, badge, description and an actions area.
@@ -88,6 +91,8 @@ export declare class PageHeaderComponent {
   /**
    * Visual size of the page header.
    * - `compact`     — dense data-tool pages and section headings (18 px)
+   * - `secondary`   — a second title under the main one, e.g. the other
+   *                   language of a bilingual page (20 px, compact spacing)
    * - `default`     — standard app pages (24 px)
    * - `comfortable` — landing-page hero feel (30 px)
    * - `title`       — page title on the responsive title scale, 32–48 px

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

@@ -9,6 +9,9 @@ export type SkeletonVariant = 'line' | 'circle' | 'rect';
  * - Colours from `--color-skeleton` / `--color-skeleton-highlight`, overridable
  *   with the `--lc-skeleton-bg` / `--lc-skeleton-highlight` hooks
  * - Custom width, height, and border radius
+ * - `--lc-skeleton-height` hook: the height from CSS (a container query, `cqi`),
+ *   winning over the `height` input; set it on the `lc-skeleton` element (on a
+ *   wrapper it reaches every skeleton inside)
  * - Composable for building complex loading layouts
  * - Dark mode compatible
  *
@@ -24,7 +27,10 @@ export declare class SkeletonComponent {
   readonly variant: import("@angular/core").InputSignal<SkeletonVariant>;
   /** Width (CSS value). Defaults to '100%' for line/rect, '40px' for circle. */
   readonly width: import("@angular/core").InputSignal<string | undefined>;
-  /** Height (CSS value). Defaults to '0.875rem' for line, '40px' for circle, '100px' for rect. */
+  /**
+   * Height (CSS value). Defaults to '0.875rem' for line, '40px' for circle, '100px' for rect.
+   * The `--lc-skeleton-height` custom property, when set, wins over it.
+   */
   readonly height: import("@angular/core").InputSignal<string | undefined>;
   /** Border radius override (CSS value). */
   readonly borderRadius: import("@angular/core").InputSignal<string | undefined>;