valtech-components 2.0.689 → 2.0.690

package/esm2022/lib/components/molecules/winner-display/winner-display.component.mjs

@@ -0,0 +1,359 @@
+import { CommonModule } from '@angular/common';
+import { Component, Input, Output, EventEmitter, inject, ElementRef, } from '@angular/core';
+import { IonIcon } from '@ionic/angular/standalone';
+import { addIcons } from 'ionicons';
+import { trophyOutline, ticketOutline, giftOutline, locationOutline } from 'ionicons/icons';
+import { AvatarComponent } from '../../atoms/avatar/avatar.component';
+import { DEFAULT_WINNER_LABELS, } from './types';
+import * as i0 from "@angular/core";
+addIcons({ trophyOutline, ticketOutline, giftOutline, locationOutline });
+/**
+ * val-winner-display
+ *
+ * A component for displaying raffle winners with celebration animations.
+ *
+ * @example Basic usage
+ * ```html
+ * <val-winner-display
+ *   [props]="{
+ *     winner: {
+ *       name: 'Juan Pérez',
+ *       ticketNumber: 42
+ *     }
+ *   }"
+ * ></val-winner-display>
+ * ```
+ *
+ * @example Full celebration mode
+ * ```html
+ * <val-winner-display
+ *   [props]="{
+ *     winner: {
+ *       name: 'María García',
+ *       ticketNumber: 156,
+ *       prize: 'iPhone 15 Pro',
+ *       prizeValue: 25000,
+ *       location: 'CDMX, México',
+ *       avatar: { image: 'avatar.jpg' }
+ *     },
+ *     mode: 'celebration',
+ *     showConfetti: true,
+ *     animation: 'zoom',
+ *     color: 'warning'
+ *   }"
+ *   (animationComplete)="onReveal($event)"
+ * ></val-winner-display>
+ * ```
+ */
+export class WinnerDisplayComponent {
+    constructor() {
+        this.animationComplete = new EventEmitter();
+        this.isAnimating = false;
+        this.isRevealed = false;
+        this.showConfetti = false;
+        this.confettiPieces = Array.from({ length: 50 }, (_, i) => i);
+        this.revealTimeout = null;
+        this.animationTimeout = null;
+        this.elementRef = inject(ElementRef);
+    }
+    ngOnInit() {
+        if (this.props.autoPlay !== false) {
+            this.startReveal();
+        }
+    }
+    ngAfterViewInit() {
+        // Additional setup if needed
+    }
+    ngOnDestroy() {
+        if (this.revealTimeout)
+            clearTimeout(this.revealTimeout);
+        if (this.animationTimeout)
+            clearTimeout(this.animationTimeout);
+    }
+    startReveal() {
+        const delay = this.props.revealDelay || 0;
+        this.revealTimeout = setTimeout(() => {
+            this.isAnimating = true;
+            const animationDuration = this.props.animationDuration || 800;
+            this.animationTimeout = setTimeout(() => {
+                this.isAnimating = false;
+                this.isRevealed = true;
+                if (this.props.showConfetti) {
+                    this.showConfetti = true;
+                }
+                this.animationComplete.emit({
+                    animation: this.props.animation || 'fade',
+                    winner: this.props.winner,
+                });
+            }, animationDuration);
+        }, delay);
+    }
+    /**
+     * Manually trigger the reveal animation.
+     */
+    reveal() {
+        this.isRevealed = false;
+        this.showConfetti = false;
+        this.startReveal();
+    }
+    /**
+     * Reset to initial state.
+     */
+    reset() {
+        this.isAnimating = false;
+        this.isRevealed = false;
+        this.showConfetti = false;
+    }
+    formatTicketNumber() {
+        const num = this.props.winner.ticketNumber;
+        if (this.props.numberPadding) {
+            return String(num).padStart(this.props.numberPadding, '0');
+        }
+        return String(num);
+    }
+    formatPrizeValue() {
+        if (!this.props.winner.prizeValue)
+            return '';
+        return `$${this.props.winner.prizeValue.toLocaleString('es-MX')}`;
+    }
+    getRandomX(index) {
+        return `${(index * 17) % 100}%`;
+    }
+    getRandomRotation(index) {
+        return `${(index * 37) % 360}deg`;
+    }
+    getWinnerLabel() {
+        return this.props.winnerLabel || DEFAULT_WINNER_LABELS.winner;
+    }
+    getTicketLabel() {
+        return this.props.ticketLabel || DEFAULT_WINNER_LABELS.ticket;
+    }
+    getPrizeLabel() {
+        return this.props.prizeLabel || DEFAULT_WINNER_LABELS.prize;
+    }
+    getColor() {
+        if (this.props.color) {
+            return `var(--ion-color-${this.props.color})`;
+        }
+        return 'var(--ion-color-warning)';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: WinnerDisplayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: WinnerDisplayComponent, isStandalone: true, selector: "val-winner-display", inputs: { props: "props" }, outputs: { animationComplete: "animationComplete" }, ngImport: i0, template: `
+    <div
+      class="winner-display-container"
+      [class]="props.cssClass"
+      [class.mode-compact]="props.mode === 'compact'"
+      [class.mode-standard]="props.mode === 'standard' || !props.mode"
+      [class.mode-full]="props.mode === 'full'"
+      [class.mode-celebration]="props.mode === 'celebration'"
+      [class.size-small]="props.size === 'small'"
+      [class.size-medium]="props.size === 'medium' || !props.size"
+      [class.size-large]="props.size === 'large'"
+      [class.bg-solid]="props.background === 'solid' || !props.background"
+      [class.bg-gradient]="props.background === 'gradient'"
+      [class.bg-transparent]="props.background === 'transparent'"
+      [class.animating]="isAnimating"
+      [class.revealed]="isRevealed"
+      [class.animation-fade]="props.animation === 'fade'"
+      [class.animation-zoom]="props.animation === 'zoom'"
+      [class.animation-slide]="props.animation === 'slide'"
+      [class.animation-spotlight]="props.animation === 'spotlight'"
+      [style.--winner-color]="getColor()"
+      [style.--animation-duration]="(props.animationDuration || 800) + 'ms'"
+    >
+      <!-- Confetti overlay -->
+      @if (props.showConfetti && (props.mode === 'celebration' || props.mode === 'full')) {
+        <div class="confetti-container" [class.active]="showConfetti">
+          @for (i of confettiPieces; track i) {
+            <div
+              class="confetti-piece"
+              [style.--delay]="i * 0.1 + 's'"
+              [style.--x]="getRandomX(i)"
+              [style.--rotation]="getRandomRotation(i)"
+            ></div>
+          }
+        </div>
+      }
+
+      <!-- Trophy icon -->
+      @if (props.showTrophy !== false) {
+        <div class="trophy-container">
+          <ion-icon name="trophy-outline" class="trophy-icon"></ion-icon>
+        </div>
+      }
+
+      <!-- Winner label -->
+      <div class="winner-label">{{ getWinnerLabel() }}</div>
+
+      <!-- Winner info -->
+      <div class="winner-info">
+        <!-- Avatar -->
+        @if (props.winner.avatar && (props.mode === 'full' || props.mode === 'celebration')) {
+          <val-avatar [props]="props.winner.avatar" class="winner-avatar"></val-avatar>
+        }
+
+        <!-- Name -->
+        <h2 class="winner-name">{{ props.winner.name }}</h2>
+
+        <!-- Location -->
+        @if (props.showLocation !== false && props.winner.location) {
+          <div class="winner-location">
+            <ion-icon name="location-outline"></ion-icon>
+            <span>{{ props.winner.location }}</span>
+          </div>
+        }
+
+        <!-- Ticket number -->
+        @if (props.showTicketNumber !== false) {
+          <div class="ticket-info">
+            <ion-icon name="ticket-outline"></ion-icon>
+            <span class="ticket-label">{{ getTicketLabel() }}</span>
+            <span class="ticket-number">{{ formatTicketNumber() }}</span>
+          </div>
+        }
+      </div>
+
+      <!-- Prize info -->
+      @if (props.showPrize !== false && props.winner.prize) {
+        <div class="prize-info">
+          @if (props.winner.prizeImage && (props.mode === 'full' || props.mode === 'celebration')) {
+            <div class="prize-image">
+              <img [src]="props.winner.prizeImage" [alt]="props.winner.prize" />
+            </div>
+          }
+
+          <div class="prize-details">
+            <div class="prize-header">
+              <ion-icon name="gift-outline"></ion-icon>
+              <span class="prize-label">{{ getPrizeLabel() }}</span>
+            </div>
+            <h3 class="prize-name">{{ props.winner.prize }}</h3>
+
+            @if (props.winner.prizeDescription) {
+              <p class="prize-description">{{ props.winner.prizeDescription }}</p>
+            }
+
+            @if (props.showPrizeValue !== false && props.winner.prizeValue) {
+              <div class="prize-value">
+                {{ formatPrizeValue() }}
+              </div>
+            }
+          </div>
+        </div>
+      }
+    </div>
+  `, isInline: true, styles: [":host{display:block}.winner-display-container{--winner-color: var(--ion-color-warning);--animation-duration: .8s;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 24px;border-radius:16px;overflow:hidden}.bg-solid{background:var(--ion-color-light);border:2px solid var(--winner-color)}.bg-gradient{background:linear-gradient(135deg,var(--ion-color-light) 0%,rgba(var(--ion-color-warning-rgb),.1) 100%);border:2px solid var(--winner-color)}.bg-transparent{background:transparent}.trophy-container{margin-bottom:16px}.trophy-icon{font-size:56px;color:var(--winner-color);filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.winner-label{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--winner-color);margin-bottom:8px}.winner-info{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:16px}.winner-avatar{margin-bottom:8px}.winner-name{font-size:28px;font-weight:700;color:var(--ion-color-dark);margin:0;line-height:1.2}.winner-location{display:flex;align-items:center;gap:4px;font-size:14px;color:var(--ion-color-medium-shade)}.winner-location ion-icon{font-size:16px}.ticket-info{display:flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(var(--ion-color-dark-rgb),.05);border-radius:24px;margin-top:8px}.ticket-info ion-icon{font-size:20px;color:var(--winner-color)}.ticket-label{font-size:14px;color:var(--ion-color-medium-shade)}.ticket-number{font-size:18px;font-weight:700;color:var(--ion-color-dark);font-variant-numeric:tabular-nums}.prize-info{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;background:var(--ion-color-light-shade);border-radius:12px;width:100%;max-width:400px}.prize-image{width:120px;height:120px;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 4px 12px #0000001a}.prize-image img{width:100%;height:100%;object-fit:cover}.prize-details{display:flex;flex-direction:column;align-items:center;gap:4px}.prize-header{display:flex;align-items:center;gap:4px;color:var(--ion-color-medium-shade);font-size:12px}.prize-header ion-icon{font-size:16px;color:var(--winner-color)}.prize-label{text-transform:uppercase;letter-spacing:1px}.prize-name{font-size:20px;font-weight:600;color:var(--ion-color-dark);margin:0}.prize-description{font-size:14px;color:var(--ion-color-medium-shade);margin:4px 0 0}.prize-value{font-size:24px;font-weight:700;color:var(--winner-color);margin-top:8px}.confetti-container{position:absolute;inset:0;pointer-events:none;overflow:hidden;opacity:0;transition:opacity .3s}.confetti-container.active{opacity:1}.confetti-piece{position:absolute;width:10px;height:10px;top:-20px;left:var(--x, 50%);background:var(--winner-color);opacity:0;animation:confetti-fall 3s ease-out var(--delay, 0s) forwards}.confetti-piece:nth-child(2n){background:var(--ion-color-primary);width:8px;height:12px}.confetti-piece:nth-child(3n){background:var(--ion-color-danger);border-radius:50%}.confetti-piece:nth-child(5n){background:var(--ion-color-success);width:6px;height:14px}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0) rotate(0)}to{opacity:0;transform:translateY(400px) rotate(var(--rotation, 720deg))}}.animation-fade:not(.revealed) .winner-info,.animation-fade:not(.revealed) .prize-info{opacity:0}.animation-fade.animating .winner-info,.animation-fade.animating .prize-info{animation:fade-in var(--animation-duration) ease-out forwards}.animation-zoom:not(.revealed) .winner-info,.animation-zoom:not(.revealed) .prize-info{opacity:0;transform:scale(.5)}.animation-zoom.animating .winner-info,.animation-zoom.animating .prize-info{animation:zoom-in var(--animation-duration) cubic-bezier(.34,1.56,.64,1) forwards}.animation-slide:not(.revealed) .winner-info,.animation-slide:not(.revealed) .prize-info{opacity:0;transform:translateY(40px)}.animation-slide.animating .winner-info,.animation-slide.animating .prize-info{animation:slide-up var(--animation-duration) ease-out forwards}.animation-slide.animating .prize-info{animation-delay:.2s}.animation-spotlight:not(.revealed) .winner-info,.animation-spotlight:not(.revealed) .prize-info{opacity:0}.animation-spotlight:not(.revealed):before{content:\"\";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,255,255,.8) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%)}.animation-spotlight.animating:before{animation:spotlight var(--animation-duration) ease-out forwards}.animation-spotlight.animating .winner-info,.animation-spotlight.animating .prize-info{animation:fade-in calc(var(--animation-duration) * .5) ease-out calc(var(--animation-duration) * .5) forwards}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes zoom-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes slide-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes spotlight{0%{width:0;height:0}to{width:200%;height:200%}}.size-small{padding:20px 16px}.size-small .trophy-icon{font-size:40px}.size-small .winner-label{font-size:12px}.size-small .winner-name{font-size:20px}.size-small .ticket-number,.size-small .prize-name{font-size:16px}.size-small .prize-value{font-size:18px}.size-large{padding:48px 32px}.size-large .trophy-icon{font-size:80px}.size-large .winner-label{font-size:18px;letter-spacing:3px}.size-large .winner-name{font-size:40px}.size-large .ticket-number{font-size:24px}.size-large .prize-image{width:160px;height:160px}.size-large .prize-name{font-size:28px}.size-large .prize-value{font-size:32px}.mode-compact{padding:16px}.mode-compact .trophy-container,.mode-compact .prize-info{display:none}.mode-compact .winner-label{font-size:11px;margin-bottom:4px}.mode-compact .winner-name{font-size:18px}.mode-celebration .trophy-icon{animation:trophy-bounce 1s ease-in-out infinite}.mode-celebration.revealed .winner-name{animation:glow 2s ease-in-out infinite}@keyframes trophy-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes glow{0%,to{text-shadow:0 0 10px rgba(var(--ion-color-warning-rgb),.3)}50%{text-shadow:0 0 20px rgba(var(--ion-color-warning-rgb),.6)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: AvatarComponent, selector: "val-avatar", inputs: ["preset", "props"], outputs: ["onClick"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: WinnerDisplayComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-winner-display', standalone: true, imports: [CommonModule, IonIcon, AvatarComponent], template: `
+    <div
+      class="winner-display-container"
+      [class]="props.cssClass"
+      [class.mode-compact]="props.mode === 'compact'"
+      [class.mode-standard]="props.mode === 'standard' || !props.mode"
+      [class.mode-full]="props.mode === 'full'"
+      [class.mode-celebration]="props.mode === 'celebration'"
+      [class.size-small]="props.size === 'small'"
+      [class.size-medium]="props.size === 'medium' || !props.size"
+      [class.size-large]="props.size === 'large'"
+      [class.bg-solid]="props.background === 'solid' || !props.background"
+      [class.bg-gradient]="props.background === 'gradient'"
+      [class.bg-transparent]="props.background === 'transparent'"
+      [class.animating]="isAnimating"
+      [class.revealed]="isRevealed"
+      [class.animation-fade]="props.animation === 'fade'"
+      [class.animation-zoom]="props.animation === 'zoom'"
+      [class.animation-slide]="props.animation === 'slide'"
+      [class.animation-spotlight]="props.animation === 'spotlight'"
+      [style.--winner-color]="getColor()"
+      [style.--animation-duration]="(props.animationDuration || 800) + 'ms'"
+    >
+      <!-- Confetti overlay -->
+      @if (props.showConfetti && (props.mode === 'celebration' || props.mode === 'full')) {
+        <div class="confetti-container" [class.active]="showConfetti">
+          @for (i of confettiPieces; track i) {
+            <div
+              class="confetti-piece"
+              [style.--delay]="i * 0.1 + 's'"
+              [style.--x]="getRandomX(i)"
+              [style.--rotation]="getRandomRotation(i)"
+            ></div>
+          }
+        </div>
+      }
+
+      <!-- Trophy icon -->
+      @if (props.showTrophy !== false) {
+        <div class="trophy-container">
+          <ion-icon name="trophy-outline" class="trophy-icon"></ion-icon>
+        </div>
+      }
+
+      <!-- Winner label -->
+      <div class="winner-label">{{ getWinnerLabel() }}</div>
+
+      <!-- Winner info -->
+      <div class="winner-info">
+        <!-- Avatar -->
+        @if (props.winner.avatar && (props.mode === 'full' || props.mode === 'celebration')) {
+          <val-avatar [props]="props.winner.avatar" class="winner-avatar"></val-avatar>
+        }
+
+        <!-- Name -->
+        <h2 class="winner-name">{{ props.winner.name }}</h2>
+
+        <!-- Location -->
+        @if (props.showLocation !== false && props.winner.location) {
+          <div class="winner-location">
+            <ion-icon name="location-outline"></ion-icon>
+            <span>{{ props.winner.location }}</span>
+          </div>
+        }
+
+        <!-- Ticket number -->
+        @if (props.showTicketNumber !== false) {
+          <div class="ticket-info">
+            <ion-icon name="ticket-outline"></ion-icon>
+            <span class="ticket-label">{{ getTicketLabel() }}</span>
+            <span class="ticket-number">{{ formatTicketNumber() }}</span>
+          </div>
+        }
+      </div>
+
+      <!-- Prize info -->
+      @if (props.showPrize !== false && props.winner.prize) {
+        <div class="prize-info">
+          @if (props.winner.prizeImage && (props.mode === 'full' || props.mode === 'celebration')) {
+            <div class="prize-image">
+              <img [src]="props.winner.prizeImage" [alt]="props.winner.prize" />
+            </div>
+          }
+
+          <div class="prize-details">
+            <div class="prize-header">
+              <ion-icon name="gift-outline"></ion-icon>
+              <span class="prize-label">{{ getPrizeLabel() }}</span>
+            </div>
+            <h3 class="prize-name">{{ props.winner.prize }}</h3>
+
+            @if (props.winner.prizeDescription) {
+              <p class="prize-description">{{ props.winner.prizeDescription }}</p>
+            }
+
+            @if (props.showPrizeValue !== false && props.winner.prizeValue) {
+              <div class="prize-value">
+                {{ formatPrizeValue() }}
+              </div>
+            }
+          </div>
+        </div>
+      }
+    </div>
+  `, styles: [":host{display:block}.winner-display-container{--winner-color: var(--ion-color-warning);--animation-duration: .8s;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 24px;border-radius:16px;overflow:hidden}.bg-solid{background:var(--ion-color-light);border:2px solid var(--winner-color)}.bg-gradient{background:linear-gradient(135deg,var(--ion-color-light) 0%,rgba(var(--ion-color-warning-rgb),.1) 100%);border:2px solid var(--winner-color)}.bg-transparent{background:transparent}.trophy-container{margin-bottom:16px}.trophy-icon{font-size:56px;color:var(--winner-color);filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.winner-label{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--winner-color);margin-bottom:8px}.winner-info{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:16px}.winner-avatar{margin-bottom:8px}.winner-name{font-size:28px;font-weight:700;color:var(--ion-color-dark);margin:0;line-height:1.2}.winner-location{display:flex;align-items:center;gap:4px;font-size:14px;color:var(--ion-color-medium-shade)}.winner-location ion-icon{font-size:16px}.ticket-info{display:flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(var(--ion-color-dark-rgb),.05);border-radius:24px;margin-top:8px}.ticket-info ion-icon{font-size:20px;color:var(--winner-color)}.ticket-label{font-size:14px;color:var(--ion-color-medium-shade)}.ticket-number{font-size:18px;font-weight:700;color:var(--ion-color-dark);font-variant-numeric:tabular-nums}.prize-info{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;background:var(--ion-color-light-shade);border-radius:12px;width:100%;max-width:400px}.prize-image{width:120px;height:120px;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 4px 12px #0000001a}.prize-image img{width:100%;height:100%;object-fit:cover}.prize-details{display:flex;flex-direction:column;align-items:center;gap:4px}.prize-header{display:flex;align-items:center;gap:4px;color:var(--ion-color-medium-shade);font-size:12px}.prize-header ion-icon{font-size:16px;color:var(--winner-color)}.prize-label{text-transform:uppercase;letter-spacing:1px}.prize-name{font-size:20px;font-weight:600;color:var(--ion-color-dark);margin:0}.prize-description{font-size:14px;color:var(--ion-color-medium-shade);margin:4px 0 0}.prize-value{font-size:24px;font-weight:700;color:var(--winner-color);margin-top:8px}.confetti-container{position:absolute;inset:0;pointer-events:none;overflow:hidden;opacity:0;transition:opacity .3s}.confetti-container.active{opacity:1}.confetti-piece{position:absolute;width:10px;height:10px;top:-20px;left:var(--x, 50%);background:var(--winner-color);opacity:0;animation:confetti-fall 3s ease-out var(--delay, 0s) forwards}.confetti-piece:nth-child(2n){background:var(--ion-color-primary);width:8px;height:12px}.confetti-piece:nth-child(3n){background:var(--ion-color-danger);border-radius:50%}.confetti-piece:nth-child(5n){background:var(--ion-color-success);width:6px;height:14px}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0) rotate(0)}to{opacity:0;transform:translateY(400px) rotate(var(--rotation, 720deg))}}.animation-fade:not(.revealed) .winner-info,.animation-fade:not(.revealed) .prize-info{opacity:0}.animation-fade.animating .winner-info,.animation-fade.animating .prize-info{animation:fade-in var(--animation-duration) ease-out forwards}.animation-zoom:not(.revealed) .winner-info,.animation-zoom:not(.revealed) .prize-info{opacity:0;transform:scale(.5)}.animation-zoom.animating .winner-info,.animation-zoom.animating .prize-info{animation:zoom-in var(--animation-duration) cubic-bezier(.34,1.56,.64,1) forwards}.animation-slide:not(.revealed) .winner-info,.animation-slide:not(.revealed) .prize-info{opacity:0;transform:translateY(40px)}.animation-slide.animating .winner-info,.animation-slide.animating .prize-info{animation:slide-up var(--animation-duration) ease-out forwards}.animation-slide.animating .prize-info{animation-delay:.2s}.animation-spotlight:not(.revealed) .winner-info,.animation-spotlight:not(.revealed) .prize-info{opacity:0}.animation-spotlight:not(.revealed):before{content:\"\";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,255,255,.8) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%)}.animation-spotlight.animating:before{animation:spotlight var(--animation-duration) ease-out forwards}.animation-spotlight.animating .winner-info,.animation-spotlight.animating .prize-info{animation:fade-in calc(var(--animation-duration) * .5) ease-out calc(var(--animation-duration) * .5) forwards}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes zoom-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes slide-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes spotlight{0%{width:0;height:0}to{width:200%;height:200%}}.size-small{padding:20px 16px}.size-small .trophy-icon{font-size:40px}.size-small .winner-label{font-size:12px}.size-small .winner-name{font-size:20px}.size-small .ticket-number,.size-small .prize-name{font-size:16px}.size-small .prize-value{font-size:18px}.size-large{padding:48px 32px}.size-large .trophy-icon{font-size:80px}.size-large .winner-label{font-size:18px;letter-spacing:3px}.size-large .winner-name{font-size:40px}.size-large .ticket-number{font-size:24px}.size-large .prize-image{width:160px;height:160px}.size-large .prize-name{font-size:28px}.size-large .prize-value{font-size:32px}.mode-compact{padding:16px}.mode-compact .trophy-container,.mode-compact .prize-info{display:none}.mode-compact .winner-label{font-size:11px;margin-bottom:4px}.mode-compact .winner-name{font-size:18px}.mode-celebration .trophy-icon{animation:trophy-bounce 1s ease-in-out infinite}.mode-celebration.revealed .winner-name{animation:glow 2s ease-in-out infinite}@keyframes trophy-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes glow{0%,to{text-shadow:0 0 10px rgba(var(--ion-color-warning-rgb),.3)}50%{text-shadow:0 0 20px rgba(var(--ion-color-warning-rgb),.6)}}\n"] }]
+        }], propDecorators: { props: [{
+                type: Input
+            }], animationComplete: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2lubmVyLWRpc3BsYXkuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL21vbGVjdWxlcy93aW5uZXItZGlzcGxheS93aW5uZXItZGlzcGxheS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFDTCxTQUFTLEVBQ1QsS0FBSyxFQUNMLE1BQU0sRUFDTixZQUFZLEVBR1osTUFBTSxFQUNOLFVBQVUsR0FFWCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDcEQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUNwQyxPQUFPLEVBQUUsYUFBYSxFQUFFLGFBQWEsRUFBRSxXQUFXLEVBQUUsZUFBZSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDNUYsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQ3RFLE9BQU8sRUFHTCxxQkFBcUIsR0FDdEIsTUFBTSxTQUFTLENBQUM7O0FBRWpCLFFBQVEsQ0FBQyxFQUFFLGFBQWEsRUFBRSxhQUFhLEVBQUUsV0FBVyxFQUFFLGVBQWUsRUFBRSxDQUFDLENBQUM7QUFpSHpFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBcUNHO0FBQ0gsTUFBTSxPQUFPLHNCQUFzQjtJQXJKbkM7UUF3Slksc0JBQWlCLEdBQUcsSUFBSSxZQUFZLEVBQStCLENBQUM7UUFFOUUsZ0JBQVcsR0FBRyxLQUFLLENBQUM7UUFDcEIsZUFBVSxHQUFHLEtBQUssQ0FBQztRQUNuQixpQkFBWSxHQUFHLEtBQUssQ0FBQztRQUNyQixtQkFBYyxHQUFHLEtBQUssQ0FBQyxJQUFJLENBQUMsRUFBRSxNQUFNLEVBQUUsRUFBRSxF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ZSxDQUFDLFlBQ3ZDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXdHVDs4QkEwQ1EsS0FBSztzQkFBYixLQUFLO2dCQUVJLGlCQUFpQjtzQkFBMUIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1xuICBDb21wb25lbnQsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIEV2ZW50RW1pdHRlcixcbiAgT25Jbml0LFxuICBPbkRlc3Ryb3ksXG4gIGluamVjdCxcbiAgRWxlbWVudFJlZixcbiAgQWZ0ZXJWaWV3SW5pdCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJb25JY29uIH0gZnJvbSAnQGlvbmljL2FuZ3VsYXIvc3RhbmRhbG9uZSc7XG5pbXBvcnQgeyBhZGRJY29ucyB9IGZyb20gJ2lvbmljb25zJztcbmltcG9ydCB7IHRyb3BoeU91dGxpbmUsIHRpY2tldE91dGxpbmUsIGdpZnRPdXRsaW5lLCBsb2NhdGlvbk91dGxpbmUgfSBmcm9tICdpb25pY29ucy9pY29ucyc7XG5pbXBvcnQgeyBBdmF0YXJDb21wb25lbnQgfSBmcm9tICcuLi8uLi9hdG9tcy9hdmF0YXIvYXZhdGFyLmNvbXBvbmVudCc7XG5pbXBvcnQge1xuICBXaW5uZXJEaXNwbGF5TWV0YWRhdGEsXG4gIFdpbm5lckRpc3BsYXlBbmltYXRpb25FdmVudCxcbiAgREVGQVVMVF9XSU5ORVJfTEFCRUxTLFxufSBmcm9tICcuL3R5cGVzJztcblxuYWRkSWNvbnMoeyB0cm9waHlPdXRsaW5lLCB0aWNrZXRPdXRsaW5lLCBnaWZ0T3V0bGluZSwgbG9jYXRpb25PdXRsaW5lIH0pO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd2YWwtd2lubmVyLWRpc3BsYXknLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBJb25JY29uLCBBdmF0YXJDb21wb25lbnRdLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXZcbiAgICAgIGNsYXNzPVwid2lubmVyLWRpc3BsYXktY29udGFpbmVyXCJcbiAgICAgIFtjbGFzc109XCJwcm9wcy5jc3NDbGFzc1wiXG4gICAgICBbY2xhc3MubW9kZS1jb21wYWN0XT1cInByb3BzLm1vZGUgPT09ICdjb21wYWN0J1wiXG4gICAgICBbY2xhc3MubW9kZS1zdGFuZGFyZF09XCJwcm9wcy5tb2RlID09PSAnc3RhbmRhcmQnIHx8ICFwcm9wcy5tb2RlXCJcbiAgICAgIFtjbGFzcy5tb2RlLWZ1bGxdPVwicHJvcHMubW9kZSA9PT0gJ2Z1bGwnXCJcbiAgICAgIFtjbGFzcy5tb2RlLWNlbGVicmF0aW9uXT1cInByb3BzLm1vZGUgPT09ICdjZWxlYnJhdGlvbidcIlxuICAgICAgW2NsYXNzLnNpemUtc21hbGxdPVwicHJvcHMuc2l6ZSA9PT0gJ3NtYWxsJ1wiXG4gICAgICBbY2xhc3Muc2l6ZS1tZWRpdW1dPVwicHJvcHMuc2l6ZSA9PT0gJ21lZGl1bScgfHwgIXByb3BzLnNpemVcIlxuICAgICAgW2NsYXNzLnNpemUtbGFyZ2VdPVwicHJvcHMuc2l6ZSA9PT0gJ2xhcmdlJ1wiXG4gICAgICBbY2xhc3MuYmctc29saWRdPVwicHJvcHMuYmFja2dyb3VuZCA9PT0gJ3NvbGlkJyB8fCAhcHJvcHMuYmFja2dyb3VuZFwiXG4gICAgICBbY2xhc3MuYmctZ3JhZGllbnRdPVwicHJvcHMuYmFja2dyb3VuZCA9PT0gJ2dyYWRpZW50J1wiXG4gICAgICBbY2xhc3MuYmctdHJhbnNwYXJlbnRdPVwicHJvcHMuYmFja2dyb3VuZCA9PT0gJ3RyYW5zcGFyZW50J1wiXG4gICAgICBbY2xhc3MuYW5pbWF0aW5nXT1cImlzQW5pbWF0aW5nXCJcbiAgICAgIFtjbGFzcy5yZXZlYWxlZF09XCJpc1JldmVhbGVkXCJcbiAgICAgIFtjbGFzcy5hbmltYXRpb24tZmFkZV09XCJwcm9wcy5hbmltYXRpb24gPT09ICdmYWRlJ1wiXG4gICAgICBbY2xhc3MuYW5pbWF0aW9uLXpvb21dPVwicHJvcHMuYW5pbWF0aW9uID09PSAnem9vbSdcIlxuICAgICAgW2NsYXNzLmFuaW1hdGlvbi1zbGlkZV09XCJwcm9wcy5hbmltYXRpb24gPT09ICdzbGlkZSdcIlxuICAgICAgW2NsYXNzLmFuaW1hdGlvbi1zcG90bGlnaHRdPVwicHJvcHMuYW5pbWF0aW9uID09PSAnc3BvdGxpZ2h0J1wiXG4gICAgICBbc3R5bGUuLS13aW5uZXItY29sb3JdPVwiZ2V0Q29sb3IoKVwiXG4gICAgICBbc3R5bGUuLS1hbmltYXRpb24tZHVyYXRpb25dPVwiKHByb3BzLmFuaW1hdGlvbkR1cmF0aW9uIHx8IDgwMCkgKyAnbXMnXCJcbiAgICA+XG4gICAgICA8IS0tIENvbmZldHRpIG92ZXJsYXkgLS0+XG4gICAgICBAaWYgKHByb3BzLnNob3dDb25mZXR0aSAmJiAocHJvcHMubW9kZSA9PT0gJ2NlbGVicmF0aW9uJyB8fCBwcm9wcy5tb2RlID09PSAnZnVsbCcpKSB7XG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb25mZXR0aS1jb250YWluZXJcIiBbY2xhc3MuYWN0aXZlXT1cInNob3dDb25mZXR0aVwiPlxuICAgICAgICAgIEBmb3IgKGkgb2YgY29uZmV0dGlQaWVjZXM7IHRyYWNrIGkpIHtcbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgY2xhc3M9XCJjb25mZXR0aS1waWVjZVwiXG4gICAgICAgICAgICAgIFtzdHlsZS4tLWRlbGF5XT1cImkgKiAwLjEgKyAncydcIlxuICAgICAgICAgICAgICBbc3R5bGUuLS14XT1cImdldFJhbmRvbVgoaSlcIlxuICAgICAgICAgICAgICBbc3R5bGUuLS1yb3RhdGlvbl09XCJnZXRSYW5kb21Sb3RhdGlvbihpKVwiXG4gICAgICAgICAgICA+PC9kaXY+XG4gICAgICAgICAgfVxuICAgICAgICA8L2Rpdj5cbiAgICAgIH1cblxuICAgICAgPCEtLSBUcm9waHkgaWNvbiAtLT5cbiAgICAgIEBpZiAocHJvcHMuc2hvd1Ryb3BoeSAhPT0gZmFsc2UpIHtcbiAgICAgICAgPGRpdiBjbGFzcz1cInRyb3BoeS1jb250YWluZXJcIj5cbiAgICAgICAgICA8aW9uLWljb24gbmFtZT1cInRyb3BoeS1vdXRsaW5lXCIgY2xhc3M9XCJ0cm9waHktaWNvblwiPjwvaW9uLWljb24+XG4gICAgICAgIDwvZGl2PlxuICAgICAgfVxuXG4gICAgICA8IS0tIFdpbm5lciBsYWJlbCAtLT5cbiAgICAgIDxkaXYgY2xhc3M9XCJ3aW5uZXItbGFiZWxcIj57eyBnZXRXaW5uZXJMYWJlbCgpIH19PC9kaXY+XG5cbiAgICAgIDwhLS0gV2lubmVyIGluZm8gLS0+XG4gICAgICA8ZGl2IGNsYXNzPVwid2lubmVyLWluZm9cIj5cbiAgICAgICAgPCEtLSBBdmF0YXIgLS0+XG4gICAgICAgIEBpZiAocHJvcHMud2lubmVyLmF2YXRhciAmJiAocHJvcHMubW9kZSA9PT0gJ2Z1bGwnIHx8IHByb3BzLm1vZGUgPT09ICdjZWxlYnJhdGlvbicpKSB7XG4gICAgICAgICAgPHZhbC1hdmF0YXIgW3Byb3BzXT1cInByb3BzLndpbm5lci5hdmF0YXJcIiBjbGFzcz1cIndpbm5lci1hdmF0YXJcIj48L3ZhbC1hdmF0YXI+XG4gICAgICAgIH1cblxuICAgICAgICA8IS0tIE5hbWUgLS0+XG4gICAgICAgIDxoMiBjbGFzcz1cIndpbm5lci1uYW1lXCI+e3sgcHJvcHMud2lubmVyLm5hbWUgfX08L2gyPlxuXG4gICAgICAgIDwhLS0gTG9jYXRpb24gLS0+XG4gICAgICAgIEBpZiAocHJvcHMuc2hvd0xvY2F0aW9uICE9PSBmYWxzZSAmJiBwcm9wcy53aW5uZXIubG9jYXRpb24pIHtcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwid2lubmVyLWxvY2F0aW9uXCI+XG4gICAgICAgICAgICA8aW9uLWljb24gbmFtZT1cImxvY2F0aW9uLW91dGxpbmVcIj48L2lvbi1pY29uPlxuICAgICAgICAgICAgPHNwYW4+e3sgcHJvcHMud2lubmVyLmxvY2F0aW9uIH19PC9zcGFuPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICB9XG5cbiAgICAgICAgPCEtLSBUaWNrZXQgbnVtYmVyIC0tPlxuICAgICAgICBAaWYgKHByb3BzLnNob3dUaWNrZXROdW1iZXIgIT09IGZhbHNlKSB7XG4gICAgICAgICAgPGRpdiBjbGFzcz1cInRpY2tldC1pbmZvXCI+XG4gICAgICAgICAgICA8aW9uLWljb24gbmFtZT1cInRpY2tldC1vdXRsaW5lXCI+PC9pb24taWNvbj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidGlja2V0LWxhYmVsXCI+e3sgZ2V0VGlja2V0TGFiZWwoKSB9fTwvc3Bhbj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidGlja2V0LW51bWJlclwiPnt7IGZvcm1hdFRpY2tldE51bWJlcigpIH19PC9zcGFuPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICB9XG4gICAgICA8L2Rpdj5cblxuICAgICAgPCEtLSBQcml6ZSBpbmZvIC0tPlxuICAgICAgQGlmIChwcm9wcy5zaG93UHJpemUgIT09IGZhbHNlICYmIHByb3BzLndpbm5lci5wcml6ZSkge1xuICAgICAgICA8ZGl2IGNsYXNzPVwicHJpemUtaW5mb1wiPlxuICAgICAgICAgIEBpZiAocHJvcHMud2lubmVyLnByaXplSW1hZ2UgJiYgKHByb3BzLm1vZGUgPT09ICdmdWxsJyB8fCBwcm9wcy5tb2RlID09PSAnY2VsZWJyYXRpb24nKSkge1xuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInByaXplLWltYWdlXCI+XG4gICAgICAgICAgICAgIDxpbWcgW3NyY109XCJwcm9wcy53aW5uZXIucHJpemVJbWFnZVwiIFthbHRdPVwicHJvcHMud2lubmVyLnByaXplXCIgLz5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIH1cblxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJwcml6ZS1kZXRhaWxzXCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwicHJpemUtaGVhZGVyXCI+XG4gICAgICAgICAgICAgIDxpb24taWNvbiBuYW1lPVwiZ2lmdC1vdXRsaW5lXCI+PC9pb24taWNvbj5cbiAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJwcml6ZS1sYWJlbFwiPnt7IGdldFByaXplTGFiZWwoKSB9fTwvc3Bhbj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPGgzIGNsYXNzPVwicHJpemUtbmFtZVwiPnt7IHByb3BzLndpbm5lci5wcml6ZSB9fTwvaDM+XG5cbiAgICAgICAgICAgIEBpZiAocHJvcHMud2lubmVyLnByaXplRGVzY3JpcHRpb24pIHtcbiAgICAgICAgICAgICAgPHAgY2xhc3M9XCJwcml6ZS1kZXNjcmlwdGlvblwiPnt7IHByb3BzLndpbm5lci5wcml6ZURlc2NyaXB0aW9uIH19PC9wPlxuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICBAaWYgKHByb3BzLnNob3dQcml6ZVZhbHVlICE9PSBmYWxzZSAmJiBwcm9wcy53aW5uZXIucHJpemVWYWx1ZSkge1xuICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwicHJpemUtdmFsdWVcIj5cbiAgICAgICAgICAgICAgICB7eyBmb3JtYXRQcml6ZVZhbHVlKCkgfX1cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgfVxuICAgIDwvZGl2PlxuICBgLFxuICBzdHlsZVVybHM6IFsnLi93aW5uZXItZGlzcGxheS5jb21wb25lbnQuc2NzcyddLFxufSlcbi8qKlxuICogdmFsLXdpbm5lci1kaXNwbGF5XG4gKlxuICogQSBjb21wb25lbnQgZm9yIGRpc3BsYXlpbmcgcmFmZmxlIHdpbm5lcnMgd2l0aCBjZWxlYnJhdGlvbiBhbmltYXRpb25zLlxuICpcbiAqIEBleGFtcGxlIEJhc2ljIHVzYWdlXG4gKiBgYGBodG1sXG4gKiA8dmFsLXdpbm5lci1kaXNwbGF5XG4gKiAgIFtwcm9wc109XCJ7XG4gKiAgICAgd2lubmVyOiB7XG4gKiAgICAgICBuYW1lOiAnSnVhbiBQw6lyZXonLFxuICogICAgICAgdGlja2V0TnVtYmVyOiA0MlxuICogICAgIH1cbiAqICAgfVwiXG4gKiA+PC92YWwtd2lubmVyLWRpc3BsYXk+XG4gKiBgYGBcbiAqXG4gKiBAZXhhbXBsZSBGdWxsIGNlbGVicmF0aW9uIG1vZGVcbiAqIGBgYGh0bWxcbiAqIDx2YWwtd2lubmVyLWRpc3BsYXlcbiAqICAgW3Byb3BzXT1cIntcbiAqICAgICB3aW5uZXI6IHtcbiAqICAgICAgIG5hbWU6ICdNYXLDrWEgR2FyY8OtYScsXG4gKiAgICAgICB0aWNrZXROdW1iZXI6IDE1NixcbiAqICAgICAgIHByaXplOiAnaVBob25lIDE1IFBybycsXG4gKiAgICAgICBwcml6ZVZhbHVlOiAyNTAwMCxcbiAqICAgICAgIGxvY2F0aW9uOiAnQ0RNWCwgTcOpeGljbycsXG4gKiAgICAgICBhdmF0YXI6IHsgaW1hZ2U6ICdhdmF0YXIuanBnJyB9XG4gKiAgICAgfSxcbiAqICAgICBtb2RlOiAnY2VsZWJyYXRpb24nLFxuICogICAgIHNob3dDb25mZXR0aTogdHJ1ZSxcbiAqICAgICBhbmltYXRpb246ICd6b29tJyxcbiAqICAgICBjb2xvcjogJ3dhcm5pbmcnXG4gKiAgIH1cIlxuICogICAoYW5pbWF0aW9uQ29tcGxldGUpPVwib25SZXZlYWwoJGV2ZW50KVwiXG4gKiA+PC92YWwtd2lubmVyLWRpc3BsYXk+XG4gKiBgYGBcbiAqL1xuZXhwb3J0IGNsYXNzIFdpbm5lckRpc3BsYXlDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSwgQWZ0ZXJWaWV3SW5pdCB7XG4gIEBJbnB1dCgpIHByb3BzOiBXaW5uZXJEaXNwbGF5TWV0YWRhdGE7XG5cbiAgQE91dHB1dCgpIGFuaW1hdGlvbkNvbXBsZXRlID0gbmV3IEV2ZW50RW1pdHRlcjxXaW5uZXJEaXNwbGF5QW5pbWF0aW9uRXZlbnQ+KCk7XG5cbiAgaXNBbmltYXRpbmcgPSBmYWxzZTtcbiAgaXNSZXZlYWxlZCA9IGZhbHNlO1xuICBzaG93Q29uZmV0dGkgPSBmYWxzZTtcbiAgY29uZmV0dGlQaWVjZXMgPSBBcnJheS5mcm9tKHsgbGVuZ3RoOiA1MCB9LCAoXywgaSkgPT4gaSk7XG5cbiAgcHJpdmF0ZSByZXZlYWxUaW1lb3V0OiBSZXR1cm5UeXBlPHR5cGVvZiBzZXRUaW1lb3V0PiB8IG51bGwgPSBudWxsO1xuICBwcml2YXRlIGFuaW1hdGlvblRpbWVvdXQ6IFJldHVyblR5cGU8dHlwZW9mIHNldFRpbWVvdXQ+IHwgbnVsbCA9IG51bGw7XG4gIHByaXZhdGUgZWxlbWVudFJlZiA9IGluamVjdChFbGVtZW50UmVmKTtcblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5wcm9wcy5hdXRvUGxheSAhPT0gZmFsc2UpIHtcbiAgICAgIHRoaXMuc3RhcnRSZXZlYWwoKTtcbiAgICB9XG4gIH1cblxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgLy8gQWRkaXRpb25hbCBzZXR1cCBpZiBuZWVkZWRcbiAgfVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLnJldmVhbFRpbWVvdXQpIGNsZWFyVGltZW91dCh0aGlzLnJldmVhbFRpbWVvdXQpO1xuICAgIGlmICh0aGlzLmFuaW1hdGlvblRpbWVvdXQpIGNsZWFyVGltZW91dCh0aGlzLmFuaW1hdGlvblRpbWVvdXQpO1xuICB9XG5cbiAgc3RhcnRSZXZlYWwoKTogdm9pZCB7XG4gICAgY29uc3QgZGVsYXkgPSB0aGlzLnByb3BzLnJldmVhbERlbGF5IHx8IDA7XG5cbiAgICB0aGlzLnJldmVhbFRpbWVvdXQgPSBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIHRoaXMuaXNBbmltYXRpbmcgPSB0cnVlO1xuXG4gICAgICBjb25zdCBhbmltYXRpb25EdXJhdGlvbiA9IHRoaXMucHJvcHMuYW5pbWF0aW9uRHVyYXRpb24gfHwgODAwO1xuXG4gICAgICB0aGlzLmFuaW1hdGlvblRpbWVvdXQgPSBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgdGhpcy5pc0FuaW1hdGluZyA9IGZhbHNlO1xuICAgICAgICB0aGlzLmlzUmV2ZWFsZWQgPSB0cnVlO1xuXG4gICAgICAgIGlmICh0aGlzLnByb3BzLnNob3dDb25mZXR0aSkge1xuICAgICAgICAgIHRoaXMuc2hvd0NvbmZldHRpID0gdHJ1ZTtcbiAgICAgICAgfVxuXG4gICAgICAgIHRoaXMuYW5pbWF0aW9uQ29tcGxldGUuZW1pdCh7XG4gICAgICAgICAgYW5pbWF0aW9uOiB0aGlzLnByb3BzLmFuaW1hdGlvbiB8fCAnZmFkZScsXG4gICAgICAgICAgd2lubmVyOiB0aGlzLnByb3BzLndpbm5lcixcbiAgICAgICAgfSk7XG4gICAgICB9LCBhbmltYXRpb25EdXJhdGlvbik7XG4gICAgfSwgZGVsYXkpO1xuICB9XG5cbiAgLyoqXG4gICAqIE1hbnVhbGx5IHRyaWdnZXIgdGhlIHJldmVhbCBhbmltYXRpb24uXG4gICAqL1xuICByZXZlYWwoKTogdm9pZCB7XG4gICAgdGhpcy5pc1JldmVhbGVkID0gZmFsc2U7XG4gICAgdGhpcy5zaG93Q29uZmV0dGkgPSBmYWxzZTtcbiAgICB0aGlzLnN0YXJ0UmV2ZWFsKCk7XG4gIH1cblxuICAvKipcbiAgICogUmVzZXQgdG8gaW5pdGlhbCBzdGF0ZS5cbiAgICovXG4gIHJlc2V0KCk6IHZvaWQge1xuICAgIHRoaXMuaXNBbmltYXRpbmcgPSBmYWxzZTtcbiAgICB0aGlzLmlzUmV2ZWFsZWQgPSBmYWxzZTtcbiAgICB0aGlzLnNob3dDb25mZXR0aSA9IGZhbHNlO1xuICB9XG5cbiAgZm9ybWF0VGlja2V0TnVtYmVyKCk6IHN0cmluZyB7XG4gICAgY29uc3QgbnVtID0gdGhpcy5wcm9wcy53aW5uZXIudGlja2V0TnVtYmVyO1xuICAgIGlmICh0aGlzLnByb3BzLm51bWJlclBhZGRpbmcpIHtcbiAgICAgIHJldHVybiBTdHJpbmcobnVtKS5wYWRTdGFydCh0aGlzLnByb3BzLm51bWJlclBhZGRpbmcsICcwJyk7XG4gICAgfVxuICAgIHJldHVybiBTdHJpbmcobnVtKTtcbiAgfVxuXG4gIGZvcm1hdFByaXplVmFsdWUoKTogc3RyaW5nIHtcbiAgICBpZiAoIXRoaXMucHJvcHMud2lubmVyLnByaXplVmFsdWUpIHJldHVybiAnJztcbiAgICByZXR1cm4gYCQke3RoaXMucHJvcHMud2lubmVyLnByaXplVmFsdWUudG9Mb2NhbGVTdHJpbmcoJ2VzLU1YJyl9YDtcbiAgfVxuXG4gIGdldFJhbmRvbVgoaW5kZXg6IG51bWJlcik6IHN0cmluZyB7XG4gICAgcmV0dXJuIGAkeyhpbmRleCAqIDE3KSAlIDEwMH0lYDtcbiAgfVxuXG4gIGdldFJhbmRvbVJvdGF0aW9uKGluZGV4OiBudW1iZXIpOiBzdHJpbmcge1xuICAgIHJldHVybiBgJHsoaW5kZXggKiAzNykgJSAzNjB9ZGVnYDtcbiAgfVxuXG4gIGdldFdpbm5lckxhYmVsKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMucHJvcHMud2lubmVyTGFiZWwgfHwgREVGQVVMVF9XSU5ORVJfTEFCRUxTLndpbm5lcjtcbiAgfVxuXG4gIGdldFRpY2tldExhYmVsKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMucHJvcHMudGlja2V0TGFiZWwgfHwgREVGQVVMVF9XSU5ORVJfTEFCRUxTLnRpY2tldDtcbiAgfVxuXG4gIGdldFByaXplTGFiZWwoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5wcm9wcy5wcml6ZUxhYmVsIHx8IERFRkFVTFRfV0lOTkVSX0xBQkVMUy5wcml6ZTtcbiAgfVxuXG4gIGdldENvbG9yKCk6IHN0cmluZyB7XG4gICAgaWYgKHRoaXMucHJvcHMuY29sb3IpIHtcbiAgICAgIHJldHVybiBgdmFyKC0taW9uLWNvbG9yLSR7dGhpcy5wcm9wcy5jb2xvcn0pYDtcbiAgICB9XG4gICAgcmV0dXJuICd2YXIoLS1pb24tY29sb3Itd2FybmluZyknO1xuICB9XG59XG4iXX0=