@updevs/icons 1.0.0 → 1.0.1

package/CHANGELOG.md

@@ -0,0 +1,8 @@
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+## 1.0.1 (2023-01-16)
+
+**Note:** Version bump only for package @updevs/icons

package/README.md

@@ -1,27 +1,24 @@
-# @updevs/icons
+# Icons
 
-This is a helper library to make [heroicons](https://github.com/tailwindlabs/heroicons) available on angular.
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 15.1.0.
 
-## Usage:
+## Code scaffolding
 
-### Import module
+Run `ng generate component component-name --project icons` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project icons`.
+> Note: Don't forget to add `--project icons` or else it will be added to the default project in your `angular.json` file. 
 
-```ts
-import { UpdIconsModule } from '@updevs/icons';
+## Build
 
-/// ...
+Run `ng build icons` to build the project. The build artifacts will be stored in the `dist/` directory.
 
-imports: [
-    /// ...
-    UpdIconsModule
-]
-```
+## Publishing
 
-### Icon usage
+After building your library with `ng build icons`, go to the dist folder `cd dist/icons` and run `npm publish`.
 
-```html
+## Running unit tests
 
-<upd-icon name="academic-cap" color="#ddd89a" type="outline"></upd-icon>
-<upd-icon name="adjustments-vertical"></upd-icon>
-<upd-icon name="adjustments-horizontal" size="small"></upd-icon>
-```
+Run `ng test icons` to execute the unit tests via [Karma](https://karma-runner.github.io).
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.

package/ng-package.json

@@ -0,0 +1,7 @@
+{
+    "$schema": "../../../node_modules/ng-packagr/ng-package.schema.json",
+    "dest": "../../../dist/updevs/icons",
+    "lib": {
+        "entryFile": "src/index.ts"
+    }
+}

package/package.json

@@ -1,33 +1,20 @@
 {
-  "name": "@updevs/icons",
-  "version": "1.0.0",
-  "peerDependencies": {
-    "@angular/common": "^15.0.4",
-    "@angular/core": "^15.0.4",
-    "@angular/localize": "^15.0.4",
-    "@angular/platform-browser": "^15.0.4"
-  },
-  "dependencies": {
-    "tslib": "^2.3.0"
-  },
-  "module": "fesm2015/updevs-icons.mjs",
-  "es2020": "fesm2020/updevs-icons.mjs",
-  "esm2020": "esm2020/updevs-icons.mjs",
-  "fesm2020": "fesm2020/updevs-icons.mjs",
-  "fesm2015": "fesm2015/updevs-icons.mjs",
-  "typings": "index.d.ts",
-  "exports": {
-    "./package.json": {
-      "default": "./package.json"
+    "name": "@updevs/icons",
+    "version": "1.0.1",
+    "scripts": {
+        "build": "ng-packagr"
     },
-    ".": {
-      "types": "./index.d.ts",
-      "esm2020": "./esm2020/updevs-icons.mjs",
-      "es2020": "./fesm2020/updevs-icons.mjs",
-      "es2015": "./fesm2015/updevs-icons.mjs",
-      "node": "./fesm2015/updevs-icons.mjs",
-      "default": "./fesm2020/updevs-icons.mjs"
-    }
-  },
-  "sideEffects": false
-}
+    "peerDependencies": {
+        "@angular/common": "^15.1.0",
+        "@angular/core": "^15.1.0",
+        "@angular/platform-browser": "^15.1.0"
+    },
+    "dependencies": {
+        "tslib": "^2.3.0"
+    },
+    "publishConfig": {
+        "access": "public"
+    },
+    "sideEffects": false,
+    "gitHead": "667e1860a13227cae79371443c3acd9594c75f39"
+}

package/{fesm2015/updevs-icons.mjs → src/assets/icons/icons.ts}

@@ -1,29 +1,7 @@
-import * as i0 from '@angular/core';
-import { Component, Input, NgModule } from '@angular/core';
-import * as i1 from '@angular/platform-browser';
-import * as i2 from '@angular/common';
-import { CommonModule } from '@angular/common';
-
-var SizeEnum;
-(function (SizeEnum) {
-    SizeEnum["Small"] = "small";
-    SizeEnum["Regular"] = "regular";
-})(SizeEnum || (SizeEnum = {}));
-
-var TypeEnum;
-(function (TypeEnum) {
-    TypeEnum["Solid"] = "solid";
-    TypeEnum["Outline"] = "outline";
-})(TypeEnum || (TypeEnum = {}));
-
-class IconModel {
-    constructor(init) {
-        Object.assign(this, init);
-    }
-}
-
 /* eslint-disable max-len */
-const icons = {
+import { IconModel } from '../../lib/icon/icon.model';
+
+export const icons: { [key: string]: IconModel } = {
     'academic-cap': new IconModel({
         smallSolid: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
   <path fill-rule="evenodd" d="M9.664 1.319a.75.75 0 01.672 0 41.059 41.059 0 018.198 5.424.75.75 0 01-.254 1.285 31.372 31.372 0 00-7.86 3.83.75.75 0 01-.84 0 31.508 31.508 0 00-2.08-1.287V9.394c0-.244.116-.463.302-.592a35.504 35.504 0 013.305-2.033.75.75 0 00-.714-1.319 37 37 0 00-3.446 2.12A2.216 2.216 0 006 9.393v.38a31.293 31.293 0 00-4.28-1.746.75.75 0 01-.254-1.285 41.059 41.059 0 018.198-5.424zM6 11.459a29.848 29.848 0 00-2.455-1.158 41.029 41.029 0 00-.39 3.114.75.75 0 00.419.74c.528.256 1.046.53 1.554.82-.21.324-.455.63-.739.914a.75.75 0 101.06 1.06c.37-.369.69-.77.96-1.193a26.61 26.61 0 013.095 2.348.75.75 0 00.992 0 26.547 26.547 0 015.93-3.95.75.75 0 00.42-.739 41.053 41.053 0 00-.39-3.114 29.925 29.925 0 00-5.199 2.801 2.25 2.25 0 01-2.514 0c-.41-.275-.826-.541-1.25-.797a6.985 6.985 0 01-1.084 3.45 26.503 26.503 0 00-1.281-.78A5.487 5.487 0 006 12v-.54z" clip-rule="evenodd"/>
@@ -4261,78 +4239,3 @@ const icons = {
 `
     })
 };
