@aslaluroba/help-center 4.0.12 → 4.0.14
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
|
@@ -46,6 +46,32 @@ Or add it to your `angular.json`:
|
|
|
46
46
|
|
|
47
47
|
**Note:** The stylesheet is pre-compiled and ready to use. No SCSS preprocessor or additional build configuration is required.
|
|
48
48
|
|
|
49
|
+
## Assets setup (when using as npm package)
|
|
50
|
+
|
|
51
|
+
When you use the library as an npm package, the loading screen uses an animated logo from `/assets/animatedLogo.gif`. You must copy the library's assets into your app's build so that path resolves.
|
|
52
|
+
|
|
53
|
+
In your `angular.json`, add this to your project's `build` → `options` → `assets` array:
|
|
54
|
+
|
|
55
|
+
```json
|
|
56
|
+
{
|
|
57
|
+
"glob": "**/*",
|
|
58
|
+
"input": "node_modules/@aslaluroba/help-center/assets",
|
|
59
|
+
"output": "assets"
|
|
60
|
+
}
|
|
61
|
+
```
|
|
62
|
+
|
|
63
|
+
Alternatively, you can provide your own logo URL via the `HELP_CENTER_LOADING_LOGO_URL` token:
|
|
64
|
+
|
|
65
|
+
```typescript
|
|
66
|
+
import { HELP_CENTER_LOADING_LOGO_URL } from '@aslaluroba/help-center';
|
|
67
|
+
|
|
68
|
+
bootstrapApplication(AppComponent, {
|
|
69
|
+
providers: [
|
|
70
|
+
{ provide: HELP_CENTER_LOADING_LOGO_URL, useValue: 'assets/my-loading-logo.gif' },
|
|
71
|
+
],
|
|
72
|
+
});
|
|
73
|
+
```
|
|
74
|
+
|
|
49
75
|
📚 **Helpful Resources:**
|
|
50
76
|
- [Integration Example](./INTEGRATION_EXAMPLE.md) - Complete step-by-step integration guide
|
|
51
77
|
- [Stylesheet Export Guide](./STYLESHEET_EXPORT_GUIDE.md) - Detailed information about TailwindCSS styling and the build process
|