valtech-components 2.0.862 → 2.0.864
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/pin-input/pin-input.component.mjs +7 -1
- package/esm2022/lib/services/splash-screen/config.mjs +34 -0
- package/esm2022/lib/services/splash-screen/index.mjs +25 -0
- package/esm2022/lib/services/splash-screen/splash-screen.service.mjs +20 -0
- package/esm2022/lib/services/splash-screen/types.mjs +4 -0
- package/esm2022/lib/version.mjs +2 -2
- package/esm2022/public-api.mjs +4 -1
- package/fesm2022/valtech-components.mjs +83 -2
- package/fesm2022/valtech-components.mjs.map +1 -1
- package/lib/components/molecules/pin-input/pin-input.component.d.ts +3 -2
- package/lib/services/splash-screen/config.d.ts +21 -0
- package/lib/services/splash-screen/index.d.ts +24 -0
- package/lib/services/splash-screen/splash-screen.service.d.ts +6 -0
- package/lib/services/splash-screen/types.d.ts +4 -0
- package/lib/version.d.ts +1 -1
- package/package.json +6 -2
- package/public-api.d.ts +1 -0
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { OnInit } from '@angular/core';
|
|
1
|
+
import { AfterViewInit, OnInit } from '@angular/core';
|
|
2
2
|
import { NgOtpInputComponent, NgOtpInputConfig } from 'ng-otp-input';
|
|
3
3
|
import { PinInputMetadata } from './types';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
|
-
export declare class PinInputComponent implements OnInit {
|
|
5
|
+
export declare class PinInputComponent implements OnInit, AfterViewInit {
|
|
6
6
|
pinCode: NgOtpInputComponent | undefined;
|
|
7
7
|
/**
|
|
8
8
|
* Input configuration object.
|
|
@@ -15,6 +15,7 @@ export declare class PinInputComponent implements OnInit {
|
|
|
15
15
|
otpInputConfig: NgOtpInputConfig;
|
|
16
16
|
constructor();
|
|
17
17
|
ngOnInit(): void;
|
|
18
|
+
ngAfterViewInit(): void;
|
|
18
19
|
reset(): void;
|
|
19
20
|
static ɵfac: i0.ɵɵFactoryDeclaration<PinInputComponent, never>;
|
|
20
21
|
static ɵcmp: i0.ɵɵComponentDeclaration<PinInputComponent, "val-pin-input", never, { "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { EnvironmentProviders, InjectionToken } from '@angular/core';
|
|
2
|
+
import { SplashScreenConfig } from './types';
|
|
3
|
+
export declare const VALTECH_SPLASH_SCREEN: InjectionToken<Required<SplashScreenConfig>>;
|
|
4
|
+
/**
|
|
5
|
+
* Oculta el splash screen nativo (Capacitor) al completar el bootstrap de Angular.
|
|
6
|
+
* En web/PWA es no-op — el skeleton HTML en index.html se elimina cuando Angular
|
|
7
|
+
* reemplaza <app-root>.
|
|
8
|
+
*
|
|
9
|
+
* Requiere @capacitor/splash-screen instalado en la app consumer y
|
|
10
|
+
* launchAutoHide: false en capacitor.config.ts.
|
|
11
|
+
*
|
|
12
|
+
* @example
|
|
13
|
+
* // main.ts
|
|
14
|
+
* bootstrapApplication(AppComponent, {
|
|
15
|
+
* providers: [provideSplashScreen()],
|
|
16
|
+
* });
|
|
17
|
+
*
|
|
18
|
+
* // capacitor.config.ts
|
|
19
|
+
* plugins: { SplashScreen: { launchAutoHide: false } }
|
|
20
|
+
*/
|
|
21
|
+
export declare function provideSplashScreen(config?: SplashScreenConfig): EnvironmentProviders;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* SplashScreen Service
|
|
3
|
+
*
|
|
4
|
+
* Gestiona el splash screen nativo (Capacitor) y el skeleton PWA.
|
|
5
|
+
*
|
|
6
|
+
* - Nativo: oculta el splash screen de Capacitor con fade al completar bootstrap.
|
|
7
|
+
* - PWA/web: no-op (el skeleton en index.html se elimina cuando Angular reemplaza <app-root>).
|
|
8
|
+
*
|
|
9
|
+
* Setup:
|
|
10
|
+
* 1. Agregar el skeleton HTML/CSS en index.html (ver docs/splash-screen.md o CLAUDE.md).
|
|
11
|
+
* 2. Instalar @capacitor/splash-screen en la app consumer.
|
|
12
|
+
* 3. Configurar capacitor.config.ts con launchAutoHide: false.
|
|
13
|
+
* 4. Agregar provideSplashScreen() en main.ts.
|
|
14
|
+
*
|
|
15
|
+
* @example
|
|
16
|
+
* // main.ts
|
|
17
|
+
* import { provideSplashScreen } from 'valtech-components';
|
|
18
|
+
* bootstrapApplication(AppComponent, {
|
|
19
|
+
* providers: [provideSplashScreen()],
|
|
20
|
+
* });
|
|
21
|
+
*/
|
|
22
|
+
export * from './types';
|
|
23
|
+
export { VALTECH_SPLASH_SCREEN, provideSplashScreen } from './config';
|
|
24
|
+
export { SplashScreenService } from './splash-screen.service';
|
package/lib/version.d.ts
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "valtech-components",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.864",
|
|
4
4
|
"private": false,
|
|
5
5
|
"bin": {
|
|
6
6
|
"valtech-firebase-config": "./src/lib/services/firebase/scripts/generate-sw-config.js"
|
|
@@ -20,12 +20,16 @@
|
|
|
20
20
|
"@ionic/angular": "^8.0.0",
|
|
21
21
|
"firebase": "^10.0.0",
|
|
22
22
|
"ionicons": "^7.2.1",
|
|
23
|
-
"rxjs": "~7.8.0"
|
|
23
|
+
"rxjs": "~7.8.0",
|
|
24
|
+
"@capacitor/splash-screen": ">=6.0.0"
|
|
24
25
|
},
|
|
25
26
|
"peerDependenciesMeta": {
|
|
26
27
|
"@capacitor/app": {
|
|
27
28
|
"optional": true
|
|
28
29
|
},
|
|
30
|
+
"@capacitor/splash-screen": {
|
|
31
|
+
"optional": true
|
|
32
|
+
},
|
|
29
33
|
"@angular/service-worker": {
|
|
30
34
|
"optional": true
|
|
31
35
|
}
|
package/public-api.d.ts
CHANGED
|
@@ -294,6 +294,7 @@ export * from './lib/components/molecules/feedback-form/feedback-form.component'
|
|
|
294
294
|
export * from './lib/components/molecules/feedback-form/types';
|
|
295
295
|
export * from './lib/components/molecules/content-reaction/content-reaction.component';
|
|
296
296
|
export * from './lib/components/molecules/content-reaction/types';
|
|
297
|
+
export * from './lib/services/splash-screen';
|
|
297
298
|
export * from './lib/components/templates/docs-layout/docs-layout.component';
|
|
298
299
|
export * from './lib/components/templates/docs-layout/types';
|
|
299
300
|
export * from './lib/components/organisms/docs-sidebar/docs-sidebar.component';
|