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

package/fesm2022/life-cockpit-angular-ui-kit.mjs

@@ -211,7 +211,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
 
 /* eslint-disable @typescript-eslint/member-ordering, @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access */
 /**
- * Icon component - Heroicons wrapper for displaying SVG icons
+ * Icon component - Tabler Icons wrapper for displaying SVG icons
  *
  * Features:
  * - Signal-based reactive API
@@ -219,7 +219,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
  * - 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
@@ -246,7 +246,7 @@ class IconComponent {
     sanitizer = inject(DomSanitizer);
     http = inject(HttpClient);
     /**
-     * Icon name from Heroicons library
+    * Icon name from Tabler Icons library
      * @example "user", "check", "arrow-right"
      */
     name = input('', ...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
@@ -285,13 +285,13 @@ class IconComponent {
      */
     decorative = input(false, ...(ngDevMode ? [{ debugName: "decorative" }] : /* istanbul ignore next */ []));
     /**
-     * SVG content loaded from Heroicons
+    * SVG content loaded from Tabler Icons
      * @internal
      */
     svgContent = signal('', ...(ngDevMode ? [{ debugName: "svgContent" }] : /* istanbul ignore next */ []));
     /**
-     * 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
      */
     iconAliasMap = {
@@ -478,7 +478,8 @@ class IconComponent {
         if (!rawName)
             return '';
         const iconName = this.iconAliasMap[rawName] ?? rawName;
-        return `/heroicons/24/${iconVariant}/${iconName}.svg`;
+        const tablerVariant = iconVariant === 'solid' ? 'filled' : 'outline';
+        return `/tabler-icons/${tablerVariant}/${iconName}.svg`;
     }, ...(ngDevMode ? [{ debugName: "iconPath" }] : /* istanbul ignore next */ []));
     /**
      * Computed size in pixels
@@ -518,7 +519,7 @@ class IconComponent {
                 this.svgContent.set('');
                 return;
             }
-            // Resolve aliases (Material Design → Heroicons)
+            // Resolve aliases (Material Design -> Tabler)
             const iconName = this.iconAliasMap[rawName] ?? rawName;
             // Try to use inline SVG first (avoids HTTP request)
             const inlineSvg = this.inlineSvgMap[iconName]?.[iconVariant];
@@ -1303,12 +1304,12 @@ class InputComponent {
      */
     helperText = input(...(ngDevMode ? [undefined, { debugName: "helperText" }] : /* istanbul ignore next */ []));
     /**
-     * Icon to display before input text (Heroicons name)
+      * Icon to display before input text (Tabler icon name)
      * @example 'envelope'
      */
     iconBefore = input(...(ngDevMode ? [undefined, { debugName: "iconBefore" }] : /* istanbul ignore next */ []));
     /**
-     * Icon to display after input text (Heroicons name)
+      * Icon to display after input text (Tabler icon name)
      * @example 'eye'
      */
     iconAfter = input(...(ngDevMode ? [undefined, { debugName: "iconAfter" }] : /* istanbul ignore next */ []));
@@ -6397,7 +6398,7 @@ class TabComponent {
      */
     disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
     /**
-     * Optional icon name (Heroicons)
+     * Optional icon name (Tabler Icons)
      */
     icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
     /**
@@ -6852,7 +6853,7 @@ class ChipComponent {
     variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
     /** Size of the chip */
     size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
-    /** Icon name from Heroicons */
+    /** Icon name from Tabler Icons */
     icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
     /** Whether the chip can be removed */
     removable = input(false, ...(ngDevMode ? [{ debugName: "removable" }] : /* istanbul ignore next */ []));
@@ -7255,7 +7256,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
  *
  * 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)
@@ -7276,7 +7277,7 @@ class FieldGroupComponent {
      */
     value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
     /**
-     * Optional icon name from Heroicons
+     * Optional icon name from Tabler Icons
      */
     icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
     /**
@@ -7577,7 +7578,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
  *
  * 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
@@ -7602,7 +7603,7 @@ class EmptyStateComponent {
      */
     size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
     /**
-     * Heroicon name to display above the heading
+      * Tabler icon name to display above the heading
      */
     icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
     /**
@@ -8731,7 +8732,7 @@ class StatTrendComponent {
     sparklineData = input([], ...(ngDevMode ? [{ debugName: "sparklineData" }] : /* istanbul ignore next */ []));
     /** Color of the sparkline. Auto-matched to trend direction if not set. */
     sparklineColor = input(undefined, ...(ngDevMode ? [{ debugName: "sparklineColor" }] : /* istanbul ignore next */ []));
-    /** Optional icon name (Heroicon). */
+    /** Optional icon name (Tabler icon). */
     icon = input('', ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
     resolvedDirection = computed(() => {
         const dir = this.direction();