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.
- package/esm2022/lib/components/atoms/button/button.component.mjs +103 -23
- package/esm2022/lib/components/types.mjs +1 -1
- package/esm2022/lib/services/lang-provider/content.mjs +1 -72
- package/esm2022/lib/services/lang-provider/lang-provider.service.mjs +4 -9
- package/esm2022/lib/shared/utils/content.mjs +2 -8
- package/esm2022/public-api.mjs +1 -12
- package/fesm2022/valtech-components.mjs +124 -2824
- package/fesm2022/valtech-components.mjs.map +1 -1
- package/lib/components/atoms/button/button.component.d.ts +33 -2
- package/lib/components/types.d.ts +19 -7
- package/package.json +1 -1
- package/public-api.d.ts +0 -10
- package/esm2022/lib/examples/comprehensive-link-test.component.mjs +0 -208
- package/esm2022/lib/examples/custom-content-demo.component.mjs +0 -291
- package/esm2022/lib/examples/display-demo.component.mjs +0 -518
- package/esm2022/lib/examples/display-simple-example.component.mjs +0 -202
- package/esm2022/lib/examples/link-processing-example.component.mjs +0 -233
- package/esm2022/lib/examples/multi-language-demo.component.mjs +0 -304
- package/esm2022/lib/examples/reactive-components-demo.component.mjs +0 -303
- package/esm2022/lib/examples/reactivity-test.component.mjs +0 -200
- package/esm2022/lib/examples/selector-examples.component.mjs +0 -234
- package/esm2022/lib/examples/user-issue-test.component.mjs +0 -267
- package/lib/examples/comprehensive-link-test.component.d.ts +0 -23
- package/lib/examples/custom-content-demo.component.d.ts +0 -26
- package/lib/examples/display-demo.component.d.ts +0 -62
- package/lib/examples/display-simple-example.component.d.ts +0 -23
- package/lib/examples/link-processing-example.component.d.ts +0 -26
- package/lib/examples/multi-language-demo.component.d.ts +0 -34
- package/lib/examples/reactive-components-demo.component.d.ts +0 -45
- package/lib/examples/reactivity-test.component.d.ts +0 -27
- package/lib/examples/selector-examples.component.d.ts +0 -21
- 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
|
-
}
|