@everymatrix/bonus-powerups-ingame-list 0.0.37 → 0.0.39
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/dist/assets/clear-search.svg +9 -0
- package/dist/bonus-powerups-ingame-list/active-confirm-modal_3.entry.js +1 -1
- package/dist/bonus-powerups-ingame-list/bonus-powerups-ingame-list-3c160367.js +3 -0
- package/dist/bonus-powerups-ingame-list/bonus-powerups-ingame-list.esm.js +1 -1
- package/dist/bonus-powerups-ingame-list/index.esm.js +1 -1
- package/dist/cjs/active-confirm-modal_3.cjs.entry.js +4 -4
- package/dist/cjs/{bonus-powerups-ingame-list-392f082a.js → bonus-powerups-ingame-list-11e06ea5.js} +116 -49
- package/dist/cjs/bonus-powerups-ingame-list.cjs.js +1 -1
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/active-confirm-modal/active-confirm-modal.component.js +1 -1
- package/dist/collection/components/assets/clear-search.svg +9 -0
- package/dist/collection/components/bonus-powerups-ingame-list/bonus-powerups-ingame-list.css +72 -0
- package/dist/collection/components/bonus-powerups-ingame-list/bonus-powerups-ingame-list.js +107 -54
- package/dist/collection/components/time-count/time-count.js +2 -2
- package/dist/collection/utils/locale.utils.js +5 -2
- package/dist/collection/utils/utils.js +4 -0
- package/dist/esm/active-confirm-modal_3.entry.js +5 -5
- package/dist/esm/{bonus-powerups-ingame-list-0ec31d98.js → bonus-powerups-ingame-list-3c160367.js} +116 -49
- package/dist/esm/bonus-powerups-ingame-list.js +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/types/builds/emfe-widgets/widgets-monorepo/packages/stencil/bonus-powerups-ingame-list/.stencil/libs/common/src/types/casino/powerups.d.ts +5 -0
- package/dist/types/components/bonus-powerups-ingame-list/bonus-powerups-ingame-list.d.ts +6 -2
- package/dist/types/components.d.ts +2 -2
- package/dist/types/utils/utils.d.ts +4 -0
- package/package.json +1 -1
- package/dist/bonus-powerups-ingame-list/bonus-powerups-ingame-list-0ec31d98.js +0 -3
package/dist/cjs/{bonus-powerups-ingame-list-392f082a.js → bonus-powerups-ingame-list-11e06ea5.js}
RENAMED
|
@@ -135,13 +135,16 @@ const TRANSLATIONS = {
|
|
|
135
135
|
days: 'Days',
|
|
136
136
|
round: 'Round',
|
|
137
137
|
day: 'Day',
|
|
138
|
+
gotoShop: 'Go to the shop to check power-ups availability.',
|
|
138
139
|
nothingHere: 'Nothing here -- yet!',
|
|
139
|
-
|
|
140
|
+
noPowerUpsNow: 'No power-ups at the moment. ',
|
|
140
141
|
poweringTooltip: 'Power-ups are currently unavailable as you have already activated one power-up. Only one power-up can be active at a time.',
|
|
141
142
|
later: 'Later',
|
|
142
143
|
activateNow: 'Activate Now',
|
|
143
144
|
activeTitle: 'Activate power-up?',
|
|
144
|
-
activeContent: 'In case of activation the countdown starts immediately.\n Are you sure you want to activate?'
|
|
145
|
+
activeContent: 'In case of activation the countdown starts immediately.\n Are you sure you want to activate?',
|
|
146
|
+
activeSuccess: "Activated a power-up",
|
|
147
|
+
activeError: "Failed to activate power-up.",
|
|
145
148
|
}
|
|
146
149
|
};
|
|
147
150
|
const getTranslations = (url) => {
|
|
@@ -5934,7 +5937,18 @@ const InfoSvg = `<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xml
|
|
|
5934
5937
|
</svg>
|
|
5935
5938
|
`;
|
|
5936
5939
|
|
|
5937
|
-
const
|
|
5940
|
+
const ClearSearch = `<svg width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
5941
|
+
<rect width="52" height="52" fill="url(#pattern0_1132_30534)"/>
|
|
5942
|
+
<defs>
|
|
5943
|
+
<pattern id="pattern0_1132_30534" patternContentUnits="objectBoundingBox" width="1" height="1">
|
|
5944
|
+
<use xlink:href="#image0_1132_30534" transform="scale(0.01)"/>
|
|
5945
|
+
</pattern>
|
|
5946
|
+
<image id="image0_1132_30534" width="100" height="100" preserveAspectRatio="none" xlink:href="data:image/png;base64,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"/>
|
|
5947
|
+
</defs>
|
|
5948
|
+
</svg>
|
|
5949
|
+
`;
|
|
5950
|
+
|
|
5951
|
+
const bonusPowerupsIngameListCss = "@charset \"UTF-8\";.FlexRow{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:5px}.IngamePowerUpsContainer{display:block;transition:opacity 200ms ease-in-out;height:100%;padding:var(--emw--ingame-power-container-padding, 8px);}.IngamePowerUpsContainer .EmptyPowerups{align-items:center;justify-content:center;font-weight:400;font-size:1.2em;line-height:24px;text-align:center;vertical-align:middle;width:max-content;margin:auto;display:flex;flex-direction:column;padding:50px}.IngamePowerUpsContainer .EmptyPowerups.Cards{height:calc(100% - 260px)}.IngamePowerUpsContainer .EmptyPowerups .Icon,.IngamePowerUpsContainer .EmptyPowerups .NoPowerTitle{text-align:center}.IngamePowerUpsContainer .EmptyPowerups .Icon svg,.IngamePowerUpsContainer .EmptyPowerups .NoPowerTitle svg{width:40px}.IngamePowerUpsContainer .EmptyPowerups .NoPowerTitle{font-size:1.2em;font-weight:bold;margin:10px}.IngamePowerUpsContainer .EmptyPowerups .NoPowerDescription{display:flex;flex-direction:column}.IngamePowerUpsContainer .ToastWrapper{position:absolute;width:80%;display:flex;gap:10px;align-items:center;opacity:0;z-index:1000;transition:opacity 0.5s ease-out;bottom:10px;right:10px;height:40px;border-top-left-radius:8px;border-bottom-left-radius:8px;border-width:1px;padding:8px 15px}.IngamePowerUpsContainer .ToastWrapper.Shown{opacity:1}.IngamePowerUpsContainer .ToastWrapper.Hidden{opacity:0;z-index:-1;display:inherit}.IngamePowerUpsContainer .ToastWrapper.Failed,.IngamePowerUpsContainer .ToastWrapper.Success{padding:10px;border-radius:10px;background:linear-gradient(180deg, #262849 0%, #191B31 50%, #16102A 100%)}.IngamePowerUpsContainer .ToastWrapper.Success{border:1px solid;border-image-source:linear-gradient(94.32deg, var(--emw--ingame-color-pth-primary1, #9500FF) 4.41%, var(--emw--ingame-color-pth-primary2, #232EC4) 113.86%)}.IngamePowerUpsContainer .ToastWrapper.Failed{border:1px solid var(--emw--ingame-color-light-red, #FF4D4F)}.IngamePowerUpsContainer .IconBtn{width:26px;height:26px}.IngamePowerUpsContainer .Hidden{opacity:0 !important;display:none}.IngamePowerUpsContainer .CircleLinearBorder{position:relative;border-radius:20px;background:none;overflow:hidden;border:1.5px solid transparent;display:flex;align-items:center;justify-content:center;cursor:pointer}.IngamePowerUpsContainer .CircleLinearBorder svg{border-radius:20px;padding:4.5px;background:var(--emw--ingame-color-powerup-bg, rgba(9, 9, 9, 0.8980392157));z-index:1}.IngamePowerUpsContainer .CircleLinearBorder::before{content:\"\";position:absolute;top:-1.5px;left:-1.5px;right:-1.5px;bottom:-1.5px;z-index:0;border-radius:21.5px;background:linear-gradient(0deg, var(--emw--ingame-color-white10, rgba(255, 255, 255, 0.0666666667)), var(--emw--ingame-color-white10, rgba(255, 255, 255, 0.0666666667))), linear-gradient(35.22deg, var(--emw--ingame-color-white10, rgba(255, 255, 255, 0)), var(--emw--ingame-color-white30, rgba(255, 255, 255, 0.5490196078)) 89.19%)}.IngamePowerUpsContainer .TopBar{opacity:1;transition:all 0.5s ease-in-out;display:flex;justify-content:space-between;align-items:center;padding:15px}.IngamePowerUpsContainer .TopBar .BarTitle{width:calc(100% - 20px);font-weight:600;font-size:1.2rem;text-align:center;vertical-align:middle}.IngamePowerUpsContainer .Cards{opacity:1;transition:all 0.5s ease-in-out;width:100%;height:calc(100% - 70px);gap:16px;opacity:1;padding:1px;overflow:auto;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--emw--color-background, hsl(254, 8.53%, 54.93%)) transparent}.IngamePowerUpsContainer .Cards .Card{background-color:var(--emw--ingame-color-powerup-bg, rgba(27, 27, 27, 0.8901960784));border:1px solid var(--emw--ingame-color-white10, rgba(255, 255, 255, 0.1019607843));height:99px;gap:12px;opacity:1;border-radius:18px;border-width:1px;padding:14px;align-items:center}.IngamePowerUpsContainer .Cards .Card.PoweringDesc{align-items:flex-start;height:auto;transition:all 0.3s ease-in-out}.IngamePowerUpsContainer .Cards .Card.Hidden{display:none}.IngamePowerUpsContainer .Cards .Card .LeftOfRow{display:flex;flex-direction:row;gap:10px}.IngamePowerUpsContainer .Cards .Card .PowerupTitle,.IngamePowerUpsContainer .Cards .Card .ExpireTime,.IngamePowerUpsContainer .Cards .Card .MultiplierInfo{display:flex;flex-direction:row;align-items:center}.IngamePowerUpsContainer .Cards .Card .PowerupTitle{font-weight:bold}.IngamePowerUpsContainer .Cards .Card .PowerupTitle .LeftOfRow{width:calc(100% - 40px)}.IngamePowerUpsContainer .Cards .Card .PowerupTitle .Name{width:calc(100% - 40px);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.IngamePowerUpsContainer .Cards .Card .MultiplierInfo{align-items:flex-end;height:37.6px}.IngamePowerUpsContainer .Cards .Card .MultiplierInfo .MultiplierIcon{height:12px}.IngamePowerUpsContainer .Cards .Card .MultiplierInfo .LeftOfRow{color:var(--emw--ingame-color-white60, rgba(255, 255, 255, 0.4980392157));font-size:0.8rem;gap:3px;align-items:center}.IngamePowerUpsContainer .Cards .Card .MultiplierInfo .LeftOfRow .MultiplierMode{margin-right:15px}.IngamePowerUpsContainer .Cards .Card .Status{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:6px;font-size:0.8rem;width:max-content;height:25px;backdrop-filter:blur(4.6px);flex-grow:0;border:0px solid;opacity:1;padding:1px}.IngamePowerUpsContainer .Cards .Card .Status::before{background:linear-gradient(97.6deg, var(--emw--ingame-color-white10, rgba(255, 255, 255, 0.2)) 11.03%, var(--emw--ingame-color-white00, rgba(255, 255, 255, 0)) 95.17%), linear-gradient(0deg, var(--emw--ingame-color-white10, rgba(255, 255, 255, 0.2)), var(--emw--ingame-color-white10, rgba(255, 255, 255, 0.2)))}.IngamePowerUpsContainer .Cards .Card .Status .InprogressLabel{width:fit-content;min-width:100px}.IngamePowerUpsContainer .Cards .Card .Status time-count{min-width:172px}.IngamePowerUpsContainer .Cards .Card .Status time-count{background-color:var(--emw--ingame-color-black-middle, #020308);width:calc(100% - 4px);height:calc(100% - 4px);border-radius:20px;text-align:center;align-items:center;display:flex;justify-content:center;padding:2.2px;z-index:1;padding-right:10px}.IngamePowerUpsContainer .Cards .Card .ActiveButton.Activating{background-color:var(--emw--ingame-color-white30, rgba(255, 255, 255, 0.3019607843));color:var(--emw--ingame-color-white30, rgba(255, 255, 255, 0.3019607843))}.IngamePowerUpsContainer .Cards .Card time-count .Label{margin-right:5px}.IngamePowerUpsContainer .Cards .Card time-count .InprogressLabel{text-align:left;width:fit-content;padding:0 5px;border-radius:18px;border:1px solid rgba(175, 165, 165, 0.5098039216);line-height:21px;margin-right:10px}.IngamePowerUpsContainer .Cards .Card time-count .InprogressLabel .Icon{height:5px;width:5px;background-color:var(--New-Indicator-Yellow, #FFB801);border-radius:3px;display:inline-block;margin-right:5px}.IngamePowerUpsContainer .Cards .Card time-count .TimeCountDown{letter-spacing:1.5px;font-weight:bold;text-transform:capitalize}.IngamePowerUpsContainer .ActiveBtn{color:var(--emw--ingame-color-black, #090909);position:relative;background:none;overflow:hidden;min-width:88px;height:36px;font-weight:bold;gap:10px;border-radius:20px;animation-duration:0ms}.IngamePowerUpsContainer .ActiveBtn.Disabled .content{background-color:var(--emw--ingame-color-white20, rgba(255, 255, 255, 0.2));color:var(--emw--ingame-color-white20, rgba(255, 255, 255, 0.2))}.IngamePowerUpsContainer .ActiveBtn.Disabled:hover,.IngamePowerUpsContainer .ActiveBtn.Disabled:before{box-shadow:none;background:none}.IngamePowerUpsContainer .ActiveBtn:hover{box-shadow:0px 0px 3px 5px var(--emw--ingame-color-white10, rgba(255, 255, 255, 0.1019607843))}.IngamePowerUpsContainer .ActiveBtn::before{content:\"\";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;z-index:1;border-radius:18px;background:linear-gradient(to top right, var(--emw--ingame-color-powerup-brightgreen, #00FA5A), var(--emw--ingame-color-powerup-brightblue, rgba(50, 237, 221, 0.8901960784)))}.IngamePowerUpsContainer .ActiveBtn .content{line-height:1.6;background:var(--emw--ingame-color-powerup-brightgreen, #00FA5A);border-radius:18px;padding:1px;height:calc(100% - 4px);width:calc(100% - 4px);text-align:center;align-items:center;display:flex;justify-content:center;z-index:1}";
|
|
5938
5952
|
const BonusPowerupsIngameListStyle0 = bonusPowerupsIngameListCss;
|
|
5939
5953
|
|
|
5940
5954
|
const BonusPowerupsIngameList = class {
|
|
@@ -5952,7 +5966,7 @@ const BonusPowerupsIngameList = class {
|
|
|
5952
5966
|
this.endpoint = undefined;
|
|
5953
5967
|
this.session = undefined;
|
|
5954
5968
|
this.limit = 30;
|
|
5955
|
-
this.
|
|
5969
|
+
this.disableCount = false;
|
|
5956
5970
|
this.isLoading = false;
|
|
5957
5971
|
this.isActivating = false;
|
|
5958
5972
|
this.powerups = [];
|
|
@@ -5961,46 +5975,87 @@ const BonusPowerupsIngameList = class {
|
|
|
5961
5975
|
this.showConfirmModal = false;
|
|
5962
5976
|
this.currentPowerup = undefined;
|
|
5963
5977
|
this.validPowerIds = [];
|
|
5978
|
+
this.activeMessage = undefined;
|
|
5979
|
+
this.showToasting = false;
|
|
5964
5980
|
this.debouncedReload = debounce(this.reloadPowerups, 100);
|
|
5965
5981
|
}
|
|
5966
5982
|
reloadPowerupsHandler(e) {
|
|
5967
|
-
|
|
5968
|
-
this.
|
|
5969
|
-
this.validPowerIds = ((_b = e.detail) === null || _b === void 0 ? void 0 : _b.validPowerIds) || [];
|
|
5970
|
-
this.reloadPowerups();
|
|
5983
|
+
const { onlyGamePowers } = e.detail;
|
|
5984
|
+
this.reloadPowerups(!!onlyGamePowers);
|
|
5971
5985
|
}
|
|
5972
5986
|
activePowerupHandler(e) {
|
|
5987
|
+
if (!this.currentPowerup) {
|
|
5988
|
+
return;
|
|
5989
|
+
}
|
|
5973
5990
|
if (e.detail.id === this.currentPowerup.id) {
|
|
5974
5991
|
this.activePowerUp(this.currentPowerup);
|
|
5975
5992
|
}
|
|
5976
5993
|
this.showConfirmModal = false;
|
|
5977
5994
|
}
|
|
5978
5995
|
powerupTimeCountDownHandler(e) {
|
|
5996
|
+
if (this.disableCount) {
|
|
5997
|
+
return;
|
|
5998
|
+
}
|
|
5979
5999
|
if (e.detail.timeLeft <= 0) {
|
|
5980
6000
|
this.reloadPowerups();
|
|
5981
6001
|
return;
|
|
5982
6002
|
}
|
|
5983
6003
|
}
|
|
5984
|
-
reloadPowerups() {
|
|
6004
|
+
async reloadPowerups(onlyGamePowers = false) {
|
|
5985
6005
|
this.powerups = [];
|
|
5986
6006
|
this.total = 0;
|
|
5987
|
-
this.
|
|
6007
|
+
await this.loadGamePowers();
|
|
6008
|
+
if (onlyGamePowers) {
|
|
6009
|
+
return;
|
|
6010
|
+
}
|
|
6011
|
+
await this.loadData();
|
|
5988
6012
|
}
|
|
5989
6013
|
handleConfigChange() {
|
|
5990
6014
|
this.debouncedReload();
|
|
5991
6015
|
}
|
|
6016
|
+
async loadGamePowers() {
|
|
6017
|
+
try {
|
|
6018
|
+
this.isLoading = true;
|
|
6019
|
+
const url = new URL(`${this.endpoint}/v1/elevate/powerups`);
|
|
6020
|
+
const options = {
|
|
6021
|
+
headers: {
|
|
6022
|
+
'Content-Type': 'application/json',
|
|
6023
|
+
'x-SessionId': this.session
|
|
6024
|
+
},
|
|
6025
|
+
method: 'GET',
|
|
6026
|
+
};
|
|
6027
|
+
url.searchParams.append('filter', `gameId=${this.gameId}`);
|
|
6028
|
+
Object.entries(powerUpWithoutGamesSearchConditions).forEach(([key, value]) => {
|
|
6029
|
+
url.searchParams.append(key, value);
|
|
6030
|
+
});
|
|
6031
|
+
const response = await fetch(url, options);
|
|
6032
|
+
if (!response.ok) {
|
|
6033
|
+
window.postMessage({ type: 'errorWhenLoadPowerups', status: response.status });
|
|
6034
|
+
throw new Error(`HTTP error! status: ${response.status}`);
|
|
6035
|
+
}
|
|
6036
|
+
const { data, total } = await response.json();
|
|
6037
|
+
this.validPowerIds = data.map(e => e.powerUpID);
|
|
6038
|
+
this.powerupsLoadEvent.emit({ powerups: data, total });
|
|
6039
|
+
}
|
|
6040
|
+
catch (error) {
|
|
6041
|
+
console.error("Failed to load game powerups:", error);
|
|
6042
|
+
}
|
|
6043
|
+
finally {
|
|
6044
|
+
this.isLoading = false;
|
|
6045
|
+
}
|
|
6046
|
+
}
|
|
5992
6047
|
async loadData() {
|
|
5993
|
-
if (this.isLoading ||
|
|
6048
|
+
if (this.isLoading || this.total > 0 && this.powerups.length >= this.total) {
|
|
5994
6049
|
return;
|
|
5995
6050
|
}
|
|
5996
|
-
this.isLoading = true;
|
|
5997
6051
|
if (this.abortController) {
|
|
5998
6052
|
this.abortController.abort();
|
|
5999
6053
|
}
|
|
6000
6054
|
this.abortController = new AbortController();
|
|
6055
|
+
this.isLoading = true;
|
|
6001
6056
|
try {
|
|
6002
6057
|
const offset = this.powerups.length;
|
|
6003
|
-
const url = new URL(`${this.endpoint}/v1/elevate/powerups
|
|
6058
|
+
const url = new URL(`${this.endpoint}/v1/elevate/powerups`);
|
|
6004
6059
|
const options = {
|
|
6005
6060
|
headers: {
|
|
6006
6061
|
'Content-Type': 'application/json',
|
|
@@ -6009,28 +6064,38 @@ const BonusPowerupsIngameList = class {
|
|
|
6009
6064
|
method: 'GET',
|
|
6010
6065
|
signal: this.abortController.signal
|
|
6011
6066
|
};
|
|
6012
|
-
|
|
6013
|
-
|
|
6014
|
-
}
|
|
6067
|
+
url.searchParams.append('pagination', `offset=${offset},limit=${this.limit}`);
|
|
6068
|
+
url.searchParams.append('language', this.language);
|
|
6015
6069
|
Object.entries(powerUpWithoutGamesSearchConditions).forEach(([key, value]) => {
|
|
6016
6070
|
url.searchParams.append(key, value);
|
|
6017
6071
|
});
|
|
6018
|
-
url.searchParams.append('language', this.language);
|
|
6019
6072
|
const response = await fetch(url, options);
|
|
6020
6073
|
if (!response.ok) {
|
|
6021
6074
|
window.postMessage({ type: 'errorWhenLoadPowerups', status: response.status });
|
|
6022
6075
|
throw new Error(`HTTP error! status: ${response.status}`);
|
|
6023
6076
|
}
|
|
6024
|
-
const { data, total } = await response.json();
|
|
6077
|
+
const { data, total, success, errorMessage } = await response.json();
|
|
6078
|
+
if (!success) {
|
|
6079
|
+
this.activeMessage = {
|
|
6080
|
+
isSuccessed: false,
|
|
6081
|
+
info: translate("LoadDataFailed"),
|
|
6082
|
+
};
|
|
6083
|
+
this.showToasting = true;
|
|
6084
|
+
this.timerId = setTimeout(() => {
|
|
6085
|
+
this.showToasting = false;
|
|
6086
|
+
}, 2000);
|
|
6087
|
+
throw new Error(`HTTP error! status: ${errorMessage}`);
|
|
6088
|
+
}
|
|
6025
6089
|
this.powerups = [...this.powerups, ...data];
|
|
6026
6090
|
this.isPowering = this.powerups.filter(e => e.status === PowerUpStatus.ACTIVATED).length > 0;
|
|
6027
6091
|
this.powerups.forEach(powerUp => {
|
|
6028
|
-
|
|
6092
|
+
if (this.isPowering) {
|
|
6093
|
+
powerUp.isValidForCurrentGame = false;
|
|
6094
|
+
return;
|
|
6095
|
+
}
|
|
6096
|
+
powerUp.isValidForCurrentGame = this.validPowerIds.indexOf(powerUp.powerUpID) > -1;
|
|
6029
6097
|
});
|
|
6030
6098
|
this.total = total;
|
|
6031
|
-
if (!this.showFullList) {
|
|
6032
|
-
this.powerupsLoadEvent.emit({ powerups: this.powerups, total });
|
|
6033
|
-
}
|
|
6034
6099
|
}
|
|
6035
6100
|
catch (error) {
|
|
6036
6101
|
if (error.name !== 'AbortError') {
|
|
@@ -6049,7 +6114,7 @@ const BonusPowerupsIngameList = class {
|
|
|
6049
6114
|
}
|
|
6050
6115
|
this.loadMoreObserver = new IntersectionObserver((entries) => {
|
|
6051
6116
|
entries.forEach((entry) => {
|
|
6052
|
-
if (entry.isIntersecting) {
|
|
6117
|
+
if (entry.isIntersecting && entry.target.innerHTML != '') {
|
|
6053
6118
|
this.loadData().catch(console.error);
|
|
6054
6119
|
}
|
|
6055
6120
|
});
|
|
@@ -6089,16 +6154,18 @@ const BonusPowerupsIngameList = class {
|
|
|
6089
6154
|
}
|
|
6090
6155
|
const res = await response.json();
|
|
6091
6156
|
if (res === null || res === void 0 ? void 0 : res.success) {
|
|
6092
|
-
powerUp = Object.assign(Object.assign({}, powerUp), { status: PowerUpStatus.ACTIVATED, activatedAt: hooks(new Date()).format('YYYY-MM-DD HH:mm:ssZ') });
|
|
6093
|
-
const activedIdx = this.powerups.findIndex((e) => e.id === powerUp.id);
|
|
6094
|
-
this.powerups[activedIdx] = Object.assign({}, powerUp);
|
|
6095
|
-
this.powerups = [...this.powerups];
|
|
6096
6157
|
this.isPowering = true;
|
|
6097
6158
|
}
|
|
6098
|
-
|
|
6099
|
-
|
|
6100
|
-
|
|
6101
|
-
|
|
6159
|
+
this.activeMessage = {
|
|
6160
|
+
isSuccessed: res.success,
|
|
6161
|
+
info: translate(res.success ? "activeSuccess" : "activeError", this.language),
|
|
6162
|
+
detail: res.errorMessage
|
|
6163
|
+
};
|
|
6164
|
+
this.showToasting = true;
|
|
6165
|
+
this.timerId = setTimeout(() => {
|
|
6166
|
+
this.showToasting = false;
|
|
6167
|
+
res.success && this.reloadPowerups();
|
|
6168
|
+
}, 2000);
|
|
6102
6169
|
}
|
|
6103
6170
|
catch (e) {
|
|
6104
6171
|
console.error(e);
|
|
@@ -6109,9 +6176,7 @@ const BonusPowerupsIngameList = class {
|
|
|
6109
6176
|
}
|
|
6110
6177
|
}
|
|
6111
6178
|
}
|
|
6112
|
-
//Close Current List
|
|
6113
6179
|
onClose() {
|
|
6114
|
-
this.showFullList = false;
|
|
6115
6180
|
this.closePowerupsEvent.emit({ powerups: this.powerups });
|
|
6116
6181
|
}
|
|
6117
6182
|
showDetail(powerup) {
|
|
@@ -6126,26 +6191,28 @@ const BonusPowerupsIngameList = class {
|
|
|
6126
6191
|
this.showConfirmModal = true;
|
|
6127
6192
|
}
|
|
6128
6193
|
componentDidUpdate() {
|
|
6129
|
-
if (this.powerups.length < this.total) {
|
|
6194
|
+
if (this.total > 0 && this.powerups.length < this.total) {
|
|
6130
6195
|
this.initializeObserver();
|
|
6131
6196
|
}
|
|
6132
6197
|
}
|
|
6133
6198
|
render() {
|
|
6134
|
-
var _a;
|
|
6135
|
-
return (index.h("div", { key: '
|
|
6199
|
+
var _a, _b, _c, _d;
|
|
6200
|
+
return (index.h("div", { key: '9426c6dcd8d1a40215965c19ddd01670ecc00f8b', class: 'IngamePowerUpsContainer', ref: (el) => (this.stylingContainer = el) }, index.h("div", { key: '8448e3b8bceaa29f77d9e09e599f3af8d078fe8a', class: `TopBar ${this.showConfirmModal ? 'Hidden' : ''}` }, index.h("span", { key: '4f1269d8a21e540a43e09862637b03de8c8d4bf0', class: 'BarTitle' }, translate('powerups', this.language)), index.h("div", { key: 'b2f52361b45d6dbb1c14f3e8a24a22bbb54a76b4', class: 'IconBtn CircleLinearBorder', onClick: this.onClose.bind(this), innerHTML: CloseSvg })), this.isLoading && this.powerups.length === 0
|
|
6136
6201
|
? index.h("smart-loader", null)
|
|
6137
|
-
:
|
|
6138
|
-
index.h("div", { class:
|
|
6139
|
-
|
|
6140
|
-
|
|
6141
|
-
?
|
|
6142
|
-
|
|
6143
|
-
|
|
6144
|
-
|
|
6145
|
-
|
|
6146
|
-
|
|
6147
|
-
|
|
6148
|
-
|
|
6202
|
+
: (this.powerups.length > 0 ?
|
|
6203
|
+
index.h("div", { class: `Cards ${this.showConfirmModal || this.powerups.length === 0 ? 'Hidden' : ''}` }, this.isPowering &&
|
|
6204
|
+
index.h("div", { class: 'Card PoweringDesc' }, index.h("div", { class: 'FlexRow' }, index.h("div", { class: 'Icon', innerHTML: InfoSvg }), index.h("div", { class: 'Text' }, translate('poweringTooltip', this.language)))), this.powerups.map((powerup, index$1) => {
|
|
6205
|
+
const isLastItem = index$1 === (this.powerups.length - 1);
|
|
6206
|
+
return (index.h("div", { class: `Card ${powerup.status === PowerUpStatus.ACTIVATED ? 'Actived' : ''} ${isLastItem ? "LastItem" : ""}`, ref: isLastItem ? (el) => (this.lastItemElement = el) : null }, index.h("div", { class: `PowerupTitle FlexRow` }, index.h("div", { class: 'LeftOfRow' }, index.h("div", { class: 'EnergyIcon', innerHTML: EnergySvg }), index.h("div", { class: 'Name' }, powerup.powerUpName)), index.h("div", { class: 'DetailIcon', onClick: this.showDetail.bind(this, powerup) }, index.h("div", { class: 'IconBtn CircleLinearBorder', innerHTML: DetailArrow }))), index.h("div", { class: `ExpireTime Status CircleLinearBorder` }, powerup.status === PowerUpStatus.ACTIVATED
|
|
6207
|
+
?
|
|
6208
|
+
index.h("time-count", { "in-progress": true, mode: powerup.boostingPeriod.mode, "left-rounds": (powerup.boostingPeriod.numberOfRounds || 0) - (powerup.usedNumberOfRounds || 0), language: this.language, "expire-time": getActivedExpireTime(powerup) })
|
|
6209
|
+
:
|
|
6210
|
+
index.h("time-count", { language: this.language, mode: powerup.boostingPeriod.mode, "expire-time": powerup.expireTime })), index.h("div", { class: 'MultiplierInfo FlexRow' }, index.h("div", { class: 'LeftOfRow' }, index.h("div", { class: 'MultiplierIcon', innerHTML: FireSvg }), index.h("div", { class: 'MultiplierValue' }, powerup.multiplier.coefficient, "x"), index.h("div", { class: 'MultiplierMode' }, powerup.multiplier.mode === MultiplierMode.COINS ? translate('coins', this.language) : translate('xp', this.language)), index.h("div", { class: 'MultiplierIcon', innerHTML: ClockSvg }), index.h("div", { class: 'MultiplierValue' }, powerup.boostingPeriod[powerup.boostingPeriod.mode === exports.BoostingPeriodMode.NUMBER_OF_ROUNDS ? 'numberOfRounds' : 'minutes']), index.h("div", { class: 'MultiplierMode' }, powerup.boostingPeriod.mode === exports.BoostingPeriodMode.NUMBER_OF_ROUNDS
|
|
6211
|
+
? translate(powerup.boostingPeriod.numberOfRounds > 1 ? 'rounds' : 'round', this.language)
|
|
6212
|
+
: translate('minutes', this.language))), (powerup.status === PowerUpStatus.ACTIVE || powerup.status === PowerUpStatus.ACTIVATING) &&
|
|
6213
|
+
index.h("div", { class: `ActiveBtn CircleLinearBorder ${this.isPowering || this.isActivating || !powerup.isValidForCurrentGame ? 'Disabled' : ''} ${this.isActivating ? 'Activating' : ''}`, onClick: () => this.onActiveBtnClick(powerup) }, index.h("div", { class: 'content' }, " ", translate('activate', this.language))))));
|
|
6214
|
+
}), this.isLoading && this.powerups.length > 0 && index.h("smart-loader", null))
|
|
6215
|
+
: index.h("div", { class: 'EmptyPowerups Cards' }, index.h("div", { class: 'Icon', innerHTML: ClearSearch }), index.h("span", { class: 'NoPowerTitle' }, translate('nothingHere', this.language)), index.h("div", { class: 'NoPowerDescription' }, index.h("span", null, translate('noPowerUpsNow')), index.h("span", null, translate('gotoShop'))), index.h("div", null))), index.h("active-confirm-modal", { key: '8591d7fc76cfa6effaebd4fbf9a9f5a418bad119', "is-open": this.showConfirmModal, pid: (_a = this.currentPowerup) === null || _a === void 0 ? void 0 : _a.id, language: this.language }), index.h("div", { key: '590c3ceaebe5aca9f64d6210a2adaff17700faa5', class: `ToastWrapper ${this.showToasting ? "Shown" : "Hidden"} ${((_b = this.activeMessage) === null || _b === void 0 ? void 0 : _b.isSuccessed) ? "Success" : "Failed"}` }, index.h("div", { key: '7df6ac445d05c7cd19a6af7df50bb88031dfed47', class: `Details` }, index.h("span", { key: '4735edc51e995f5853e488f3ff24a13619a8283e', class: 'Info' }, (_c = this.activeMessage) === null || _c === void 0 ? void 0 : _c.info), ((_d = this.activeMessage) === null || _d === void 0 ? void 0 : _d.detail) && index.h("span", { key: '19e1117d681fcd38e13e134e3f57ddc5c9c078ed', class: 'Detail' }, " - [ ", this.activeMessage.detail, " ]")))));
|
|
6149
6216
|
}
|
|
6150
6217
|
handleClientStylingChange(newValue, oldValue) {
|
|
6151
6218
|
if (newValue != oldValue) {
|
|
@@ -6189,6 +6256,7 @@ const BonusPowerupsIngameList = class {
|
|
|
6189
6256
|
this.loadMoreObserver.disconnect();
|
|
6190
6257
|
}
|
|
6191
6258
|
this.stylingSubscription && this.stylingSubscription.unsubscribe();
|
|
6259
|
+
this.timerId && clearTimeout(this.timerId);
|
|
6192
6260
|
}
|
|
6193
6261
|
static get assetsDirs() { return ["../assets"]; }
|
|
6194
6262
|
static get watchers() { return {
|
|
@@ -6196,7 +6264,6 @@ const BonusPowerupsIngameList = class {
|
|
|
6196
6264
|
"endpoint": ["handleConfigChange"],
|
|
6197
6265
|
"limit": ["handleConfigChange"],
|
|
6198
6266
|
"language": ["handleConfigChange"],
|
|
6199
|
-
"showFullList": ["loadData"],
|
|
6200
6267
|
"clientStyling": ["handleClientStylingChange"],
|
|
6201
6268
|
"clientStylingUrl": ["handleClientStylingUrlChange"],
|
|
6202
6269
|
"mbSource": ["handleMbSourceChange"],
|
|
@@ -19,7 +19,7 @@ var patchBrowser = () => {
|
|
|
19
19
|
|
|
20
20
|
patchBrowser().then(async (options) => {
|
|
21
21
|
await appGlobals.globalScripts();
|
|
22
|
-
return index.bootstrapLazy([["active-confirm-modal_3.cjs",[[1,"bonus-powerups-ingame-list",{"mbSource":[513,"mb-source"],"gameId":[513,"game-id"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"session":[513],"limit":[514],"
|
|
22
|
+
return index.bootstrapLazy([["active-confirm-modal_3.cjs",[[1,"bonus-powerups-ingame-list",{"mbSource":[513,"mb-source"],"gameId":[513,"game-id"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"session":[513],"limit":[514],"disableCount":[516,"disable-count"],"isLoading":[32],"isActivating":[32],"powerups":[32],"total":[32],"isPowering":[32],"showConfirmModal":[32],"currentPowerup":[32],"validPowerIds":[32],"activeMessage":[32],"showToasting":[32]},[[16,"reloadPowerups","reloadPowerupsHandler"],[16,"activePowerupEvent","activePowerupHandler"],[0,"powerupTimeCountDown","powerupTimeCountDownHandler"]],{"session":["handleConfigChange"],"endpoint":["handleConfigChange"],"limit":["handleConfigChange"],"language":["handleConfigChange"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"translationUrl":["handleNewTranslations"]}],[0,"active-confirm-modal",{"pid":[1538],"language":[1537],"isOpen":[1540,"is-open"]}],[0,"time-count",{"expireTime":[513,"expire-time"],"language":[513],"mode":[513],"inProgress":[516,"in-progress"],"leftRounds":[514,"left-rounds"],"displayTime":[32],"isExpireInDay1":[32],"timeLeft":[32]},null,{"timeLeft":["timeLeftChanged"],"expireTime":["startTimeChanged"]}]]]], options);
|
|
23
23
|
});
|
|
24
24
|
|
|
25
25
|
exports.setNonce = index.setNonce;
|
package/dist/cjs/index.cjs.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const bonusPowerupsIngameList = require('./bonus-powerups-ingame-list-
|
|
5
|
+
const bonusPowerupsIngameList = require('./bonus-powerups-ingame-list-11e06ea5.js');
|
|
6
6
|
require('./index-1c45277e.js');
|
|
7
7
|
|
|
8
8
|
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -8,7 +8,7 @@ const appGlobals = require('./app-globals-3a1e7e63.js');
|
|
|
8
8
|
const defineCustomElements = async (win, options) => {
|
|
9
9
|
if (typeof window === 'undefined') return undefined;
|
|
10
10
|
await appGlobals.globalScripts();
|
|
11
|
-
return index.bootstrapLazy([["active-confirm-modal_3.cjs",[[1,"bonus-powerups-ingame-list",{"mbSource":[513,"mb-source"],"gameId":[513,"game-id"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"session":[513],"limit":[514],"
|
|
11
|
+
return index.bootstrapLazy([["active-confirm-modal_3.cjs",[[1,"bonus-powerups-ingame-list",{"mbSource":[513,"mb-source"],"gameId":[513,"game-id"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"session":[513],"limit":[514],"disableCount":[516,"disable-count"],"isLoading":[32],"isActivating":[32],"powerups":[32],"total":[32],"isPowering":[32],"showConfirmModal":[32],"currentPowerup":[32],"validPowerIds":[32],"activeMessage":[32],"showToasting":[32]},[[16,"reloadPowerups","reloadPowerupsHandler"],[16,"activePowerupEvent","activePowerupHandler"],[0,"powerupTimeCountDown","powerupTimeCountDownHandler"]],{"session":["handleConfigChange"],"endpoint":["handleConfigChange"],"limit":["handleConfigChange"],"language":["handleConfigChange"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"translationUrl":["handleNewTranslations"]}],[0,"active-confirm-modal",{"pid":[1538],"language":[1537],"isOpen":[1540,"is-open"]}],[0,"time-count",{"expireTime":[513,"expire-time"],"language":[513],"mode":[513],"inProgress":[516,"in-progress"],"leftRounds":[514,"left-rounds"],"displayTime":[32],"isExpireInDay1":[32],"timeLeft":[32]},null,{"timeLeft":["timeLeftChanged"],"expireTime":["startTimeChanged"]}]]]], options);
|
|
12
12
|
};
|
|
13
13
|
|
|
14
14
|
exports.setNonce = index.setNonce;
|
|
@@ -15,7 +15,7 @@ export class ActiveConfirmModal {
|
|
|
15
15
|
this.activePowerupEvent.emit({ id });
|
|
16
16
|
}
|
|
17
17
|
render() {
|
|
18
|
-
return h("div", { key: '
|
|
18
|
+
return h("div", { key: 'a3d27838533a9da9c6096958d20ba7c223582888', class: `ModalContainer ${this.isOpen ? 'Shown' : 'Hidden'}` }, h("div", { key: 'e6d9adedf1b882312ae795ee3098af622976e6ac', class: 'TopBar' }, h("div", { key: 'e15e7ba1f6eccc5c15b5c83e06766e525d6f9713', class: 'IconBtn CircleLinearBorder', onClick: () => this.closeModal(), innerHTML: CloseSvg })), h("div", { key: '1a48351e00dd01eb285f516a6b9ddf3619dd9d3a', class: 'Title' }, translate('activeTitle', this.language)), h("div", { key: '4b4981016359af3500c0578d2ebe04fa8a62677d', class: 'ActivePowerupContent' }, translate("activeContent", this.language)), h("div", { key: 'a843ef0088b2674a7b32bc2a04c74abfde8b980b', class: 'Btns' }, h("div", { key: '61289f8630beebd7316fe7966ce5f3de28bde096', class: 'LaterBtn PowupBtn', onClick: () => this.closeModal() }, " ", translate('later', this.language), " "), h("div", { key: '3765062d5adebf082f134412cc41b11edc9e999c', class: 'Active PowupBtn', onClick: () => this.activeNow() }, " ", translate('activateNow', this.language), " ")));
|
|
19
19
|
}
|
|
20
20
|
static get is() { return "active-confirm-modal"; }
|
|
21
21
|
static get originalStyleUrls() {
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
<svg width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
2
|
+
<rect width="52" height="52" fill="url(#pattern0_1132_30534)"/>
|
|
3
|
+
<defs>
|
|
4
|
+
<pattern id="pattern0_1132_30534" patternContentUnits="objectBoundingBox" width="1" height="1">
|
|
5
|
+
<use xlink:href="#image0_1132_30534" transform="scale(0.01)"/>
|
|
6
|
+
</pattern>
|
|
7
|
+
<image id="image0_1132_30534" width="100" height="100" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAACXBIWXMAAAsTAAALEwEAmpwYAAAHlElEQVR4nO2daYwURRTH/4tnvPCI9xE1ahQTNZmp6gXRzar4wTtGvPWLUeIVPxgVNWbizqvZRdTAGoioEQwaFDWK0YBCvMUbJWJIBD8QOUIEowhEQFjzepu4WaZ6qnp6tqub+iX9hexUV/W/Xh3vvSoAj8fj8Xg8Ho/H4/F4ikapB8PLNYiyws2S8LBU6JEKU4TCNKkwWSjUhML9ZYWrRRfOPGUy9sm6zoWio4IDpMI1/NElYalU6LN5hMI2SVgoFUgqdI6djT2yblP+6ENbuYqLJGGmJGy0FSFWIMIqQZgoFUZk3Uz3qWBYmXC5VPg2TRFinvmS0J51s51EKnQKws9DJMRgq5kjqzgp62/gBOcoHC4VXs5CiEGibBaERzsq2BO7K6KK84XCykQfUOGvaGibJxVms6hC4Q0ehiJL25Kw3M9kD47D7oYkPBCugEw/FmGFJEwVCteafDDu6SWF06XCOKnwqiBssBDmd1nFBdgtqGAY7xcMe+u2aDjr5N8189pSBfsJhRsF4VNDUbaw+Ci8GISZBuP5v5LwXKsmWqlwnlD4yECU7WxhKCqSMNVgaPom6EZpKOrDFiMJaxqJUq7iOhQNSag0aji7PYZ6lROu8ghzDYavC1EURA2XScKOGKvYyH+T8VBabTjRF2H1Va7ieElYFzNxr3dlt1wm3BXNG9olce73KZKwIKaBf7PnFg4RiRJnKY8gr4STZsySNlAYAweJPMM6QTYF3TgReUNWcFCDFcyDcHuvNC9mWT4HeUMojI8RYx672OEwIys4Iq5DlQgSeaGjgn11jRGEzeVunIwcEEYl9UPu28gLcROjIDxmWx6HYjlimDTaF/Z2hek8jFr9sA9tkvCxZqm+I+jCGcgDugCTUFg/agIOtCkrchCujsqYbbvsjIaen6LO8N3obhxi8/uyQkfM0NsD1+HQaIx1PG5rGUJh7aAyZplaSmQZSwb17IW2lhK65Ot3sJXOx+j5o2sE2d5OOLYZMWxEqStGQlFEFTfpOhlbEFxGKnyhqfx80zJ4WBKEZXEbtDhRYsX4/5luWp+zJmJ/3sRqyumC0yk7hK2aio+zKUvUMDKKClqJYijGEv47q/oQXtdY2+dwFfaIaj9eDadZl2cpSqvEiNp2p0aQrSMq2BsuIhXu1lR6TdIyTUUZNQHHtEqMRosVZ5e/ktCrEWRBM+WaiGKQUJdYjJ3zWkzixFVwEUF4T1PhKU2XbSJKi8TYiS6VlXOJ4SI8wbXSZS2SiZKKGEyY6VjfOqtwEUFYrOlB96b1Do63C8IfRmIQlpYIR6f1bkF4SzOHTYKLSIXlmo9zW5rvCWq4wkCMjTzRp/leXcaMILwAF9Hl5rKzESkx0Ddl8Fj7vpLsRYTCM3ARqfC1pgc9lIEYqYsiCO9r2qfgItp0GsKTzZZtuOmr+9g4JBu0b5HGQsbDRdh0NR/lnQwsI11L6UOb1p9VxQ1wEV5NaXrosqRlmrpDJOHKJL4vU0o9OEFX7lBlWlpTUjhXM2TtEE/gKNvybH1TSR2SJrAV6NpmG3QbMtjJxmky9SpetsyPNRqm6uwzDPcp1sOXVHhe1yHgMoLwgebjvWIZD1lsahkJd/TG7hy2KD4sqmlXL1wmINyh+QCbbEw7ULg+PJZgKYaJKByJ5IikRV3GxAjrpmNxJ6KGw3ReUaFwu01ZGlGMfVP1RLEVIyyHMEszH23gg0BwnejMX93V1ljLCXWQKPaRvgGiJBEj6MKpMZZqHAbOlKCGQGviNdxiXV6/KIuTem1DUQjLbMVgJGFGzHDVibwgFT7RWMmqJMvEZt0fSX7PQuqOJwiF711Ph921MfpDOpPhOKVp2Esq/KCzDr7cBnlDN5dIFopwKRxGKjylE0MQfmz2VHAmcGKcJPypEWWdq9dZcO/XWjfn9FYxGnmFl7oxk+LyQOFIuLYgiUmYEIQXkWvYS6oJfcr+HrcorZh3GmLEul0IK9orOBR55+wKDo4J7/KK5Zesh6+ghktiU4kIW3mhgiLAFiAaXb1EWJfJ0egKhvGZlZjNX/gECvehCFhF+ihcffVaH6xJSLQL/9CgXk1HPJ2gibDrakm4tVVnwqMhlCThn0Z1EQov5WoD2IoYuBy4CmPvcUoWw1E/TkjQLsV3tYzeXO43kogh+ucU7URf57a3WXzu3TbxLUySJtwTnRXU3tIw6NnOV9CiCNiEXUs9GC4JbyaxHM4jFoSnOcWI877Yknji5Wv6BOFZnht0J7AaDFFrZQ0XowgkOp/RhzbObDQeRlr5EOamne2YGc0elmlnNwv7vuJuDWrRIwi/8WXNKAppnlyShHad674Fz2o+SsBnCFEU2BfVipNLQb9P6bWkt4vGWoTCl3zmkW+cQJFolRgDYd8ROyjDvNrk145v4csvwx15grOOuWAoxKgXNCpXMSq6uoP/J4R3BeGrKHPxVw4ohR++/98nRQc1O3ORiNAMSZPYPC3Ai+EQXgyH8GI4hBfDIbwYDuHFcAgvhkN4MRzCi+EQXgyH8GI4hBcjLzfBDfDaupaDW3g4WcBbhuuieDEcEsWL4Q5hnpOfMzwej8fj8Xg8Ho/H4/GgyPwHN+MBWXHaP7AAAAAASUVORK5CYII="/>
|
|
8
|
+
</defs>
|
|
9
|
+
</svg>
|
package/dist/collection/components/bonus-powerups-ingame-list/bonus-powerups-ingame-list.css
CHANGED
|
@@ -14,6 +14,75 @@
|
|
|
14
14
|
padding: var(--emw--ingame-power-container-padding, 8px);
|
|
15
15
|
/* 内容区域样式 */
|
|
16
16
|
}
|
|
17
|
+
.IngamePowerUpsContainer .EmptyPowerups {
|
|
18
|
+
align-items: center;
|
|
19
|
+
justify-content: center;
|
|
20
|
+
font-weight: 400;
|
|
21
|
+
font-size: 1.2em;
|
|
22
|
+
line-height: 24px;
|
|
23
|
+
text-align: center;
|
|
24
|
+
vertical-align: middle;
|
|
25
|
+
width: max-content;
|
|
26
|
+
margin: auto;
|
|
27
|
+
display: flex;
|
|
28
|
+
flex-direction: column;
|
|
29
|
+
padding: 50px;
|
|
30
|
+
}
|
|
31
|
+
.IngamePowerUpsContainer .EmptyPowerups.Cards {
|
|
32
|
+
height: calc(100% - 260px);
|
|
33
|
+
}
|
|
34
|
+
.IngamePowerUpsContainer .EmptyPowerups .Icon, .IngamePowerUpsContainer .EmptyPowerups .NoPowerTitle {
|
|
35
|
+
text-align: center;
|
|
36
|
+
}
|
|
37
|
+
.IngamePowerUpsContainer .EmptyPowerups .Icon svg, .IngamePowerUpsContainer .EmptyPowerups .NoPowerTitle svg {
|
|
38
|
+
width: 40px;
|
|
39
|
+
}
|
|
40
|
+
.IngamePowerUpsContainer .EmptyPowerups .NoPowerTitle {
|
|
41
|
+
font-size: 1.2em;
|
|
42
|
+
font-weight: bold;
|
|
43
|
+
margin: 10px;
|
|
44
|
+
}
|
|
45
|
+
.IngamePowerUpsContainer .EmptyPowerups .NoPowerDescription {
|
|
46
|
+
display: flex;
|
|
47
|
+
flex-direction: column;
|
|
48
|
+
}
|
|
49
|
+
.IngamePowerUpsContainer .ToastWrapper {
|
|
50
|
+
position: absolute;
|
|
51
|
+
width: 80%;
|
|
52
|
+
display: flex;
|
|
53
|
+
gap: 10px;
|
|
54
|
+
align-items: center;
|
|
55
|
+
opacity: 0;
|
|
56
|
+
z-index: 1000;
|
|
57
|
+
transition: opacity 0.5s ease-out;
|
|
58
|
+
bottom: 10px;
|
|
59
|
+
right: 10px;
|
|
60
|
+
height: 40px;
|
|
61
|
+
border-top-left-radius: 8px;
|
|
62
|
+
border-bottom-left-radius: 8px;
|
|
63
|
+
border-width: 1px;
|
|
64
|
+
padding: 8px 15px;
|
|
65
|
+
}
|
|
66
|
+
.IngamePowerUpsContainer .ToastWrapper.Shown {
|
|
67
|
+
opacity: 1;
|
|
68
|
+
}
|
|
69
|
+
.IngamePowerUpsContainer .ToastWrapper.Hidden {
|
|
70
|
+
opacity: 0;
|
|
71
|
+
z-index: -1;
|
|
72
|
+
display: inherit;
|
|
73
|
+
}
|
|
74
|
+
.IngamePowerUpsContainer .ToastWrapper.Failed, .IngamePowerUpsContainer .ToastWrapper.Success {
|
|
75
|
+
padding: 10px;
|
|
76
|
+
border-radius: 10px;
|
|
77
|
+
background: linear-gradient(180deg, #262849 0%, #191B31 50%, #16102A 100%);
|
|
78
|
+
}
|
|
79
|
+
.IngamePowerUpsContainer .ToastWrapper.Success {
|
|
80
|
+
border: 1px solid;
|
|
81
|
+
border-image-source: linear-gradient(94.32deg, var(--emw--ingame-color-pth-primary1, #9500FF) 4.41%, var(--emw--ingame-color-pth-primary2, #232EC4) 113.86%);
|
|
82
|
+
}
|
|
83
|
+
.IngamePowerUpsContainer .ToastWrapper.Failed {
|
|
84
|
+
border: 1px solid var(--emw--ingame-color-light-red, #FF4D4F);
|
|
85
|
+
}
|
|
17
86
|
.IngamePowerUpsContainer .IconBtn {
|
|
18
87
|
width: 26px;
|
|
19
88
|
height: 26px;
|
|
@@ -95,6 +164,9 @@
|
|
|
95
164
|
height: auto;
|
|
96
165
|
transition: all 0.3s ease-in-out;
|
|
97
166
|
}
|
|
167
|
+
.IngamePowerUpsContainer .Cards .Card.Hidden {
|
|
168
|
+
display: none;
|
|
169
|
+
}
|
|
98
170
|
.IngamePowerUpsContainer .Cards .Card .LeftOfRow {
|
|
99
171
|
display: flex;
|
|
100
172
|
flex-direction: row;
|