-
-class IconComponent {
-    constructor(sanitizer) {
-        this.sanitizer = sanitizer;
-        this.size = SizeEnum.Regular;
-        this.type = TypeEnum.Solid;
-        this.color = 'black';
-    }
-    ngOnChanges(changes) {
-        if (!!changes) {
-            this.generateIcon();
-        }
-    }
-    generateIcon() {
-        if (!this.name || !this.size || !this.type) {
-            return;
-        }
-        const iconModel = icons[this.name];
-        let iconContent = '';
-        switch (this.size) {
-            case SizeEnum.Small:
-                iconContent = iconModel.smallSolid || '';
-                break;
-            case SizeEnum.Regular:
-                iconContent = (this.type === TypeEnum.Solid ? iconModel.regularSolid : iconModel.regularOutline) || '';
-                break;
-        }
-        this.icon = this.sanitizer.bypassSecurityTrustHtml(iconContent);
-    }
-}
-IconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: IconComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
-IconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: IconComponent, selector: "upd-icon", inputs: { name: "name", size: "size", type: "type", color: "color" }, usesOnChanges: true, ngImport: i0, template: "<span *ngIf=\"!!icon\" [innerHTML]=\"icon\" [class]=\"size\" [style.color]=\"color\"></span>\n", styles: [":host ::ng-deep .small svg{width:20px;height:20px}:host ::ng-deep .regular svg{width:24px;height:24px}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: IconComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'upd-icon', template: "<span *ngIf=\"!!icon\" [innerHTML]=\"icon\" [class]=\"size\" [style.color]=\"color\"></span>\n", styles: [":host ::ng-deep .small svg{width:20px;height:20px}:host ::ng-deep .regular svg{width:24px;height:24px}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.DomSanitizer }]; }, propDecorators: { name: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], type: [{
-                type: Input
-            }], color: [{
-                type: Input
-            }] } });
-
-class UpdIconsModule {
-}
-UpdIconsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: UpdIconsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-UpdIconsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: UpdIconsModule, declarations: [IconComponent], imports: [CommonModule], exports: [IconComponent] });
-UpdIconsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: UpdIconsModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: UpdIconsModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule
-                    ],
-                    declarations: [
-                        IconComponent
-                    ],
-                    exports: [
-                        IconComponent
-                    ]
-                }]
-        }] });
-
-/*
- * Public API Surface of icons
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { IconComponent, SizeEnum, TypeEnum, UpdIconsModule };
-//# sourceMappingURL=updevs-icons.mjs.map

package/src/assets/icons/v2.0.13.txt

@@ -0,0 +1 @@
+heroicons version '2.0.13'

package/src/index.ts

@@ -0,0 +1 @@
+export * from './public-api';

package/src/lib/icon/icon.component.html

@@ -0,0 +1 @@
+<span *ngIf="!!icon" [innerHTML]="icon" [class]="size" [style.color]="color"></span>

package/src/lib/icon/icon.component.scss

@@ -0,0 +1,13 @@
+:host ::ng-deep .small {
+    svg {
+        width: 20px;
+        height: 20px;
+    }
+}
+
+:host ::ng-deep .regular {
+    svg {
+        width: 24px;
+        height: 24px;
+    }
+}

package/src/lib/icon/icon.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { IconComponent } from './icon.component';
+
+describe('IconComponent', () => {
+    let component: IconComponent;
+    let fixture: ComponentFixture<IconComponent>;
+
+    beforeEach(async () => {
+        await TestBed.configureTestingModule({
+            declarations: [IconComponent]
+        })
+            .compileComponents();
+
+        fixture = TestBed.createComponent(IconComponent);
+        component = fixture.componentInstance;
+        fixture.detectChanges();
+    });
+
+    it('should create', () => {
+        expect(component).toBeTruthy();
+    });
+});

package/src/lib/icon/icon.component.ts

@@ -0,0 +1,49 @@
+import { Component, Input, OnChanges, SimpleChanges } from '@angular/core';
+import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
+
+import { SizeEnum } from './size.enum';
+import { TypeEnum } from './type.enum';
+import { icons } from '../../assets/icons/icons';
+
+@Component({
+    selector: 'upd-icon',
+    templateUrl: './icon.component.html',
+    styleUrls: ['./icon.component.scss']
+})
+export class IconComponent implements OnChanges {
+    @Input() name!: string;
+    @Input() size: 'small' | 'regular' = SizeEnum.Regular;
+    @Input() type: 'solid' | 'outline' = TypeEnum.Solid;
+    @Input() color = 'black';
+
+    icon?: SafeHtml;
+
+    constructor(private sanitizer: DomSanitizer) {
+    }
+
+    ngOnChanges(changes: SimpleChanges): void {
+        if (!!changes) {
+            this.generateIcon();
+        }
+    }
+
+    private generateIcon(): void {
+        if (!this.name || !this.size || !this.type) {
+            return;
+        }
+
+        const iconModel = icons[this.name];
+        let iconContent = '';
+
+        switch (this.size) {
+            case SizeEnum.Small:
+                iconContent = iconModel.smallSolid || '';
+                break;
+            case SizeEnum.Regular:
+                iconContent = (this.type === TypeEnum.Solid ? iconModel.regularSolid : iconModel.regularOutline) || '';
+                break;
+        }
+
+        this.icon = this.sanitizer.bypassSecurityTrustHtml(iconContent);
+    }
+}

package/src/lib/icon/icon.model.ts

@@ -0,0 +1,11 @@
+export class IconModel {
+    smallSolid?: string;
+    regularOutline?: string;
+    regularSolid?: string;
+
+    constructor(init: IconModel) {
+        Object.assign(this, init);
+    }
+}
+
+

package/src/lib/icon/size.enum.ts

@@ -0,0 +1,4 @@
+export enum SizeEnum {
+    Small = 'small',
+    Regular = 'regular'
+}

package/src/lib/icon/type.enum.ts

@@ -0,0 +1,4 @@
+export enum TypeEnum {
+    Solid = 'solid',
+    Outline = 'outline'
+}

package/src/lib/upd-icons.module.ts

@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { IconComponent } from './icon/icon.component';
+
+@NgModule({
+    imports: [
+        CommonModule
+    ],
+    declarations: [
+        IconComponent
+    ],
+    exports: [
+        IconComponent
+    ]
+})
+export class UpdIconsModule {}

package/{public-api.d.ts → src/public-api.ts}

@@ -1,3 +1,6 @@
+/*
+ * Public API Surface of icons
+ */
 export * from './lib/icon/icon.component';
 export * from './lib/icon/size.enum';
 export * from './lib/icon/type.enum';

package/tsconfig.lib.json

@@ -0,0 +1,14 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "../../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../../out-tsc/lib",
+    "declaration": true,
+    "declarationMap": true,
+    "inlineSources": true,
+    "types": []
+  },
+  "exclude": [
+    "**/*.spec.ts"
+  ]
+}

package/tsconfig.lib.prod.json

@@ -0,0 +1,10 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "./tsconfig.lib.json",
+  "compilerOptions": {
+    "declarationMap": false
+  },
+  "angularCompilerOptions": {
+    "compilationMode": "partial"
+  }
+}

package/tsconfig.spec.json

@@ -0,0 +1,14 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "../../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../../out-tsc/spec",
+    "types": [
+      "jasmine"
+    ]
+  },
+  "include": [
+    "**/*.spec.ts",
+    "**/*.d.ts"
+  ]
+}

package/assets/icons/icons.d.ts

@@ -1,4 +0,0 @@
-import { IconModel } from '../../lib/icon/icon.model';
-export declare const icons: {
-    [key: string]: IconModel;
-};