pdm-ui-kit 0.1.19 → 0.1.21

package/lib/components/button/button.component.d.ts

@@ -5,9 +5,9 @@ export declare type PdmButtonState = 'default' | 'hover';
 export declare type PdmButtonSize = 'small' | 'default' | 'large';
 export declare class PdmButtonComponent {
     type: 'button' | 'submit' | 'reset';
-    variant: PdmButtonVariant;
-    state: PdmButtonState;
-    size: PdmButtonSize;
+    variant: PdmButtonVariant | string;
+    state: PdmButtonState | string;
+    size: PdmButtonSize | string;
     disabled: boolean;
     loading: boolean;
     className: string;
@@ -17,8 +17,13 @@ export declare class PdmButtonComponent {
         hover: string;
     }>;
     get isDisabled(): boolean;
+    get resolvedVariant(): PdmButtonVariant;
+    get resolvedState(): PdmButtonState;
+    get resolvedSize(): PdmButtonSize;
+    get showsIconSlot(): boolean;
     get rootClasses(): string[];
     onClick(event: MouseEvent): void;
+    private isValidVariant;
     static ɵfac: i0.ɵɵFactoryDeclaration<PdmButtonComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PdmButtonComponent, "pdm-button", never, { "type": "type"; "variant": "variant"; "state": "state"; "size": "size"; "disabled": "disabled"; "loading": "loading"; "className": "className"; }, { "pressed": "pressed"; }, never, ["[pdmButtonIcon]", "*"], false>;
 }

package/lib/components/icon/icon.component.d.ts

@@ -1,7 +1,9 @@
+import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
 import * as i0 from "@angular/core";
 export declare type PdmIconLibrary = 'lucide' | 'tabler' | 'hugeicons' | 'phosphor' | 'remix';
 export declare type PdmIconName = 'command' | 'check' | 'check-circle' | 'circle' | 'dot' | 'x' | 'alert-circle' | 'info' | 'loader-2' | 'menu' | 'search' | 'calendar' | 'panel-left' | 'monitor' | 'laptop' | 'sun' | 'moon' | 'chevron-down' | 'chevron-up' | 'chevron-left' | 'chevron-right' | 'chevrons-left' | 'chevrons-right' | 'chevrons-up-down' | 'arrow-up-down' | 'ellipsis' | 'filter' | 'sort-asc' | 'sort-desc' | 'plus' | 'minus' | 'copy' | 'pencil' | 'trash-2' | 'download' | 'upload' | 'home' | 'mail' | 'phone' | 'log-in' | 'log-out' | 'user' | 'settings' | 'credit-card' | 'smile' | 'calculator' | 'external-link' | 'folder' | 'arrow-up-right';
 export declare class PdmIconComponent {
+    private readonly sanitizer;
     name: PdmIconName | string;
     library: PdmIconLibrary;
     assetUrl: string | null;
@@ -10,9 +12,17 @@ export declare class PdmIconComponent {
     className: string;
     ariaLabel: string | null;
     decorative: boolean;
+    private readonly lucideIndex;
+    private readonly aliasMapByLibrary;
+    constructor(sanitizer: DomSanitizer);
     get resolvedStrokeWidth(): number;
+    get resolvedSize(): number;
     get iconKey(): string;
-    private readonly aliasMapByLibrary;
+    get svgMarkup(): SafeHtml;
+    private resolveIconNode;
+    private normalizeIconName;
+    private buildLucideIndex;
+    private escapeAttr;
     static ɵfac: i0.ɵɵFactoryDeclaration<PdmIconComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PdmIconComponent, "pdm-icon", never, { "name": "name"; "library": "library"; "assetUrl": "assetUrl"; "size": "size"; "strokeWidth": "strokeWidth"; "className": "className"; "ariaLabel": "ariaLabel"; "decorative": "decorative"; }, {}, never, never, false>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pdm-ui-kit",
-  "version": "0.1.19",
+  "version": "0.1.21",
   "description": "PDM UI Kit Angular components",
   "author": "Corelusa",
   "license": "MIT",
@@ -17,7 +17,9 @@
   "sideEffects": false,
   "peerDependencies": {
     "@angular/common": ">=14.0.0 <16.0.0",
-    "@angular/core": ">=14.0.0 <16.0.0"
+    "@angular/core": ">=14.0.0 <16.0.0",
+    "@angular/platform-browser": ">=14.0.0 <16.0.0",
+    "lucide": ">=0.575.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"