@helsevestikt/hviktor-icons 0.0.5 → 0.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -1,16 +1,6 @@
1
- # HviktorIcons
1
+ # Icons
2
2
 
3
- This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 21.1.3.
4
-
5
- ## Development server
6
-
7
- To start a local development server, run:
8
-
9
- ```bash
10
- ng serve
11
- ```
12
-
13
- Once the server is running, open your browser and navigate to `http://localhost:4200/`. The application will automatically reload whenever you modify any of the source files.
3
+ This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 21.1.0.
14
4
 
15
5
  ## Code scaffolding
16
6
 
@@ -28,17 +18,31 @@ ng generate --help
28
18
 
29
19
  ## Building
30
20
 
31
- To build the project run:
21
+ To build the library, run:
32
22
 
33
23
  ```bash
34
- ng build
24
+ ng build icons
35
25
  ```
36
26
 
37
- This will compile your project and store the build artifacts in the `dist/` directory. By default, the production build optimizes your application for performance and speed.
27
+ This command will compile your project, and the build artifacts will be placed in the `dist/` directory.
28
+
29
+ ### Publishing the Library
30
+
31
+ Once the project is built, you can publish your library by following these steps:
32
+
33
+ 1. Navigate to the `dist` directory:
34
+ ```bash
35
+ cd dist/icons
36
+ ```
37
+
38
+ 2. Run the `npm publish` command to publish your library to the npm registry:
39
+ ```bash
40
+ npm publish
41
+ ```
38
42
 
39
43
  ## Running unit tests
40
44
 
