pdm-ui-kit 1.0.0 → 1.1.0

package/fesm2020/pdm-ui-kit-src-hover-card.mjs

@@ -0,0 +1,231 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, ViewChild, HostListener, NgModule } from '@angular/core';
+import { TemplatePortal } from '@angular/cdk/portal';
+import { mergeOverlayPanelClass, OVERLAY_BASE_Z_INDEX } from 'pdm-ui-kit/src/overlay';
+import * as i1 from '@angular/cdk/overlay';
+import { OverlayModule } from '@angular/cdk/overlay';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+class PdmHoverCardComponent {
+    constructor(overlay, viewContainerRef, elementRef, cdr) {
+        this.overlay = overlay;
+        this.viewContainerRef = viewContainerRef;
+        this.elementRef = elementRef;
+        this.cdr = cdr;
+        this.className = "";
+        this.panelClassName = "";
+        this.side = "bottom";
+        this.align = "start";
+        this.panelWidth = 304;
+        this.open = false;
+        this.overlayRef = null;
+        this.showTimeout = null;
+        this.hideTimeout = null;
+    }
+    ngOnDestroy() {
+        this.clearTimeouts();
+        this.destroyOverlay();
+    }
+    onMouseEnter() {
+        this.clearTimeouts();
+        this.showTimeout = setTimeout(() => this.show(), 150);
+    }
+    onMouseLeave() {
+        this.clearTimeouts();
+        this.hideTimeout = setTimeout(() => this.hide(), 150);
+    }
+    onFocusIn() {
+        this.clearTimeouts();
+        this.show();
+    }
+    onFocusOut() {
+        this.clearTimeouts();
+        this.hide();
+    }
+    clearTimeouts() {
+        if (this.showTimeout) {
+            clearTimeout(this.showTimeout);
+            this.showTimeout = null;
+        }
+        if (this.hideTimeout) {
+            clearTimeout(this.hideTimeout);
+            this.hideTimeout = null;
+        }
+    }
+    show() {
+        if (this.open)
+            return;
+        this.open = true;
+        this.cdr.markForCheck();
+        this.createOverlay();
+    }
+    hide() {
+        if (!this.open)
+            return;
+        this.open = false;
+        this.cdr.markForCheck();
+        this.destroyOverlay();
+    }
+    createOverlay() {
+        if (this.overlayRef)
+            return;
+        const triggerEl = this.elementRef.nativeElement.querySelector("[pdmHoverTrigger]") ||
+            this.elementRef.nativeElement;
+        const positionStrategy = this.overlay
+            .position()
+            .flexibleConnectedTo(triggerEl)
+            .withPositions(this.getPositionConfigs())
+            .withFlexibleDimensions(false)
+            .withPush(true);
+        const panelClass = mergeOverlayPanelClass(OVERLAY_BASE_Z_INDEX, this.panelClassName);
+        this.overlayRef = this.overlay.create({
+            positionStrategy,
+            panelClass,
+        });
+        const portal = new TemplatePortal(this.panelTemplateRef, this.viewContainerRef);
+        this.overlayRef.attach(portal);
+    }
+    destroyOverlay() {
+        if (this.overlayRef) {
+            this.overlayRef.detach();
+            this.overlayRef.dispose();
+            this.overlayRef = null;
+        }
+    }
+    getPositionConfigs() {
+        // Map our side/align to CDK positions
+        const configs = [];
+        // Primary position based on side
+        switch (this.side) {
+            case "top":
+                configs.push({
+                    originX: this.getAlignX(),
+                    originY: "top",
+                    overlayX: this.getAlignX(),
+                    overlayY: "bottom",
+                    offsetY: -8,
+                });
+                break;
+            case "right":
+                configs.push({
+                    originX: "end",
+                    originY: this.getAlignY(),
+                    overlayX: "start",
+                    overlayY: this.getAlignY(),
+                    offsetX: 8,
+                });
+                break;
+            case "bottom":
+            default:
+                configs.push({
+                    originX: this.getAlignX(),
+                    originY: "bottom",
+                    overlayX: this.getAlignX(),
+                    overlayY: "top",
+                    offsetY: 8,
+                });
+                break;
+            case "left":
+                configs.push({
+                    originX: "start",
+                    originY: this.getAlignY(),
+                    overlayX: "end",
+                    overlayY: this.getAlignY(),
+                    offsetX: -8,
+                });
+                break;
+        }
+        // Add fallback positions
+        switch (this.side) {
+            case "top":
+            case "bottom":
+                configs.push({
+                    originX: "center",
+                    originY: this.side === "top" ? "top" : "bottom",
+                    overlayX: "center",
+                    overlayY: this.side === "top" ? "bottom" : "top",
+                    offsetY: this.side === "top" ? -8 : 8,
+                });
+                break;
+            case "left":
+            case "right":
+                configs.push({
+                    originX: this.side === "left" ? "start" : "end",
+                    originY: "center",
+                    overlayX: this.side === "left" ? "end" : "start",
+                    overlayY: "center",
+                    offsetX: this.side === "left" ? -8 : 8,
+                });
+                break;
+        }
+        return configs;
+    }
+    getAlignX() {
+        return this.align;
+    }
+    getAlignY() {
+        // Map 'start'/'end' to 'top'/'bottom' for Y axis
+        const alignMap = {
+            start: "top",
+            center: "center",
+            end: "bottom",
+        };
+        return alignMap[this.align];
+    }
+}
+PdmHoverCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmHoverCardComponent, deps: [{ token: i1.Overlay }, { token: i0.ViewContainerRef }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+PdmHoverCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: PdmHoverCardComponent, selector: "pdm-hover-card", inputs: { className: "className", panelClassName: "panelClassName", side: "side", align: "align", panelWidth: "panelWidth" }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "focusin": "onFocusIn()", "focusout": "onFocusOut()" } }, viewQueries: [{ propertyName: "panelTemplateRef", first: true, predicate: ["panelTemplate"], descendants: true }], ngImport: i0, template: "<div\n  class=\"relative inline-flex\"\n  [ngClass]=\"className\"\n  (mouseenter)=\"onMouseEnter()\"\n  (mouseleave)=\"onMouseLeave()\"\n  (focusin)=\"onFocusIn()\"\n  (focusout)=\"onFocusOut()\"\n>\n  <div>\n    <ng-content select=\"[pdmHoverTrigger]\"></ng-content>\n  </div>\n\n  <!-- Template for CDK Overlay -->\n  <ng-template #panelTemplate>\n    <section\n      [style.width.px]=\"panelWidth\"\n      class=\"rounded-md border border-solid border-border bg-popover p-4 text-popover-foreground shadow-md\"\n    >\n      <ng-content select=\"[pdmHoverContent]\"></ng-content>\n    </section>\n  </ng-template>\n</div>\n", styles: [":host{display:inline-flex}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmHoverCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "pdm-hover-card", changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  class=\"relative inline-flex\"\n  [ngClass]=\"className\"\n  (mouseenter)=\"onMouseEnter()\"\n  (mouseleave)=\"onMouseLeave()\"\n  (focusin)=\"onFocusIn()\"\n  (focusout)=\"onFocusOut()\"\n>\n  <div>\n    <ng-content select=\"[pdmHoverTrigger]\"></ng-content>\n  </div>\n\n  <!-- Template for CDK Overlay -->\n  <ng-template #panelTemplate>\n    <section\n      [style.width.px]=\"panelWidth\"\n      class=\"rounded-md border border-solid border-border bg-popover p-4 text-popover-foreground shadow-md\"\n    >\n      <ng-content select=\"[pdmHoverContent]\"></ng-content>\n    </section>\n  </ng-template>\n</div>\n", styles: [":host{display:inline-flex}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.Overlay }, { type: i0.ViewContainerRef }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { className: [{
+                type: Input
+            }], panelClassName: [{
+                type: Input
+            }], side: [{
+                type: Input
+            }], align: [{
+                type: Input
+            }], panelWidth: [{
+                type: Input
+            }], panelTemplateRef: [{
+                type: ViewChild,
+                args: ["panelTemplate"]
+            }], onMouseEnter: [{
+                type: HostListener,
+                args: ["mouseenter"]
+            }], onMouseLeave: [{
+                type: HostListener,
+                args: ["mouseleave"]
+            }], onFocusIn: [{
+                type: HostListener,
+                args: ["focusin"]
+            }], onFocusOut: [{
+                type: HostListener,
+                args: ["focusout"]
+            }] } });
+
+const COMPONENTS = [
+    PdmHoverCardComponent,
+];
+class PdmHoverCardModule {
+}
+PdmHoverCardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmHoverCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PdmHoverCardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: PdmHoverCardModule, declarations: [PdmHoverCardComponent], imports: [CommonModule, OverlayModule], exports: [PdmHoverCardComponent] });
+PdmHoverCardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmHoverCardModule, imports: [CommonModule, OverlayModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmHoverCardModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, OverlayModule],
+                    declarations: COMPONENTS,
+                    exports: COMPONENTS
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { PdmHoverCardComponent, PdmHoverCardModule };
+//# sourceMappingURL=pdm-ui-kit-src-hover-card.mjs.map

