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
- ### Other Services
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/OiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIERlZmF1bHQgYWN0aXZlIHRhYiBpbmRleC5cbiAgICogQGRlZmF1bHQgMFxuICAgKi9cbiAgZGVmYXVsdFRhYj86IG51bWJlcjtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBEb2NzQ29kZVRhYiB7XG4gIC8qKlxuICAgKiBUYWIgbGFiZWwgKGUuZy4sIFwiSFRNTFwiLCBcIlR5cGVTY3JpcHRcIiwgXCJTQ1NTXCIpLlxuICAgKi9cbiAgbGFiZWw6IHN0cmluZztcblxuICAvKipcbiAgICogQ29kZSBjb250ZW50LlxuICAgKi9cbiAgY29kZTogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBMYW5ndWFnZSBmb3Igc3ludGF4IGhpZ2hsaWdodGluZy5cbiAgICovXG4gIGxhbmd1YWdlOiAnaHRtbCcgfCAndHlwZXNjcmlwdCcgfCAnc2NzcycgfCAnY3NzJyB8ICdqc29uJyB8ICdiYXNoJyB8ICd0ZXh0Jztcbn1cbiJdfQ==
2
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvbW9sZWN1bGVzL2RvY3MtY29kZS1leGFtcGxlL3R5cGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBUZW1wbGF0ZVJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKipcbiAqIENvbmZpZ3VyYXRpb24gZm9yIHRoZSBkb2NzLWNvZGUtZXhhbXBsZSBjb21wb25lbnQuXG4gKi9cbmV4cG9ydCBpbnRlcmZhY2UgRG9jc0NvZGVFeGFtcGxlTWV0YWRhdGEge1xuICAvKipcbiAgICogRXhhbXBsZSB0aXRsZS5cbiAgICovXG4gIHRpdGxlPzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBFeGFtcGxlIGRlc2NyaXB0aW9uLlxuICAgKi9cbiAgZGVzY3JpcHRpb24/OiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIENvZGUgdGFicyB0byBkaXNwbGF5LlxuICAgKi9cbiAgdGFiczogRG9jc0NvZGVUYWJbXTtcblxuICAvKipcbiAgICogVGVtcGxhdGUgZm9yIGxpdmUgcHJldmlldy5cbiAgICogVXNlIG5nLXRlbXBsYXRlIHdpdGggI3ByZXZpZXcgcmVmZXJlbmNlLlxuICAgKi9cbiAgcHJldmlld1RlbXBsYXRlPzogVGVtcGxhdGVSZWY8YW55PjtcblxuICAvKipcbiAgICogRXh0ZXJuYWwgbGluayAoZS5nLiwgU3RhY2tCbGl0eiwgQ29kZVNhbmRib3gpLlxuICAgKi9cbiAgZXh0ZXJuYWxMaW5rPzoge1xuICAgIHVybDogc3RyaW5nO1xuICAgIGxhYmVsPzogc3RyaW5nO1xuICB9O1xuXG4gIC8qKlxuICAgKiBTaG93IGNvcHkgYnV0dG9uIG9uIGNvZGUgYmxvY2tzLlxuICAgKiBAZGVmYXVsdCB0cnVlXG4gICAqL1xuICBzaG93Q29weUJ1dHRvbj86IGJvb2xlYW47XG5cbiAgLyoqXG4gICAqIFNob3cgbGluZSBudW1iZXJzIGluIGNvZGUuXG4gICAqIEBkZWZhdWx0IGZhbHNlXG4gICAqL1xuICBzaG93TGluZU51bWJlcnM/OiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBDdXN0b20gQ1NTIGNsYXNzLlxuICAgKi9cbiAgY3NzQ2xhc3M/OiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIERlZmF1bHQgYWN0aXZlIHRhYiBpbmRleC5cbiAgICogQGRlZmF1bHQgMFxuICAgKi9cbiAgZGVmYXVsdFRhYj86IG51bWJlcjtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBEb2NzQ29kZVRhYiB7XG4gIC8qKlxuICAgKiBUYWIgbGFiZWwgKGUuZy4sIFwiSFRNTFwiLCBcIlR5cGVTY3JpcHRcIiwgXCJTQ1NTXCIpLlxuICAgKi9cbiAgbGFiZWw6IHN0cmluZztcblxuICAvKipcbiAgICogQ29kZSBjb250ZW50LlxuICAgKi9cbiAgY29kZTogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBMYW5ndWFnZSBmb3Igc3ludGF4IGhpZ2hsaWdodGluZy5cbiAgICovXG4gIGxhbmd1YWdlOiAnaHRtbCcgfCAndHlwZXNjcmlwdCcgfCAnc2NzcycgfCAnY3NzJyB8ICdqc29uJyB8ICdiYXNoJyB8ICd0ZXh0JyB8ICdnbyc7XG59XG4iXX0=
@@ -59,5 +59,5 @@ export interface DocsCodeTab {
59
59
  /**
60
60
  * Language for syntax highlighting.
61
61
  */
62
- language: 'html' | 'typescript' | 'scss' | 'css' | 'json' | 'bash' | 'text';
62
+ language: 'html' | 'typescript' | 'scss' | 'css' | 'json' | 'bash' | 'text' | 'go';
63
63
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "valtech-components",
3
- "version": "2.0.655",
3
+ "version": "2.0.657",
4
4
  "private": false,
5
5
  "bin": {
6
6
  "valtech-firebase-config": "./src/lib/services/firebase/scripts/generate-sw-config.js"