valtech-components 2.0.655 → 2.0.657
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
|
@@ -56,6 +56,67 @@ npm install prismjs
|
|
|
56
56
|
npm install swiper
|
|
57
57
|
```
|
|
58
58
|
|
|
59
|
+
## Usage Paths
|
|
60
|
+
|
|
61
|
+
Choose the path that fits your needs:
|
|
62
|
+
|
|
63
|
+
### UI Only (Quick Start)
|
|
64
|
+
|
|
65
|
+
**133 of 134 components** work without any backend or Firebase configuration. Just install and use:
|
|
66
|
+
|
|
67
|
+
```typescript
|
|
68
|
+
import { ButtonComponent, CardComponent, TextComponent } from 'valtech-components';
|
|
69
|
+
|
|
70
|
+
@Component({
|
|
71
|
+
standalone: true,
|
|
72
|
+
imports: [ButtonComponent, CardComponent, TextComponent],
|
|
73
|
+
template: `
|
|
74
|
+
<val-card [props]="{ title: 'My Card' }">
|
|
75
|
+
<val-text [props]="{ content: 'Hello World' }" />
|
|
76
|
+
<val-button [props]="{ text: 'Click me', color: 'primary' }" />
|
|
77
|
+
</val-card>
|
|
78
|
+
`
|
|
79
|
+
})
|
|
80
|
+
export class MyComponent {}
|
|
81
|
+
```
|
|
82
|
+
|
|
83
|
+
No providers needed. No Firebase. No backend. Just import and use.
|
|
84
|
+
|
|
85
|
+
### Full Integration
|
|
86
|
+
|
|
87
|
+
For authentication, Firebase services, and i18n, add providers to your `main.ts`:
|
|
88
|
+
|
|
89
|
+
```typescript
|
|
90
|
+
import {
|
|
91
|
+
provideValtechFirebase,
|
|
92
|
+
provideValtechAuth,
|
|
93
|
+
provideValtechI18n,
|
|
94
|
+
createFirebaseConfig,
|
|
95
|
+
} from 'valtech-components';
|
|
96
|
+
import firebaseConfig from './config/firebase.config.json';
|
|
97
|
+
|
|
98
|
+
bootstrapApplication(AppComponent, {
|
|
99
|
+
providers: [
|
|
100
|
+
provideValtechFirebase(createFirebaseConfig(firebaseConfig)),
|
|
101
|
+
provideValtechAuth({ apiUrl: 'https://api.yourapp.com' }),
|
|
102
|
+
provideValtechI18n({ defaultLang: 'en', supportedLangs: ['en', 'es'] }),
|
|
103
|
+
],
|
|
104
|
+
});
|
|
105
|
+
```
|
|
106
|
+
|
|
107
|
+
**[Full Integration Guide](https://ui.myvaltech.com/docs/guides/firebase-setup)** — Firebase setup, Auth configuration, i18n, and more.
|
|
108
|
+
|
|
109
|
+
### Components Requiring Backend
|
|
110
|
+
|
|
111
|
+
| Component | Requirement |
|
|
112
|
+
|-----------|-------------|
|
|
113
|
+
| `LoginComponent` | `AuthService` configured with API endpoint |
|
|
114
|
+
| `ContentReactionComponent` | `FeedbackService` configured with API endpoint |
|
|
115
|
+
|
|
116
|
+
All other 132 components are fully standalone.
|
|
117
|
+
|
|
118
|
+
---
|
|
119
|
+
|
|
59
120
|
## Components
|
|
60
121
|
|
|
61
122
|
| Category | Count | Description |
|
|
@@ -69,7 +130,10 @@ npm install swiper
|
|
|
69
130
|
|
|
70
131
|
## Services
|
|
71
132
|
|
|
72
|
-
### Basic Services
|
|
133
|
+
### Basic Services (No Configuration Required)
|
|
134
|
+
|
|
135
|
+
These services work out of the box:
|
|
136
|
+
|
|
73
137
|
| Service | Description |
|
|
74
138
|
|---------|-------------|
|
|
75
139
|
| `ThemeService` | Theme management (light/dark mode) |
|
|
@@ -81,8 +145,17 @@ npm install swiper
|
|
|
81
145
|
| `LocalStorageService` | localStorage abstraction |
|
|
82
146
|
| `LinkProcessorService` | Automatic URL and markdown link processing |
|
|
83
147
|
| `InAppBrowserService` | Capacitor in-app browser |
|
|
148
|
+
| `ModalService` | Modal dialog management |
|
|
149
|
+
| `ConfirmationDialogService` | Confirmation dialogs |
|
|
150
|
+
| `QrGeneratorService` | QR code generation |
|
|
151
|
+
| `PresetService` | Reusable configuration presets |
|
|
152
|
+
| `PaginationService` | Pagination state management |
|
|
153
|
+
| `SkeletonService` | Skeleton loading states |
|
|
154
|
+
|
|
155
|
+
### Authentication Services (Requires `provideValtechAuth`)
|
|
156
|
+
|
|
157
|
+
Requires backend API. See [Auth Setup Guide](https://ui.myvaltech.com/docs/guides/auth-setup).
|
|
84
158
|
|
|
85
|
-
### Authentication Services
|
|
86
159
|
| Service | Description |
|
|
87
160
|
|---------|-------------|
|
|
88
161
|
| `AuthService` | Main authentication service |
|
|
@@ -92,7 +165,10 @@ npm install swiper
|
|
|
92
165
|
| `AuthStateService` | Authentication state management |
|
|
93
166
|
| `DeviceService` | Device information |
|
|
94
167
|
|
|
95
|
-
### Firebase Services
|
|
168
|
+
### Firebase Services (Requires `provideValtechFirebase`)
|
|
169
|
+
|
|
170
|
+
Requires Firebase project. See [Firebase Setup Guide](https://ui.myvaltech.com/docs/guides/firebase-setup).
|
|
171
|
+
|
|
96
172
|
| Service | Description |
|
|
97
173
|
|---------|-------------|
|
|
98
174
|
| `FirebaseService` | Firebase initialization |
|
|
@@ -102,18 +178,20 @@ npm install swiper
|
|
|
102
178
|
| `NotificationsService` | Notification management |
|
|
103
179
|
| `FirebaseStorageService` | Firebase Storage operations |
|
|
104
180
|
|
|
105
|
-
###
|
|
181
|
+
### i18n Service (Requires `provideValtechI18n`)
|
|
182
|
+
|
|
106
183
|
| Service | Description |
|
|
107
184
|
|---------|-------------|
|
|
108
185
|
| `I18nService` | Internationalization with Angular Signals |
|
|
186
|
+
|
|
187
|
+
### Backend-Dependent Services
|
|
188
|
+
|
|
189
|
+
These services require a configured backend API:
|
|
190
|
+
|
|
191
|
+
| Service | Description |
|
|
192
|
+
|---------|-------------|
|
|
109
193
|
| `AppConfigService` | Remote configuration and feature flags |
|
|
110
194
|
| `FeedbackService` | User feedback collection |
|
|
111
|
-
| `ModalService` | Modal dialog management |
|
|
112
|
-
| `ConfirmationDialogService` | Confirmation dialogs |
|
|
113
|
-
| `QrGeneratorService` | QR code generation |
|
|
114
|
-
| `PresetService` | Reusable configuration presets |
|
|
115
|
-
| `PaginationService` | Pagination state management |
|
|
116
|
-
| `SkeletonService` | Skeleton loading states |
|
|
117
195
|
|
|
118
196
|
## Quick Start
|
|
119
197
|
|
|
@@ -243,44 +321,6 @@ npm run storybook
|
|
|
243
321
|
| `npm run build-storybook` | Build static Storybook |
|
|
244
322
|
| `npm run test` | Run unit tests |
|
|
245
323
|
| `npm run prettier` | Format source files |
|
|
246
|
-
| `npm run publish:patch` | Build and publish patch version to npm |
|
|
247
|
-
| `npm run update-apps` | Update dependent apps |
|
|
248
|
-
|
|
249
|
-
### Publishing
|
|
250
|
-
|
|
251
|
-
```bash
|
|
252
|
-
# Publish a new patch version (e.g., 2.0.654 → 2.0.655)
|
|
253
|
-
npm run publish:patch
|
|
254
|
-
```
|
|
255
|
-
|
|
256
|
-
## Project Structure
|
|
257
|
-
|
|
258
|
-
```
|
|
259
|
-
valtech-components/
|
|
260
|
-
├── .storybook/ # Storybook configuration
|
|
261
|
-
├── src/
|
|
262
|
-
│ ├── lib/
|
|
263
|
-
│ │ ├── components/ # UI components
|
|
264
|
-
│ │ │ ├── atoms/ # Basic elements (19)
|
|
265
|
-
│ │ │ ├── molecules/ # Compound components (81)
|
|
266
|
-
│ │ │ ├── organisms/ # Complex components (24)
|
|
267
|
-
│ │ │ └── templates/ # Page layouts (10)
|
|
268
|
-
│ │ ├── services/ # Angular services (23+)
|
|
269
|
-
│ │ │ ├── auth/ # Authentication
|
|
270
|
-
│ │ │ ├── firebase/ # Firebase integration
|
|
271
|
-
│ │ │ ├── i18n/ # Internationalization
|
|
272
|
-
│ │ │ ├── feedback/ # User feedback
|
|
273
|
-
│ │ │ ├── app-config/ # Remote configuration
|
|
274
|
-
│ │ │ └── ...
|
|
275
|
-
│ │ ├── shared/ # Utilities, pipes, constants
|
|
276
|
-
│ │ └── config/ # Shared configuration
|
|
277
|
-
│ ├── stories/ # Storybook stories
|
|
278
|
-
│ └── public-api.ts # Library exports
|
|
279
|
-
├── styles/ # Global SCSS styles
|
|
280
|
-
├── angular.json # Angular CLI config
|
|
281
|
-
├── ng-package.json # ng-packagr config
|
|
282
|
-
└── package.json # Dependencies and scripts
|
|
283
|
-
```
|
|
284
324
|
|
|
285
325
|
## Documentation
|
|
286
326
|
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvbW9sZWN1bGVzL2RvY3MtY29kZS1leGFtcGxlL3R5cGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBUZW1wbGF0ZVJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKipcbiAqIENvbmZpZ3VyYXRpb24gZm9yIHRoZSBkb2NzLWNvZGUtZXhhbXBsZSBjb21wb25lbnQuXG4gKi9cbmV4cG9ydCBpbnRlcmZhY2UgRG9jc0NvZGVFeGFtcGxlTWV0YWRhdGEge1xuICAvKipcbiAgICogRXhhbXBsZSB0aXRsZS5cbiAgICovXG4gIHRpdGxlPzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBFeGFtcGxlIGRlc2NyaXB0aW9uLlxuICAgKi9cbiAgZGVzY3JpcHRpb24/OiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIENvZGUgdGFicyB0byBkaXNwbGF5LlxuICAgKi9cbiAgdGFiczogRG9jc0NvZGVUYWJbXTtcblxuICAvKipcbiAgICogVGVtcGxhdGUgZm9yIGxpdmUgcHJldmlldy5cbiAgICogVXNlIG5nLXRlbXBsYXRlIHdpdGggI3ByZXZpZXcgcmVmZXJlbmNlLlxuICAgKi9cbiAgcHJldmlld1RlbXBsYXRlPzogVGVtcGxhdGVSZWY8YW55PjtcblxuICAvKipcbiAgICogRXh0ZXJuYWwgbGluayAoZS5nLiwgU3RhY2tCbGl0eiwgQ29kZVNhbmRib3gpLlxuICAgKi9cbiAgZXh0ZXJuYWxMaW5rPzoge1xuICAgIHVybDogc3RyaW5nO1xuICAgIGxhYmVsPzogc3RyaW5nO1xuICB9O1xuXG4gIC8qKlxuICAgKiBTaG93IGNvcHkgYnV0dG9uIG9uIGNvZGUgYmxvY2tzLlxuICAgKiBAZGVmYXVsdCB0cnVlXG4gICAqL1xuICBzaG93Q29weUJ1dHRvbj86IGJvb2xlYW47XG5cbiAgLyoqXG4gICAqIFNob3cgbGluZSBudW1iZXJzIGluIGNvZGUuXG4gICAqIEBkZWZhdWx0IGZhbHNlXG4gICAqL1xuICBzaG93TGluZU51bWJlcnM/OiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBDdXN0b20gQ1NTIGNsYXNzLlxuICAgKi9cbiAgY3NzQ2xhc3M/
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvbW9sZWN1bGVzL2RvY3MtY29kZS1leGFtcGxlL3R5cGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBUZW1wbGF0ZVJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKipcbiAqIENvbmZpZ3VyYXRpb24gZm9yIHRoZSBkb2NzLWNvZGUtZXhhbXBsZSBjb21wb25lbnQuXG4gKi9cbmV4cG9ydCBpbnRlcmZhY2UgRG9jc0NvZGVFeGFtcGxlTWV0YWRhdGEge1xuICAvKipcbiAgICogRXhhbXBsZSB0aXRsZS5cbiAgICovXG4gIHRpdGxlPzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBFeGFtcGxlIGRlc2NyaXB0aW9uLlxuICAgKi9cbiAgZGVzY3JpcHRpb24/OiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIENvZGUgdGFicyB0byBkaXNwbGF5LlxuICAgKi9cbiAgdGFiczogRG9jc0NvZGVUYWJbXTtcblxuICAvKipcbiAgICogVGVtcGxhdGUgZm9yIGxpdmUgcHJldmlldy5cbiAgICogVXNlIG5nLXRlbXBsYXRlIHdpdGggI3ByZXZpZXcgcmVmZXJlbmNlLlxuICAgKi9cbiAgcHJldmlld1RlbXBsYXRlPzogVGVtcGxhdGVSZWY8YW55PjtcblxuICAvKipcbiAgICogRXh0ZXJuYWwgbGluayAoZS5nLiwgU3RhY2tCbGl0eiwgQ29kZVNhbmRib3gpLlxuICAgKi9cbiAgZXh0ZXJuYWxMaW5rPzoge1xuICAgIHVybDogc3RyaW5nO1xuICAgIGxhYmVsPzogc3RyaW5nO1xuICB9O1xuXG4gIC8qKlxuICAgKiBTaG93IGNvcHkgYnV0dG9uIG9uIGNvZGUgYmxvY2tzLlxuICAgKiBAZGVmYXVsdCB0cnVlXG4gICAqL1xuICBzaG93Q29weUJ1dHRvbj86IGJvb2xlYW47XG5cbiAgLyoqXG4gICAqIFNob3cgbGluZSBudW1iZXJzIGluIGNvZGUuXG4gICAqIEBkZWZhdWx0IGZhbHNlXG4gICAqL1xuICBzaG93TGluZU51bWJlcnM/OiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBDdXN0b20gQ1NTIGNsYXNzLlxuICAgKi9cbiAgY3NzQ2xhc3M/OiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIERlZmF1bHQgYWN0aXZlIHRhYiBpbmRleC5cbiAgICogQGRlZmF1bHQgMFxuICAgKi9cbiAgZGVmYXVsdFRhYj86IG51bWJlcjtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBEb2NzQ29kZVRhYiB7XG4gIC8qKlxuICAgKiBUYWIgbGFiZWwgKGUuZy4sIFwiSFRNTFwiLCBcIlR5cGVTY3JpcHRcIiwgXCJTQ1NTXCIpLlxuICAgKi9cbiAgbGFiZWw6IHN0cmluZztcblxuICAvKipcbiAgICogQ29kZSBjb250ZW50LlxuICAgKi9cbiAgY29kZTogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBMYW5ndWFnZSBmb3Igc3ludGF4IGhpZ2hsaWdodGluZy5cbiAgICovXG4gIGxhbmd1YWdlOiAnaHRtbCcgfCAndHlwZXNjcmlwdCcgfCAnc2NzcycgfCAnY3NzJyB8ICdqc29uJyB8ICdiYXNoJyB8ICd0ZXh0JyB8ICdnbyc7XG59XG4iXX0=
|