package/fesm2020/pdm-ui-kit-src-hover-card.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pdm-ui-kit-src-hover-card.mjs","sources":["../../../src/hover-card/hover-card.component.ts","../../../src/hover-card/hover-card.component.html","../../../src/hover-card/hover-card.module.ts","../../../src/hover-card/pdm-ui-kit-src-hover-card.ts"],"sourcesContent":["import {\n\tChangeDetectionStrategy,\n\tChangeDetectorRef,\n\tComponent,\n\tElementRef,\n\tHostListener,\n\tInput,\n\tOnDestroy,\n\tViewChild,\n\tViewContainerRef,\n} from \"@angular/core\";\nimport { Overlay, OverlayRef, ConnectedPosition } from \"@angular/cdk/overlay\";\nimport { TemplatePortal } from \"@angular/cdk/portal\";\nimport {\n\tmergeOverlayPanelClass,\n\tOVERLAY_BASE_Z_INDEX,\n} from \"pdm-ui-kit/src/overlay\";\n\nexport type PdmHoverCardSide = \"top\" | \"right\" | \"bottom\" | \"left\";\nexport type PdmHoverCardAlign = \"start\" | \"center\" | \"end\";\n\n@Component({\n\tselector: \"pdm-hover-card\",\n\ttemplateUrl: \"./hover-card.component.html\",\n\tstyles: [\":host { display: inline-flex; }\"],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class PdmHoverCardComponent implements OnDestroy {\n\t@Input() className = \"\";\n\t@Input() panelClassName = \"\";\n\t@Input() side: PdmHoverCardSide = \"bottom\";\n\t@Input() align: PdmHoverCardAlign = \"start\";\n\t@Input() panelWidth = 304;\n\n\topen = false;\n\tprivate overlayRef: OverlayRef | null = null;\n\tprivate showTimeout: any = null;\n\tprivate hideTimeout: any = null;\n\n\t@ViewChild(\"panelTemplate\") panelTemplateRef: any;\n\n\tconstructor(\n\t\tprivate readonly overlay: Overlay,\n\t\tprivate readonly viewContainerRef: ViewContainerRef,\n\t\tprivate readonly elementRef: ElementRef<HTMLElement>,\n\t\tprivate readonly cdr: ChangeDetectorRef,\n\t) {}\n\n\tngOnDestroy(): void {\n\t\tthis.clearTimeouts();\n\t\tthis.destroyOverlay();\n\t}\n\n\t@HostListener(\"mouseenter\")\n\tonMouseEnter(): void {\n\t\tthis.clearTimeouts();\n\t\tthis.showTimeout = setTimeout(() => this.show(), 150);\n\t}\n\n\t@HostListener(\"mouseleave\")\n\tonMouseLeave(): void {\n\t\tthis.clearTimeouts();\n\t\tthis.hideTimeout = setTimeout(() => this.hide(), 150);\n\t}\n\n\t@HostListener(\"focusin\")\n\tonFocusIn(): void {\n\t\tthis.clearTimeouts();\n\t\tthis.show();\n\t}\n\n\t@HostListener(\"focusout\")\n\tonFocusOut(): void {\n\t\tthis.clearTimeouts();\n\t\tthis.hide();\n\t}\n\n\tprivate clearTimeouts(): void {\n\t\tif (this.showTimeout) {\n\t\t\tclearTimeout(this.showTimeout);\n\t\t\tthis.showTimeout = null;\n\t\t}\n\t\tif (this.hideTimeout) {\n\t\t\tclearTimeout(this.hideTimeout);\n\t\t\tthis.hideTimeout = null;\n\t\t}\n\t}\n\n\tprivate show(): void {\n\t\tif (this.open) return;\n\n\t\tthis.open = true;\n\t\tthis.cdr.markForCheck();\n\t\tthis.createOverlay();\n\t}\n\n\tprivate hide(): void {\n\t\tif (!this.open) return;\n\n\t\tthis.open = false;\n\t\tthis.cdr.markForCheck();\n\t\tthis.destroyOverlay();\n\t}\n\n\tprivate createOverlay(): void {\n\t\tif (this.overlayRef) return;\n\n\t\tconst triggerEl =\n\t\t\tthis.elementRef.nativeElement.querySelector(\"[pdmHoverTrigger]\") ||\n\t\t\tthis.elementRef.nativeElement;\n\n\t\tconst positionStrategy = this.overlay\n\t\t\t.position()\n\t\t\t.flexibleConnectedTo(triggerEl)\n\t\t\t.withPositions(this.getPositionConfigs())\n\t\t\t.withFlexibleDimensions(false)\n\t\t\t.withPush(true);\n\n\t\tconst panelClass = mergeOverlayPanelClass(\n\t\t\tOVERLAY_BASE_Z_INDEX,\n\t\t\tthis.panelClassName,\n\t\t);\n\n\t\tthis.overlayRef = this.overlay.create({\n\t\t\tpositionStrategy,\n\t\t\tpanelClass,\n\t\t});\n\n\t\tconst portal = new TemplatePortal(\n\t\t\tthis.panelTemplateRef,\n\t\t\tthis.viewContainerRef,\n\t\t);\n\t\tthis.overlayRef.attach(portal);\n\t}\n\n\tprivate destroyOverlay(): void {\n\t\tif (this.overlayRef) {\n\t\t\tthis.overlayRef.detach();\n\t\t\tthis.overlayRef.dispose();\n\t\t\tthis.overlayRef = null;\n\t\t}\n\t}\n\n\tprivate getPositionConfigs(): ConnectedPosition[] {\n\t\t// Map our side/align to CDK positions\n\t\tconst configs: ConnectedPosition[] = [];\n\n\t\t// Primary position based on side\n\t\tswitch (this.side) {\n\t\t\tcase \"top\":\n\t\t\t\tconfigs.push({\n\t\t\t\t\toriginX: this.getAlignX(),\n\t\t\t\t\toriginY: \"top\",\n\t\t\t\t\toverlayX: this.getAlignX(),\n\t\t\t\t\toverlayY: \"bottom\",\n\t\t\t\t\toffsetY: -8,\n\t\t\t\t});\n\t\t\t\tbreak;\n\t\t\tcase \"right\":\n\t\t\t\tconfigs.push({\n\t\t\t\t\toriginX: \"end\",\n\t\t\t\t\toriginY: this.getAlignY(),\n\t\t\t\t\toverlayX: \"start\",\n\t\t\t\t\toverlayY: this.getAlignY(),\n\t\t\t\t\toffsetX: 8,\n\t\t\t\t});\n\t\t\t\tbreak;\n\t\t\tcase \"bottom\":\n\t\t\tdefault:\n\t\t\t\tconfigs.push({\n\t\t\t\t\toriginX: this.getAlignX(),\n\t\t\t\t\toriginY: \"bottom\",\n\t\t\t\t\toverlayX: this.getAlignX(),\n\t\t\t\t\toverlayY: \"top\",\n\t\t\t\t\toffsetY: 8,\n\t\t\t\t});\n\t\t\t\tbreak;\n\t\t\tcase \"left\":\n\t\t\t\tconfigs.push({\n\t\t\t\t\toriginX: \"start\",\n\t\t\t\t\toriginY: this.getAlignY(),\n\t\t\t\t\toverlayX: \"end\",\n\t\t\t\t\toverlayY: this.getAlignY(),\n\t\t\t\t\toffsetX: -8,\n\t\t\t\t});\n\t\t\t\tbreak;\n\t\t}\n\n\t\t// Add fallback positions\n\t\tswitch (this.side) {\n\t\t\tcase \"top\":\n\t\t\tcase \"bottom\":\n\t\t\t\tconfigs.push({\n\t\t\t\t\toriginX: \"center\",\n\t\t\t\t\toriginY: this.side === \"top\" ? \"top\" : \"bottom\",\n\t\t\t\t\toverlayX: \"center\",\n\t\t\t\t\toverlayY: this.side === \"top\" ? \"bottom\" : \"top\",\n\t\t\t\t\toffsetY: this.side === \"top\" ? -8 : 8,\n\t\t\t\t});\n\t\t\t\tbreak;\n\t\t\tcase \"left\":\n\t\t\tcase \"right\":\n\t\t\t\tconfigs.push({\n\t\t\t\t\toriginX: this.side === \"left\" ? \"start\" : \"end\",\n\t\t\t\t\toriginY: \"center\",\n\t\t\t\t\toverlayX: this.side === \"left\" ? \"end\" : \"start\",\n\t\t\t\t\toverlayY: \"center\",\n\t\t\t\t\toffsetX: this.side === \"left\" ? -8 : 8,\n\t\t\t\t});\n\t\t\t\tbreak;\n\t\t}\n\n\t\treturn configs;\n\t}\n\n\tprivate getAlignX(): \"start\" | \"center\" | \"end\" {\n\t\treturn this.align;\n\t}\n\n\tprivate getAlignY(): \"top\" | \"center\" | \"bottom\" {\n\t\t// Map 'start'/'end' to 'top'/'bottom' for Y axis\n\t\tconst alignMap: Record<PdmHoverCardAlign, \"top\" | \"center\" | \"bottom\"> = {\n\t\t\tstart: \"top\",\n\t\t\tcenter: \"center\",\n\t\t\tend: \"bottom\",\n\t\t};\n\t\treturn alignMap[this.align];\n\t}\n}\n","<div\n  class=\"relative inline-flex\"\n  [ngClass]=\"className\"\n  (mouseenter)=\"onMouseEnter()\"\n  (mouseleave)=\"onMouseLeave()\"\n  (focusin)=\"onFocusIn()\"\n  (focusout)=\"onFocusOut()\"\n>\n  <div>\n    <ng-content select=\"[pdmHoverTrigger]\"></ng-content>\n  </div>\n\n  <!-- Template for CDK Overlay -->\n  <ng-template #panelTemplate>\n    <section\n      [style.width.px]=\"panelWidth\"\n      class=\"rounded-md border border-solid border-border bg-popover p-4 text-popover-foreground shadow-md\"\n    >\n      <ng-content select=\"[pdmHoverContent]\"></ng-content>\n    </section>\n  </ng-template>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { OverlayModule } from '@angular/cdk/overlay';\nimport { PdmHoverCardComponent } from './hover-card.component';\n\nconst COMPONENTS = [\n  PdmHoverCardComponent,\n];\n\n@NgModule({\n  imports: [CommonModule, OverlayModule],\n  declarations: COMPONENTS,\n  exports: COMPONENTS\n})\nexport class PdmHoverCardModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2020/pdm-ui-kit-src-icon.mjs

