chrv-components 1.12.108 → 1.12.110

package/fesm2022/chrv-components.mjs

@@ -7750,17 +7750,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
 class Spinner {
     constructor() {
         this.spinnerService = inject(SpinnerService);
+        this.shown = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "shown" }] : /* istanbul ignore next */ []));
         this.isLoading = this.spinnerService.isLoading;
-        this.shouldShow = computed(() => this.isLoading(), /* @ts-ignore */
+        this.shouldShow = computed(() => this.isLoading() || this.shown(), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "shouldShow" }] : /* istanbul ignore next */ []));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: Spinner, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: Spinner, isStandalone: true, selector: "chr-spinner", ngImport: i0, template: "@if (shouldShow()) {\r\n<div class=\"spinner-backdrop\">\r\n    <div class=\"spinner-container\">\r\n        <div class=\"pulse-rings\">\r\n            <div class=\"pulse-ring pulse-ring-1\"></div>\r\n            <div class=\"pulse-ring pulse-ring-2\"></div>\r\n            <div class=\"pulse-ring pulse-ring-3\"></div>\r\n            <div class=\"pulse-ring pulse-ring-4\"></div>\r\n        </div>\r\n\r\n        <div class=\"loading-text\">\r\n            <p>Chargement...</p>\r\n        </div>\r\n    </div>\r\n</div>\r\n}", styles: ["@charset \"UTF-8\";.spinner-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:color-mix(in srgb,black 40%,transparent);display:flex;justify-content:center;align-items:center;z-index:9997;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadeIn .3s ease-in-out}.spinner-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:3rem;border-radius:1.5rem;min-width:250px;animation:slideUp .4s ease-out}.pulse-rings{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.pulse-ring{position:absolute;border:3px solid transparent;border-radius:50%;animation:pulse-ring 2.5s cubic-bezier(.25,.46,.45,.94) infinite}.pulse-ring-1{width:40px;height:40px;border-color:var(--primary-color);animation-delay:0s;box-shadow:0 0 20px color-mix(in srgb,var(--primary-color) 30%,transparent)}.pulse-ring-2{width:60px;height:60px;border-color:var(--tertiary-color);animation-delay:.6s;box-shadow:0 0 25px color-mix(in srgb,var(--tertiary-color) 25%,transparent)}.pulse-ring-3{width:80px;height:80px;border-color:var(--secondary-color);animation-delay:1.2s;box-shadow:0 0 30px color-mix(in srgb,var(--secondary-color) 20%,transparent)}.pulse-ring-4{width:100px;height:100px;border-color:var(--primary-color);animation-delay:1.8s;opacity:.7;box-shadow:0 0 35px color-mix(in srgb,var(--primary-color) 15%,transparent)}.loading-text{text-align:center;color:var(--text-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.loading-text p{margin:0;font-size:1.2rem;font-weight:500;color:var(--primary-color);letter-spacing:.5px;animation:text-pulse 2s ease-in-out infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse-ring{0%{transform:scale(.6);opacity:1;border-width:4px}50%{opacity:.8;border-width:2px}to{transform:scale(1.3);opacity:0;border-width:1px}}@keyframes text-pulse{0%,to{opacity:.8}50%{opacity:1;text-shadow:0 0 10px color-mix(in srgb,var(--primary-color) 30%,transparent)}}@media(max-width:768px){.spinner-container{min-width:200px;padding:2rem;gap:1.5rem}.pulse-rings{width:100px;height:100px}.pulse-ring-1{width:35px;height:35px}.pulse-ring-2{width:50px;height:50px}.pulse-ring-3{width:65px;height:65px}.pulse-ring-4{width:80px;height:80px}.loading-text p{font-size:1rem}}.dark-theme .spinner-container{box-shadow:0 20px 40px color-mix(in srgb,black 40%,transparent);border-color:var(--neutral-color)}.dark-theme .pulse-ring-1{box-shadow:0 0 20px color-mix(in srgb,var(--primary-color) 50%,transparent)}.dark-theme .pulse-ring-2{box-shadow:0 0 25px color-mix(in srgb,var(--tertiary-color) 40%,transparent)}.as400-theme .pulse-ring{filter:drop-shadow(0 0 8px var(--primary-color))}.as400-theme .loading-text p{text-shadow:0 0 10px var(--primary-color)}\n"], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: Spinner, isStandalone: true, selector: "chr-spinner", inputs: { shown: { classPropertyName: "shown", publicName: "shown", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (shouldShow()) {\r\n<div class=\"spinner-backdrop\">\r\n    <div class=\"spinner-container\">\r\n        <div class=\"pulse-rings\">\r\n            <div class=\"pulse-ring pulse-ring-1\"></div>\r\n            <div class=\"pulse-ring pulse-ring-2\"></div>\r\n            <div class=\"pulse-ring pulse-ring-3\"></div>\r\n            <div class=\"pulse-ring pulse-ring-4\"></div>\r\n        </div>\r\n\r\n        <div class=\"loading-text\">\r\n            <p>Chargement...</p>\r\n        </div>\r\n    </div>\r\n</div>\r\n}", styles: ["@charset \"UTF-8\";.spinner-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:color-mix(in srgb,black 40%,transparent);display:flex;justify-content:center;align-items:center;z-index:9997;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadeIn .3s ease-in-out}.spinner-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:3rem;border-radius:1.5rem;min-width:250px;animation:slideUp .4s ease-out}.pulse-rings{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.pulse-ring{position:absolute;border:3px solid transparent;border-radius:50%;animation:pulse-ring 2.5s cubic-bezier(.25,.46,.45,.94) infinite}.pulse-ring-1{width:40px;height:40px;border-color:var(--primary-color);animation-delay:0s;box-shadow:0 0 20px color-mix(in srgb,var(--primary-color) 30%,transparent)}.pulse-ring-2{width:60px;height:60px;border-color:var(--tertiary-color);animation-delay:.6s;box-shadow:0 0 25px color-mix(in srgb,var(--tertiary-color) 25%,transparent)}.pulse-ring-3{width:80px;height:80px;border-color:var(--secondary-color);animation-delay:1.2s;box-shadow:0 0 30px color-mix(in srgb,var(--secondary-color) 20%,transparent)}.pulse-ring-4{width:100px;height:100px;border-color:var(--primary-color);animation-delay:1.8s;opacity:.7;box-shadow:0 0 35px color-mix(in srgb,var(--primary-color) 15%,transparent)}.loading-text{text-align:center;color:var(--text-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.loading-text p{margin:0;font-size:1.2rem;font-weight:500;color:var(--primary-color);letter-spacing:.5px;animation:text-pulse 2s ease-in-out infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse-ring{0%{transform:scale(.6);opacity:1;border-width:4px}50%{opacity:.8;border-width:2px}to{transform:scale(1.3);opacity:0;border-width:1px}}@keyframes text-pulse{0%,to{opacity:.8}50%{opacity:1;text-shadow:0 0 10px color-mix(in srgb,var(--primary-color) 30%,transparent)}}@media(max-width:768px){.spinner-container{min-width:200px;padding:2rem;gap:1.5rem}.pulse-rings{width:100px;height:100px}.pulse-ring-1{width:35px;height:35px}.pulse-ring-2{width:50px;height:50px}.pulse-ring-3{width:65px;height:65px}.pulse-ring-4{width:80px;height:80px}.loading-text p{font-size:1rem}}.dark-theme .spinner-container{box-shadow:0 20px 40px color-mix(in srgb,black 40%,transparent);border-color:var(--neutral-color)}.dark-theme .pulse-ring-1{box-shadow:0 0 20px color-mix(in srgb,var(--primary-color) 50%,transparent)}.dark-theme .pulse-ring-2{box-shadow:0 0 25px color-mix(in srgb,var(--tertiary-color) 40%,transparent)}.as400-theme .pulse-ring{filter:drop-shadow(0 0 8px var(--primary-color))}.as400-theme .loading-text p{text-shadow:0 0 10px var(--primary-color)}\n"], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: Spinner, decorators: [{
             type: Component,
             args: [{ selector: 'chr-spinner', imports: [], changeDetection: ChangeDetectionStrategy.Eager, template: "@if (shouldShow()) {\r\n<div class=\"spinner-backdrop\">\r\n    <div class=\"spinner-container\">\r\n        <div class=\"pulse-rings\">\r\n            <div class=\"pulse-ring pulse-ring-1\"></div>\r\n            <div class=\"pulse-ring pulse-ring-2\"></div>\r\n            <div class=\"pulse-ring pulse-ring-3\"></div>\r\n            <div class=\"pulse-ring pulse-ring-4\"></div>\r\n        </div>\r\n\r\n        <div class=\"loading-text\">\r\n            <p>Chargement...</p>\r\n        </div>\r\n    </div>\r\n</div>\r\n}", styles: ["@charset \"UTF-8\";.spinner-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:color-mix(in srgb,black 40%,transparent);display:flex;justify-content:center;align-items:center;z-index:9997;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadeIn .3s ease-in-out}.spinner-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:3rem;border-radius:1.5rem;min-width:250px;animation:slideUp .4s ease-out}.pulse-rings{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.pulse-ring{position:absolute;border:3px solid transparent;border-radius:50%;animation:pulse-ring 2.5s cubic-bezier(.25,.46,.45,.94) infinite}.pulse-ring-1{width:40px;height:40px;border-color:var(--primary-color);animation-delay:0s;box-shadow:0 0 20px color-mix(in srgb,var(--primary-color) 30%,transparent)}.pulse-ring-2{width:60px;height:60px;border-color:var(--tertiary-color);animation-delay:.6s;box-shadow:0 0 25px color-mix(in srgb,var(--tertiary-color) 25%,transparent)}.pulse-ring-3{width:80px;height:80px;border-color:var(--secondary-color);animation-delay:1.2s;box-shadow:0 0 30px color-mix(in srgb,var(--secondary-color) 20%,transparent)}.pulse-ring-4{width:100px;height:100px;border-color:var(--primary-color);animation-delay:1.8s;opacity:.7;box-shadow:0 0 35px color-mix(in srgb,var(--primary-color) 15%,transparent)}.loading-text{text-align:center;color:var(--text-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.loading-text p{margin:0;font-size:1.2rem;font-weight:500;color:var(--primary-color);letter-spacing:.5px;animation:text-pulse 2s ease-in-out infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse-ring{0%{transform:scale(.6);opacity:1;border-width:4px}50%{opacity:.8;border-width:2px}to{transform:scale(1.3);opacity:0;border-width:1px}}@keyframes text-pulse{0%,to{opacity:.8}50%{opacity:1;text-shadow:0 0 10px color-mix(in srgb,var(--primary-color) 30%,transparent)}}@media(max-width:768px){.spinner-container{min-width:200px;padding:2rem;gap:1.5rem}.pulse-rings{width:100px;height:100px}.pulse-ring-1{width:35px;height:35px}.pulse-ring-2{width:50px;height:50px}.pulse-ring-3{width:65px;height:65px}.pulse-ring-4{width:80px;height:80px}.loading-text p{font-size:1rem}}.dark-theme .spinner-container{box-shadow:0 20px 40px color-mix(in srgb,black 40%,transparent);border-color:var(--neutral-color)}.dark-theme .pulse-ring-1{box-shadow:0 0 20px color-mix(in srgb,var(--primary-color) 50%,transparent)}.dark-theme .pulse-ring-2{box-shadow:0 0 25px color-mix(in srgb,var(--tertiary-color) 40%,transparent)}.as400-theme .pulse-ring{filter:drop-shadow(0 0 8px var(--primary-color))}.as400-theme .loading-text p{text-shadow:0 0 10px var(--primary-color)}\n"] }]
-        }] });
+        }], propDecorators: { shown: [{ type: i0.Input, args: [{ isSignal: true, alias: "shown", required: false }] }] } });
 
 class TabToEnterHandlerDirective {
     constructor() {