@helsevestikt/hviktor-angular 0.0.20 → 0.0.22
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
|
@@ -15,7 +15,8 @@ ng add @helsevestikt/hviktor-angular
|
|
|
15
15
|
Dette installerer pakken og setter opp prosjektet automatisk:
|
|
16
16
|
|
|
17
17
|
- Legger til `@import '@helsevestikt/hviktor-angular/styles.css'` i stylesheet
|
|
18
|
-
- Spør om du vil installere og konfigurere **Tailwind CSS**.
|
|
18
|
+
- Spør om du vil installere og konfigurere **Tailwind CSS**. (default: Yes). Anbefales for best mulig utvikleropplevelse. Alle demoene på [helsevestikt.github.io/hviktor](https://helsevestikt.github.io/hviktor/) bruker Tailwind, så det kan være lurt å ha det installert for å følge eksemplene.
|
|
19
|
+
- Spør om du vil installere **@helsevestikt/hviktor-icons** (default: Yes). Pakke med ikoner som
|
|
19
20
|
|
|
20
21
|
### Manuelt oppsett
|
|
21
22
|
|
|
@@ -43,50 +44,9 @@ import { HviButton } from '@helsevestikt/hviktor-angular';
|
|
|
43
44
|
export class MyComponent {}
|
|
44
45
|
```
|
|
45
46
|
|
|
46
|
-
##
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
| ------------ | ---------------------------------------------------- |
|
|
50
|
-
| Alert | Varselmeldinger for å informere brukeren |
|
|
51
|
-
| Avatar | Profilbilde eller initialer |
|
|
52
|
-
| AvatarStack | AvatarStack |
|
|
53
|
-
| Badge | Små indikatorer og tellere |
|
|
54
|
-
| Breadcrumbs | Navigasjonssti |
|
|
55
|
-
| Button | Knapper for handlinger |
|
|
56
|
-
| Card | Kort for gruppering av innhold |
|
|
57
|
-
| Checkbox | Avkrysningsbokser for ett eller flere valg |
|
|
58
|
-
| Chip | Kompakte elementer for valg og filtrering |
|
|
59
|
-
| Details | Utvidbart innhold |
|
|
60
|
-
| Dialog | Modale dialogbokser |
|
|
61
|
-
| Divider | Skillelinjer mellom innhold |
|
|
62
|
-
| ErrorSummary | ErrorSummary er en oppsummering av feil i et skjema. |
|
|
63
|
-
| Field | Field komponent |
|
|
64
|
-
| Fieldset | Fieldset komponent |
|
|
65
|
-
| Forms | Skjemakomponenter og validering |
|
|
66
|
-
| Heading | Overskrifter |
|
|
67
|
-
| Icon | Ikoner |
|
|
68
|
-
| Input | Input komponent |
|
|
69
|
-
| Label | Etiketter |
|
|
70
|
-
| Link | Lenker |
|
|
71
|
-
| List | Lister |
|
|
72
|
-
| Logo | Logo komponent |
|
|
73
|
-
| Pagination | Pagination komponent |
|
|
74
|
-
| Paragraph | Avsnitt |
|
|
75
|
-
| Popover | Popup-innhold |
|
|
76
|
-
| Radio | Radio komponent |
|
|
77
|
-
| RequiredTag | RequiredTag komponent |
|
|
78
|
-
| Search | Search komponent |
|
|
79
|
-
| Select | Nedtrekksliste for valg fra en liste |
|
|
80
|
-
| Skeleton | Placeholder mens innhold lastes |
|
|
81
|
-
| SkipLink | SkipLink komponent |
|
|
82
|
-
| Spinner | Spinner komponent |
|
|
83
|
-
| Switch | Switch komponent |
|
|
84
|
-
| Table | Table komponent |
|
|
85
|
-
| Tag | Merkelapper for kategorisering |
|
|
86
|
-
| Textarea | Textarea komponent |
|
|
87
|
-
| Textfield | Textfield komponent |
|
|
88
|
-
| ToggleGroup | ToggleGroup komponent |
|
|
89
|
-
| Tooltip | Tooltip komponent |
|
|
47
|
+
## Dokumentasjon
|
|
48
|
+
|
|
49
|
+
Se [helsevestikt.github.io/hviktor](https://helsevestikt.github.io/hviktor/) for tilgjengelige komponenter, eksempler og API-dokumentasjon.
|
|
90
50
|
|
|
91
51
|
## Krav
|
|
92
52
|
|
package/package.json
CHANGED
|
@@ -5,6 +5,7 @@ const tasks_1 = require("@angular-devkit/schematics/tasks");
|
|
|
5
5
|
const HVIKTOR_PACKAGE = '@helsevestikt/hviktor-angular';
|
|
6
6
|
const HVIKTOR_IMPORT = `@import '${HVIKTOR_PACKAGE}/styles.css';`;
|
|
7
7
|
const TAILWIND_IMPORT = `@import 'tailwindcss';`;
|
|
8
|
+
const ICONS_IMPORT = `import '@helsevestikt/hviktor-icons';`;
|
|
8
9
|
function getStylesPath(tree, project) {
|
|
9
10
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j;
|
|
10
11
|
const angularJsonContent = tree.read('/angular.json');
|
|
@@ -21,13 +22,40 @@ function getStylesPath(tree, project) {
|
|
|
21
22
|
const styles = (_h = (_g = buildTarget === null || buildTarget === void 0 ? void 0 : buildTarget.options) === null || _g === void 0 ? void 0 : _g.styles) !== null && _h !== void 0 ? _h : [];
|
|
22
23
|
for (const style of styles) {
|
|
23
24
|
const stylePath = typeof style === 'string' ? style : style.input;
|
|
24
|
-
if (stylePath.endsWith('.css') || stylePath.endsWith('.scss'))
|
|
25
|
+
if ((stylePath.endsWith('.css') || stylePath.endsWith('.scss')) &&
|
|
26
|
+
!stylePath.startsWith('node_modules/')) {
|
|
25
27
|
return stylePath;
|
|
26
28
|
}
|
|
27
29
|
}
|
|
28
30
|
const sourceRoot = (_j = projectConfig.sourceRoot) !== null && _j !== void 0 ? _j : 'src';
|
|
29
31
|
return `${sourceRoot}/styles.css`;
|
|
30
32
|
}
|
|
33
|
+
function getMainFilePath(tree, project) {
|
|
34
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
35
|
+
const angularJsonContent = tree.read('/angular.json');
|
|
36
|
+
if (!angularJsonContent) {
|
|
37
|
+
return 'src/main.ts';
|
|
38
|
+
}
|
|
39
|
+
const angularJson = JSON.parse(angularJsonContent.toString('utf-8'));
|
|
40
|
+
const projectName = (_a = project !== null && project !== void 0 ? project : angularJson.defaultProject) !== null && _a !== void 0 ? _a : Object.keys((_b = angularJson.projects) !== null && _b !== void 0 ? _b : {})[0];
|
|
41
|
+
const projectConfig = (_c = angularJson.projects) === null || _c === void 0 ? void 0 : _c[projectName];
|
|
42
|
+
if (!projectConfig) {
|
|
43
|
+
return 'src/main.ts';
|
|
44
|
+
}
|
|
45
|
+
const buildTarget = (_e = (_d = projectConfig.architect) === null || _d === void 0 ? void 0 : _d.build) !== null && _e !== void 0 ? _e : (_f = projectConfig.targets) === null || _f === void 0 ? void 0 : _f.build;
|
|
46
|
+
return (_k = (_h = (_g = buildTarget === null || buildTarget === void 0 ? void 0 : buildTarget.options) === null || _g === void 0 ? void 0 : _g.browser) !== null && _h !== void 0 ? _h : (_j = buildTarget === null || buildTarget === void 0 ? void 0 : buildTarget.options) === null || _j === void 0 ? void 0 : _j.main) !== null && _k !== void 0 ? _k : 'src/main.ts';
|
|
47
|
+
}
|
|
48
|
+
function addImportToMainTs(tree, mainPath, importStatement) {
|
|
49
|
+
const content = tree.read(mainPath);
|
|
50
|
+
if (!content) {
|
|
51
|
+
return;
|
|
52
|
+
}
|
|
53
|
+
const text = content.toString('utf-8');
|
|
54
|
+
if (text.includes(importStatement)) {
|
|
55
|
+
return;
|
|
56
|
+
}
|
|
57
|
+
tree.overwrite(mainPath, importStatement + '\n' + text);
|
|
58
|
+
}
|
|
31
59
|
function addPackageJsonDependency(tree, name, version, devDependency) {
|
|
32
60
|
const packageJsonPath = '/package.json';
|
|
33
61
|
const content = tree.read(packageJsonPath);
|
|
@@ -83,6 +111,12 @@ function ngAdd(options) {
|
|
|
83
111
|
createPostcssConfig(tree);
|
|
84
112
|
styleImports.push(TAILWIND_IMPORT);
|
|
85
113
|
}
|
|
114
|
+
// Conditionally: install hviktor-icons and add import to main.ts
|
|
115
|
+
if (options.icons !== false) {
|
|
116
|
+
addPackageJsonDependency(tree, '@helsevestikt/hviktor-icons', 'latest', false);
|
|
117
|
+
const mainPath = getMainFilePath(tree, options.project);
|
|
118
|
+
addImportToMainTs(tree, mainPath, ICONS_IMPORT);
|
|
119
|
+
}
|
|
86
120
|
// Hviktor import always comes after tailwind
|
|
87
121
|
styleImports.push(HVIKTOR_IMPORT);
|
|
88
122
|
const stylesPath = getStylesPath(tree, options.project);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../projects/hviktor/schematics/ng-add/index.ts"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../projects/hviktor/schematics/ng-add/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -14,8 +14,14 @@
|
|
|
14
14
|
"tailwind": {
|
|
15
15
|
"type": "boolean",
|
|
16
16
|
"description": "Installer og konfigurer Tailwind CSS.",
|
|
17
|
-
"default":
|
|
17
|
+
"default": true,
|
|
18
18
|
"x-prompt": "Vil du installere Tailwind CSS?"
|
|
19
|
+
},
|
|
20
|
+
"icons": {
|
|
21
|
+
"type": "boolean",
|
|
22
|
+
"description": "Installer @helsevestikt/hviktor-icons.",
|
|
23
|
+
"default": true,
|
|
24
|
+
"x-prompt": "Vil du installere hviktor-icons?"
|
|
19
25
|
}
|
|
20
26
|
},
|
|
21
27
|
"required": []
|