valtech-components 2.0.302 → 2.0.305

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.
Files changed (32) hide show
  1. package/esm2022/lib/components/atoms/button/button.component.mjs +103 -23
  2. package/esm2022/lib/components/types.mjs +1 -1
  3. package/esm2022/lib/services/lang-provider/content.mjs +1 -72
  4. package/esm2022/lib/services/lang-provider/lang-provider.service.mjs +4 -9
  5. package/esm2022/lib/shared/utils/content.mjs +2 -8
  6. package/esm2022/public-api.mjs +1 -12
  7. package/fesm2022/valtech-components.mjs +124 -2824
  8. package/fesm2022/valtech-components.mjs.map +1 -1
  9. package/lib/components/atoms/button/button.component.d.ts +33 -2
  10. package/lib/components/types.d.ts +19 -7
  11. package/package.json +1 -1
  12. package/public-api.d.ts +0 -10
  13. package/esm2022/lib/examples/comprehensive-link-test.component.mjs +0 -208
  14. package/esm2022/lib/examples/custom-content-demo.component.mjs +0 -291
  15. package/esm2022/lib/examples/display-demo.component.mjs +0 -518
  16. package/esm2022/lib/examples/display-simple-example.component.mjs +0 -202
  17. package/esm2022/lib/examples/link-processing-example.component.mjs +0 -233
  18. package/esm2022/lib/examples/multi-language-demo.component.mjs +0 -304
  19. package/esm2022/lib/examples/reactive-components-demo.component.mjs +0 -303
  20. package/esm2022/lib/examples/reactivity-test.component.mjs +0 -200
  21. package/esm2022/lib/examples/selector-examples.component.mjs +0 -234
  22. package/esm2022/lib/examples/user-issue-test.component.mjs +0 -267
  23. package/lib/examples/comprehensive-link-test.component.d.ts +0 -23
  24. package/lib/examples/custom-content-demo.component.d.ts +0 -26
  25. package/lib/examples/display-demo.component.d.ts +0 -62
  26. package/lib/examples/display-simple-example.component.d.ts +0 -23
  27. package/lib/examples/link-processing-example.component.d.ts +0 -26
  28. package/lib/examples/multi-language-demo.component.d.ts +0 -34
  29. package/lib/examples/reactive-components-demo.component.d.ts +0 -45
  30. package/lib/examples/reactivity-test.component.d.ts +0 -27
  31. package/lib/examples/selector-examples.component.d.ts +0 -21
  32. package/lib/examples/user-issue-test.component.d.ts +0 -31
