@hugeicons/angular 1.0.2 → 1.0.5

package/dist/fesm2022/hugeicons-angular.mjs

@@ -1,105 +1,96 @@
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
+import { input, computed, ChangeDetectionStrategy, Component } from '@angular/core';
 
 class HugeiconsIconComponent {
-    size = 24;
-    strokeWidth = 1.5;
-    icon;
-    altIcon;
-    color = 'currentColor';
-    class = '';
-    showAlt = false;
-    paths = [];
-    ngOnInit() {
-        this.updatePaths();
-    }
-    ngOnChanges(changes) {
-        this.updatePaths();
-    }
-    updatePaths() {
-        const currentIcon = this.showAlt && this.altIcon ? this.altIcon : this.icon;
+    // Signal inputs - modern Angular 17.1+ approach
+    size = input(24);
+    strokeWidth = input(undefined);
+    absoluteStrokeWidth = input(false);
+    icon = input.required();
+    altIcon = input(undefined);
+    color = input('currentColor');
+    iconClass = input('', { alias: 'class' });
+    showAlt = input(false);
+    // Computed signal for reactive path updates
+    paths = computed(() => {
+        const currentIcon = this.showAlt() && this.altIcon() ? this.altIcon() : this.icon();
         if (!currentIcon || !Array.isArray(currentIcon)) {
-            this.paths = [];
-            return;
+            return [];
         }
-        this.paths = currentIcon.map(([_, attrs]) => ({
+        const strokeWidthValue = this.strokeWidth();
+        const calculatedStrokeWidth = strokeWidthValue !== undefined
+            ? (this.absoluteStrokeWidth()
+                ? (Number(strokeWidthValue) * 24) / Number(this.size())
+                : strokeWidthValue)
+            : undefined;
+        const strokeProps = calculatedStrokeWidth !== undefined
+            ? { strokeWidth: calculatedStrokeWidth, stroke: 'currentColor' }
+            : {};
+        return currentIcon.map(([_, attrs]) => ({
             d: attrs['d'],
             fill: attrs['fill'] || 'none',
             opacity: attrs['opacity'],
             fillRule: attrs['fillRule'],
-            strokeWidth: attrs['strokeWidth'] || this.strokeWidth
+            ...strokeProps
         }));
-    }
-    trackByFn(index) {
-        return index;
-    }
+    });
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HugeiconsIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: HugeiconsIconComponent, isStandalone: true, selector: "hugeicons-icon", inputs: { size: "size", strokeWidth: "strokeWidth", icon: "icon", altIcon: "altIcon", color: "color", class: "class", showAlt: "showAlt" }, usesOnChanges: true, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: HugeiconsIconComponent, isStandalone: true, selector: "hugeicons-icon", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, strokeWidth: { classPropertyName: "strokeWidth", publicName: "strokeWidth", isSignal: true, isRequired: false, transformFunction: null }, absoluteStrokeWidth: { classPropertyName: "absoluteStrokeWidth", publicName: "absoluteStrokeWidth", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: true, transformFunction: null }, altIcon: { classPropertyName: "altIcon", publicName: "altIcon", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, iconClass: { classPropertyName: "iconClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, showAlt: { classPropertyName: "showAlt", publicName: "showAlt", isSignal: true, isRequired: false, transformFunction: null } }, host: { styleAttribute: "display: inline-flex; align-items: center; justify-content: center;" }, ngImport: i0, template: `
     <svg
-      [attr.width]="size"
-      [attr.height]="size"
+      [attr.width]="size()"
+      [attr.height]="size()"
       viewBox="0 0 24 24"
       fill="none"
-      [attr.color]="color"
-      [class]="class"
+      [attr.color]="color()"
+      [class]="iconClass()"
       xmlns="http://www.w3.org/2000/svg"
     >
-      <path
-        *ngFor="let path of paths; trackBy: trackByFn"
-        [attr.d]="path.d"
-        [attr.fill]="path.fill"
-        [attr.opacity]="path.opacity"
-        [attr.fill-rule]="path.fillRule"
-        [attr.stroke-width]="strokeWidth"
-      />
+      @for (path of paths(); track $index) {
+        <path
+          [attr.d]="path.d"
+          [attr.fill]="path.fill"
+          [attr.opacity]="path.opacity"
+          [attr.fill-rule]="path.fillRule"
+          [attr.stroke]="path.stroke"
+          [attr.stroke-width]="path.strokeWidth"
+        />
+      }
     </svg>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HugeiconsIconComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'hugeicons-icon',
                     standalone: true,
-                    imports: [CommonModule],
                     template: `
     <svg
-      [attr.width]="size"
-      [attr.height]="size"
+      [attr.width]="size()"
+      [attr.height]="size()"
       viewBox="0 0 24 24"
       fill="none"
-      [attr.color]="color"
-      [class]="class"
+      [attr.color]="color()"
+      [class]="iconClass()"
       xmlns="http://www.w3.org/2000/svg"
     >
-      <path
-        *ngFor="let path of paths; trackBy: trackByFn"
-        [attr.d]="path.d"
-        [attr.fill]="path.fill"
-        [attr.opacity]="path.opacity"
-        [attr.fill-rule]="path.fillRule"
-        [attr.stroke-width]="strokeWidth"
-      />
+      @for (path of paths(); track $index) {
+        <path
+          [attr.d]="path.d"
+          [attr.fill]="path.fill"
+          [attr.opacity]="path.opacity"
+          [attr.fill-rule]="path.fillRule"
+          [attr.stroke]="path.stroke"
+          [attr.stroke-width]="path.strokeWidth"
+        />
+      }
     </svg>
   `,
+                    host: {
+                        style: 'display: inline-flex; align-items: center; justify-content: center;'
+                    },
                     changeDetection: ChangeDetectionStrategy.OnPush
                 }]
-        }], propDecorators: { size: [{
-                type: Input
-            }], strokeWidth: [{
-                type: Input
-            }], icon: [{
-                type: Input
-            }], altIcon: [{
-                type: Input
-            }], color: [{
-                type: Input
-            }], class: [{
-                type: Input
-            }], showAlt: [{
-                type: Input
-            }] } });
+        }] });
 
 /**
  * Generated bundle index. Do not edit.

package/dist/fesm2022/hugeicons-angular.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"hugeicons-angular.mjs","sources":["../../src/components/hugeicons-icon.component.ts","../../src/hugeicons-angular.ts"],"sourcesContent":["import { Component, Input, ChangeDetectionStrategy, OnInit, OnChanges, SimpleChanges } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { IconSvgObject } from '../lib/types';\n\n@Component({\n  selector: 'hugeicons-icon',\n  standalone: true,\n  imports: [CommonModule],\n  template: `\n    <svg\n      [attr.width]=\"size\"\n      [attr.height]=\"size\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      [attr.color]=\"color\"\n      [class]=\"class\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        *ngFor=\"let path of paths; trackBy: trackByFn\"\n        [attr.d]=\"path.d\"\n        [attr.fill]=\"path.fill\"\n        [attr.opacity]=\"path.opacity\"\n        [attr.fill-rule]=\"path.fillRule\"\n        [attr.stroke-width]=\"strokeWidth\"\n      />\n    </svg>\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\n\nexport class HugeiconsIconComponent implements OnInit, OnChanges {\n  @Input() size: string | number = 24;\n  @Input() strokeWidth = 1.5;\n  @Input() icon!: IconSvgObject;\n  @Input() altIcon?: IconSvgObject;\n  @Input() color = 'currentColor';\n  @Input() class = '';\n  @Input() showAlt = false;\n\n  paths: Array<{\n    d: string;\n    fill: string;\n    opacity?: string;\n    fillRule?: string;\n  }> = [];\n\n  ngOnInit() {\n    this.updatePaths();\n  }\n\n  ngOnChanges(changes: SimpleChanges) {\n    this.updatePaths();\n  }\n\n  private updatePaths() {\n    const currentIcon = this.showAlt && this.altIcon ? this.altIcon : this.icon;\n\n    if (!currentIcon || !Array.isArray(currentIcon)) {\n      this.paths = [];\n      return;\n    }\n\n    this.paths = currentIcon.map(([_, attrs]) => ({\n      d: attrs['d'],\n      fill: attrs['fill'] || 'none',\n      opacity: attrs['opacity'],\n      fillRule: attrs['fillRule'],\n      strokeWidth: attrs['strokeWidth'] || this.strokeWidth\n    }));\n  }\n\n  trackByFn(index: number) {\n    return index;\n  }\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"hugeicons-angular.mjs","sources":["../../src/components/hugeicons-icon.component.ts","../../src/hugeicons-angular.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy, computed, input } from '@angular/core';\nimport { IconSvgObject } from '../lib/types';\n\ninterface PathData {\n  d: string;\n  fill: string;\n  opacity?: string;\n  fillRule?: string;\n  stroke?: string;\n  strokeWidth?: number;\n}\n\n@Component({\n  selector: 'hugeicons-icon',\n  standalone: true,\n  template: `\n    <svg\n      [attr.width]=\"size()\"\n      [attr.height]=\"size()\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      [attr.color]=\"color()\"\n      [class]=\"iconClass()\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      @for (path of paths(); track $index) {\n        <path\n          [attr.d]=\"path.d\"\n          [attr.fill]=\"path.fill\"\n          [attr.opacity]=\"path.opacity\"\n          [attr.fill-rule]=\"path.fillRule\"\n          [attr.stroke]=\"path.stroke\"\n          [attr.stroke-width]=\"path.strokeWidth\"\n        />\n      }\n    </svg>\n  `,\n  host: {\n    style: 'display: inline-flex; align-items: center; justify-content: center;'\n  },\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class HugeiconsIconComponent {\n  // Signal inputs - modern Angular 17.1+ approach\n  readonly size = input<string | number>(24);\n  readonly strokeWidth = input<number | undefined>(undefined);\n  readonly absoluteStrokeWidth = input<boolean>(false);\n  readonly icon = input.required<IconSvgObject>();\n  readonly altIcon = input<IconSvgObject | undefined>(undefined);\n  readonly color = input<string>('currentColor');\n  readonly iconClass = input<string>('', { alias: 'class' });\n  readonly showAlt = input<boolean>(false);\n\n  // Computed signal for reactive path updates\n  readonly paths = computed<PathData[]>(() => {\n    const currentIcon = this.showAlt() && this.altIcon() ? this.altIcon()! : this.icon();\n\n    if (!currentIcon || !Array.isArray(currentIcon)) {\n      return [];\n    }\n\n    const strokeWidthValue = this.strokeWidth();\n    const calculatedStrokeWidth = strokeWidthValue !== undefined\n      ? (this.absoluteStrokeWidth() \n          ? (Number(strokeWidthValue) * 24) / Number(this.size()) \n          : strokeWidthValue)\n      : undefined;\n\n    const strokeProps = calculatedStrokeWidth !== undefined \n      ? { strokeWidth: calculatedStrokeWidth, stroke: 'currentColor' } \n      : {};\n\n    return currentIcon.map(([_, attrs]) => ({\n      d: attrs['d'],\n      fill: attrs['fill'] || 'none',\n      opacity: attrs['opacity'],\n      fillRule: attrs['fillRule'],\n      ...strokeProps\n    }));\n  });\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/dist/lib/types.d.ts

@@ -1,10 +1,26 @@
-export type IconSvgObject = readonly (readonly [string, Record<string, any>])[];
+/** SVG path attributes */
+export interface SvgPathAttributes {
+    d: string;
+    fill?: string;
+    opacity?: string;
+    fillRule?: 'nonzero' | 'evenodd';
+    stroke?: string;
+    strokeWidth?: number | string;
+    strokeLinecap?: 'butt' | 'round' | 'square';
+    strokeLinejoin?: 'miter' | 'round' | 'bevel';
+    [key: string]: unknown;
+}
+/** Icon SVG object type - tuple of [element name, attributes] */
+export type IconSvgObject = readonly (readonly [string, SvgPathAttributes])[];
 export type IconName = string;