@@ -0,0 +1,169 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
+import { icons } from 'lucide';
+import * as i1 from '@angular/platform-browser';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+const FALLBACK_NODE = [['circle', { cx: '12', cy: '12', r: '9' }]];
+class PdmIconComponent {
+    constructor(sanitizer) {
+        this.sanitizer = sanitizer;
+        this.name = 'check';
+        this.library = 'lucide';
+        this.assetUrl = null;
+        this.size = 16;
+        this.strokeWidth = 1.5;
+        this.className = '';
+        this.ariaLabel = null;
+        this.decorative = false;
+        this.lucideIndex = this.buildLucideIndex();
+        this.aliasMapByLibrary = {
+            lucide: {
+                'check-circle': 'circle-check',
+                'alert-circle': 'circle-alert',
+                info: 'circle-info',
+                'sort-asc': 'arrow-up-a-z',
+                'sort-desc': 'arrow-down-z-a'
+            },
+            tabler: {
+                'alert-triangle': 'triangle-alert',
+                'user-circle': 'circle-user',
+                'settings-2': 'settings-2',
+                'external-link': 'external-link'
+            },
+            hugeicons: {
+                'alert-02': 'circle-alert',
+                'user-circle': 'circle-user',
+                'search-01': 'search',
+                'settings-01': 'settings',
+                'arrow-right-01': 'chevron-right',
+                'arrow-down-01': 'chevron-down'
+            },
+            phosphor: {
+                'warning-circle': 'circle-alert',
+                'caret-down': 'chevron-down',
+                'caret-right': 'chevron-right',
+                'user-circle': 'circle-user',
+                gear: 'settings',
+                'arrow-square-out': 'external-link'
+            },
+            remix: {
+                'alert-line': 'circle-alert',
+                'arrow-right-line': 'chevron-right',
+                'arrow-down-s-line': 'chevron-down',
+                'external-link-line': 'external-link',
+                'user-line': 'user',
+                'settings-3-line': 'settings'
+            }
+        };
+    }
+    get resolvedStrokeWidth() {
+        const value = Number(this.strokeWidth);
+        if (Number.isFinite(value) && value > 0) {
+            return value;
+        }
+        if (this.library === 'phosphor') {
+            return 1.6;
+        }
+        if (this.library === 'tabler') {
+            return 1.8;
+        }
+        return 1.5;
+    }
+    get resolvedSize() {
+        const value = Number(this.size);
+        return Number.isFinite(value) && value > 0 ? value : 16;
+    }
+    get iconKey() {
+        const raw = `${this.name || ''}`.trim();
+        if (!raw) {
+            return 'circle';
+        }
+        const trimmed = raw.replace(/^(lucide|tabler|hugeicons|phosphor|remix)\//, '');
+        const aliases = this.aliasMapByLibrary[this.library] ?? {};
+        return aliases[trimmed] ?? trimmed;
+    }
+    get svgMarkup() {
+        const node = this.resolveIconNode(this.iconKey) ?? FALLBACK_NODE;
+        const strokeWidth = this.escapeAttr(this.resolvedStrokeWidth);
+        const size = this.escapeAttr(this.resolvedSize);
+        const body = node
+            .map(([tag, attrs]) => {
+            const serializedAttrs = Object.entries(attrs)
+                .map(([key, value]) => `${key}="${this.escapeAttr(value)}"`)
+                .join(' ');
+            return serializedAttrs ? `<${tag} ${serializedAttrs}></${tag}>` : `<${tag}></${tag}>`;
+        })
+            .join('');
+        const svg = `<svg xmlns="http://www.w3.org/2000/svg" width="${size}" height="${size}" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="${strokeWidth}" stroke-linecap="round" stroke-linejoin="round">${body}</svg>`;
+        return this.sanitizer.bypassSecurityTrustHtml(svg);
+    }
+    resolveIconNode(iconName) {
+        const normalized = this.normalizeIconName(iconName);
+        return this.lucideIndex.get(normalized) ?? null;
+    }
+    normalizeIconName(name) {
+        return `${name || ''}`.toLowerCase().replace(/[^a-z0-9]/g, '');
+    }
+    buildLucideIndex() {
+        const map = new Map();
+        Object.entries(icons).forEach(([iconName, iconNode]) => {
+            map.set(this.normalizeIconName(iconName), iconNode);
+        });
+        return map;
+    }
+    escapeAttr(value) {
+        return `${value ?? ''}`
+            .replace(/&/g, '&amp;')
+            .replace(/"/g, '&quot;')
+            .replace(/</g, '&lt;')
+            .replace(/>/g, '&gt;');
+    }
+}
+PdmIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmIconComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
+PdmIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: PdmIconComponent, selector: "pdm-icon", inputs: { name: "name", library: "library", assetUrl: "assetUrl", size: "size", strokeWidth: "strokeWidth", className: "className", ariaLabel: "ariaLabel", decorative: "decorative" }, ngImport: i0, template: "<ng-container *ngIf=\"assetUrl; else inlineIcon\">\n  <img\n    [src]=\"assetUrl\"\n    [style.width.px]=\"resolvedSize\"\n    [style.height.px]=\"resolvedSize\"\n    [ngClass]=\"className\"\n    [attr.role]=\"decorative ? null : 'img'\"\n    [attr.aria-hidden]=\"decorative ? 'true' : null\"\n    [attr.aria-label]=\"!decorative ? ariaLabel || name : null\"\n    alt=\"\"\n  />\n</ng-container>\n\n<ng-template #inlineIcon>\n  <span\n    [ngClass]=\"className\"\n    [style.display]=\"'inline-flex'\"\n    [style.align-items]=\"'center'\"\n    [style.justify-content]=\"'center'\"\n    [style.line-height]=\"0\"\n    [style.width.px]=\"resolvedSize\"\n    [style.height.px]=\"resolvedSize\"\n    [attr.role]=\"decorative ? null : 'img'\"\n    [attr.aria-hidden]=\"decorative ? 'true' : null\"\n    [attr.aria-label]=\"!decorative ? ariaLabel || name : null\"\n    [innerHTML]=\"svgMarkup\"\n  ></span>\n</ng-template>\n", styles: [":host{display:inline-flex;align-items:center;justify-content:center;line-height:0;flex-shrink:0}:host svg{display:block}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmIconComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pdm-icon', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"assetUrl; else inlineIcon\">\n  <img\n    [src]=\"assetUrl\"\n    [style.width.px]=\"resolvedSize\"\n    [style.height.px]=\"resolvedSize\"\n    [ngClass]=\"className\"\n    [attr.role]=\"decorative ? null : 'img'\"\n    [attr.aria-hidden]=\"decorative ? 'true' : null\"\n    [attr.aria-label]=\"!decorative ? ariaLabel || name : null\"\n    alt=\"\"\n  />\n</ng-container>\n\n<ng-template #inlineIcon>\n  <span\n    [ngClass]=\"className\"\n    [style.display]=\"'inline-flex'\"\n    [style.align-items]=\"'center'\"\n    [style.justify-content]=\"'center'\"\n    [style.line-height]=\"0\"\n    [style.width.px]=\"resolvedSize\"\n    [style.height.px]=\"resolvedSize\"\n    [attr.role]=\"decorative ? null : 'img'\"\n    [attr.aria-hidden]=\"decorative ? 'true' : null\"\n    [attr.aria-label]=\"!decorative ? ariaLabel || name : null\"\n    [innerHTML]=\"svgMarkup\"\n  ></span>\n</ng-template>\n", styles: [":host{display:inline-flex;align-items:center;justify-content:center;line-height:0;flex-shrink:0}:host svg{display:block}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.DomSanitizer }]; }, propDecorators: { name: [{
+                type: Input
+            }], library: [{
+                type: Input
+            }], assetUrl: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], strokeWidth: [{
+                type: Input
+            }], className: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input
+            }], decorative: [{
+                type: Input
+            }] } });
+
+const COMPONENTS = [
+    PdmIconComponent,
+];
+class PdmIconModule {
+}
+PdmIconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PdmIconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: PdmIconModule, declarations: [PdmIconComponent], imports: [CommonModule], exports: [PdmIconComponent] });
+PdmIconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmIconModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PdmIconModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: COMPONENTS,
+                    exports: COMPONENTS
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { PdmIconComponent, PdmIconModule };
+//# sourceMappingURL=pdm-ui-kit-src-icon.mjs.map

