@mbbiz/icon 0.1.5

package/README.md

@@ -0,0 +1,133 @@
+# @mbbiz/icon
+
+SVG icon library — **no IcoMoon, no Ant Design icons**.
+
+Pipeline:
+
+```
+icons/raw/*.svg  →  npm run icons:generate  →  src/icons/*.ts  →  <lib-icon>
+```
+
+## Install
+
+```bash
+npm install @mbbiz/icon
+# or link locally / git:
+# npm install github:hieudeptrai1112/icon
+```
+
+## Add icons
+
+1. Drop SVG into `icons/raw/` — naming: `ic-{domain}-{name}.svg`
+   - Example: `ic-nav-home.svg` → icon name `nav-home`
+2. Run:
+
+```bash
+npm run icons:generate
+npm run build
+```
+
+Rules for SVG:
+
+- Prefer `viewBox="0 0 24 24"`
+- Use `currentColor` for stroke/fill (script rewrites hard-coded colors)
+- Keep paths only — no filters/effects unless needed
+
+## Usage (core)
+
+```ts
+import { registerIcons, NavHomeIcon, ActionPlusIcon, toSvgElement } from '@mbbiz/icon';
+
+registerIcons(NavHomeIcon, ActionPlusIcon);
+
+const html = toSvgElement(NavHomeIcon);
+```
+
+Register **only icons you need** — do not import `allIcons` in production apps.
+
+## Usage (Angular)
+
+```ts
+// app.config.ts
+import { provideIcons } from '@mbbiz/icon/angular';
+import { NavHomeIcon, ActionSearchIcon } from '@mbbiz/icon';
+
+export const appConfig = {
+  providers: [
+    provideIcons([NavHomeIcon, ActionSearchIcon]),
+  ],
+};
+```
+
+```html
+<lib-icon name="nav-home" size="m" />
+<lib-icon name="action-search" size="s" ariaLabel="Search" />
+<lib-icon name="abold_error" size="m" color="#f53f3f" />
+```
+
+Alias selector: `<mbbiz-icon>` also works.
+
+### Icon size tokens (`iconsize/*`)
+
+| Token | Prop `size` | px |
+|---|---|---|
+| `iconsize/xs` | `xs` | 16 |
+| `iconsize/s` | `s` | 20 |
+| `iconsize/m` | `m` (**default**) | 24 |
+| `iconsize/l` | `l` | 28 |
+| `iconsize/xl` | `xl` | 32 |
+| `iconsize/2xl` | `2xl` | 40 |
+
+Legacy aliases: `sm`→`xs`, `md`→`s`, `lg`→`m`.
+
+### Color (same model as ng-zorro)
+
+SVG paths use `currentColor`. The host sets CSS `color` via the `color` input (default `currentColor`) or by inheriting from a parent.
+
+```html
+<!-- Inherit from parent -->
+<button style="color: #1677ff">
+  <lib-icon name="action-plus" size="s" />
+  Add
+</button>
+
+<!-- Explicit prop -->
+<lib-icon name="abold_error" size="m" color="#f53f3f" />
+<lib-icon name="abold_success" size="m" color="var(--semantic-color-success)" />
+```
+
+```css
+.icon-muted {
+  color: var(--semantic-color-text-secondary);
+}
+```
+
+Do **not** hard-code hex fills in raw SVG if the icon must recolor — the generate script rewrites non-`none`/`currentColor` fills to `currentColor`.
+
+## Project layout
+
+```
+icons/raw/           # source of truth (SVG from Figma)
+icons/manifest.json  # generated metadata
+scripts/generate.mjs
+src/
+  types.ts
+  registry.ts
+  icons/             # generated definitions
+  angular/           # IconComponent + provideIcons
+```
+
+## Sample icons included
+
+| Name | File |
+|---|---|
+| `nav-home` | `ic-nav-home.svg` |
+| `nav-arrow-right` | `ic-nav-arrow-right.svg` |
+| `action-plus` | `ic-action-plus.svg` |
+| `action-close` | `ic-action-close.svg` |
+| `action-search` | `ic-action-search.svg` |
+| `action-edit` | `ic-action-edit.svg` |
+
+## License
+
+MIT

package/angular/icon.component.d.ts