@@ -1,62 +0,0 @@
1
- import { OnInit } from '@angular/core';
2
- import { Observable } from 'rxjs';
3
- import { DisplayMetadata } from '../components/atoms/display/types';
4
- import { LanguageSelectorMetadata } from '../components/molecules/language-selector/types';
5
- import { ContentService } from '../services/content.service';
6
- import { LangService } from '../services/lang-provider/lang-provider.service';
7
- import * as i0 from "@angular/core";
8
- /**
9
- * Componente de demostración para val-display con contenido reactivo.
10
- * Muestra diferentes patrones de uso y casos de ejemplo.
11
- */
12
- export declare class DisplayDemoComponent implements OnInit {
13
- private contentService;
14
- private langService;
15
- demoTitle$: Observable<string>;
16
- languageLabel$: Observable<string>;
17
- staticSectionTitle$: Observable<string>;
18
- reactiveSectionTitle$: Observable<string>;
19
- mixedSectionTitle$: Observable<string>;
20
- dynamicSectionTitle$: Observable<string>;
21
- analysisTitle$: Observable<string>;
22
- reactiveContentTitle$: Observable<string>;
23
- interpolationTitle$: Observable<string>;
24
- fallbackTitle$: Observable<string>;
25
- mixedContentTitle$: Observable<string>;
26
- dynamicContentTitle$: Observable<string>;
27
- updateButtonText$: Observable<string>;
28
- currentLangLabel$: Observable<string>;
29
- availableLangsLabel$: Observable<string>;
30
- currentLanguage$: Observable<string>;
31
- availableLanguages$: Observable<string[]>;
32
- private counter;
33
- languageSelectorProps: LanguageSelectorMetadata;
34
- smallStaticDisplay: DisplayMetadata;
35
- mediumStaticDisplay: DisplayMetadata;
36
- largeStaticDisplay: DisplayMetadata;
37
- xlargeStaticDisplay: DisplayMetadata;
38
- primaryDisplay: DisplayMetadata;
39
- secondaryDisplay: DisplayMetadata;
40
- successDisplay: DisplayMetadata;
41
- warningDisplay: DisplayMetadata;
42
- dangerDisplay: DisplayMetadata;
43
- welcomeDisplay: DisplayMetadata;
44
- descriptionDisplay: DisplayMetadata;
45
- statusDisplay: DisplayMetadata;
46
- userWelcomeDisplay: DisplayMetadata;
47
- counterDisplay: DisplayMetadata;
48
- missingKeyDisplay: DisplayMetadata;
49
- noFallbackDisplay: DisplayMetadata;
50
- staticMixedDisplay: DisplayMetadata;
51
- reactiveMixedDisplay: DisplayMetadata;
52
- dynamicCounterDisplay: DisplayMetadata;
53
- constructor(contentService: ContentService, langService: LangService);
54
- ngOnInit(): void;
55
- private initializeContent;
56
- private initializeLanguageState;
57
- changeLanguage(language: string): void;
58
- onLanguageChange(language: string): void;
59
- updateCounter(): void;
60
- static ɵfac: i0.ɵɵFactoryDeclaration<DisplayDemoComponent, never>;
61
- static ɵcmp: i0.ɵɵComponentDeclaration<DisplayDemoComponent, "val-display-demo", never, {}, {}, never, never, true, never>;
62
- }
@@ -1,23 +0,0 @@
1
- import { DisplayMetadata } from '../components/atoms/display/types';
2
- import * as i0 from "@angular/core";
3
- /**
4
- * Ejemplo rápido de uso del componente val-display con contenido reactivo
5
- */
6
- export declare class DisplayExampleComponent {
7
- staticTitle: DisplayMetadata;
8
- staticSubtitle: DisplayMetadata;
9
- reactiveWelcome: DisplayMetadata;
10
- reactiveDescription: DisplayMetadata;
11
- userGreeting: DisplayMetadata;
12
- statusMessage: DisplayMetadata;
13
- smallText: DisplayMetadata;
14
- mediumText: DisplayMetadata;
15
- largeText: DisplayMetadata;
16
- xlargeText: DisplayMetadata;
17
- primaryText: DisplayMetadata;
18
- successText: DisplayMetadata;
19
- warningText: DisplayMetadata;
20
- dangerText: DisplayMetadata;
21
- static ɵfac: i0.ɵɵFactoryDeclaration<DisplayExampleComponent, never>;
22
- static ɵcmp: i0.ɵɵComponentDeclaration<DisplayExampleComponent, "app-display-example", never, {}, {}, never, never, true, never>;
23
- }
@@ -1,26 +0,0 @@
1
- import { TextMetadata } from '../components/atoms/text/types';
2
- import * as i0 from "@angular/core";
3
- /**
4
- * LinkProcessingExampleComponent - Componente de ejemplo que demuestra el procesamiento automático de enlaces.
5
- *
6
- * Este componente muestra diferentes casos de uso para el procesamiento automático de enlaces
7
- * en el componente val-text, incluyendo enlaces externos, rutas internas y configuraciones personalizadas.
8
- *
9
- * @example Uso en template:
10
- * ```html
11
- * <val-link-processing-example></val-link-processing-example>
12
- * ```
13
- */
14
- export declare class LinkProcessingExampleComponent {
15
- basicTextProps: TextMetadata;
16
- basicLinksProps: TextMetadata;
17
- customLinksProps: TextMetadata;
18
- mixedLinksProps: TextMetadata;
19
- sameTabLinksProps: TextMetadata;
20
- markdownLinksProps: TextMetadata;
21
- mixedFormatsProps: TextMetadata;
22
- punctuationTestProps: TextMetadata;
23
- complexUrlsProps: TextMetadata;
24
- static ɵfac: i0.ɵɵFactoryDeclaration<LinkProcessingExampleComponent, never>;
25
- static ɵcmp: i0.ɵɵComponentDeclaration<LinkProcessingExampleComponent, "val-link-processing-example", never, {}, {}, never, never, true, never>;
26
- }
@@ -1,34 +0,0 @@
1
- import { OnInit } from '@angular/core';
2
- import { ContentService } from '../services/content.service';
3
- import { LangService } from '../services/lang-provider/lang-provider.service';
4
- import * as i0 from "@angular/core";
5
- /**
6
- * MultiLanguageDemoComponent - Demuestra el sistema de idiomas flexible.
7
- *
8
- * Este componente muestra cómo el sistema maneja múltiples idiomas,
9
- * fallbacks automáticos y warnings por traducciones faltantes.
10
- */
11
- export declare class MultiLanguageDemoComponent implements OnInit {
12
- content: ContentService;
13
- langService: LangService;
14
- availableLanguages: string[];
15
- analysisResults: {
16
- availableLanguages: string[];
17
- missingKeys: string[];
18
- } | null;
19
- okButton$: import("rxjs").Observable<string>;
20
- cancelButton$: import("rxjs").Observable<string>;
21
- saveButton$: import("rxjs").Observable<string>;
22
- deleteButton$: import("rxjs").Observable<string>;
23
- nextButton$: import("rxjs").Observable<string>;
24
- finishButton$: import("rxjs").Observable<string>;
25
- searchPlaceholder$: import("rxjs").Observable<string>;
26
- noDataMessage$: import("rxjs").Observable<string>;
27
- constructor(content: ContentService, langService: LangService);
28
- ngOnInit(): void;
29
- switchLanguage(lang: string): void;
30
- getLanguageName(lang: string): string;
31
- analyzeCurrentComponent(): void;
32
- static ɵfac: i0.ɵɵFactoryDeclaration<MultiLanguageDemoComponent, never>;
33
- static ɵcmp: i0.ɵɵComponentDeclaration<MultiLanguageDemoComponent, "val-multi-language-demo", never, {}, {}, never, never, true, never>;
34
- }
@@ -1,45 +0,0 @@
1
- import { OnDestroy, OnInit } from '@angular/core';
2
- import { Observable } from 'rxjs';
3
- import { ReactiveAlertBoxMetadata } from '../components/molecules/alert-box/types';
4
- import { ButtonMetadata } from '../components/types';
5
- import { ContentService } from '../services/content.service';
6
- import { LangService } from '../services/lang-provider/lang-provider.service';
7
- import * as i0 from "@angular/core";
8
- /**
9
- * Simple demo component showcasing reactive content patterns
10
- * for buttons and alert boxes.
11
- *
12
- * Demonstrates:
13
- * - Button components with reactive text
14
- * - Alert boxes with reactive content
15
- * - Language switching
16
- * - Static vs reactive content patterns
17
- */
18
- export declare class ReactiveComponentsDemoComponent implements OnInit, OnDestroy {
19
- private contentService;
20
- private langService;
21
- private subscriptions;
22
- pageTitle$: Observable<string>;
23
- languageLabel$: Observable<string>;
24
- buttonSectionTitle$: Observable<string>;
25
- alertSectionTitle$: Observable<string>;
26
- currentLanguage$: Observable<string>;
27
- availableLanguages$: Observable<string[]>;
28
- saveButton: ButtonMetadata;
29
- cancelButton: ButtonMetadata;
30
- staticButton: ButtonMetadata;
31
- warningAlert: ReactiveAlertBoxMetadata;
32
- successAlert: ReactiveAlertBoxMetadata;
33
- staticAlert: ReactiveAlertBoxMetadata;
34
- constructor(contentService: ContentService, langService: LangService);
35
- ngOnInit(): void;
36
- ngOnDestroy(): void;
37
- private initializeContent;
38
- private initializeComponents;
39
- changeLanguage(language: string): void;
40
- private handleSave;
41
- private handleCancel;
42
- private handleStatic;
43
- static ɵfac: i0.ɵɵFactoryDeclaration<ReactiveComponentsDemoComponent, never>;
44
- static ɵcmp: i0.ɵɵComponentDeclaration<ReactiveComponentsDemoComponent, "val-reactive-components-demo", never, {}, {}, never, never, true, never>;
45
- }
@@ -1,27 +0,0 @@
1
- import { OnInit } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- /**
4
- * Test component to diagnose reactive content behavior.
5
- * Compares fromContent vs fromMultipleContent reactivity.
6
- */
7
- export declare class ReactivityTestComponent implements OnInit {
8
- private contentService;
9
- private langService;
10
- currentLang$: import("rxjs").Observable<string>;
11
- singleWelcome$: import("rxjs").Observable<string>;
12
- singleSave$: import("rxjs").Observable<string>;
13
- singleCancel$: import("rxjs").Observable<string>;
14
- multipleContent$: import("rxjs").Observable<Record<string, string>>;
15
- directSingle$: import("rxjs").Observable<string>;
16
- directMultiple$: import("rxjs").Observable<Record<string, string>>;
17
- singleUpdateCount: number;
18
- multipleUpdateCount: number;
19
- directSingleUpdateCount: number;
20
- directMultipleUpdateCount: number;
21
- ngOnInit(): void;
22
- switchToSpanish(): void;
23
- switchToEnglish(): void;
24
- switchToFrench(): void;
25
- static ɵfac: i0.ɵɵFactoryDeclaration<ReactivityTestComponent, never>;
26
- static ɵcmp: i0.ɵɵComponentDeclaration<ReactivityTestComponent, "val-reactivity-test", never, {}, {}, never, never, true, never>;
27
- }
@@ -1,21 +0,0 @@
1
- import { LanguageSelectorMetadata } from '../components/molecules/language-selector/types';
2
- import { PopoverSelectorMetadata } from '../components/molecules/popover-selector/types';
3
- import * as i0 from "@angular/core";
4
- /**
5
- * Ejemplo de uso de los componentes popover-selector y language-selector
6
- */
7
- export declare class SelectorExamplesComponent {
8
- categorySelector: PopoverSelectorMetadata;
9
- prioritySelector: PopoverSelectorMetadata;
10
- multipleSelector: PopoverSelectorMetadata;
11
- basicLanguageSelector: LanguageSelectorMetadata;
12
- flagLanguageSelector: LanguageSelectorMetadata;
13
- customLanguageSelector: LanguageSelectorMetadata;
14
- compactLanguageSelector: LanguageSelectorMetadata;
15
- onCategoryChange(category: string | string[]): void;
16
- onPriorityChange(priority: string | string[]): void;
17
- onMultipleChange(notifications: string | string[]): void;
18
- onLanguageChange(language: string): void;
19
- static ɵfac: i0.ɵɵFactoryDeclaration<SelectorExamplesComponent, never>;
20
- static ɵcmp: i0.ɵɵComponentDeclaration<SelectorExamplesComponent, "app-selector-examples", never, {}, {}, never, never, true, never>;
21
- }
@@ -1,31 +0,0 @@
1
- import { OnInit } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- /**
4
- * Simple test component to diagnose the user's specific issue.
5
- * Tests the exact pattern the user is using.
6
- */
7
- export declare class UserIssueTestComponent implements OnInit {
8
- private contentService;
9
- private langService;
10
- currentLang$: import("rxjs").Observable<string>;
11
- saveButtonDirect$: import("rxjs").Observable<string>;
12
- cancelButtonDirect$: import("rxjs").Observable<string>;
13
- private contentHelper;
14
- saveButtonHelper$: import("rxjs").Observable<string>;
15
- cancelButtonHelper$: import("rxjs").Observable<string>;
16
- saveButtonLang$: import("rxjs").Observable<string>;
17
- cancelButtonLang$: import("rxjs").Observable<string>;
18
- directUpdateCount: number;
19
- helperUpdateCount: number;
20
- langServiceUpdateCount: number;
21
- ngOnInit(): void;
22
- switchToSpanish(): void;
23
- switchToEnglish(): void;
24
- getSaveTextSync(): string;
25
- getCancelTextSync(): string;
26
- getAvailableLanguages(): string;
27
- hasContentSave(): boolean;
28
- hasContentCancel(): boolean;
29
- static ɵfac: i0.ɵɵFactoryDeclaration<UserIssueTestComponent, never>;
30
- static ɵcmp: i0.ɵɵComponentDeclaration<UserIssueTestComponent, "val-user-issue-test", never, {}, {}, never, never, true, never>;
31
- }