package/fesm2020/pdm-ui-kit-src-icon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pdm-ui-kit-src-icon.mjs","sources":["../../../src/icon/icon.component.ts","../../../src/icon/icon.component.html","../../../src/icon/icon.module.ts","../../../src/icon/pdm-ui-kit-src-icon.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\nimport { icons, type IconNode } from 'lucide';\n\nexport type PdmIconLibrary = 'lucide' | 'tabler' | 'hugeicons' | 'phosphor' | 'remix';\n\nexport type PdmIconName =\n  | 'command'\n  | 'check'\n  | 'check-circle'\n  | 'circle'\n  | 'dot'\n  | 'x'\n  | 'alert-circle'\n  | 'info'\n  | 'loader-2'\n  | 'menu'\n  | 'search'\n  | 'calendar'\n  | 'panel-left'\n  | 'monitor'\n  | 'laptop'\n  | 'sun'\n  | 'moon'\n  | 'chevron-down'\n  | 'chevron-up'\n  | 'chevron-left'\n  | 'chevron-right'\n  | 'chevrons-left'\n  | 'chevrons-right'\n  | 'chevrons-up-down'\n  | 'arrow-up-down'\n  | 'ellipsis'\n  | 'filter'\n  | 'sort-asc'\n  | 'sort-desc'\n  | 'plus'\n  | 'minus'\n  | 'copy'\n  | 'pencil'\n  | 'trash-2'\n  | 'download'\n  | 'upload'\n  | 'home'\n  | 'mail'\n  | 'phone'\n  | 'log-in'\n  | 'log-out'\n  | 'user'\n  | 'settings'\n  | 'credit-card'\n  | 'smile'\n  | 'calculator'\n  | 'external-link'\n  | 'folder'\n  | 'arrow-up-right';\n\nconst FALLBACK_NODE: IconNode = [['circle', { cx: '12', cy: '12', r: '9' }]];\n\n@Component({\n  selector: 'pdm-icon',\n  templateUrl: './icon.component.html',\n  styles: [\n    `\n      :host {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        line-height: 0;\n        flex-shrink: 0;\n      }\n\n      :host svg {\n        display: block;\n      }\n    `\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class PdmIconComponent {\n  @Input() name: PdmIconName | string = 'check';\n  @Input() library: PdmIconLibrary = 'lucide';\n  @Input() assetUrl: string | null = null;\n  @Input() size = 16;\n  @Input() strokeWidth = 1.5;\n  @Input() className = '';\n  @Input() ariaLabel: string | null = null;\n  @Input() decorative = false;\n\n  private readonly lucideIndex = this.buildLucideIndex();\n\n  private readonly aliasMapByLibrary: Record<PdmIconLibrary, Record<string, string>> = {\n    lucide: {\n      'check-circle': 'circle-check',\n      'alert-circle': 'circle-alert',\n      info: 'circle-info',\n      'sort-asc': 'arrow-up-a-z',\n      'sort-desc': 'arrow-down-z-a'\n    },\n    tabler: {\n      'alert-triangle': 'triangle-alert',\n      'user-circle': 'circle-user',\n      'settings-2': 'settings-2',\n      'external-link': 'external-link'\n    },\n    hugeicons: {\n      'alert-02': 'circle-alert',\n      'user-circle': 'circle-user',\n      'search-01': 'search',\n      'settings-01': 'settings',\n      'arrow-right-01': 'chevron-right',\n      'arrow-down-01': 'chevron-down'\n    },\n    phosphor: {\n      'warning-circle': 'circle-alert',\n      'caret-down': 'chevron-down',\n      'caret-right': 'chevron-right',\n      'user-circle': 'circle-user',\n      gear: 'settings',\n      'arrow-square-out': 'external-link'\n    },\n    remix: {\n      'alert-line': 'circle-alert',\n      'arrow-right-line': 'chevron-right',\n      'arrow-down-s-line': 'chevron-down',\n      'external-link-line': 'external-link',\n      'user-line': 'user',\n      'settings-3-line': 'settings'\n    }\n  };\n\n  constructor(private readonly sanitizer: DomSanitizer) {}\n\n  get resolvedStrokeWidth(): number {\n    const value = Number(this.strokeWidth);\n    if (Number.isFinite(value) && value > 0) {\n      return value;\n    }\n\n    if (this.library === 'phosphor') {\n      return 1.6;\n    }\n\n    if (this.library === 'tabler') {\n      return 1.8;\n    }\n\n    return 1.5;\n  }\n\n  get resolvedSize(): number {\n    const value = Number(this.size);\n    return Number.isFinite(value) && value > 0 ? value : 16;\n  }\n\n  get iconKey(): string {\n    const raw = `${this.name || ''}`.trim();\n    if (!raw) {\n      return 'circle';\n    }\n\n    const trimmed = raw.replace(/^(lucide|tabler|hugeicons|phosphor|remix)\\//, '');\n    const aliases = this.aliasMapByLibrary[this.library] ?? {};\n    return aliases[trimmed] ?? trimmed;\n  }\n\n  get svgMarkup(): SafeHtml {\n    const node = this.resolveIconNode(this.iconKey) ?? FALLBACK_NODE;\n    const strokeWidth = this.escapeAttr(this.resolvedStrokeWidth);\n    const size = this.escapeAttr(this.resolvedSize);\n\n    const body = node\n      .map(([tag, attrs]) => {\n        const serializedAttrs = Object.entries(attrs)\n          .map(([key, value]) => `${key}=\"${this.escapeAttr(value)}\"`)\n          .join(' ');\n\n        return serializedAttrs ? `<${tag} ${serializedAttrs}></${tag}>` : `<${tag}></${tag}>`;\n      })\n      .join('');\n\n    const svg = `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"${size}\" height=\"${size}\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"${strokeWidth}\" stroke-linecap=\"round\" stroke-linejoin=\"round\">${body}</svg>`;\n\n    return this.sanitizer.bypassSecurityTrustHtml(svg);\n  }\n\n  private resolveIconNode(iconName: string): IconNode | null {\n    const normalized = this.normalizeIconName(iconName);\n    return this.lucideIndex.get(normalized) ?? null;\n  }\n\n  private normalizeIconName(name: string): string {\n    return `${name || ''}`.toLowerCase().replace(/[^a-z0-9]/g, '');\n  }\n\n  private buildLucideIndex(): Map<string, IconNode> {\n    const map = new Map<string, IconNode>();\n\n    Object.entries(icons).forEach(([iconName, iconNode]) => {\n      map.set(this.normalizeIconName(iconName), iconNode as IconNode);\n    });\n\n    return map;\n  }\n\n  private escapeAttr(value: unknown): string {\n    return `${value ?? ''}`\n      .replace(/&/g, '&amp;')\n      .replace(/\"/g, '&quot;')\n      .replace(/</g, '&lt;')\n      .replace(/>/g, '&gt;');\n  }\n}\n","<ng-container *ngIf=\"assetUrl; else inlineIcon\">\n  <img\n    [src]=\"assetUrl\"\n    [style.width.px]=\"resolvedSize\"\n    [style.height.px]=\"resolvedSize\"\n    [ngClass]=\"className\"\n    [attr.role]=\"decorative ? null : 'img'\"\n    [attr.aria-hidden]=\"decorative ? 'true' : null\"\n    [attr.aria-label]=\"!decorative ? ariaLabel || name : null\"\n    alt=\"\"\n  />\n</ng-container>\n\n<ng-template #inlineIcon>\n  <span\n    [ngClass]=\"className\"\n    [style.display]=\"'inline-flex'\"\n    [style.align-items]=\"'center'\"\n    [style.justify-content]=\"'center'\"\n    [style.line-height]=\"0\"\n    [style.width.px]=\"resolvedSize\"\n    [style.height.px]=\"resolvedSize\"\n    [attr.role]=\"decorative ? null : 'img'\"\n    [attr.aria-hidden]=\"decorative ? 'true' : null\"\n    [attr.aria-label]=\"!decorative ? ariaLabel || name : null\"\n    [innerHTML]=\"svgMarkup\"\n  ></span>\n</ng-template>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { PdmIconComponent } from './icon.component';\n\nconst COMPONENTS = [\n  PdmIconComponent,\n];\n\n@NgModule({\n  imports: [CommonModule],\n  declarations: COMPONENTS,\n  exports: COMPONENTS\n})\nexport class PdmIconModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}