@life-cockpit/angular-ui-kit 1.11.2 → 1.11.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@life-cockpit/angular-ui-kit",
-  "version": "1.11.2",
+  "version": "1.11.4",
   "description": "Life Cockpit Design System - Angular UI component library",
   "license": "MIT",
   "repository": {
@@ -21,8 +21,14 @@
     "@angular/forms": "^21.0.0",
     "@angular/platform-browser": "^21.0.0",
     "@angular/router": "^21.0.0",
+    "mermaid": "^11.0.0",
     "rxjs": "^7.8.0"
   },
+  "peerDependenciesMeta": {
+    "mermaid": {
+      "optional": true
+    }
+  },
   "sideEffects": [
     "**/*.css",
     "**/*.scss"

package/types/life-cockpit-angular-ui-kit.d.ts

@@ -435,7 +435,7 @@ declare class CheckboxComponent implements ControlValueAccessor {
 type IconVariant = 'outline' | 'solid';
 type IconSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 /**
- * Icon component - Heroicons wrapper for displaying SVG icons
+ * Icon component - Tabler Icons wrapper for displaying SVG icons
  *
  * Features:
  * - Signal-based reactive API
@@ -443,7 +443,7 @@ type IconSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
  * - Multiple size options (xs, sm, md, lg, xl)
  * - Custom color support (CSS colors, variables)
  * - Accessibility attributes (ARIA labels, decorative icons)
- * - Dynamic SVG loading from Heroicons
+ * - Dynamic SVG loading from Tabler Icons
  *
  * @example
  * ```html
@@ -470,7 +470,7 @@ declare class IconComponent {
     private readonly sanitizer;
     private readonly http;
     /**
-     * Icon name from Heroicons library
+    * Icon name from Tabler Icons library
      * @example "user", "check", "arrow-right"
      */
     readonly name: _angular_core.InputSignal<string>;
@@ -509,13 +509,13 @@ declare class IconComponent {
      */
     readonly decorative: _angular_core.InputSignal<boolean>;
     /**
-     * SVG content loaded from Heroicons
+    * SVG content loaded from Tabler Icons
      * @internal
      */
     readonly svgContent: _angular_core.WritableSignal<SafeHtml>;
     /**
-     * Alias map for non-Heroicon names (e.g. Material Design names)
-     * Maps alternative names to their Heroicon equivalents
+    * Alias map for non-Tabler names (e.g. Material Design names)
+    * Maps alternative names to their Tabler equivalents
      * @internal
      */
     private readonly iconAliasMap;
@@ -794,12 +794,12 @@ declare class InputComponent implements ControlValueAccessor {
      */
     readonly helperText: _angular_core.InputSignal<string | undefined>;
     /**
-     * Icon to display before input text (Heroicons name)
+      * Icon to display before input text (Tabler icon name)
      * @example 'envelope'
      */
     readonly iconBefore: _angular_core.InputSignal<string | undefined>;
     /**
-     * Icon to display after input text (Heroicons name)
+      * Icon to display after input text (Tabler icon name)
      * @example 'eye'
      */
     readonly iconAfter: _angular_core.InputSignal<string | undefined>;
@@ -3317,7 +3317,7 @@ declare class TabComponent {
      */
     readonly disabled: _angular_core.InputSignal<boolean>;
     /**
-     * Optional icon name (Heroicons)
+     * Optional icon name (Tabler Icons)
      */
     readonly icon: _angular_core.InputSignal<string | undefined>;
     /**
@@ -3717,7 +3717,7 @@ declare class ChipComponent {
     variant: _angular_core.InputSignal<ChipVariant>;
     /** Size of the chip */
     size: _angular_core.InputSignal<ChipSize>;
-    /** Icon name from Heroicons */
+    /** Icon name from Tabler Icons */
     icon: _angular_core.InputSignal<string | undefined>;
     /** Whether the chip can be removed */
     removable: _angular_core.InputSignal<boolean>;
@@ -3923,7 +3923,7 @@ declare class TableComponent {
  *
  * Features:
  * - Consistent label-value layout for read-only data
- * - Optional leading icon from Heroicons
+ * - Optional leading icon from Tabler Icons
  * - Compact mode for dense layouts
  * - Content projection for custom value rendering
  * - Configurable icon size (xs, sm, md)
@@ -3944,7 +3944,7 @@ declare class FieldGroupComponent {
      */
     value: _angular_core.InputSignal<string | undefined>;
     /**
-     * Optional icon name from Heroicons
+     * Optional icon name from Tabler Icons
      */
     icon: _angular_core.InputSignal<string | undefined>;
     /**
@@ -4165,7 +4165,7 @@ type EmptyStateSize = 'sm' | 'md' | 'lg';
  *
  * Features:
  * - Compact (sm) and page-level (md, lg) size modes
- * - Optional icon from Heroicons library
+ * - Optional icon from Tabler Icons library
  * - Heading and description text
  * - Action slot for projected CTA buttons
  * - Centered layout with visual hierarchy
@@ -4190,7 +4190,7 @@ declare class EmptyStateComponent {
      */
     readonly size: _angular_core.InputSignal<EmptyStateSize>;
     /**
-     * Heroicon name to display above the heading
+      * Tabler icon name to display above the heading
      */
     readonly icon: _angular_core.InputSignal<string | undefined>;
     /**
@@ -4594,7 +4594,7 @@ declare class StatTrendComponent {
     sparklineData: _angular_core.InputSignal<number[]>;
     /** Color of the sparkline. Auto-matched to trend direction if not set. */
     sparklineColor: _angular_core.InputSignal<SparklineColor | undefined>;
-    /** Optional icon name (Heroicon). */
+    /** Optional icon name (Tabler icon). */
     icon: _angular_core.InputSignal<string>;
     protected readonly resolvedDirection: _angular_core.Signal<StatTrendDirection>;
     protected readonly trendColorClass: _angular_core.Signal<string>;