valtech-components 2.0.865 → 2.0.867
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/molecules/network-banner/network-banner.component.mjs +98 -0
- package/esm2022/lib/components/templates/page-wrapper/page-wrapper.component.mjs +6 -2
- package/esm2022/lib/services/i18n/default-content.mjs +17 -1
- package/esm2022/lib/services/network-status/index.mjs +2 -0
- package/esm2022/lib/services/network-status/network-status.service.mjs +59 -0
- package/esm2022/lib/version.mjs +2 -2
- package/esm2022/public-api.mjs +4 -1
- package/fesm2022/valtech-components.mjs +173 -3
- package/fesm2022/valtech-components.mjs.map +1 -1
- package/lib/components/atoms/glow/glow.component.d.ts +1 -1
- package/lib/components/atoms/rights-footer/rights-footer.component.d.ts +1 -1
- package/lib/components/atoms/text/text.component.d.ts +1 -1
- package/lib/components/atoms/user-avatar/user-avatar.component.d.ts +1 -1
- package/lib/components/molecules/features-list/features-list.component.d.ts +3 -3
- package/lib/components/molecules/network-banner/network-banner.component.d.ts +27 -0
- package/lib/components/organisms/article/article.component.d.ts +5 -5
- package/lib/components/organisms/bottom-nav/bottom-nav.component.d.ts +1 -1
- package/lib/components/organisms/toolbar/toolbar.component.d.ts +2 -2
- package/lib/services/network-status/index.d.ts +1 -0
- package/lib/services/network-status/network-status.service.d.ts +18 -0
- package/lib/version.d.ts +1 -1
- package/package.json +1 -1
- package/public-api.d.ts +2 -0
|
@@ -30,7 +30,7 @@ export declare class GlowComponent {
|
|
|
30
30
|
protected intensity: import("@angular/core").Signal<GlowIntensity>;
|
|
31
31
|
protected shape: import("@angular/core").Signal<GlowShape>;
|
|
32
32
|
protected animated: import("@angular/core").Signal<boolean>;
|
|
33
|
-
protected blendMode: import("@angular/core").Signal<"
|
|
33
|
+
protected blendMode: import("@angular/core").Signal<"normal" | "multiply" | "screen" | "overlay" | "soft-light" | "hard-light" | "color-dodge">;
|
|
34
34
|
protected colorRgbVar: import("@angular/core").Signal<string>;
|
|
35
35
|
protected secondaryColorRgbVar: import("@angular/core").Signal<string>;
|
|
36
36
|
protected positionCss: import("@angular/core").Signal<string>;
|
|
@@ -43,7 +43,7 @@ export declare class RightsFooterComponent {
|
|
|
43
43
|
/**
|
|
44
44
|
* Computed helper for color prop in template.
|
|
45
45
|
*/
|
|
46
|
-
propsColor: import("@angular/core").Signal<"
|
|
46
|
+
propsColor: import("@angular/core").Signal<"medium" | "primary" | "secondary" | "tertiary" | "success" | "warning" | "danger" | "light" | "dark">;
|
|
47
47
|
/**
|
|
48
48
|
* Computed helper for withMargin prop in template.
|
|
49
49
|
*/
|
|
@@ -11,7 +11,7 @@ export declare class TextComponent {
|
|
|
11
11
|
*/
|
|
12
12
|
displayContent: import("@angular/core").Signal<string>;
|
|
13
13
|
propsColor: import("@angular/core").Signal<import("@ionic/core").Color>;
|
|
14
|
-
propsSize: import("@angular/core").Signal<"
|
|
14
|
+
propsSize: import("@angular/core").Signal<"small" | "medium" | "large" | "xlarge">;
|
|
15
15
|
propsBold: import("@angular/core").Signal<boolean>;
|
|
16
16
|
propsProcessLinks: import("@angular/core").Signal<boolean>;
|
|
17
17
|
propsAllowPartialBold: import("@angular/core").Signal<boolean>;
|
|
@@ -38,7 +38,7 @@ export declare class UserAvatarComponent {
|
|
|
38
38
|
readonly imageUrl: import("@angular/core").Signal<string>;
|
|
39
39
|
/** Iniciales — 1-2 chars derivados de name (preferred) o email prefix. */
|
|
40
40
|
readonly initials: import("@angular/core").Signal<string>;
|
|
41
|
-
readonly sizeClass: import("@angular/core").Signal<"
|
|
41
|
+
readonly sizeClass: import("@angular/core").Signal<"small" | "medium" | "large" | "xlarge" | "xsmall">;
|
|
42
42
|
readonly shapeClass: import("@angular/core").Signal<"circle" | "square">;
|
|
43
43
|
/** Background — explicito o derivado deterministicamente del user. */
|
|
44
44
|
readonly bgColor: import("@angular/core").Signal<string>;
|
|
@@ -47,9 +47,9 @@ export declare class FeaturesListComponent {
|
|
|
47
47
|
i18nNamespace?: string;
|
|
48
48
|
iconColor: string;
|
|
49
49
|
iconSize: number;
|
|
50
|
-
mode: "
|
|
51
|
-
gap: "
|
|
52
|
-
alignment: "
|
|
50
|
+
mode: "horizontal" | "vertical";
|
|
51
|
+
gap: "small" | "medium" | "large";
|
|
52
|
+
alignment: "center" | "start";
|
|
53
53
|
}>;
|
|
54
54
|
/** Resolved icon color (handles Ionic colors and CSS colors) */
|
|
55
55
|
iconColorStyle: import("@angular/core").Signal<string>;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
/**
|
|
3
|
+
* val-network-banner
|
|
4
|
+
*
|
|
5
|
+
* Banner de estado de red que empuja el contenido hacia abajo (no fixed/overlay).
|
|
6
|
+
* - Offline: banner rojo sin cierre, persiste hasta reconexion.
|
|
7
|
+
* - Reconexion: banner verde con boton de cierre y countdown 10s.
|
|
8
|
+
* - Online desde inicio: no renderiza nada.
|
|
9
|
+
*
|
|
10
|
+
* Colocar como primer hijo dentro de ion-content, antes de val-container.
|
|
11
|
+
*
|
|
12
|
+
* @example
|
|
13
|
+
* <val-network-banner />
|
|
14
|
+
*/
|
|
15
|
+
export declare class NetworkBannerComponent {
|
|
16
|
+
private readonly i18n;
|
|
17
|
+
private readonly network;
|
|
18
|
+
readonly showBanner: import("@angular/core").Signal<boolean>;
|
|
19
|
+
readonly isOffline: import("@angular/core").Signal<boolean>;
|
|
20
|
+
readonly isReconnected: import("@angular/core").Signal<boolean>;
|
|
21
|
+
readonly countdown: import("@angular/core").Signal<number>;
|
|
22
|
+
readonly closeLabel: import("@angular/core").Signal<string>;
|
|
23
|
+
t(key: string): string;
|
|
24
|
+
dismiss(): void;
|
|
25
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NetworkBannerComponent, never>;
|
|
26
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NetworkBannerComponent, "val-network-banner", never, {}, {}, never, never, true, never>;
|
|
27
|
+
}
|
|
@@ -45,7 +45,7 @@ export declare class ArticleComponent implements OnInit {
|
|
|
45
45
|
getVideoElement(element: ArticleElement): ArticleVideoElement;
|
|
46
46
|
getCustomElement(element: ArticleElement): ArticleCustomElement;
|
|
47
47
|
getQuoteTextProps(element: ArticleElement): {
|
|
48
|
-
size: "
|
|
48
|
+
size: "small" | "medium" | "large" | "xlarge";
|
|
49
49
|
color: import("@ionic/core").Color;
|
|
50
50
|
content?: string;
|
|
51
51
|
bold: boolean;
|
|
@@ -61,7 +61,7 @@ export declare class ArticleComponent implements OnInit {
|
|
|
61
61
|
showQuoteMark?: boolean;
|
|
62
62
|
};
|
|
63
63
|
getHighlightTextProps(element: ArticleElement): {
|
|
64
|
-
size: "
|
|
64
|
+
size: "small" | "medium" | "large" | "xlarge";
|
|
65
65
|
color: import("@ionic/core").Color;
|
|
66
66
|
content?: string;
|
|
67
67
|
bold: boolean;
|
|
@@ -76,7 +76,7 @@ export declare class ArticleComponent implements OnInit {
|
|
|
76
76
|
getHighlightColor(element: ArticleElement): string;
|
|
77
77
|
getButtonProps(element: ArticleElement): {
|
|
78
78
|
actionType?: import("valtech-components").ActionType;
|
|
79
|
-
expand?: "
|
|
79
|
+
expand?: "full" | "block";
|
|
80
80
|
link?: string;
|
|
81
81
|
href?: string;
|
|
82
82
|
target?: "_blank" | "_self" | "_parent" | "_top";
|
|
@@ -90,9 +90,9 @@ export declare class ArticleComponent implements OnInit {
|
|
|
90
90
|
contentInterpolation?: Record<string, string | number>;
|
|
91
91
|
icon?: import("valtech-components").IconMetada;
|
|
92
92
|
shape?: "round";
|
|
93
|
-
size?: "small" | "
|
|
93
|
+
size?: "small" | "large" | "default";
|
|
94
94
|
fill?: "default" | "clear" | "outline" | "solid";
|
|
95
|
-
type: "
|
|
95
|
+
type: "button" | "submit" | "reset";
|
|
96
96
|
token?: string;
|
|
97
97
|
ref?: any;
|
|
98
98
|
handler?: (value: any) => any;
|
|
@@ -63,7 +63,7 @@ export declare class BottomNavComponent implements OnInit, OnDestroy {
|
|
|
63
63
|
i18nNamespace?: string;
|
|
64
64
|
hideLabels: boolean;
|
|
65
65
|
safeArea: boolean;
|
|
66
|
-
animation: "
|
|
66
|
+
animation: "none" | "slide" | "fade" | "scale";
|
|
67
67
|
maxWidth: string;
|
|
68
68
|
}>;
|
|
69
69
|
/** Computed tabs with FAB inserted if present */
|
|
@@ -72,10 +72,10 @@ export declare class ToolbarComponent implements OnInit {
|
|
|
72
72
|
};
|
|
73
73
|
showFlags?: boolean;
|
|
74
74
|
color: import("@ionic/core").Color;
|
|
75
|
-
size?: "small" | "
|
|
75
|
+
size?: "small" | "large" | "default";
|
|
76
76
|
fill?: "default" | "clear" | "outline" | "solid";
|
|
77
77
|
shape?: "round";
|
|
78
|
-
expand?: "
|
|
78
|
+
expand?: "full" | "block";
|
|
79
79
|
disabled?: boolean;
|
|
80
80
|
customLanguageNames?: Record<string, string>;
|
|
81
81
|
forceReload?: boolean;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { NetworkStatusService } from './network-status.service';
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class NetworkStatusService {
|
|
3
|
+
private _isOnline;
|
|
4
|
+
private _justReconnected;
|
|
5
|
+
private _countdown;
|
|
6
|
+
private _countdownTimer?;
|
|
7
|
+
readonly isOnline: import("@angular/core").Signal<boolean>;
|
|
8
|
+
readonly justReconnected: import("@angular/core").Signal<boolean>;
|
|
9
|
+
readonly countdown: import("@angular/core").Signal<number>;
|
|
10
|
+
constructor();
|
|
11
|
+
private onOnline;
|
|
12
|
+
private onOffline;
|
|
13
|
+
private startCountdown;
|
|
14
|
+
private clearCountdown;
|
|
15
|
+
dismiss(): void;
|
|
16
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NetworkStatusService, never>;
|
|
17
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<NetworkStatusService>;
|
|
18
|
+
}
|
package/lib/version.d.ts
CHANGED
package/package.json
CHANGED
package/public-api.d.ts
CHANGED
|
@@ -277,6 +277,8 @@ export * from './lib/services/firebase';
|
|
|
277
277
|
export * from './lib/services/auth';
|
|
278
278
|
export * from './lib/services/i18n';
|
|
279
279
|
export * from './lib/services/preferences';
|
|
280
|
+
export * from './lib/services/network-status';
|
|
281
|
+
export * from './lib/components/molecules/network-banner/network-banner.component';
|
|
280
282
|
export * from './lib/services/page-refresh/page-refresh.service';
|
|
281
283
|
export * from './lib/services/refreshable-stream';
|
|
282
284
|
export * from './lib/services/app-config';
|