+/** Icon style variants */
+export type IconStyle = 'stroke-rounded' | 'stroke-sharp' | 'stroke-standard' | 'solid-rounded' | 'solid-sharp' | 'solid-standard' | 'bulk-rounded' | 'duotone-rounded' | 'duotone-standard' | 'twotone-rounded';
 export interface IconMetadata {
     name: IconName;
     category: string;
     tags: string[];
     pack: string;
+    style?: IconStyle;
 }
 export interface IconData {
     icon: IconSvgObject;
@@ -13,6 +29,7 @@ export interface IconData {
 export interface HugeiconsProps {
     size?: string | number;
     strokeWidth?: number;
+    absoluteStrokeWidth?: boolean;
     icon: IconSvgObject;
     altIcon?: IconSvgObject;
     color?: string;

package/package.json

@@ -1,23 +1,42 @@
 {
   "name": "@hugeicons/angular",
-  "version": "1.0.2",
-  "description": "HugeIcons Pro Angular Component Library https://hugeicons.com",
+  "version": "1.0.5",
+  "description": "Hugeicons Angular Component Library https://hugeicons.com",
   "homepage": "https://hugeicons.com",
+  "license": "MIT",
   "type": "module",
   "main": "./dist/bundles/hugeicons-angular.umd.js",
   "module": "./dist/fesm2022/hugeicons-angular.mjs",
   "typings": "./dist/index.d.ts",
   "sideEffects": false,
   "files": [
-    "dist"
+    "dist",
+    "CHANGELOG.md",
+    "LICENSE.md",
+    "PRO-LICENSE.md",
+    "README.md"
   ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/hugeicons/angular.git"
+  },
+  "bugs": {
+    "url": "https://github.com/hugeicons/angular/issues"
+  },
   "author": "Hugeicons",
+  "scripts": {
+    "build": "pnpm clean && ng-packagr -p ng-package.json",
+    "clean": "rm -rf dist",
+    "test": "ng test",
+    "publish:beta": "pnpm build && npm publish --tag beta --no-git-checks",
+    "publish:prod": "pnpm build && npm publish --no-git-checks"
+  },
   "dependencies": {
     "tslib": "^2.6.0"
   },
   "peerDependencies": {
-    "@angular/common": ">=17.0.0 <19.0.0",
-    "@angular/core": ">=17.0.0 <19.0.0"
+    "@angular/common": ">=17.1.0 <21.0.0",
+    "@angular/core": ">=17.1.0 <21.0.0"
   },
   "devDependencies": {
     "@angular/common": "^17.0.0",
@@ -29,20 +48,14 @@
     "typescript": "~5.2.0"
   },
   "keywords": [
+    "hugeicons",
+    "angular",
     "icons",
     "angular-icons",
-    "ui-components",
-    "design-system",
+    "svg-icons",
+    "svg",
     "vector-icons",
-    "angular-component-library",
-    "web-icons",
-    "scalable-icons",
-    "customizable-icons",
-    "icon-library"
-  ],
-  "scripts": {
-    "build": "pnpm clean && ng-packagr -p ng-package.json",
-    "clean": "rm -rf dist",
-    "test": "ng test"
-  }
-}
+    "icon-library",
+    "typescript"
+  ]
+}