valtech-components 4.0.41 → 4.0.42

package/esm2022/lib/components/atoms/splash/splash.component.mjs

@@ -0,0 +1,45 @@
+import { Component, input } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * `val-splash` — splash a pantalla completa reutilizable, idéntico al de arranque
+ * de la app (`.app-splash` del `index.html`): logo centrado con pulse, fondo
+ * claro/oscuro vía `prefers-color-scheme`. Para cargas fundamentales dentro de la
+ * app (p.ej. el callback OAuth) que deben verse iguales al arranque, en vez de
+ * un segundo loader casi-duplicado.
+ *
+ * El logo apunta por defecto a `assets/images/main-{light,dark}.svg` — los mismos
+ * assets de la app consumer que usa el splash de `index.html` — y resuelven en
+ * runtime contra la app. Override por inputs si hace falta. Fondo overridable con
+ * las CSS vars `--val-splash-bg` / `--val-splash-bg-dark`.
+ */
+export class SplashComponent {
+    constructor() {
+        /** Logo para tema claro. Default = asset de la app (igual que index.html). */
+        this.logoLight = input('assets/images/main-light.svg');
+        /** Logo para tema oscuro (vía prefers-color-scheme). */
+        this.logoDark = input('assets/images/main-dark.svg');
+        /** Texto alternativo del logo. */
+        this.alt = input('Valtech');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SplashComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.14", type: SplashComponent, isStandalone: true, selector: "val-splash", inputs: { logoLight: { classPropertyName: "logoLight", publicName: "logoLight", isSignal: true, isRequired: false, transformFunction: null }, logoDark: { classPropertyName: "logoDark", publicName: "logoDark", isSignal: true, isRequired: false, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <div class="val-splash">
+      <picture>
+        <source media="(prefers-color-scheme: dark)" [srcset]="logoDark()" />
+        <img class="val-splash__logo" [src]="logoLight()" [alt]="alt()" />
+      </picture>
+    </div>
+  `, isInline: true, styles: [".val-splash{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--val-splash-bg, #fbfbfb);z-index:9999;animation:val-splash-in .25s ease}.val-splash__logo{width:180px;max-width:50vw;animation:val-splash-pulse 1.8s ease-in-out infinite}@keyframes val-splash-in{0%{opacity:0}to{opacity:1}}@keyframes val-splash-pulse{0%,to{opacity:1}50%{opacity:.55}}@media (prefers-color-scheme: dark){.val-splash{background:var(--val-splash-bg-dark, #0e0420)}}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SplashComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-splash', standalone: true, template: `
+    <div class="val-splash">
+      <picture>
+        <source media="(prefers-color-scheme: dark)" [srcset]="logoDark()" />
+        <img class="val-splash__logo" [src]="logoLight()" [alt]="alt()" />
+      </picture>
+    </div>
+  `, styles: [".val-splash{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--val-splash-bg, #fbfbfb);z-index:9999;animation:val-splash-in .25s ease}.val-splash__logo{width:180px;max-width:50vw;animation:val-splash-pulse 1.8s ease-in-out infinite}@keyframes val-splash-in{0%{opacity:0}to{opacity:1}}@keyframes val-splash-pulse{0%,to{opacity:1}50%{opacity:.55}}@media (prefers-color-scheme: dark){.val-splash{background:var(--val-splash-bg-dark, #0e0420)}}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BsYXNoLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9hdG9tcy9zcGxhc2gvc3BsYXNoLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFFakQ7Ozs7Ozs7Ozs7O0dBV0c7QUFzREgsTUFBTSxPQUFPLGVBQWU7SUFyRDVCO1FBc0RFLDhFQUE4RTtRQUNyRSxjQUFTLEdBQUcsS0FBSyxDQUFDLDhCQUE4QixDQUFDLENBQUM7UUFDM0Qsd0RBQXdEO1FBQy9DLGFBQVEsR0FBRyxLQUFLLENBQUMsNkJBQTZCLENBQUMsQ0FBQztRQUN6RCxrQ0FBa0M7UUFDekIsUUFBRyxHQUFHLEtBQUssQ0FBQyxTQUFTLENBQUMsQ0FBQztLQUNqQzsrR0FQWSxlQUFlO21HQUFmLGVBQWUseWNBbERoQjs7Ozs7OztHQU9UOzs0RkEyQ1UsZUFBZTtrQkFyRDNCLFNBQVM7K0JBQ0UsWUFBWSxjQUNWLElBQUksWUFDTjs7Ozs7OztHQU9UIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBpbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKipcbiAqIGB2YWwtc3BsYXNoYCDigJQgc3BsYXNoIGEgcGFudGFsbGEgY29tcGxldGEgcmV1dGlsaXphYmxlLCBpZMOpbnRpY28gYWwgZGUgYXJyYW5xdWVcbiAqIGRlIGxhIGFwcCAoYC5hcHAtc3BsYXNoYCBkZWwgYGluZGV4Lmh0bWxgKTogbG9nbyBjZW50cmFkbyBjb24gcHVsc2UsIGZvbmRvXG4gKiBjbGFyby9vc2N1cm8gdsOtYSBgcHJlZmVycy1jb2xvci1zY2hlbWVgLiBQYXJhIGNhcmdhcyBmdW5kYW1lbnRhbGVzIGRlbnRybyBkZSBsYVxuICogYXBwIChwLmVqLiBlbCBjYWxsYmFjayBPQXV0aCkgcXVlIGRlYmVuIHZlcnNlIGlndWFsZXMgYWwgYXJyYW5xdWUsIGVuIHZleiBkZVxuICogdW4gc2VndW5kbyBsb2FkZXIgY2FzaS1kdXBsaWNhZG8uXG4gKlxuICogRWwgbG9nbyBhcHVudGEgcG9yIGRlZmVjdG8gYSBgYXNzZXRzL2ltYWdlcy9tYWluLXtsaWdodCxkYXJrfS5zdmdgIOKAlCBsb3MgbWlzbW9zXG4gKiBhc3NldHMgZGUgbGEgYXBwIGNvbnN1bWVyIHF1ZSB1c2EgZWwgc3BsYXNoIGRlIGBpbmRleC5odG1sYCDigJQgeSByZXN1ZWx2ZW4gZW5cbiAqIHJ1bnRpbWUgY29udHJhIGxhIGFwcC4gT3ZlcnJpZGUgcG9yIGlucHV0cyBzaSBoYWNlIGZhbHRhLiBGb25kbyBvdmVycmlkYWJsZSBjb25cbiAqIGxhcyBDU1MgdmFycyBgLS12YWwtc3BsYXNoLWJnYCAvIGAtLXZhbC1zcGxhc2gtYmctZGFya2AuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3ZhbC1zcGxhc2gnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgY2xhc3M9XCJ2YWwtc3BsYXNoXCI+XG4gICAgICA8cGljdHVyZT5cbiAgICAgICAgPHNvdXJjZSBtZWRpYT1cIihwcmVmZXJzLWNvbG9yLXNjaGVtZTogZGFyaylcIiBbc3Jjc2V0XT1cImxvZ29EYXJrKClcIiAvPlxuICAgICAgICA8aW1nIGNsYXNzPVwidmFsLXNwbGFzaF9fbG9nb1wiIFtzcmNdPVwibG9nb0xpZ2h0KClcIiBbYWx0XT1cImFsdCgpXCIgLz5cbiAgICAgIDwvcGljdHVyZT5cbiAgICA8L2Rpdj5cbiAgYCxcbiAgc3R5bGVzOiBbXG4gICAgYFxuICAgICAgLnZhbC1zcGxhc2gge1xuICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgICAgIGluc2V0OiAwO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgYmFja2dyb3VuZDogdmFyKC0tdmFsLXNwbGFzaC1iZywgI2ZiZmJmYik7XG4gICAgICAgIHotaW5kZXg6IDk5OTk7XG4gICAgICAgIGFuaW1hdGlvbjogdmFsLXNwbGFzaC1pbiAwLjI1cyBlYXNlO1xuICAgICAgfVxuICAgICAgLnZhbC1zcGxhc2hfX2xvZ28ge1xuICAgICAgICB3aWR0aDogMTgwcHg7XG4gICAgICAgIG1heC13aWR0aDogNTB2dztcbiAgICAgICAgYW5pbWF0aW9uOiB2YWwtc3BsYXNoLXB1bHNlIDEuOHMgZWFzZS1pbi1vdXQgaW5maW5pdGU7XG4gICAgICB9XG4gICAgICBAa2V5ZnJhbWVzIHZhbC1zcGxhc2gtaW4ge1xuICAgICAgICBmcm9tIHtcbiAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB9XG4gICAgICAgIHRvIHtcbiAgICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgICBAa2V5ZnJhbWVzIHZhbC1zcGxhc2gtcHVsc2Uge1xuICAgICAgICAwJSxcbiAgICAgICAgMTAwJSB7XG4gICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgfVxuICAgICAgICA1MCUge1xuICAgICAgICAgIG9wYWNpdHk6IDAuNTU7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICAgIEBtZWRpYSAocHJlZmVycy1jb2xvci1zY2hlbWU6IGRhcmspIHtcbiAgICAgICAgLnZhbC1zcGxhc2gge1xuICAgICAgICAgIGJhY2tncm91bmQ6IHZhcigtLXZhbC1zcGxhc2gtYmctZGFyaywgIzBlMDQyMCk7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICBgLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTcGxhc2hDb21wb25lbnQge1xuICAvKiogTG9nbyBwYXJhIHRlbWEgY2xhcm8uIERlZmF1bHQgPSBhc3NldCBkZSBsYSBhcHAgKGlndWFsIHF1ZSBpbmRleC5odG1sKS4gKi9cbiAgcmVhZG9ubHkgbG9nb0xpZ2h0ID0gaW5wdXQoJ2Fzc2V0cy9pbWFnZXMvbWFpbi1saWdodC5zdmcnKTtcbiAgLyoqIExvZ28gcGFyYSB0ZW1hIG9zY3VybyAodsOtYSBwcmVmZXJzLWNvbG9yLXNjaGVtZSkuICovXG4gIHJlYWRvbmx5IGxvZ29EYXJrID0gaW5wdXQoJ2Fzc2V0cy9pbWFnZXMvbWFpbi1kYXJrLnN2ZycpO1xuICAvKiogVGV4dG8gYWx0ZXJuYXRpdm8gZGVsIGxvZ28uICovXG4gIHJlYWRvbmx5IGFsdCA9IGlucHV0KCdWYWx0ZWNoJyk7XG59XG4iXX0=