@@ -0,0 +1,15 @@
+import { type IconSize } from '@mbbiz/icon';
+import * as i0 from "@angular/core";
+export declare class IconComponent {
+    readonly name: import("@angular/core").InputSignal<string>;
+    /** Token size: xs|s|m|l|xl|2xl (default m = 24px). Aliases sm→xs, md→s, lg→m. */
+    readonly size: import("@angular/core").InputSignal<IconSize>;
+    readonly color: import("@angular/core").InputSignal<string>;
+    readonly ariaLabel: import("@angular/core").InputSignal<string>;
+    private readonly sanitizer;
+    private readonly iconService;
+    protected readonly resolvedSize: import("@angular/core").Signal<import("@mbbiz/icon").IconSizeToken>;
+    protected readonly safeSvg: import("@angular/core").Signal<import("@angular/platform-browser").SafeHtml>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "lib-icon, mbbiz-icon", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/angular/icon.service.d.ts

@@ -0,0 +1,10 @@
+import { IconRegistry, type IconDefinition } from '@mbbiz/icon';
+import * as i0 from "@angular/core";
+export declare class IconService {
+    /** Shared registry (same as core defaultIconRegistry). */
+    readonly registry: IconRegistry;
+    register(...icons: IconDefinition[]): void;
+    get(name: string): IconDefinition | undefined;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IconService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<IconService>;
+}

package/angular/index.d.ts

@@ -0,0 +1,3 @@
+export { IconComponent } from './icon.component';
+export { IconService } from './icon.service';
+export { provideIcons } from './provide-icons';

package/angular/provide-icons.d.ts

@@ -0,0 +1,3 @@
+import { type EnvironmentProviders } from '@angular/core';
+import { type IconDefinition } from '@mbbiz/icon';
+export declare function provideIcons(icons: readonly IconDefinition[]): EnvironmentProviders;

package/fesm2022/mbbiz-icon-angular.mjs

@@ -0,0 +1,98 @@
+import * as i0 from '@angular/core';
+import { Injectable, input, inject, computed, ChangeDetectionStrategy, ViewEncapsulation, Component, makeEnvironmentProviders, APP_INITIALIZER } from '@angular/core';
+import { DomSanitizer } from '@angular/platform-browser';
+import { defaultIconRegistry, resolveIconSize, iconSizeToPx, toSvgElement } from '@mbbiz/icon';
+
+class IconService {
+    /** Shared registry (same as core defaultIconRegistry). */
+    registry = defaultIconRegistry;
+    register(...icons) {
+        this.registry.register(...icons);
+    }
+    get(name) {
+        return this.registry.get(name);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IconService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IconService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IconService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class IconComponent {
+    name = input.required();
+    /** Token size: xs|s|m|l|xl|2xl (default m = 24px). Aliases sm→xs, md→s, lg→m. */
+    size = input('m');
+    color = input('currentColor');
+    ariaLabel = input(null);
+    sanitizer = inject(DomSanitizer);
+    iconService = inject(IconService, { optional: true });
+    resolvedSize = computed(() => resolveIconSize(this.size()));
+    safeSvg = computed(() => {
+        const registry = this.iconService?.registry ?? defaultIconRegistry;
+        const def = registry.get(this.name());
+        if (!def) {
+            console.warn(`[lib-icon] Unknown icon: "${this.name()}"`);
+            return '';
+        }
+        const px = iconSizeToPx(this.size());
+        const html = toSvgElement(def, {
+            width: String(px),
+            height: String(px),
+        });
+        return this.sanitizer.bypassSecurityTrustHtml(html);
+    });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.25", type: IconComponent, isStandalone: true, selector: "lib-icon, mbbiz-icon", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `<span
+    class="lib-icon"
+    [class.lib-icon--xs]="resolvedSize() === 'xs'"
+    [class.lib-icon--s]="resolvedSize() === 's'"
+    [class.lib-icon--m]="resolvedSize() === 'm'"
+    [class.lib-icon--l]="resolvedSize() === 'l'"
+    [class.lib-icon--xl]="resolvedSize() === 'xl'"
+    [class.lib-icon--2xl]="resolvedSize() === '2xl'"
+    [attr.role]="ariaLabel() ? 'img' : null"
+    [attr.aria-label]="ariaLabel()"
+    [attr.aria-hidden]="ariaLabel() ? null : 'true'"
+    [style.color]="color()"
+    [innerHTML]="safeSvg()"
+  ></span>`, isInline: true, styles: [".lib-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0;color:inherit}.lib-icon svg{width:100%;height:100%;display:block}.lib-icon--xs{width:16px;height:16px}.lib-icon--s{width:20px;height:20px}.lib-icon--m{width:24px;height:24px}.lib-icon--l{width:28px;height:28px}.lib-icon--xl{width:32px;height:32px}.lib-icon--2xl{width:40px;height:40px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IconComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-icon, mbbiz-icon', standalone: true, template: `<span
+    class="lib-icon"
+    [class.lib-icon--xs]="resolvedSize() === 'xs'"
+    [class.lib-icon--s]="resolvedSize() === 's'"
+    [class.lib-icon--m]="resolvedSize() === 'm'"
+    [class.lib-icon--l]="resolvedSize() === 'l'"
+    [class.lib-icon--xl]="resolvedSize() === 'xl'"
+    [class.lib-icon--2xl]="resolvedSize() === '2xl'"
+    [attr.role]="ariaLabel() ? 'img' : null"
+    [attr.aria-label]="ariaLabel()"
+    [attr.aria-hidden]="ariaLabel() ? null : 'true'"
+    [style.color]="color()"
+    [innerHTML]="safeSvg()"
+  ></span>`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".lib-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0;color:inherit}.lib-icon svg{width:100%;height:100%;display:block}.lib-icon--xs{width:16px;height:16px}.lib-icon--s{width:20px;height:20px}.lib-icon--m{width:24px;height:24px}.lib-icon--l{width:28px;height:28px}.lib-icon--xl{width:32px;height:32px}.lib-icon--2xl{width:40px;height:40px}\n"] }]
+        }] });
+
+function provideIcons(icons) {
+    return makeEnvironmentProviders([
+        {
+            provide: APP_INITIALIZER,
+            multi: true,
+            deps: [IconService],
+            useFactory: (svc) => () => {
+                svc.register(...icons);
+            },
+        },
+    ]);
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { IconComponent, IconService, provideIcons };
+//# sourceMappingURL=mbbiz-icon-angular.mjs.map

package/fesm2022/mbbiz-icon-angular.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mbbiz-icon-angular.mjs","sources":["../../src/angular/icon.service.ts","../../src/angular/icon.component.ts","../../src/angular/provide-icons.ts","../../src/angular/mbbiz-icon-angular.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\nimport { IconRegistry, defaultIconRegistry, type IconDefinition } from '@mbbiz/icon';\n\n@Injectable({ providedIn: 'root' })\nexport class IconService {\n  /** Shared registry (same as core defaultIconRegistry). */\n  readonly registry: IconRegistry = defaultIconRegistry;\n\n  register(...icons: IconDefinition[]): void {\n    this.registry.register(...icons);\n  }\n\n  get(name: string): IconDefinition | undefined {\n    return this.registry.get(name);\n  }\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  computed,\n  inject,\n  input,\n} from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\n\nimport {\n  defaultIconRegistry,\n  iconSizeToPx,\n  resolveIconSize,\n  toSvgElement,\n  type IconSize,\n} from '@mbbiz/icon';\nimport { IconService } from './icon.service';\n\n@Component({\n  selector: 'lib-icon, mbbiz-icon',\n  standalone: true,\n  template: `<span\n    class=\"lib-icon\"\n    [class.lib-icon--xs]=\"resolvedSize() === 'xs'\"\n    [class.lib-icon--s]=\"resolvedSize() === 's'\"\n    [class.lib-icon--m]=\"resolvedSize() === 'm'\"\n    [class.lib-icon--l]=\"resolvedSize() === 'l'\"\n    [class.lib-icon--xl]=\"resolvedSize() === 'xl'\"\n    [class.lib-icon--2xl]=\"resolvedSize() === '2xl'\"\n    [attr.role]=\"ariaLabel() ? 'img' : null\"\n    [attr.aria-label]=\"ariaLabel()\"\n    [attr.aria-hidden]=\"ariaLabel() ? null : 'true'\"\n    [style.color]=\"color()\"\n    [innerHTML]=\"safeSvg()\"\n  ></span>`,\n  styles: [\n    `\n      .lib-icon {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n        line-height: 0;\n        color: inherit;\n      }\n      .lib-icon svg {\n        width: 100%;\n        height: 100%;\n        display: block;\n      }\n      .lib-icon--xs {\n        width: 16px;\n        height: 16px;\n      }\n      .lib-icon--s {\n        width: 20px;\n        height: 20px;\n      }\n      .lib-icon--m {\n        width: 24px;\n        height: 24px;\n      }\n      .lib-icon--l {\n        width: 28px;\n        height: 28px;\n      }\n      .lib-icon--xl {\n        width: 32px;\n        height: 32px;\n      }\n      .lib-icon--2xl {\n        width: 40px;\n        height: 40px;\n      }\n    `,\n  ],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class IconComponent {\n  readonly name = input.required<string>();\n  /** Token size: xs|s|m|l|xl|2xl (default m = 24px). Aliases sm→xs, md→s, lg→m. */\n  readonly size = input<IconSize>('m');\n  readonly color = input<string>('currentColor');\n  readonly ariaLabel = input<string | null>(null);\n\n  private readonly sanitizer = inject(DomSanitizer);\n  private readonly iconService = inject(IconService, { optional: true });\n\n  protected readonly resolvedSize = computed(() => resolveIconSize(this.size()));\n\n  protected readonly safeSvg = computed(() => {\n    const registry = this.iconService?.registry ?? defaultIconRegistry;\n    const def = registry.get(this.name());\n    if (!def) {\n      console.warn(`[lib-icon] Unknown icon: \"${this.name()}\"`);\n      return '';\n    }\n\n    const px = iconSizeToPx(this.size());\n    const html = toSvgElement(def, {\n      width: String(px),\n      height: String(px),\n    });\n    return this.sanitizer.bypassSecurityTrustHtml(html);\n  });\n}\n","import { APP_INITIALIZER, type EnvironmentProviders, makeEnvironmentProviders } from '@angular/core';\n\nimport { type IconDefinition } from '@mbbiz/icon';\nimport { IconService } from './icon.service';\n\nexport function provideIcons(icons: readonly IconDefinition[]): EnvironmentProviders {\n  return makeEnvironmentProviders([\n    {\n      provide: APP_INITIALIZER,\n      multi: true,\n      deps: [IconService],\n      useFactory: (svc: IconService) => () => {\n        svc.register(...icons);\n      },\n    },\n  ]);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}