valtech-components 4.0.403 → 4.0.404
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/organisms/mini-games/mini-games-menu.component.mjs +3 -3
- package/esm2022/lib/components/organisms/mini-games/retro-audio.service.mjs +45 -1
- package/esm2022/lib/version.mjs +2 -2
- package/fesm2022/valtech-components.mjs +47 -3
- package/fesm2022/valtech-components.mjs.map +1 -1
- package/lib/components/organisms/mini-games/retro-audio.service.d.ts +1 -0
- package/lib/version.d.ts +1 -1
- package/package.json +1 -1
|
@@ -58,7 +58,7 @@ import fixWebmDuration from 'fix-webm-duration';
|
|
|
58
58
|
* Current version of valtech-components.
|
|
59
59
|
* This is automatically updated during the publish process.
|
|
60
60
|
*/
|
|
61
|
-
const VERSION = '4.0.
|
|
61
|
+
const VERSION = '4.0.404';
|
|
62
62
|
|
|
63
63
|
// Control de estado de refresco (singleton a nivel de módulo)
|
|
64
64
|
let isRefreshing = false;
|
|
@@ -62796,12 +62796,14 @@ class RetroAudioService {
|
|
|
62796
62796
|
[392, 0.045],
|
|
62797
62797
|
[493.88, 0.055],
|
|
62798
62798
|
], 'triangle', 0.032, 48);
|
|
62799
|
+
window.setTimeout(() => void this.filteredNoise(0.035, 0.012, 'bandpass', 820), 8);
|
|
62799
62800
|
}
|
|
62800
62801
|
chessimalsBotMove() {
|
|
62801
62802
|
void this.sequence([
|
|
62802
62803
|
[329.63, 0.055],
|
|
62803
62804
|
[246.94, 0.07],
|
|
62804
62805
|
], 'sawtooth', 0.024, 56);
|
|
62806
|
+
window.setTimeout(() => void this.filteredNoise(0.05, 0.01, 'lowpass', 420), 16);
|
|
62805
62807
|
}
|
|
62806
62808
|
chessimalsCapture() {
|
|
62807
62809
|
void this.sequence([
|
|
@@ -62811,6 +62813,8 @@ class RetroAudioService {
|
|
|
62811
62813
|
[783.99, 0.08],
|
|
62812
62814
|
], 'square', 0.046, 44);
|
|
62813
62815
|
window.setTimeout(() => void this.sweep(96, 42, 0.18, 'sawtooth', 0.026), 20);
|
|
62816
|
+
window.setTimeout(() => void this.filteredNoise(0.18, 0.05, 'lowpass', 520), 18);
|
|
62817
|
+
window.setTimeout(() => void this.filteredNoise(0.07, 0.028, 'bandpass', 1800), 84);
|
|
62814
62818
|
}
|
|
62815
62819
|
chessimalsPower(power) {
|
|
62816
62820
|
const notes = {
|
|
@@ -62839,22 +62843,29 @@ class RetroAudioService {
|
|
|
62839
62843
|
void this.sequence(notes[power], power === 'bull' ? 'sawtooth' : 'triangle', 0.046, 58);
|
|
62840
62844
|
if (power === 'eagle') {
|
|
62841
62845
|
void this.sweep(720, 1568, 0.18, 'triangle', 0.028);
|
|
62846
|
+
void this.filteredNoise(0.22, 0.025, 'highpass', 1600);
|
|
62847
|
+
window.setTimeout(() => void this.filteredNoise(0.08, 0.018, 'bandpass', 2600), 92);
|
|
62842
62848
|
window.setTimeout(() => void this.tone(1760, 0.055, 'sine', 0.018), 150);
|
|
62843
62849
|
return;
|
|
62844
62850
|
}
|
|
62845
62851
|
if (power === 'bull') {
|
|
62846
62852
|
window.setTimeout(() => void this.tone(82.41, 0.16, 'sawtooth', 0.038), 72);
|
|
62847
62853
|
window.setTimeout(() => void this.sweep(138.59, 65.41, 0.18, 'sawtooth', 0.026), 118);
|
|
62854
|
+
window.setTimeout(() => void this.filteredNoise(0.16, 0.038, 'lowpass', 260), 36);
|
|
62855
|
+
window.setTimeout(() => void this.filteredNoise(0.055, 0.026, 'bandpass', 960), 170);
|
|
62848
62856
|
return;
|
|
62849
62857
|
}
|
|
62850
62858
|
if (power === 'kangaroo') {
|
|
62851
62859
|
window.setTimeout(() => void this.sweep(420, 940, 0.11, 'sine', 0.032), 88);
|
|
62852
62860
|
window.setTimeout(() => void this.sweep(940, 520, 0.1, 'sine', 0.026), 190);
|
|
62853
62861
|
window.setTimeout(() => void this.tone(261.63, 0.055, 'triangle', 0.018), 245);
|
|
62862
|
+
window.setTimeout(() => void this.filteredNoise(0.035, 0.018, 'bandpass', 1180), 218);
|
|
62854
62863
|
return;
|
|
62855
62864
|
}
|
|
62856
62865
|
window.setTimeout(() => void this.sweep(164.81, 392, 0.24, 'sawtooth', 0.034), 70);
|
|
62857
62866
|
window.setTimeout(() => void this.tone(98, 0.18, 'sawtooth', 0.02), 150);
|
|
62867
|
+
window.setTimeout(() => void this.filteredNoise(0.28, 0.032, 'bandpass', 340), 62);
|
|
62868
|
+
window.setTimeout(() => void this.sweep(196, 146.83, 0.22, 'sawtooth', 0.022), 116);
|
|
62858
62869
|
}
|
|
62859
62870
|
chessimalsVictory() {
|
|
62860
62871
|
this.stopMusic();
|
|
@@ -62869,6 +62880,8 @@ class RetroAudioService {
|
|
|
62869
62880
|
], 'triangle', 0.05, 72);
|
|
62870
62881
|
window.setTimeout(() => void this.sweep(130.81, 65.41, 0.28, 'sawtooth', 0.02), 40);
|
|
62871
62882
|
window.setTimeout(() => void this.sweep(523.25, 1567.98, 0.34, 'sine', 0.026), 240);
|
|
62883
|
+
window.setTimeout(() => void this.filteredNoise(0.16, 0.022, 'bandpass', 1400), 120);
|
|
62884
|
+
window.setTimeout(() => void this.sequence([[987.77, 0.08], [1318.51, 0.12]], 'triangle', 0.032, 86), 520);
|
|
62872
62885
|
}
|
|
62873
62886
|
chessimalsJoinRequest() {
|
|
62874
62887
|
void this.sequence([
|
|
@@ -62877,6 +62890,7 @@ class RetroAudioService {
|
|
|
62877
62890
|
[987.77, 0.12],
|
|
62878
62891
|
], 'triangle', 0.034, 58);
|
|
62879
62892
|
window.setTimeout(() => void this.tone(1318.51, 0.075, 'sine', 0.02), 136);
|
|
62893
|
+
window.setTimeout(() => void this.filteredNoise(0.06, 0.01, 'highpass', 1800), 98);
|
|
62880
62894
|
}
|
|
62881
62895
|
chessimalsPowerUnlocked() {
|
|
62882
62896
|
void this.sequence([
|
|
@@ -62886,6 +62900,7 @@ class RetroAudioService {
|
|
|
62886
62900
|
[987.77, 0.13],
|
|
62887
62901
|
], 'triangle', 0.038, 64);
|
|
62888
62902
|
window.setTimeout(() => void this.sweep(220, 880, 0.22, 'sine', 0.024), 70);
|
|
62903
|
+
window.setTimeout(() => void this.filteredNoise(0.24, 0.018, 'bandpass', 1200), 54);
|
|
62889
62904
|
}
|
|
62890
62905
|
readEnabled() {
|
|
62891
62906
|
try {
|
|
@@ -62990,6 +63005,35 @@ class RetroAudioService {
|
|
|
62990
63005
|
oscillator.start();
|
|
62991
63006
|
oscillator.stop(ctx.currentTime + duration + 0.02);
|
|
62992
63007
|
}
|
|
63008
|
+
// Chessimals uses generated WebAudio layers instead of third-party samples,
|
|
63009
|
+
// avoiding licensing risk while keeping each animal power expressive.
|
|
63010
|
+
async filteredNoise(duration = 0.12, gainValue = 0.025, filterType = 'bandpass', frequency = 900) {
|
|
63011
|
+
if (!this.enabled())
|
|
63012
|
+
return;
|
|
63013
|
+
const ctx = await this.wakeAudio();
|
|
63014
|
+
const sampleCount = Math.max(1, Math.floor(ctx.sampleRate * duration));
|
|
63015
|
+
const buffer = ctx.createBuffer(1, sampleCount, ctx.sampleRate);
|
|
63016
|
+
const channel = buffer.getChannelData(0);
|
|
63017
|
+
for (let i = 0; i < sampleCount; i += 1) {
|
|
63018
|
+
const decay = 1 - i / sampleCount;
|
|
63019
|
+
channel[i] = (Math.random() * 2 - 1) * decay;
|
|
63020
|
+
}
|
|
63021
|
+
const source = ctx.createBufferSource();
|
|
63022
|
+
const filter = ctx.createBiquadFilter();
|
|
63023
|
+
const gain = ctx.createGain();
|
|
63024
|
+
filter.type = filterType;
|
|
63025
|
+
filter.frequency.value = frequency;
|
|
63026
|
+
filter.Q.value = filterType === 'lowpass' ? 0.7 : 1.8;
|
|
63027
|
+
gain.gain.setValueAtTime(0.0001, ctx.currentTime);
|
|
63028
|
+
gain.gain.exponentialRampToValueAtTime(gainValue, ctx.currentTime + 0.012);
|
|
63029
|
+
gain.gain.exponentialRampToValueAtTime(0.0001, ctx.currentTime + duration);
|
|
63030
|
+
source.buffer = buffer;
|
|
63031
|
+
source.connect(filter);
|
|
63032
|
+
filter.connect(gain);
|
|
63033
|
+
gain.connect(this.masterGain ?? ctx.destination);
|
|
63034
|
+
source.start();
|
|
63035
|
+
source.stop(ctx.currentTime + duration + 0.02);
|
|
63036
|
+
}
|
|
62993
63037
|
pauseForBackground() {
|
|
62994
63038
|
if (this.activeMelody)
|
|
62995
63039
|
this.pausedMelody = this.activeMelody;
|
|
@@ -66183,7 +66227,7 @@ class MiniGamesMenuComponent {
|
|
|
66183
66227
|
}
|
|
66184
66228
|
</div>
|
|
66185
66229
|
</ng-template>
|
|
66186
|
-
`, isInline: true, styles: [":host{display:block;--mini-games-panel: #ffffff;--mini-games-surface: #f8f7fb;--mini-games-border: rgba(47, 44, 58, .12);--mini-games-text: #2f2c3a;--mini-games-muted: rgba(47, 44, 58, .68);--mini-games-primary: #6f65d8;--mini-games-primary-rgb: 111, 101, 216;--mini-games-secondary: #67b7c9;--mini-games-secondary-rgb: 103, 183, 201;--mini-games-accent: #8f7ce7;--mini-games-accent-rgb: 143, 124, 231;--mini-games-soft: #f3f1fb;--mini-games-icon-text: #ffffff;--mini-games-focus: rgba(var(--mini-games-primary-rgb), .22);color:var(--mini-games-text)}:host-context(html.ion-palette-dark),:host-context([data-theme=\"dark\"]){--mini-games-panel: #211f2a;--mini-games-surface: #191821;--mini-games-border: rgba(255, 255, 255, .13);--mini-games-text: #f7f4ff;--mini-games-muted: rgba(247, 244, 255, .68);--mini-games-primary: #b7adff;--mini-games-primary-rgb: 183, 173, 255;--mini-games-secondary: #8fd5e5;--mini-games-secondary-rgb: 143, 213, 229;--mini-games-accent: #c7bbff;--mini-games-accent-rgb: 199, 187, 255;--mini-games-soft: #2a2735;--mini-games-icon-text: #211f2a;--mini-games-focus: rgba(var(--mini-games-primary-rgb), .24)}.mini-games-grid{display:grid;gap:.75rem;padding-top:1rem}.mini-games-menu-actions{display:flex;justify-content:flex-end;padding-top:.75rem}.mini-games-player{display:grid;gap:.75rem;margin-top:.75rem;padding:1rem;border:1px solid var(--mini-games-border);border-radius:1.375rem;background:radial-gradient(circle at 12% 0%,color-mix(in srgb,var(--player-color) 12%,transparent),transparent 34%),linear-gradient(135deg,var(--mini-games-panel),var(--mini-games-soft));box-shadow:0 1.125rem 2.75rem #2f2c3a14;color:var(--mini-games-text)}:host-context(html.ion-palette-dark) .mini-games-player,:host-context([data-theme=\"dark\"]) .mini-games-player{border-color:var(--mini-games-border);background:radial-gradient(circle at 12% 0%,color-mix(in srgb,var(--player-color) 14%,transparent),transparent 34%),linear-gradient(135deg,color-mix(in srgb,var(--mini-games-panel) 92%,white),var(--mini-games-surface));box-shadow:none}.mini-games-player__head{display:grid;grid-template-columns:58px 1fr;gap:12px;align-items:center}.mini-games-player__avatar{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:var(--player-color);font-size:1.65rem;box-shadow:0 14px 28px color-mix(in srgb,var(--player-color) 32%,transparent)}.mini-games-player__head small,.mini-games-player__name span{display:block;color:var(--mini-games-muted);font-size:.76rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.mini-games-player__head strong{display:block;color:inherit;font-size:1.35rem;line-height:1.05;font-weight:950}.mini-games-player__head p{margin:.1875rem 0 0;color:var(--mini-games-muted);font-size:.92rem;line-height:1.32}.mini-games-player__profiles{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.mini-games-player__profiles button{flex:0 0 auto;min-height:42px;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--ion-border-color, #e7e4ea);border-radius:999px;padding:0 12px;background:var(--ion-item-background, transparent);color:inherit;font:inherit;font-size:.9rem;font-weight:850}.mini-games-player__profiles button.is-selected{border-color:var(--player-color);background:color-mix(in srgb,var(--player-color) 16%,var(--ion-card-background, #fff))}.mini-games-player__profiles ion-icon{color:var(--player-color)}.mini-games-player__name{display:grid;gap:6px}.mini-games-player__name input{width:100%;min-height:48px;border:1px solid var(--mini-games-border);border-radius:999px;padding:0 16px;background:color-mix(in srgb,var(--mini-games-panel) 88%,white);color:var(--mini-games-text);caret-color:var(--mini-games-primary);font:inherit;font-weight:850}.mini-games-player__name input::placeholder{color:var(--mini-games-muted);opacity:.84}.mini-games-player__name input:focus-visible,.mini-games-player__profiles button:focus-visible,.mini-games-player__choices button:focus-visible,.mini-games-player__add:focus-visible,.mini-games-sound-toggle:focus-visible,.mini-game-card:focus-visible{outline:.1875rem solid var(--mini-games-focus);outline-offset:.1875rem}:host-context(html.ion-palette-dark) .mini-games-player__name input,:host-context([data-theme=\"dark\"]) .mini-games-player__name input{border-color:var(--mini-games-border);background:color-mix(in srgb,var(--mini-games-panel) 88%,white);color:var(--mini-games-text)}.mini-games-player__choices{display:flex;flex-wrap:wrap;gap:8px}.mini-games-player__choices button{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--mini-games-border);border-radius:999px;background:var(--mini-games-panel);color:var(--mini-games-text);font-size:1.12rem}:host-context(html.ion-palette-dark) .mini-games-player__choices button,:host-context([data-theme=\"dark\"]) .mini-games-player__choices button,:host-context(html.ion-palette-dark) .mini-games-player__profiles button,:host-context([data-theme=\"dark\"]) .mini-games-player__profiles button{border-color:var(--mini-games-border);background:color-mix(in srgb,var(--mini-games-panel) 88%,white);color:var(--mini-games-text)}.mini-games-player__choices--colors button{position:relative;overflow:hidden;border-color:rgba(var(--ion-color-dark-rgb, 47, 42, 58),.18);background:var(--swatch-color);box-shadow:inset 0 0 0 2px #ffffff3d,0 10px 22px color-mix(in srgb,var(--swatch-color) 24%,transparent)}.mini-games-player__choices--colors button:after{content:\"\";width:13px;height:13px;border-radius:999px;background:#ffffff57;box-shadow:0 0 12px #ffffff38}.mini-games-player__choices button.is-selected{border-color:var(--player-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--player-color) 18%,transparent)}:host-context(html.ion-palette-dark) .mini-games-player__choices button.is-selected,:host-context([data-theme=\"dark\"]) .mini-games-player__choices button.is-selected,:host-context(html.ion-palette-dark) .mini-games-player__profiles button.is-selected,:host-context([data-theme=\"dark\"]) .mini-games-player__profiles button.is-selected{border-color:var(--player-color);background:color-mix(in srgb,var(--player-color) 18%,var(--ion-card-background, #1f1b28))}:host-context(html.ion-palette-dark) .mini-games-player__choices--colors button,:host-context([data-theme=\"dark\"]) .mini-games-player__choices--colors button{border-color:rgba(var(--ion-color-light-rgb, 244, 245, 248),.32);background:var(--swatch-color);box-shadow:inset 0 0 0 2px #ffffff38,0 0 0 1px #00000047,0 12px 24px color-mix(in srgb,var(--swatch-color) 34%,transparent)}.mini-games-player__choices--colors button.is-selected,:host-context(html.ion-palette-dark) .mini-games-player__choices--colors button.is-selected,:host-context([data-theme=\"dark\"]) .mini-games-player__choices--colors button.is-selected{border-color:var(--mini-games-accent);background:var(--swatch-color);box-shadow:0 0 0 .1875rem rgba(var(--mini-games-accent-rgb),.26),inset 0 0 0 2px #ffffff47,0 14px 28px color-mix(in srgb,var(--swatch-color) 36%,transparent)}.mini-games-player__add{justify-self:end;display:inline-flex;align-items:center;gap:7px;min-height:42px;border:0;border-radius:999px;padding:0 14px;background:color-mix(in srgb,var(--player-color) 16%,var(--mini-games-panel));color:var(--mini-games-primary);font:inherit;font-size:.92rem;font-weight:900}.mini-games-sound-toggle{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 14px;border:1px solid var(--mini-games-border);border-radius:999px;background:var(--mini-games-panel);color:var(--mini-games-text);font:inherit;font-size:14px;font-weight:850}:host-context(html.ion-palette-dark) .mini-games-sound-toggle,:host-context([data-theme=\"dark\"]) .mini-games-sound-toggle{border-color:var(--mini-games-border);background:var(--mini-games-panel);color:var(--mini-games-text)}.mini-games-sound-toggle ion-icon{color:var(--mini-games-primary)}.mini-games-sound-toggle span{max-width:18ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-games-page-head{display:grid;gap:8px;padding:8px 0 4px;text-align:center}.mini-games-page-head h1{margin:0;color:var(--mini-games-text);font-size:clamp(2.5rem,9vw,4rem);line-height:.95;font-weight:950}.mini-games-page-head p{max-width:32.5rem;margin:0 auto;color:var(--mini-games-muted);font-size:clamp(1rem,3vw,1.25rem);line-height:1.35}.mini-game-card{width:100%;display:grid;grid-template-columns:72px 1fr;gap:14px;align-items:center;padding:16px;border:1px solid var(--mini-games-border);border-radius:18px;background:radial-gradient(circle at 20% 10%,rgba(var(--mini-games-primary-rgb),.1),transparent 32%),linear-gradient(135deg,var(--mini-games-panel),var(--mini-games-soft));color:var(--mini-games-text);text-align:left;transition:border-color .16s ease,transform .16s ease,background .16s ease}:host-context(html.ion-palette-dark) .mini-game-card,:host-context([data-theme=\"dark\"]) .mini-game-card{border-color:var(--mini-games-border);background:radial-gradient(circle at 20% 10%,rgba(var(--mini-games-primary-rgb),.14),transparent 32%),linear-gradient(135deg,color-mix(in srgb,var(--mini-games-panel) 92%,white),var(--mini-games-surface));color:var(--mini-games-text)}.mini-game-card:not(:disabled){cursor:pointer}.mini-game-card:not(:disabled):hover{border-color:var(--mini-games-primary);transform:translateY(-1px)}.mini-game-card:disabled{opacity:.55}.mini-game-card__icon{display:grid;place-items:center;width:72px;height:72px;border-radius:20px;background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.35),transparent 32%),linear-gradient(135deg,var(--mini-games-primary),var(--mini-games-secondary));color:var(--mini-games-icon-text);font-size:34px;box-shadow:0 .875rem 2.25rem rgba(var(--mini-games-primary-rgb),.28)}.mini-game-card__icon--image{overflow:hidden;padding:.35rem;background:#fff}.mini-game-card__icon img{display:block;width:100%;height:100%;border-radius:1rem;object-fit:contain}.mini-game-card__content{display:flex;min-width:0;flex-direction:column;gap:4px}.mini-game-card__content strong{font-size:20px;line-height:1.1}.mini-game-card__content small{color:var(--mini-games-muted);font-size:14px;line-height:1.35}.mini-game-card__action{display:inline-flex;align-items:center;gap:6px;padding-top:6px;color:var(--mini-games-primary);font-weight:800}@media (max-width: 420px){.mini-game-card{grid-template-columns:56px 1fr;padding:14px}.mini-game-card__icon{width:56px;height:56px;border-radius:16px;font-size:28px}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: ModalLayoutComponent, selector: "val-modal-layout", inputs: ["title", "subtitle", "closeLabel", "showClose", "actions", "actionsAlign", "footer", "footerClass"], outputs: ["close", "actionClick"] }] }); }
|
|
66230
|
+
`, isInline: true, styles: [":host{display:block;--mini-games-panel: #ffffff;--mini-games-surface: #f8f7fb;--mini-games-border: rgba(47, 44, 58, .12);--mini-games-text: #2f2c3a;--mini-games-muted: rgba(47, 44, 58, .68);--mini-games-primary: #6f65d8;--mini-games-primary-rgb: 111, 101, 216;--mini-games-secondary: #67b7c9;--mini-games-secondary-rgb: 103, 183, 201;--mini-games-accent: #8f7ce7;--mini-games-accent-rgb: 143, 124, 231;--mini-games-soft: #f3f1fb;--mini-games-icon-text: #ffffff;--mini-games-focus: rgba(var(--mini-games-primary-rgb), .22);color:var(--mini-games-text)}:host-context(html.ion-palette-dark),:host-context([data-theme=\"dark\"]){--mini-games-panel: #211f2a;--mini-games-surface: #191821;--mini-games-border: rgba(255, 255, 255, .13);--mini-games-text: #f7f4ff;--mini-games-muted: rgba(247, 244, 255, .68);--mini-games-primary: #b7adff;--mini-games-primary-rgb: 183, 173, 255;--mini-games-secondary: #8fd5e5;--mini-games-secondary-rgb: 143, 213, 229;--mini-games-accent: #c7bbff;--mini-games-accent-rgb: 199, 187, 255;--mini-games-soft: #2a2735;--mini-games-icon-text: #211f2a;--mini-games-focus: rgba(var(--mini-games-primary-rgb), .24)}.mini-games-grid{display:grid;gap:.75rem;padding-top:1rem}.mini-games-menu-actions{display:flex;justify-content:flex-end;padding-top:.75rem}.mini-games-player{display:grid;gap:.75rem;margin-top:.75rem;padding:1rem;border:1px solid var(--mini-games-border);border-radius:1.375rem;background:radial-gradient(circle at 12% 0%,color-mix(in srgb,var(--player-color) 12%,transparent),transparent 34%),linear-gradient(135deg,var(--mini-games-panel),var(--mini-games-soft));box-shadow:0 1.125rem 2.75rem #2f2c3a14;color:var(--mini-games-text)}:host-context(html.ion-palette-dark) .mini-games-player,:host-context([data-theme=\"dark\"]) .mini-games-player{border-color:var(--mini-games-border);background:radial-gradient(circle at 12% 0%,color-mix(in srgb,var(--player-color) 14%,transparent),transparent 34%),linear-gradient(135deg,color-mix(in srgb,var(--mini-games-panel) 92%,white),var(--mini-games-surface));box-shadow:none}.mini-games-player__head{display:grid;grid-template-columns:58px 1fr;gap:12px;align-items:center}.mini-games-player__avatar{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:var(--player-color);font-size:1.65rem;box-shadow:0 14px 28px color-mix(in srgb,var(--player-color) 32%,transparent)}.mini-games-player__head small,.mini-games-player__name span{display:block;color:var(--mini-games-muted);font-size:.76rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.mini-games-player__head strong{display:block;color:inherit;font-size:1.35rem;line-height:1.05;font-weight:950}.mini-games-player__head p{margin:.1875rem 0 0;color:var(--mini-games-muted);font-size:.92rem;line-height:1.32}.mini-games-player__profiles{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.mini-games-player__profiles button{flex:0 0 auto;min-height:42px;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--ion-border-color, #e7e4ea);border-radius:999px;padding:0 12px;background:var(--ion-item-background, transparent);color:inherit;font:inherit;font-size:.9rem;font-weight:850}.mini-games-player__profiles button.is-selected{border-color:var(--player-color);background:color-mix(in srgb,var(--player-color) 16%,var(--ion-card-background, #fff))}.mini-games-player__profiles ion-icon{color:var(--player-color)}.mini-games-player__name{display:grid;gap:6px}.mini-games-player__name input{width:100%;min-height:48px;border:1px solid var(--mini-games-border);border-radius:999px;padding:0 16px;background:color-mix(in srgb,var(--mini-games-panel) 88%,white);color:var(--mini-games-text);caret-color:var(--mini-games-primary);font:inherit;font-weight:850}.mini-games-player__name input::placeholder{color:var(--mini-games-muted);opacity:.84}.mini-games-player__name input:focus-visible,.mini-games-player__profiles button:focus-visible,.mini-games-player__choices button:focus-visible,.mini-games-player__add:focus-visible,.mini-games-sound-toggle:focus-visible,.mini-game-card:focus-visible{outline:.1875rem solid var(--mini-games-focus);outline-offset:.1875rem}:host-context(html.ion-palette-dark) .mini-games-player__name input,:host-context([data-theme=\"dark\"]) .mini-games-player__name input{border-color:var(--mini-games-border);background:color-mix(in srgb,var(--mini-games-panel) 88%,white);color:var(--mini-games-text)}.mini-games-player__choices{display:flex;flex-wrap:wrap;gap:8px}.mini-games-player__choices button{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--mini-games-border);border-radius:999px;background:var(--mini-games-panel);color:var(--mini-games-text);font-size:1.12rem}:host-context(html.ion-palette-dark) .mini-games-player__choices button,:host-context([data-theme=\"dark\"]) .mini-games-player__choices button,:host-context(html.ion-palette-dark) .mini-games-player__profiles button,:host-context([data-theme=\"dark\"]) .mini-games-player__profiles button{border-color:var(--mini-games-border);background:color-mix(in srgb,var(--mini-games-panel) 88%,white);color:var(--mini-games-text)}.mini-games-player__choices--colors button{position:relative;overflow:hidden;border-color:rgba(var(--ion-color-dark-rgb, 47, 42, 58),.18);background:var(--swatch-color);box-shadow:inset 0 0 0 2px #ffffff3d,0 10px 22px color-mix(in srgb,var(--swatch-color) 24%,transparent)}.mini-games-player__choices--colors button:after{content:\"\";width:13px;height:13px;border-radius:999px;background:#ffffff57;box-shadow:0 0 12px #ffffff38}.mini-games-player__choices button.is-selected{border-color:var(--player-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--player-color) 18%,transparent)}:host-context(html.ion-palette-dark) .mini-games-player__choices button.is-selected,:host-context([data-theme=\"dark\"]) .mini-games-player__choices button.is-selected,:host-context(html.ion-palette-dark) .mini-games-player__profiles button.is-selected,:host-context([data-theme=\"dark\"]) .mini-games-player__profiles button.is-selected{border-color:var(--player-color);background:color-mix(in srgb,var(--player-color) 18%,var(--ion-card-background, #1f1b28))}:host-context(html.ion-palette-dark) .mini-games-player__choices--colors button,:host-context([data-theme=\"dark\"]) .mini-games-player__choices--colors button{border-color:rgba(var(--ion-color-light-rgb, 244, 245, 248),.32);background:var(--swatch-color);box-shadow:inset 0 0 0 2px #ffffff38,0 0 0 1px #00000047,0 12px 24px color-mix(in srgb,var(--swatch-color) 34%,transparent)}.mini-games-player__choices--colors button.is-selected,:host-context(html.ion-palette-dark) .mini-games-player__choices--colors button.is-selected,:host-context([data-theme=\"dark\"]) .mini-games-player__choices--colors button.is-selected{border-color:var(--mini-games-accent);background:var(--swatch-color);box-shadow:0 0 0 .1875rem rgba(var(--mini-games-accent-rgb),.26),inset 0 0 0 2px #ffffff47,0 14px 28px color-mix(in srgb,var(--swatch-color) 36%,transparent)}.mini-games-player__add{justify-self:end;display:inline-flex;align-items:center;gap:7px;min-height:42px;border:0;border-radius:999px;padding:0 14px;background:color-mix(in srgb,var(--player-color) 16%,var(--mini-games-panel));color:var(--mini-games-primary);font:inherit;font-size:.92rem;font-weight:900}.mini-games-sound-toggle{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 14px;border:1px solid var(--mini-games-border);border-radius:999px;background:var(--mini-games-panel);color:var(--mini-games-text);font:inherit;font-size:14px;font-weight:850}:host-context(html.ion-palette-dark) .mini-games-sound-toggle,:host-context([data-theme=\"dark\"]) .mini-games-sound-toggle{border-color:var(--mini-games-border);background:var(--mini-games-panel);color:var(--mini-games-text)}.mini-games-sound-toggle ion-icon{color:var(--mini-games-primary)}.mini-games-sound-toggle span{max-width:18ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-games-page-head{display:grid;gap:8px;padding:8px 0 4px;text-align:center}.mini-games-page-head h1{margin:0;color:var(--mini-games-text);font-size:clamp(2.5rem,9vw,4rem);line-height:.95;font-weight:950}.mini-games-page-head p{max-width:32.5rem;margin:0 auto;color:var(--mini-games-muted);font-size:clamp(1rem,3vw,1.25rem);line-height:1.35}.mini-game-card{width:100%;display:grid;grid-template-columns:72px 1fr;gap:14px;align-items:center;padding:16px;border:1px solid var(--mini-games-border);border-radius:18px;background:radial-gradient(circle at 20% 10%,rgba(var(--mini-games-primary-rgb),.1),transparent 32%),linear-gradient(135deg,var(--mini-games-panel),var(--mini-games-soft));color:var(--mini-games-text);text-align:left;transition:border-color .16s ease,transform .16s ease,background .16s ease}:host-context(html.ion-palette-dark) .mini-game-card,:host-context([data-theme=\"dark\"]) .mini-game-card{border-color:var(--mini-games-border);background:radial-gradient(circle at 20% 10%,rgba(var(--mini-games-primary-rgb),.14),transparent 32%),linear-gradient(135deg,color-mix(in srgb,var(--mini-games-panel) 92%,white),var(--mini-games-surface));color:var(--mini-games-text)}.mini-game-card:not(:disabled){cursor:pointer}.mini-game-card:not(:disabled):hover{border-color:var(--mini-games-primary);transform:translateY(-1px)}.mini-game-card:disabled{opacity:.55}.mini-game-card__icon{display:grid;place-items:center;width:72px;height:72px;border-radius:20px;background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.35),transparent 32%),linear-gradient(135deg,var(--mini-games-primary),var(--mini-games-secondary));color:var(--mini-games-icon-text);font-size:34px;box-shadow:0 .875rem 2.25rem rgba(var(--mini-games-primary-rgb),.28)}.mini-game-card__icon--image{overflow:hidden;background:#fff}.mini-game-card__icon img{display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover;object-position:center;transform:scale(1.34)}.mini-game-card__content{display:flex;min-width:0;flex-direction:column;gap:4px}.mini-game-card__content strong{font-size:20px;line-height:1.1}.mini-game-card__content small{color:var(--mini-games-muted);font-size:14px;line-height:1.35}.mini-game-card__action{display:inline-flex;align-items:center;gap:6px;padding-top:6px;color:var(--mini-games-primary);font-weight:800}@media (max-width: 420px){.mini-game-card{grid-template-columns:56px 1fr;padding:14px}.mini-game-card__icon{width:56px;height:56px;border-radius:16px;font-size:28px}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: ModalLayoutComponent, selector: "val-modal-layout", inputs: ["title", "subtitle", "closeLabel", "showClose", "actions", "actionsAlign", "footer", "footerClass"], outputs: ["close", "actionClick"] }] }); }
|
|
66187
66231
|
}
|
|
66188
66232
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MiniGamesMenuComponent, decorators: [{
|
|
66189
66233
|
type: Component,
|
|
@@ -66300,7 +66344,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
66300
66344
|
}
|
|
66301
66345
|
</div>
|
|
66302
66346
|
</ng-template>
|
|
66303
|
-
`, styles: [":host{display:block;--mini-games-panel: #ffffff;--mini-games-surface: #f8f7fb;--mini-games-border: rgba(47, 44, 58, .12);--mini-games-text: #2f2c3a;--mini-games-muted: rgba(47, 44, 58, .68);--mini-games-primary: #6f65d8;--mini-games-primary-rgb: 111, 101, 216;--mini-games-secondary: #67b7c9;--mini-games-secondary-rgb: 103, 183, 201;--mini-games-accent: #8f7ce7;--mini-games-accent-rgb: 143, 124, 231;--mini-games-soft: #f3f1fb;--mini-games-icon-text: #ffffff;--mini-games-focus: rgba(var(--mini-games-primary-rgb), .22);color:var(--mini-games-text)}:host-context(html.ion-palette-dark),:host-context([data-theme=\"dark\"]){--mini-games-panel: #211f2a;--mini-games-surface: #191821;--mini-games-border: rgba(255, 255, 255, .13);--mini-games-text: #f7f4ff;--mini-games-muted: rgba(247, 244, 255, .68);--mini-games-primary: #b7adff;--mini-games-primary-rgb: 183, 173, 255;--mini-games-secondary: #8fd5e5;--mini-games-secondary-rgb: 143, 213, 229;--mini-games-accent: #c7bbff;--mini-games-accent-rgb: 199, 187, 255;--mini-games-soft: #2a2735;--mini-games-icon-text: #211f2a;--mini-games-focus: rgba(var(--mini-games-primary-rgb), .24)}.mini-games-grid{display:grid;gap:.75rem;padding-top:1rem}.mini-games-menu-actions{display:flex;justify-content:flex-end;padding-top:.75rem}.mini-games-player{display:grid;gap:.75rem;margin-top:.75rem;padding:1rem;border:1px solid var(--mini-games-border);border-radius:1.375rem;background:radial-gradient(circle at 12% 0%,color-mix(in srgb,var(--player-color) 12%,transparent),transparent 34%),linear-gradient(135deg,var(--mini-games-panel),var(--mini-games-soft));box-shadow:0 1.125rem 2.75rem #2f2c3a14;color:var(--mini-games-text)}:host-context(html.ion-palette-dark) .mini-games-player,:host-context([data-theme=\"dark\"]) .mini-games-player{border-color:var(--mini-games-border);background:radial-gradient(circle at 12% 0%,color-mix(in srgb,var(--player-color) 14%,transparent),transparent 34%),linear-gradient(135deg,color-mix(in srgb,var(--mini-games-panel) 92%,white),var(--mini-games-surface));box-shadow:none}.mini-games-player__head{display:grid;grid-template-columns:58px 1fr;gap:12px;align-items:center}.mini-games-player__avatar{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:var(--player-color);font-size:1.65rem;box-shadow:0 14px 28px color-mix(in srgb,var(--player-color) 32%,transparent)}.mini-games-player__head small,.mini-games-player__name span{display:block;color:var(--mini-games-muted);font-size:.76rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.mini-games-player__head strong{display:block;color:inherit;font-size:1.35rem;line-height:1.05;font-weight:950}.mini-games-player__head p{margin:.1875rem 0 0;color:var(--mini-games-muted);font-size:.92rem;line-height:1.32}.mini-games-player__profiles{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.mini-games-player__profiles button{flex:0 0 auto;min-height:42px;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--ion-border-color, #e7e4ea);border-radius:999px;padding:0 12px;background:var(--ion-item-background, transparent);color:inherit;font:inherit;font-size:.9rem;font-weight:850}.mini-games-player__profiles button.is-selected{border-color:var(--player-color);background:color-mix(in srgb,var(--player-color) 16%,var(--ion-card-background, #fff))}.mini-games-player__profiles ion-icon{color:var(--player-color)}.mini-games-player__name{display:grid;gap:6px}.mini-games-player__name input{width:100%;min-height:48px;border:1px solid var(--mini-games-border);border-radius:999px;padding:0 16px;background:color-mix(in srgb,var(--mini-games-panel) 88%,white);color:var(--mini-games-text);caret-color:var(--mini-games-primary);font:inherit;font-weight:850}.mini-games-player__name input::placeholder{color:var(--mini-games-muted);opacity:.84}.mini-games-player__name input:focus-visible,.mini-games-player__profiles button:focus-visible,.mini-games-player__choices button:focus-visible,.mini-games-player__add:focus-visible,.mini-games-sound-toggle:focus-visible,.mini-game-card:focus-visible{outline:.1875rem solid var(--mini-games-focus);outline-offset:.1875rem}:host-context(html.ion-palette-dark) .mini-games-player__name input,:host-context([data-theme=\"dark\"]) .mini-games-player__name input{border-color:var(--mini-games-border);background:color-mix(in srgb,var(--mini-games-panel) 88%,white);color:var(--mini-games-text)}.mini-games-player__choices{display:flex;flex-wrap:wrap;gap:8px}.mini-games-player__choices button{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--mini-games-border);border-radius:999px;background:var(--mini-games-panel);color:var(--mini-games-text);font-size:1.12rem}:host-context(html.ion-palette-dark) .mini-games-player__choices button,:host-context([data-theme=\"dark\"]) .mini-games-player__choices button,:host-context(html.ion-palette-dark) .mini-games-player__profiles button,:host-context([data-theme=\"dark\"]) .mini-games-player__profiles button{border-color:var(--mini-games-border);background:color-mix(in srgb,var(--mini-games-panel) 88%,white);color:var(--mini-games-text)}.mini-games-player__choices--colors button{position:relative;overflow:hidden;border-color:rgba(var(--ion-color-dark-rgb, 47, 42, 58),.18);background:var(--swatch-color);box-shadow:inset 0 0 0 2px #ffffff3d,0 10px 22px color-mix(in srgb,var(--swatch-color) 24%,transparent)}.mini-games-player__choices--colors button:after{content:\"\";width:13px;height:13px;border-radius:999px;background:#ffffff57;box-shadow:0 0 12px #ffffff38}.mini-games-player__choices button.is-selected{border-color:var(--player-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--player-color) 18%,transparent)}:host-context(html.ion-palette-dark) .mini-games-player__choices button.is-selected,:host-context([data-theme=\"dark\"]) .mini-games-player__choices button.is-selected,:host-context(html.ion-palette-dark) .mini-games-player__profiles button.is-selected,:host-context([data-theme=\"dark\"]) .mini-games-player__profiles button.is-selected{border-color:var(--player-color);background:color-mix(in srgb,var(--player-color) 18%,var(--ion-card-background, #1f1b28))}:host-context(html.ion-palette-dark) .mini-games-player__choices--colors button,:host-context([data-theme=\"dark\"]) .mini-games-player__choices--colors button{border-color:rgba(var(--ion-color-light-rgb, 244, 245, 248),.32);background:var(--swatch-color);box-shadow:inset 0 0 0 2px #ffffff38,0 0 0 1px #00000047,0 12px 24px color-mix(in srgb,var(--swatch-color) 34%,transparent)}.mini-games-player__choices--colors button.is-selected,:host-context(html.ion-palette-dark) .mini-games-player__choices--colors button.is-selected,:host-context([data-theme=\"dark\"]) .mini-games-player__choices--colors button.is-selected{border-color:var(--mini-games-accent);background:var(--swatch-color);box-shadow:0 0 0 .1875rem rgba(var(--mini-games-accent-rgb),.26),inset 0 0 0 2px #ffffff47,0 14px 28px color-mix(in srgb,var(--swatch-color) 36%,transparent)}.mini-games-player__add{justify-self:end;display:inline-flex;align-items:center;gap:7px;min-height:42px;border:0;border-radius:999px;padding:0 14px;background:color-mix(in srgb,var(--player-color) 16%,var(--mini-games-panel));color:var(--mini-games-primary);font:inherit;font-size:.92rem;font-weight:900}.mini-games-sound-toggle{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 14px;border:1px solid var(--mini-games-border);border-radius:999px;background:var(--mini-games-panel);color:var(--mini-games-text);font:inherit;font-size:14px;font-weight:850}:host-context(html.ion-palette-dark) .mini-games-sound-toggle,:host-context([data-theme=\"dark\"]) .mini-games-sound-toggle{border-color:var(--mini-games-border);background:var(--mini-games-panel);color:var(--mini-games-text)}.mini-games-sound-toggle ion-icon{color:var(--mini-games-primary)}.mini-games-sound-toggle span{max-width:18ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-games-page-head{display:grid;gap:8px;padding:8px 0 4px;text-align:center}.mini-games-page-head h1{margin:0;color:var(--mini-games-text);font-size:clamp(2.5rem,9vw,4rem);line-height:.95;font-weight:950}.mini-games-page-head p{max-width:32.5rem;margin:0 auto;color:var(--mini-games-muted);font-size:clamp(1rem,3vw,1.25rem);line-height:1.35}.mini-game-card{width:100%;display:grid;grid-template-columns:72px 1fr;gap:14px;align-items:center;padding:16px;border:1px solid var(--mini-games-border);border-radius:18px;background:radial-gradient(circle at 20% 10%,rgba(var(--mini-games-primary-rgb),.1),transparent 32%),linear-gradient(135deg,var(--mini-games-panel),var(--mini-games-soft));color:var(--mini-games-text);text-align:left;transition:border-color .16s ease,transform .16s ease,background .16s ease}:host-context(html.ion-palette-dark) .mini-game-card,:host-context([data-theme=\"dark\"]) .mini-game-card{border-color:var(--mini-games-border);background:radial-gradient(circle at 20% 10%,rgba(var(--mini-games-primary-rgb),.14),transparent 32%),linear-gradient(135deg,color-mix(in srgb,var(--mini-games-panel) 92%,white),var(--mini-games-surface));color:var(--mini-games-text)}.mini-game-card:not(:disabled){cursor:pointer}.mini-game-card:not(:disabled):hover{border-color:var(--mini-games-primary);transform:translateY(-1px)}.mini-game-card:disabled{opacity:.55}.mini-game-card__icon{display:grid;place-items:center;width:72px;height:72px;border-radius:20px;background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.35),transparent 32%),linear-gradient(135deg,var(--mini-games-primary),var(--mini-games-secondary));color:var(--mini-games-icon-text);font-size:34px;box-shadow:0 .875rem 2.25rem rgba(var(--mini-games-primary-rgb),.28)}.mini-game-card__icon--image{overflow:hidden;padding:.35rem;background:#fff}.mini-game-card__icon img{display:block;width:100%;height:100%;border-radius:1rem;object-fit:contain}.mini-game-card__content{display:flex;min-width:0;flex-direction:column;gap:4px}.mini-game-card__content strong{font-size:20px;line-height:1.1}.mini-game-card__content small{color:var(--mini-games-muted);font-size:14px;line-height:1.35}.mini-game-card__action{display:inline-flex;align-items:center;gap:6px;padding-top:6px;color:var(--mini-games-primary);font-weight:800}@media (max-width: 420px){.mini-game-card{grid-template-columns:56px 1fr;padding:14px}.mini-game-card__icon{width:56px;height:56px;border-radius:16px;font-size:28px}}\n"] }]
|
|
66347
|
+
`, styles: [":host{display:block;--mini-games-panel: #ffffff;--mini-games-surface: #f8f7fb;--mini-games-border: rgba(47, 44, 58, .12);--mini-games-text: #2f2c3a;--mini-games-muted: rgba(47, 44, 58, .68);--mini-games-primary: #6f65d8;--mini-games-primary-rgb: 111, 101, 216;--mini-games-secondary: #67b7c9;--mini-games-secondary-rgb: 103, 183, 201;--mini-games-accent: #8f7ce7;--mini-games-accent-rgb: 143, 124, 231;--mini-games-soft: #f3f1fb;--mini-games-icon-text: #ffffff;--mini-games-focus: rgba(var(--mini-games-primary-rgb), .22);color:var(--mini-games-text)}:host-context(html.ion-palette-dark),:host-context([data-theme=\"dark\"]){--mini-games-panel: #211f2a;--mini-games-surface: #191821;--mini-games-border: rgba(255, 255, 255, .13);--mini-games-text: #f7f4ff;--mini-games-muted: rgba(247, 244, 255, .68);--mini-games-primary: #b7adff;--mini-games-primary-rgb: 183, 173, 255;--mini-games-secondary: #8fd5e5;--mini-games-secondary-rgb: 143, 213, 229;--mini-games-accent: #c7bbff;--mini-games-accent-rgb: 199, 187, 255;--mini-games-soft: #2a2735;--mini-games-icon-text: #211f2a;--mini-games-focus: rgba(var(--mini-games-primary-rgb), .24)}.mini-games-grid{display:grid;gap:.75rem;padding-top:1rem}.mini-games-menu-actions{display:flex;justify-content:flex-end;padding-top:.75rem}.mini-games-player{display:grid;gap:.75rem;margin-top:.75rem;padding:1rem;border:1px solid var(--mini-games-border);border-radius:1.375rem;background:radial-gradient(circle at 12% 0%,color-mix(in srgb,var(--player-color) 12%,transparent),transparent 34%),linear-gradient(135deg,var(--mini-games-panel),var(--mini-games-soft));box-shadow:0 1.125rem 2.75rem #2f2c3a14;color:var(--mini-games-text)}:host-context(html.ion-palette-dark) .mini-games-player,:host-context([data-theme=\"dark\"]) .mini-games-player{border-color:var(--mini-games-border);background:radial-gradient(circle at 12% 0%,color-mix(in srgb,var(--player-color) 14%,transparent),transparent 34%),linear-gradient(135deg,color-mix(in srgb,var(--mini-games-panel) 92%,white),var(--mini-games-surface));box-shadow:none}.mini-games-player__head{display:grid;grid-template-columns:58px 1fr;gap:12px;align-items:center}.mini-games-player__avatar{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:var(--player-color);font-size:1.65rem;box-shadow:0 14px 28px color-mix(in srgb,var(--player-color) 32%,transparent)}.mini-games-player__head small,.mini-games-player__name span{display:block;color:var(--mini-games-muted);font-size:.76rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.mini-games-player__head strong{display:block;color:inherit;font-size:1.35rem;line-height:1.05;font-weight:950}.mini-games-player__head p{margin:.1875rem 0 0;color:var(--mini-games-muted);font-size:.92rem;line-height:1.32}.mini-games-player__profiles{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.mini-games-player__profiles button{flex:0 0 auto;min-height:42px;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--ion-border-color, #e7e4ea);border-radius:999px;padding:0 12px;background:var(--ion-item-background, transparent);color:inherit;font:inherit;font-size:.9rem;font-weight:850}.mini-games-player__profiles button.is-selected{border-color:var(--player-color);background:color-mix(in srgb,var(--player-color) 16%,var(--ion-card-background, #fff))}.mini-games-player__profiles ion-icon{color:var(--player-color)}.mini-games-player__name{display:grid;gap:6px}.mini-games-player__name input{width:100%;min-height:48px;border:1px solid var(--mini-games-border);border-radius:999px;padding:0 16px;background:color-mix(in srgb,var(--mini-games-panel) 88%,white);color:var(--mini-games-text);caret-color:var(--mini-games-primary);font:inherit;font-weight:850}.mini-games-player__name input::placeholder{color:var(--mini-games-muted);opacity:.84}.mini-games-player__name input:focus-visible,.mini-games-player__profiles button:focus-visible,.mini-games-player__choices button:focus-visible,.mini-games-player__add:focus-visible,.mini-games-sound-toggle:focus-visible,.mini-game-card:focus-visible{outline:.1875rem solid var(--mini-games-focus);outline-offset:.1875rem}:host-context(html.ion-palette-dark) .mini-games-player__name input,:host-context([data-theme=\"dark\"]) .mini-games-player__name input{border-color:var(--mini-games-border);background:color-mix(in srgb,var(--mini-games-panel) 88%,white);color:var(--mini-games-text)}.mini-games-player__choices{display:flex;flex-wrap:wrap;gap:8px}.mini-games-player__choices button{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--mini-games-border);border-radius:999px;background:var(--mini-games-panel);color:var(--mini-games-text);font-size:1.12rem}:host-context(html.ion-palette-dark) .mini-games-player__choices button,:host-context([data-theme=\"dark\"]) .mini-games-player__choices button,:host-context(html.ion-palette-dark) .mini-games-player__profiles button,:host-context([data-theme=\"dark\"]) .mini-games-player__profiles button{border-color:var(--mini-games-border);background:color-mix(in srgb,var(--mini-games-panel) 88%,white);color:var(--mini-games-text)}.mini-games-player__choices--colors button{position:relative;overflow:hidden;border-color:rgba(var(--ion-color-dark-rgb, 47, 42, 58),.18);background:var(--swatch-color);box-shadow:inset 0 0 0 2px #ffffff3d,0 10px 22px color-mix(in srgb,var(--swatch-color) 24%,transparent)}.mini-games-player__choices--colors button:after{content:\"\";width:13px;height:13px;border-radius:999px;background:#ffffff57;box-shadow:0 0 12px #ffffff38}.mini-games-player__choices button.is-selected{border-color:var(--player-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--player-color) 18%,transparent)}:host-context(html.ion-palette-dark) .mini-games-player__choices button.is-selected,:host-context([data-theme=\"dark\"]) .mini-games-player__choices button.is-selected,:host-context(html.ion-palette-dark) .mini-games-player__profiles button.is-selected,:host-context([data-theme=\"dark\"]) .mini-games-player__profiles button.is-selected{border-color:var(--player-color);background:color-mix(in srgb,var(--player-color) 18%,var(--ion-card-background, #1f1b28))}:host-context(html.ion-palette-dark) .mini-games-player__choices--colors button,:host-context([data-theme=\"dark\"]) .mini-games-player__choices--colors button{border-color:rgba(var(--ion-color-light-rgb, 244, 245, 248),.32);background:var(--swatch-color);box-shadow:inset 0 0 0 2px #ffffff38,0 0 0 1px #00000047,0 12px 24px color-mix(in srgb,var(--swatch-color) 34%,transparent)}.mini-games-player__choices--colors button.is-selected,:host-context(html.ion-palette-dark) .mini-games-player__choices--colors button.is-selected,:host-context([data-theme=\"dark\"]) .mini-games-player__choices--colors button.is-selected{border-color:var(--mini-games-accent);background:var(--swatch-color);box-shadow:0 0 0 .1875rem rgba(var(--mini-games-accent-rgb),.26),inset 0 0 0 2px #ffffff47,0 14px 28px color-mix(in srgb,var(--swatch-color) 36%,transparent)}.mini-games-player__add{justify-self:end;display:inline-flex;align-items:center;gap:7px;min-height:42px;border:0;border-radius:999px;padding:0 14px;background:color-mix(in srgb,var(--player-color) 16%,var(--mini-games-panel));color:var(--mini-games-primary);font:inherit;font-size:.92rem;font-weight:900}.mini-games-sound-toggle{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 14px;border:1px solid var(--mini-games-border);border-radius:999px;background:var(--mini-games-panel);color:var(--mini-games-text);font:inherit;font-size:14px;font-weight:850}:host-context(html.ion-palette-dark) .mini-games-sound-toggle,:host-context([data-theme=\"dark\"]) .mini-games-sound-toggle{border-color:var(--mini-games-border);background:var(--mini-games-panel);color:var(--mini-games-text)}.mini-games-sound-toggle ion-icon{color:var(--mini-games-primary)}.mini-games-sound-toggle span{max-width:18ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-games-page-head{display:grid;gap:8px;padding:8px 0 4px;text-align:center}.mini-games-page-head h1{margin:0;color:var(--mini-games-text);font-size:clamp(2.5rem,9vw,4rem);line-height:.95;font-weight:950}.mini-games-page-head p{max-width:32.5rem;margin:0 auto;color:var(--mini-games-muted);font-size:clamp(1rem,3vw,1.25rem);line-height:1.35}.mini-game-card{width:100%;display:grid;grid-template-columns:72px 1fr;gap:14px;align-items:center;padding:16px;border:1px solid var(--mini-games-border);border-radius:18px;background:radial-gradient(circle at 20% 10%,rgba(var(--mini-games-primary-rgb),.1),transparent 32%),linear-gradient(135deg,var(--mini-games-panel),var(--mini-games-soft));color:var(--mini-games-text);text-align:left;transition:border-color .16s ease,transform .16s ease,background .16s ease}:host-context(html.ion-palette-dark) .mini-game-card,:host-context([data-theme=\"dark\"]) .mini-game-card{border-color:var(--mini-games-border);background:radial-gradient(circle at 20% 10%,rgba(var(--mini-games-primary-rgb),.14),transparent 32%),linear-gradient(135deg,color-mix(in srgb,var(--mini-games-panel) 92%,white),var(--mini-games-surface));color:var(--mini-games-text)}.mini-game-card:not(:disabled){cursor:pointer}.mini-game-card:not(:disabled):hover{border-color:var(--mini-games-primary);transform:translateY(-1px)}.mini-game-card:disabled{opacity:.55}.mini-game-card__icon{display:grid;place-items:center;width:72px;height:72px;border-radius:20px;background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.35),transparent 32%),linear-gradient(135deg,var(--mini-games-primary),var(--mini-games-secondary));color:var(--mini-games-icon-text);font-size:34px;box-shadow:0 .875rem 2.25rem rgba(var(--mini-games-primary-rgb),.28)}.mini-game-card__icon--image{overflow:hidden;background:#fff}.mini-game-card__icon img{display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover;object-position:center;transform:scale(1.34)}.mini-game-card__content{display:flex;min-width:0;flex-direction:column;gap:4px}.mini-game-card__content strong{font-size:20px;line-height:1.1}.mini-game-card__content small{color:var(--mini-games-muted);font-size:14px;line-height:1.35}.mini-game-card__action{display:inline-flex;align-items:center;gap:6px;padding-top:6px;color:var(--mini-games-primary);font-weight:800}@media (max-width: 420px){.mini-game-card{grid-template-columns:56px 1fr;padding:14px}.mini-game-card__icon{width:56px;height:56px;border-radius:16px;font-size:28px}}\n"] }]
|
|
66304
66348
|
}], ctorParameters: () => [], propDecorators: { games: [{
|
|
66305
66349
|
type: Input
|
|
66306
66350
|
}], asModal: [{
|