Update to v0.27.0

esm2022/public-api.mjs

@@ -1,6 +1,6 @@
 /*
  * Public API Surface of circletone
  */
-//export * from './lib/components/atoms/icon/icon.component';
+export * from './lib/components/atoms/icon/icon.component';
 export * from './lib/components/atoms/button/button.component';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2NpcmNsZXRvbmUvc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFDSCw2REFBNkQ7QUFDN0QsY0FBYyxnREFBZ0QsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2YgY2lyY2xldG9uZVxuICovXG4vL2V4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvYXRvbXMvaWNvbi9pY29uLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2F0b21zL2J1dHRvbi9idXR0b24uY29tcG9uZW50JztcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2NpcmNsZXRvbmUvc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFDSCxjQUFjLDRDQUE0QyxDQUFDO0FBQzNELGNBQWMsZ0RBQWdELENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIGNpcmNsZXRvbmVcbiAqL1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9hdG9tcy9pY29uL2ljb24uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvYXRvbXMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQnO1xuIl19

fesm2022/circletone.mjs

@@ -2,6 +2,48 @@ import { NgClass } from '@angular/common';
 import * as i0 from '@angular/core';
 import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
 
+class IconComponent {
+    constructor() {
+        this.icon = '';
+        this.iconClass = '';
+        this.fill = 'currentColor';
+        this.strokeWidth = 1.5;
+        this.strokeColor = 'currentColor';
+        this.size = '6';
+        this.iconPath = '';
+    }
+    ngOnInit() {
+        this.iconPath = '';
+        this.strokeColor = this.getFormattedColor(this.strokeColor);
+        this.fill = this.getFormattedColor(this.fill);
+    }
+    getFormattedColor(color) {
+        if (color.startsWith('--')) {
+            const rgbValue = getComputedStyle(document.documentElement).getPropertyValue(color).trim();
+            return `rgb(${rgbValue})`;
+        }
+        return color;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: IconComponent, isStandalone: true, selector: "ct-icon", inputs: { icon: "icon", iconClass: "iconClass", fill: "fill", strokeWidth: "strokeWidth", strokeColor: "strokeColor", size: "size" }, ngImport: i0, template: "<svg\n  [ngClass]=\"iconClass\"\n  [attr.fill]=\"fill\"\n  [attr.stroke-width]=\"strokeWidth\"\n  [attr.stroke]=\"strokeColor\"\n  class=\"flex size-full\">\n  <use [attr.xlink:href]=\"iconPath\"></use>\n</svg>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: IconComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ct-icon', standalone: true, imports: [NgClass], changeDetection: ChangeDetectionStrategy.OnPush, template: "<svg\n  [ngClass]=\"iconClass\"\n  [attr.fill]=\"fill\"\n  [attr.stroke-width]=\"strokeWidth\"\n  [attr.stroke]=\"strokeColor\"\n  class=\"flex size-full\">\n  <use [attr.xlink:href]=\"iconPath\"></use>\n</svg>\n" }]
+        }], propDecorators: { icon: [{
+                type: Input
+            }], iconClass: [{
+                type: Input
+            }], fill: [{
+                type: Input
+            }], strokeWidth: [{
+                type: Input
+            }], strokeColor: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }] } });
+
 class ButtonComponent {
     constructor() {
         this.text = '';
@@ -29,11 +71,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
 /*
  * Public API Surface of circletone
  */
-//export * from './lib/components/atoms/icon/icon.component';
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ButtonComponent };
+export { ButtonComponent, IconComponent };
 //# sourceMappingURL=circletone.mjs.map

package.json

@@ -1,6 +1,6 @@
 {
   "name": "circletone",
-  "version": "0.26.0",
+  "version": "0.27.0",
   "peerDependencies": {
     "@angular/common": "^17.3.0",
     "@angular/core": "^17.3.0"

public-api.d.ts

@@ -1 +1,2 @@
+export * from './lib/components/atoms/icon/icon.component';
 export * from './lib/components/atoms/button/button.component';