41
- To execute unit tests with the [Vitest](https://vitest.dev/) test runner, use the following command:
45
+ To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command:
42
46
 
43
47
  ```bash
44
48
  ng test
@@ -0,0 +1,85 @@
1
+ import * as i0 from '@angular/core';
2
+ import { input, computed, ChangeDetectionStrategy, Component } from '@angular/core';
3
+
4
+ class HviIconUser {
5
+ size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : []));
6
+ sizePx = computed(() => {
7
+ return this.size() === 'sm' ? 16 :
8
+ this.size() === 'lg' ? 32 : 24;
9
+ }, ...(ngDevMode ? [{ debugName: "sizePx" }] : []));
10
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: HviIconUser, deps: [], target: i0.ɵɵFactoryTarget.Component });
11
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.4", type: HviIconUser, isStandalone: true, selector: "hvi-icon-user", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
12
+ <svg
13
+ [attr.width]="sizePx()"
14
+ [attr.height]="sizePx()"
15
+ viewBox="0 0 24 24"
16
+ fill="currentColor"
17
+ aria-hidden="true"
18
+ xmlns="http://www.w3.org/2000/svg"
19
+ >
20
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M7 2.25C6.58579 2.25 6.25 2.58579 6.25 3V7.25H4C3.0335 7.25 2.25 8.0335 2.25 9V18C2.25 18.4142 2.58579 18.75 3 18.75H6.25V21C6.25 21.4142 6.58579 21.75 7 21.75H17C17.4142 21.75 17.75 21.4142 17.75 21V18.75H21C21.4142 18.75 21.75 18.4142 21.75 18V9C21.75 8.0335 20.9665 7.25 20 7.25H17.75V3C17.75 2.58579 17.4142 2.25 17 2.25H7ZM3.75 9C3.75 8.86193 3.86193 8.75 4 8.75H20C20.1381 8.75 20.25 8.86193 20.25 9V17.25H17.75V12C17.75 11.5858 17.4142 11.25 17 11.25H7C6.58579 11.25 6.25 11.5858 6.25 12V17.25H3.75V9ZM16.25 7.25V3.75H7.75V7.25H16.25ZM7.75 12.75V20.25H16.25V12.75H7.75ZM9.25 15C9.25 14.5858 9.58579 14.25 10 14.25H14C14.4142 14.25 14.75 14.5858 14.75 15C14.75 15.4142 14.4142 15.75 14 15.75H10C9.58579 15.75 9.25 15.4142 9.25 15ZM9.25 18C9.25 17.5858 9.58579 17.25 10 17.25H12.5C12.9142 17.25 13.25 17.5858 13.25 18C13.25 18.4142 12.9142 18.75 12.5 18.75H10C9.58579 18.75 9.25 18.4142 9.25 18Z" fill="#202733"/>
21
+ </svg>
22
+ `, isInline: true, styles: [":host{display:inline-block;line-height:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
23
+ }
24
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: HviIconUser, decorators: [{
25
+ type: Component,
26
+ args: [{ selector: 'hvi-icon-user', template: `
27
+ <svg
28
+ [attr.width]="sizePx()"
29
+ [attr.height]="sizePx()"
30
+ viewBox="0 0 24 24"
31
+ fill="currentColor"
32
+ aria-hidden="true"
33
+ xmlns="http://www.w3.org/2000/svg"
34
+ >
35
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M7 2.25C6.58579 2.25 6.25 2.58579 6.25 3V7.25H4C3.0335 7.25 2.25 8.0335 2.25 9V18C2.25 18.4142 2.58579 18.75 3 18.75H6.25V21C6.25 21.4142 6.58579 21.75 7 21.75H17C17.4142 21.75 17.75 21.4142 17.75 21V18.75H21C21.4142 18.75 21.75 18.4142 21.75 18V9C21.75 8.0335 20.9665 7.25 20 7.25H17.75V3C17.75 2.58579 17.4142 2.25 17 2.25H7ZM3.75 9C3.75 8.86193 3.86193 8.75 4 8.75H20C20.1381 8.75 20.25 8.86193 20.25 9V17.25H17.75V12C17.75 11.5858 17.4142 11.25 17 11.25H7C6.58579 11.25 6.25 11.5858 6.25 12V17.25H3.75V9ZM16.25 7.25V3.75H7.75V7.25H16.25ZM7.75 12.75V20.25H16.25V12.75H7.75ZM9.25 15C9.25 14.5858 9.58579 14.25 10 14.25H14C14.4142 14.25 14.75 14.5858 14.75 15C14.75 15.4142 14.4142 15.75 14 15.75H10C9.58579 15.75 9.25 15.4142 9.25 15ZM9.25 18C9.25 17.5858 9.58579 17.25 10 17.25H12.5C12.9142 17.25 13.25 17.5858 13.25 18C13.25 18.4142 12.9142 18.75 12.5 18.75H10C9.58579 18.75 9.25 18.4142 9.25 18Z" fill="#202733"/>
36
+ </svg>
37
+ `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:inline-block;line-height:0}\n"] }]
38
+ }], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
39
+
40
+ class HviIconHome {
41
+ size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : []));
42
+ sizePx = computed(() => {
43
+ return this.size() === 'sm' ? 16 :
44
+ this.size() === 'lg' ? 32 : 24;
45
+ }, ...(ngDevMode ? [{ debugName: "sizePx" }] : []));
46
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: HviIconHome, deps: [], target: i0.ɵɵFactoryTarget.Component });
47
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.4", type: HviIconHome, isStandalone: true, selector: "hvi-icon-home", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
48
+ <svg
49
+ [attr.width]="sizePx()"
50
+ [attr.height]="sizePx()"
51
+ viewBox="0 0 24 24"
52
+ fill="currentColor"
53
+ aria-hidden="true"
54
+ xmlns="http://www.w3.org/2000/svg"
55
+ >
56
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.75C7.44365 3.75 3.75 7.44365 3.75 12C3.75 16.5563 7.44365 20.25 12 20.25C16.5563 20.25 20.25 16.5563 20.25 12C20.25 7.44365 16.5563 3.75 12 3.75ZM2.25 12C2.25 6.61522 6.61522 2.25 12 2.25C17.3848 2.25 21.75 6.61522 21.75 12C21.75 17.3848 17.3848 21.75 12 21.75C6.61522 21.75 2.25 17.3848 2.25 12ZM8.75 8.75C7.92157 8.75 7.25 9.42157 7.25 10.25C7.25 11.0784 7.92157 11.75 8.75 11.75C9.57843 11.75 10.25 11.0784 10.25 10.25C10.25 9.42157 9.57843 8.75 8.75 8.75ZM15.25 8.75C14.4216 8.75 13.75 9.42157 13.75 10.25C13.75 11.0784 14.4216 11.75 15.25 11.75C16.0784 11.75 16.75 11.0784 16.75 10.25C16.75 9.42157 16.0784 8.75 15.25 8.75ZM15.37 17.407C15.5947 17.7549 16.059 17.8548 16.4069 17.63C16.7549 17.4053 16.8547 16.9411 16.63 16.5931C15.6 14.9985 13.7619 14.25 12 14.25C10.2381 14.25 8.39997 14.9985 7.36999 16.5931C7.14525 16.9411 7.24513 17.4053 7.59308 17.63C7.94102 17.8548 8.40528 17.7549 8.63001 17.407C9.32242 16.3349 10.6231 15.75 12 15.75C13.3769 15.75 14.6776 16.3349 15.37 17.407Z" fill="#202733"/>
57
+ </svg>
58
+ `, isInline: true, styles: [":host{display:inline-block;line-height:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
59
+ }
60
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: HviIconHome, decorators: [{
61
+ type: Component,
62
+ args: [{ selector: 'hvi-icon-home', template: `
63
+ <svg
64
+ [attr.width]="sizePx()"
65
+ [attr.height]="sizePx()"
66
+ viewBox="0 0 24 24"
67
+ fill="currentColor"
68
+ aria-hidden="true"
69
+ xmlns="http://www.w3.org/2000/svg"
70
+ >
71
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.75C7.44365 3.75 3.75 7.44365 3.75 12C3.75 16.5563 7.44365 20.25 12 20.25C16.5563 20.25 20.25 16.5563 20.25 12C20.25 7.44365 16.5563 3.75 12 3.75ZM2.25 12C2.25 6.61522 6.61522 2.25 12 2.25C17.3848 2.25 21.75 6.61522 21.75 12C21.75 17.3848 17.3848 21.75 12 21.75C6.61522 21.75 2.25 17.3848 2.25 12ZM8.75 8.75C7.92157 8.75 7.25 9.42157 7.25 10.25C7.25 11.0784 7.92157 11.75 8.75 11.75C9.57843 11.75 10.25 11.0784 10.25 10.25C10.25 9.42157 9.57843 8.75 8.75 8.75ZM15.25 8.75C14.4216 8.75 13.75 9.42157 13.75 10.25C13.75 11.0784 14.4216 11.75 15.25 11.75C16.0784 11.75 16.75 11.0784 16.75 10.25C16.75 9.42157 16.0784 8.75 15.25 8.75ZM15.37 17.407C15.5947 17.7549 16.059 17.8548 16.4069 17.63C16.7549 17.4053 16.8547 16.9411 16.63 16.5931C15.6 14.9985 13.7619 14.25 12 14.25C10.2381 14.25 8.39997 14.9985 7.36999 16.5931C7.14525 16.9411 7.24513 17.4053 7.59308 17.63C7.94102 17.8548 8.40528 17.7549 8.63001 17.407C9.32242 16.3349 10.6231 15.75 12 15.75C13.3769 15.75 14.6776 16.3349 15.37 17.407Z" fill="#202733"/>
72
+ </svg>
73
+ `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:inline-block;line-height:0}\n"] }]
74
+ }], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
75
+
76
+ /*
77
+ * Public API Surface of icons
78
+ */
79
+
80
+ /**
81
+ * Generated bundle index. Do not edit.
82
+ */
83
+
84
+ export { HviIconHome, HviIconUser };
85
+ //# sourceMappingURL=helsevestikt-hviktor-icons.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"helsevestikt-hviktor-icons.mjs","sources":["../../../projects/icons/src/lib/icons/icon-user.component.ts","../../../projects/icons/src/lib/icons/icon-home.component.ts","../../../projects/icons/src/public-api.ts","../../../projects/icons/src/helsevestikt-hviktor-icons.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input, computed } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'hvi-icon-user',\r\n template: `\r\n <svg\r\n [attr.width]=\"sizePx()\"\r\n [attr.height]=\"sizePx()\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"currentColor\"\r\n aria-hidden=\"true\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n >\r\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7 2.25C6.58579 2.25 6.25 2.58579 6.25 3V7.25H4C3.0335 7.25 2.25 8.0335 2.25 9V18C2.25 18.4142 2.58579 18.75 3 18.75H6.25V21C6.25 21.4142 6.58579 21.75 7 21.75H17C17.4142 21.75 17.75 21.4142 17.75 21V18.75H21C21.4142 18.75 21.75 18.4142 21.75 18V9C21.75 8.0335 20.9665 7.25 20 7.25H17.75V3C17.75 2.58579 17.4142 2.25 17 2.25H7ZM3.75 9C3.75 8.86193 3.86193 8.75 4 8.75H20C20.1381 8.75 20.25 8.86193 20.25 9V17.25H17.75V12C17.75 11.5858 17.4142 11.25 17 11.25H7C6.58579 11.25 6.25 11.5858 6.25 12V17.25H3.75V9ZM16.25 7.25V3.75H7.75V7.25H16.25ZM7.75 12.75V20.25H16.25V12.75H7.75ZM9.25 15C9.25 14.5858 9.58579 14.25 10 14.25H14C14.4142 14.25 14.75 14.5858 14.75 15C14.75 15.4142 14.4142 15.75 14 15.75H10C9.58579 15.75 9.25 15.4142 9.25 15ZM9.25 18C9.25 17.5858 9.58579 17.25 10 17.25H12.5C12.9142 17.25 13.25 17.5858 13.25 18C13.25 18.4142 12.9142 18.75 12.5 18.75H10C9.58579 18.75 9.25 18.4142 9.25 18Z\" fill=\"#202733\"/>\r\n </svg>\r\n `,\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n styles: `\r\n :host {\r\n display: inline-block;\r\n line-height: 0;\r\n }\r\n `\r\n})\r\nexport class HviIconUser {\r\n size = input<'sm' | 'md' | 'lg'>('md');\r\n\r\n sizePx = computed(() => {\r\n return this.size() === 'sm' ? 16 :\r\n this.size() === 'lg' ? 32 : 24;\r\n });\r\n}","import { ChangeDetectionStrategy, Component, input, computed } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'hvi-icon-home',\r\n template: `\r\n <svg\r\n [attr.width]=\"sizePx()\"\r\n [attr.height]=\"sizePx()\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"currentColor\"\r\n aria-hidden=\"true\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n >\r\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 3.75C7.44365 3.75 3.75 7.44365 3.75 12C3.75 16.5563 7.44365 20.25 12 20.25C16.5563 20.25 20.25 16.5563 20.25 12C20.25 7.44365 16.5563 3.75 12 3.75ZM2.25 12C2.25 6.61522 6.61522 2.25 12 2.25C17.3848 2.25 21.75 6.61522 21.75 12C21.75 17.3848 17.3848 21.75 12 21.75C6.61522 21.75 2.25 17.3848 2.25 12ZM8.75 8.75C7.92157 8.75 7.25 9.42157 7.25 10.25C7.25 11.0784 7.92157 11.75 8.75 11.75C9.57843 11.75 10.25 11.0784 10.25 10.25C10.25 9.42157 9.57843 8.75 8.75 8.75ZM15.25 8.75C14.4216 8.75 13.75 9.42157 13.75 10.25C13.75 11.0784 14.4216 11.75 15.25 11.75C16.0784 11.75 16.75 11.0784 16.75 10.25C16.75 9.42157 16.0784 8.75 15.25 8.75ZM15.37 17.407C15.5947 17.7549 16.059 17.8548 16.4069 17.63C16.7549 17.4053 16.8547 16.9411 16.63 16.5931C15.6 14.9985 13.7619 14.25 12 14.25C10.2381 14.25 8.39997 14.9985 7.36999 16.5931C7.14525 16.9411 7.24513 17.4053 7.59308 17.63C7.94102 17.8548 8.40528 17.7549 8.63001 17.407C9.32242 16.3349 10.6231 15.75 12 15.75C13.3769 15.75 14.6776 16.3349 15.37 17.407Z\" fill=\"#202733\"/>\r\n </svg>\r\n `,\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n styles: `\r\n :host {\r\n display: inline-block;\r\n line-height: 0;\r\n }\r\n `\r\n})\r\nexport class HviIconHome {\r\n size = input<'sm' | 'md' | 'lg'>('md');\r\n\r\n sizePx = computed(() => {\r\n return this.size() === 'sm' ? 16 :\r\n this.size() === 'lg' ? 32 : 24;\r\n });\r\n}","/*\r\n * Public API Surface of icons\r\n */\r\n\r\nexport * from './lib/icons/icon-user.component';\r\nexport * from './lib/icons/icon-home.component';\r\n\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAwBa,WAAW,CAAA;AACtB,IAAA,IAAI,GAAG,KAAK,CAAqB,IAAI,gDAAC;AAEtC,IAAA,MAAM,GAAG,QAAQ,CAAC,MAAK;QACrB,OAAO,IAAI,CAAC,IAAI,EAAE,KAAK,IAAI,GAAG,EAAE;AACzB,YAAA,IAAI,CAAC,IAAI,EAAE,KAAK,IAAI,GAAG,EAAE,GAAG,EAAE;AACvC,IAAA,CAAC,kDAAC;uGANS,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAX,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,WAAW,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EApBZ,CAAA;;;;;;;;;;;AAWT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,6CAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FASU,WAAW,EAAA,UAAA,EAAA,CAAA;kBAtBvB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,eAAe,EAAA,QAAA,EACf,CAAA;;;;;;;;;;;GAWT,EAAA,eAAA,EACgB,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,6CAAA,CAAA,EAAA;;;MCQpC,WAAW,CAAA;AACtB,IAAA,IAAI,GAAG,KAAK,CAAqB,IAAI,gDAAC;AAEtC,IAAA,MAAM,GAAG,QAAQ,CAAC,MAAK;QACrB,OAAO,IAAI,CAAC,IAAI,EAAE,KAAK,IAAI,GAAG,EAAE;AACzB,YAAA,IAAI,CAAC,IAAI,EAAE,KAAK,IAAI,GAAG,EAAE,GAAG,EAAE;AACvC,IAAA,CAAC,kDAAC;uGANS,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAX,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,WAAW,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EApBZ,CAAA;;;;;;;;;;;AAWT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,6CAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FASU,WAAW,EAAA,UAAA,EAAA,CAAA;kBAtBvB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,eAAe,EAAA,QAAA,EACf,CAAA;;;;;;;;;;;GAWT,EAAA,eAAA,EACgB,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,6CAAA,CAAA,EAAA;;;AChBjD;;AAEG;;ACFH;;AAEG;;;;"}
package/package.json CHANGED
@@ -1,44 +1,23 @@
1
1
  {
2
2
  "name": "@helsevestikt/hviktor-icons",
3
- "version": "0.0.5",
4
- "scripts": {
5
- "ng": "ng",
6
- "start": "ng serve",
7
- "build": "ng build",
8
- "watch": "ng build --watch --configuration development",
9
- "test": "ng test"
10
- },
11
- "prettier": {
12
- "printWidth": 100,
13
- "singleQuote": true,
14
- "overrides": [
15
- {
16
- "files": "*.html",
17
- "options": {
18
- "parser": "angular"
19
- }
20
- }
21
- ]
3
+ "version": "0.0.7",
4
+ "peerDependencies": {
5
+ "@angular/common": "^21.1.0",
6
+ "@angular/core": "^21.1.0"
22
7
  },
23
- "packageManager": "npm@11.8.0",
24
8
  "dependencies": {
25
- "@angular/common": "^21.1.0",
26
- "@angular/compiler": "^21.1.0",
27
- "@angular/core": "^21.1.0",
28
- "@angular/elements": "^21.1.4",
29
- "@angular/forms": "^21.1.0",
30
- "@angular/platform-browser": "^21.1.0",
31
- "@angular/router": "^21.1.0",
32
- "rxjs": "~7.8.0",
33
9
  "tslib": "^2.3.0"
34
10
  },
35
- "devDependencies": {
36
- "@angular/build": "^21.1.4",
37
- "@angular/cli": "^21.1.3",
38
- "@angular/compiler-cli": "^21.1.0",
39
- "jsdom": "^27.1.0",
40
- "ng-packagr": "^21.1.0",
41
- "typescript": "~5.9.2",
42
- "vitest": "^4.0.8"
11
+ "sideEffects": false,
12
+ "module": "fesm2022/helsevestikt-hviktor-icons.mjs",
13
+ "typings": "types/helsevestikt-hviktor-icons.d.ts",
14
+ "exports": {
15
+ "./package.json": {
16
+ "default": "./package.json"
17
+ },
18
+ ".": {
19
+ "types": "./types/helsevestikt-hviktor-icons.d.ts",
20
+ "default": "./fesm2022/helsevestikt-hviktor-icons.mjs"
21
+ }
43
22
  }
44
- }
23
+ }
@@ -0,0 +1,17 @@
1
+ import * as _angular_core from '@angular/core';
2
+
3
+ declare class HviIconUser {
4
+ size: _angular_core.InputSignal<"sm" | "md" | "lg">;
5
+ sizePx: _angular_core.Signal<16 | 32 | 24>;
6
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<HviIconUser, never>;
7
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<HviIconUser, "hvi-icon-user", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
8
+ }
9
+
10
+ declare class HviIconHome {
11
+ size: _angular_core.InputSignal<"sm" | "md" | "lg">;
12
+ sizePx: _angular_core.Signal<16 | 32 | 24>;
13
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<HviIconHome, never>;
14
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<HviIconHome, "hvi-icon-home", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
15
+ }
16
+
17
+ export { HviIconHome, HviIconUser };
package/.editorconfig DELETED
@@ -1,17 +0,0 @@
1
- # Editor configuration, see https://editorconfig.org
2
- root = true
3
-
4
- [*]
5
- charset = utf-8
6
- indent_style = space
7
- indent_size = 2
8
- insert_final_newline = true
9
- trim_trailing_whitespace = true
10
-
11
- [*.ts]
12
- quote_type = single
13
- ij_typescript_use_double_quotes = false
14
-
15
- [*.md]
16
- max_line_length = off
17
- trim_trailing_whitespace = false
@@ -1,56 +0,0 @@
1
-
2
- You are an expert in TypeScript, Angular, and scalable web application development. You write functional, maintainable, performant, and accessible code following Angular and TypeScript best practices.
3
-
4
- ## TypeScript Best Practices
5
-
6
- - Use strict type checking
7
- - Prefer type inference when the type is obvious
8
- - Avoid the `any` type; use `unknown` when type is uncertain
9
-
10
- ## Angular Best Practices
11
-
12
- - Always use standalone components over NgModules
13
- - Must NOT set `standalone: true` inside Angular decorators. It's the default in Angular v20+.
14
- - Use signals for state management
15
- - Implement lazy loading for feature routes
16
- - Do NOT use the `@HostBinding` and `@HostListener` decorators. Put host bindings inside the `host` object of the `@Component` or `@Directive` decorator instead
17
- - Use `NgOptimizedImage` for all static images.
18
- - `NgOptimizedImage` does not work for inline base64 images.
19
-
20
- ## Accessibility Requirements
21
-
22
- - It MUST pass all AXE checks.
23
- - It MUST follow all WCAG AA minimums, including focus management, color contrast, and ARIA attributes.
24
-
25
- ### Components
26
-
27
- - Keep components small and focused on a single responsibility
28
- - Use `input()` and `output()` functions instead of decorators
29
- - Use `computed()` for derived state
30
- - Set `changeDetection: ChangeDetectionStrategy.OnPush` in `@Component` decorator
31
- - Prefer inline templates for small components
32
- - Prefer Reactive forms instead of Template-driven ones
33
- - Do NOT use `ngClass`, use `class` bindings instead
34
- - Do NOT use `ngStyle`, use `style` bindings instead
35
- - When using external templates/styles, use paths relative to the component TS file.
36
-
37
- ## State Management
38
-
39
- - Use signals for local component state
40
- - Use `computed()` for derived state
41
- - Keep state transformations pure and predictable
42
- - Do NOT use `mutate` on signals, use `update` or `set` instead
43
-
44
- ## Templates
45
-
46
- - Keep templates simple and avoid complex logic
47
- - Use native control flow (`@if`, `@for`, `@switch`) instead of `*ngIf`, `*ngFor`, `*ngSwitch`
48
- - Use the async pipe to handle observables
49
- - Do not assume globals like (`new Date()`) are available.
50
- - Do not write arrow functions in templates (they are not supported).
51
-
52
- ## Services
53
-
54
- - Design services around a single responsibility
55
- - Use the `providedIn: 'root'` option for singleton services
56
- - Use the `inject()` function instead of constructor injection
@@ -1,4 +0,0 @@
1
- {
2
- // For more information, visit: https://go.microsoft.com/fwlink/?linkid=827846
3
- "recommendations": ["angular.ng-template"]
4
- }
@@ -1,20 +0,0 @@
1
- {
2
- // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
3
- "version": "0.2.0",
4
- "configurations": [
5
- {
6
- "name": "ng serve",
7
- "type": "chrome",
8
- "request": "launch",
9
- "preLaunchTask": "npm: start",
10
- "url": "http://localhost:4200/"
11
- },
12
- {
13
- "name": "ng test",
14
- "type": "chrome",
15
- "request": "launch",
16
- "preLaunchTask": "npm: test",
17
- "url": "http://localhost:9876/debug.html"
18
- }
19
- ]
20
- }
package/.vscode/mcp.json DELETED
@@ -1,9 +0,0 @@
1
- {
2
- // For more information, visit: https://angular.dev/ai/mcp
3
- "servers": {
4
- "angular-cli": {
5
- "command": "npx",
6
- "args": ["-y", "@angular/cli", "mcp"]
7
- }
8
- }
9
- }
@@ -1,42 +0,0 @@
1
- {
2
- // For more information, visit: https://go.microsoft.com/fwlink/?LinkId=733558
3
- "version": "2.0.0",
4
- "tasks": [
5
- {
6
- "type": "npm",
7
- "script": "start",
8
- "isBackground": true,
9
- "problemMatcher": {
10
- "owner": "typescript",
11
- "pattern": "$tsc",
12
- "background": {
13
- "activeOnStart": true,
14
- "beginsPattern": {
15
- "regexp": "Changes detected"
16
- },
17
- "endsPattern": {
18
- "regexp": "bundle generation (complete|failed)"
19
- }
20
- }
21
- }
22
- },
23
- {
24
- "type": "npm",
25
- "script": "test",
26
- "isBackground": true,
27
- "problemMatcher": {
28
- "owner": "typescript",
29
- "pattern": "$tsc",
30
- "background": {
31
- "activeOnStart": true,
32
- "beginsPattern": {
33
- "regexp": "Changes detected"
34
- },
35
- "endsPattern": {
36
- "regexp": "bundle generation (complete|failed)"
37
- }
38
- }
39
- }
40
- }
41
- ]
42
- }
package/angular.json DELETED
@@ -1,39 +0,0 @@
1
- {
2
- "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
3
- "version": 1,
4
- "cli": {
5
- "packageManager": "npm"
6
- },
7
- "newProjectRoot": "projects",
8
- "projects": {
9
- "icons": {
10
- "projectType": "library",
11
- "root": "projects/icons",
12
- "sourceRoot": "projects/icons/src",
13
- "prefix": "lib",
14
- "architect": {
15
- "build": {
16
- "builder": "@angular/build:ng-packagr",
17
- "options": {
18
- "project": "projects/icons/ng-package.json"
19
- },
20
- "configurations": {
21
- "production": {
22
- "tsConfig": "projects/icons/tsconfig.lib.prod.json"
23
- },
24
- "development": {
25
- "tsConfig": "projects/icons/tsconfig.lib.json"
26
- }
27
- },
28
- "defaultConfiguration": "production"
29
- },
30
- "test": {
31
- "builder": "@angular/build:unit-test",
32
- "options": {
33
- "tsConfig": "projects/icons/tsconfig.spec.json"
34
- }
35
- }
36
- }
37
- }
38
- }
39
- }
@@ -1,63 +0,0 @@
1
- # Icons
2
-
3
- This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 21.1.0.
4
-
5
- ## Code scaffolding
6
-
7
- Angular CLI includes powerful code scaffolding tools. To generate a new component, run:
8
-
9
- ```bash
10
- ng generate component component-name
11
- ```
12
-
13
- For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:
14
-
15
- ```bash
16
- ng generate --help
17
- ```
18
-
19
- ## Building
20
-
21
- To build the library, run:
22
-
23
- ```bash
24
- ng build icons
25
- ```
26
-
27
- This command will compile your project, and the build artifacts will be placed in the `dist/` directory.
28
-
29
- ### Publishing the Library
30
-
31
- Once the project is built, you can publish your library by following these steps:
32
-
33
- 1. Navigate to the `dist` directory:
34
- ```bash
35
- cd dist/icons
36
- ```
37
-
38
- 2. Run the `npm publish` command to publish your library to the npm registry:
39
- ```bash
40
- npm publish
41
- ```
42
-
43
- ## Running unit tests
44
-
45
- To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command:
46
-
47
- ```bash
48
- ng test
49
- ```
50
-
51
- ## Running end-to-end tests
52
-
53
- For end-to-end (e2e) testing, run:
54
-
55
- ```bash
56
- ng e2e
57
- ```
58
-
59
- Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.
60
-
61
- ## Additional Resources
62
-
63
- For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.
@@ -1,8 +0,0 @@
1
- {
2
- "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
3
- "dest": "../../dist/icons",
4
- "lib": {
5
- "entryFile": "src/public-api.ts"
6
- },
7
- "allowedNonPeerDependencies": ["@angular/elements"]
8
- }
@@ -1,12 +0,0 @@
1
- {
2
- "name": "@helsevestikt/hviktor-icons",
3
- "version": "0.0.1",
4
- "peerDependencies": {
5
- "@angular/common": "^21.1.0",
6
- "@angular/core": "^21.1.0"
7
- },
8
- "dependencies": {
9
- "tslib": "^2.3.0"
10
- },
11
- "sideEffects": false
12
- }
@@ -1,6 +0,0 @@
1
- import { bootstrapApplication } from '@angular/platform-browser';
2
- import { registerIcons } from './lib/register-icons';
3
-
4
- bootstrapApplication(class {}).then(() => {
5
- registerIcons();
6
- });
@@ -1,34 +0,0 @@
1
- import { ChangeDetectionStrategy, Component, input, computed } from '@angular/core';
2
-
3
- @Component({
4
- selector: 'hvi-icon-base',
5
- imports: [],
6
- template: `
7
- <svg
8
- [attr.width]="sizePx()"
9
- [attr.height]="sizePx()"
10
- viewBox="0 0 24 24"
11
- fill="currentColor"
12
- aria-hidden="true"
13
- xmlns="http://www.w3.org/2000/svg"
14
- >
15
- <path [attr.d]="pathData()"></path>
16
- </svg>
17
- `,
18
- changeDetection: ChangeDetectionStrategy.OnPush,
19
- styles: `
20
- :host {
21
- display: inline-block;
22
- line-height: 0;
23
- }
24
- `,
25
- })
26
- export class HviIconBase {
27
- size = input<'sm' | 'md' | 'lg'>('md');
28
- pathData = input.required<string>();
29
-
30
- sizePx = computed(() => {
31
- return this.size() === 'sm' ? 16 :
32
- this.size() === 'lg' ? 32 : 24;
33
- });
34
- }
@@ -1,14 +0,0 @@
1
- import { Component } from '@angular/core';
2
- import { HviIconBase } from '../base-icon.component';
3
-
4
-
5
- @Component({
6
- selector: 'hvi-icon-home',
7
- standalone: true,
8
- imports: [HviIconBase],
9
- template: `
10
- <hvi-icon-base pathData="M12 3l9 9h-3v9h-12v-9h-3z"></hvi-icon-base>
11
- `
12
- })
13
-
14
- export class HviIconHome {}
@@ -1,14 +0,0 @@
1
- import { Component } from '@angular/core';
2
- import { HviIconBase } from '../base-icon.component';
3
-
4
-
5
- @Component({
6
- selector: 'hvi-icon-user',
7
- standalone: true,
8
- imports: [HviIconBase],
9
- template: `
10
- <hvi-icon-base pathData="M12 3l9 9h-3v9h-12v-9h-3z"></hvi-icon-base>
11
- `
12
- })
13
-
14
- export class HviIconUser {}
@@ -1,27 +0,0 @@
1
- import { createApplication } from '@angular/platform-browser';
2
- import { createCustomElement } from '@angular/elements';
3
- import { HviIconUser } from './icons/icon-user.component';
4
- import { HviIconHome } from './icons/icon-home.component';
5
-
6
- let registered = false;
7
-
8
- export async function registerIconsAsCustomElements() {
9
- if (registered) return;
10
-
11
- const app = await createApplication();
12
- const injector = app.injector;
13
-
14
- const elements = [
15
- { tag: 'hvi-icon-user', component: HviIconUser },
16
- { tag: 'hvi-icon-home', component: HviIconHome }
17
- ];
18
-
19
- for (const { tag, component } of elements) {
20
- if (!customElements.get(tag)) {
21
- const element = createCustomElement(component, { injector });
22
- customElements.define(tag, element);
23
- }
24
- }
25
-
26
- registered = true;
27
- }
@@ -1,7 +0,0 @@
1
- /*
2
- * Public API Surface of icons
3
- */
4
-
5
- export * from './lib/icons/icon-user.component';
6
- export * from './lib/icons/icon-home.component';
7
-
@@ -1,17 +0,0 @@
1
- /* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
2
- /* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
3
- {
4
- "extends": "../../tsconfig.json",
5
- "compilerOptions": {
6
- "outDir": "../../out-tsc/lib",
7
- "declaration": true,
8
- "declarationMap": true,
9
- "types": []
10
- },
11
- "include": [
12
- "src/**/*.ts"
13
- ],
14
- "exclude": [
15
- "**/*.spec.ts"
16
- ]
17
- }
@@ -1,11 +0,0 @@
1
- /* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
2
- /* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
3
- {
4
- "extends": "./tsconfig.lib.json",
5
- "compilerOptions": {
6
- "declarationMap": false
7
- },
8
- "angularCompilerOptions": {
9
- "compilationMode": "partial"
10
- }
11
- }
@@ -1,15 +0,0 @@
1
- /* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
2
- /* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
3
- {
4
- "extends": "../../tsconfig.json",
5
- "compilerOptions": {
6
- "outDir": "../../out-tsc/spec",
7
- "types": [
8
- "vitest/globals"
9
- ]
10
- },
11
- "include": [
12
- "src/**/*.d.ts",
13
- "src/**/*.spec.ts"
14
- ]
15
- }
package/tsconfig.json DELETED
@@ -1,38 +0,0 @@
1
- /* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
2
- /* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
3
- {
4
- "compileOnSave": false,
5
- "compilerOptions": {
6
- "strict": true,
7
- "paths": {
8
- "icons": [
9
- "./dist/icons"
10
- ]
11
- },
12
- "noImplicitOverride": true,
13
- "noPropertyAccessFromIndexSignature": true,
14
- "noImplicitReturns": true,
15
- "noFallthroughCasesInSwitch": true,
16
- "skipLibCheck": true,
17
- "isolatedModules": true,
18
- "experimentalDecorators": true,
19
- "importHelpers": true,
20
- "target": "ES2022",
21
- "module": "preserve"
22
- },
23
- "angularCompilerOptions": {
24
- "enableI18nLegacyMessageIdFormat": false,
25
- "strictInjectionParameters": true,
26
- "strictInputAccessModifiers": true,
27
- "strictTemplates": true
28
- },
29
- "files": [],
30
- "references": [
31
- {
32
- "path": "./projects/icons/tsconfig.lib.json"
33
- },
34
- {
35
- "path": "./projects/icons/tsconfig.spec.json"
36
- }
37
- ]
38
- }