@everymatrix/casino-challenge-details 0.0.1
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/casino-challenge-details/app-globals-0f993ce5.js +1 -0
- package/dist/casino-challenge-details/casino-challenge-details-5a765f2c.js +1 -0
- package/dist/casino-challenge-details/casino-challenge-details.esm.js +1 -0
- package/dist/casino-challenge-details/casino-challenge-details_4.entry.js +1 -0
- package/dist/casino-challenge-details/index-30adf0cb.js +2 -0
- package/dist/casino-challenge-details/index.esm.js +1 -0
- package/dist/cjs/app-globals-3a1e7e63.js +5 -0
- package/dist/cjs/casino-challenge-details-ddf27d4e.js +761 -0
- package/dist/cjs/casino-challenge-details.cjs.js +25 -0
- package/dist/cjs/casino-challenge-details_4.cjs.entry.js +144 -0
- package/dist/cjs/index-2a30d71d.js +1250 -0
- package/dist/cjs/index.cjs.js +10 -0
- package/dist/cjs/loader.cjs.js +15 -0
- package/dist/collection/assets/active-chevron.svg +3 -0
- package/dist/collection/assets/alert.svg +3 -0
- package/dist/collection/assets/back-arrow.svg +9 -0
- package/dist/collection/assets/check.svg +10 -0
- package/dist/collection/assets/finish.svg +7 -0
- package/dist/collection/assets/gift.svg +14 -0
- package/dist/collection/assets/inactive-chevron.svg +3 -0
- package/dist/collection/assets/info-circle.svg +3 -0
- package/dist/collection/assets/lock.svg +3 -0
- package/dist/collection/assets/notification.svg +20 -0
- package/dist/collection/assets/target.svg +9 -0
- package/dist/collection/assets/title-icon.svg +1 -0
- package/dist/collection/assets/trophy.svg +14 -0
- package/dist/collection/collection-manifest.json +15 -0
- package/dist/collection/components/casino-challenge-details/casino-challenge-details.css +592 -0
- package/dist/collection/components/casino-challenge-details/casino-challenge-details.js +684 -0
- package/dist/collection/components/casino-challenge-details/index.js +1 -0
- package/dist/collection/components/components/casino-challenge-expandable-paragraph.css +76 -0
- package/dist/collection/components/components/casino-challenge-expandable-paragraph.js +116 -0
- package/dist/collection/components/components/casino-challenge-level-progress-bar.css +33 -0
- package/dist/collection/components/components/casino-challenge-level-progress-bar.js +81 -0
- package/dist/collection/components/components/casino-challenge-progress-bar.css +66 -0
- package/dist/collection/components/components/casino-challenge-progress-bar.js +120 -0
- package/dist/collection/index.js +1 -0
- package/dist/collection/utils/locale.utils.js +166 -0
- package/dist/collection/utils/mock.js +238 -0
- package/dist/collection/utils/types.js +60 -0
- package/dist/collection/utils/utils.js +29 -0
- package/dist/esm/app-globals-0f993ce5.js +3 -0
- package/dist/esm/casino-challenge-details-5a765f2c.js +758 -0
- package/dist/esm/casino-challenge-details.js +20 -0
- package/dist/esm/casino-challenge-details_4.entry.js +138 -0
- package/dist/esm/index-30adf0cb.js +1221 -0
- package/dist/esm/index.js +2 -0
- package/dist/esm/loader.js +11 -0
- package/dist/index.cjs.js +1 -0
- package/dist/index.js +1 -0
- package/dist/stencil.config.dev.js +19 -0
- package/dist/stencil.config.js +19 -0
- package/dist/storybook/main.js +43 -0
- package/dist/storybook/preview.js +9 -0
- package/dist/types/builds/emfe-widgets/widgets-monorepo/packages/stencil/casino-challenge-details/.stencil/libs/common/src/storybook/storybook-utils.d.ts +39 -0
- package/dist/types/builds/emfe-widgets/widgets-monorepo/packages/stencil/casino-challenge-details/.stencil/packages/stencil/casino-challenge-details/stencil.config.d.ts +2 -0
- package/dist/types/builds/emfe-widgets/widgets-monorepo/packages/stencil/casino-challenge-details/.stencil/packages/stencil/casino-challenge-details/stencil.config.dev.d.ts +2 -0
- package/dist/types/builds/emfe-widgets/widgets-monorepo/packages/stencil/casino-challenge-details/.stencil/packages/stencil/casino-challenge-details/storybook/main.d.ts +3 -0
- package/dist/types/builds/emfe-widgets/widgets-monorepo/packages/stencil/casino-challenge-details/.stencil/packages/stencil/casino-challenge-details/storybook/preview.d.ts +70 -0
- package/dist/types/builds/emfe-widgets/widgets-monorepo/packages/stencil/casino-challenge-details/.stencil/tools/plugins/index.d.ts +4 -0
- package/dist/types/builds/emfe-widgets/widgets-monorepo/packages/stencil/casino-challenge-details/.stencil/tools/plugins/lazy-load-chunk-plugin.d.ts +12 -0
- package/dist/types/builds/emfe-widgets/widgets-monorepo/packages/stencil/casino-challenge-details/.stencil/tools/plugins/stencil-clean-deps-plugin.d.ts +5 -0
- package/dist/types/builds/emfe-widgets/widgets-monorepo/packages/stencil/casino-challenge-details/.stencil/tools/plugins/vite-chunk-plugin.d.ts +6 -0
- package/dist/types/builds/emfe-widgets/widgets-monorepo/packages/stencil/casino-challenge-details/.stencil/tools/plugins/vite-clean-deps-plugin.d.ts +4 -0
- package/dist/types/components/casino-challenge-details/casino-challenge-details.d.ts +105 -0
- package/dist/types/components/casino-challenge-details/index.d.ts +1 -0
- package/dist/types/components/components/casino-challenge-expandable-paragraph.d.ts +16 -0
- package/dist/types/components/components/casino-challenge-level-progress-bar.d.ts +6 -0
- package/dist/types/components/components/casino-challenge-progress-bar.d.ts +8 -0
- package/dist/types/components.d.ts +198 -0
- package/dist/types/index.d.ts +1 -0
- package/dist/types/stencil-public-runtime.d.ts +1674 -0
- package/dist/types/utils/locale.utils.d.ts +3 -0
- package/dist/types/utils/mock.d.ts +76 -0
- package/dist/types/utils/types.d.ts +127 -0
- package/dist/types/utils/utils.d.ts +3 -0
- package/loader/cdn.js +1 -0
- package/loader/index.cjs.js +1 -0
- package/loader/index.d.ts +24 -0
- package/loader/index.es2017.js +1 -0
- package/loader/index.js +2 -0
- package/loader/package.json +11 -0
- package/package.json +27 -0
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
const index = require('./index-2a30d71d.js');
|
|
6
|
+
const appGlobals = require('./app-globals-3a1e7e63.js');
|
|
7
|
+
|
|
8
|
+
/*
|
|
9
|
+
Stencil Client Patch Browser v4.19.2 | MIT Licensed | https://stenciljs.com
|
|
10
|
+
*/
|
|
11
|
+
var patchBrowser = () => {
|
|
12
|
+
const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('casino-challenge-details.cjs.js', document.baseURI).href));
|
|
13
|
+
const opts = {};
|
|
14
|
+
if (importMeta !== "") {
|
|
15
|
+
opts.resourcesUrl = new URL(".", importMeta).href;
|
|
16
|
+
}
|
|
17
|
+
return index.promiseResolve(opts);
|
|
18
|
+
};
|
|
19
|
+
|
|
20
|
+
patchBrowser().then(async (options) => {
|
|
21
|
+
await appGlobals.globalScripts();
|
|
22
|
+
return index.bootstrapLazy([["casino-challenge-details_4.cjs",[[1,"casino-challenge-details",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"endpoint":[513],"domain":[513],"session":[513],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"isUserAuthorized":[516,"is-user-authorized"],"challengeId":[513,"challenge-id"],"activeChallengeTabIndex":[513,"active-challenge-tab-index"],"timeLeft":[32],"activeTabIndex":[32],"actionLoading":[32],"isMobile":[32],"error":[32],"hasError":[32],"games":[32],"gamesAreLoading":[32],"challenge":[32],"loading":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"challenge":["onEntityChange"]}],[1,"casino-challenge-expandable-paragraph",{"maxHeight":[2,"max-height"],"active":[4],"expanded":[32],"needsTruncation":[32],"isSmallScreen":[32]}],[1,"casino-challenge-level-progress-bar",{"height":[1],"active":[4],"value":[2]}],[1,"casino-challenge-progress-bar",{"challenge":[16],"isUserAuthorized":[4,"is-user-authorized"],"language":[1]}]]]], options);
|
|
23
|
+
});
|
|
24
|
+
|
|
25
|
+
exports.setNonce = index.setNonce;
|
|
@@ -0,0 +1,144 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
const casinoChallengeDetails = require('./casino-challenge-details-ddf27d4e.js');
|
|
6
|
+
const index = require('./index-2a30d71d.js');
|
|
7
|
+
|
|
8
|
+
const activeChevronSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMC40MTA4MjYgMC45MTEwN0MwLjczNjI2MyAwLjU4NTYzMyAxLjI2MzkgMC41ODU2MzMgMS41ODkzNCAwLjkxMTA3TDYuMDAwMDggNS4zMjE4MUwxMC40MTA4IDAuOTExMDdDMTAuNzM2MyAwLjU4NTYzMyAxMS4yNjM5IDAuNTg1NjMzIDExLjU4OTMgMC45MTEwN0MxMS45MTQ4IDEuMjM2NTEgMTEuOTE0OCAxLjc2NDE0IDExLjU4OTMgMi4wODk1OEw2LjU4OTM0IDcuMDg5NThDNi4yNjM5IDcuNDE1MDIgNS43MzYyNiA3LjQxNTAyIDUuNDEwODMgNy4wODk1OEwwLjQxMDgyNiAyLjA4OTU4QzAuMDg1Mzg4OCAxLjc2NDE0IDAuMDg1Mzg4OCAxLjIzNjUxIDAuNDEwODI2IDAuOTExMDdaIiBmaWxsPSIjMDBCNzRGIi8+Cjwvc3ZnPgo=';
|
|
9
|
+
|
|
10
|
+
const inactiveChevronSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMC40MTA4MjYgMC45MTEwN0MwLjczNjI2MyAwLjU4NTYzMyAxLjI2MzkgMC41ODU2MzMgMS41ODkzNCAwLjkxMTA3TDYuMDAwMDggNS4zMjE4MUwxMC40MTA4IDAuOTExMDdDMTAuNzM2MyAwLjU4NTYzMyAxMS4yNjM5IDAuNTg1NjMzIDExLjU4OTMgMC45MTEwN0MxMS45MTQ4IDEuMjM2NTEgMTEuOTE0OCAxLjc2NDE0IDExLjU4OTMgMi4wODk1OEw2LjU4OTM0IDcuMDg5NThDNi4yNjM5IDcuNDE1MDIgNS43MzYyNiA3LjQxNTAyIDUuNDEwODMgNy4wODk1OEwwLjQxMDgyNiAyLjA4OTU4QzAuMDg1Mzg4OCAxLjc2NDE0IDAuMDg1Mzg4OCAxLjIzNjUxIDAuNDEwODI2IDAuOTExMDdaIiBmaWxsPSIjQzhENkNFIi8+Cjwvc3ZnPgo=';
|
|
11
|
+
|
|
12
|
+
const casinoChallengeExpandableParagraphCss = ":host{display:block}.container{position:relative;max-width:100%}.paragraph{overflow:hidden;position:relative;transition:max-height 0.3s ease;line-height:1.5em;word-break:break-word}.truncated{overflow:hidden;text-overflow:ellipsis;transition:all 0.3s}.expanded{max-height:none !important;overflow:visible}.expand-overlay{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:flex-end;height:30px;pointer-events:none}.overlay-fade{position:absolute;bottom:0;left:0;right:0;height:100%;z-index:0}.expand-overlay .control-link{position:relative;z-index:1;pointer-events:auto;margin-bottom:4px}.collapse-container{text-align:center;margin-top:12px;background:linear-gradient(166deg, rgba(23, 24, 23, 0.7) 9.98%, #171817 89.76%);backdrop-filter:blur(0.5px);width:100%;height:26px}.collapse-container.is-expanded{backdrop-filter:none;background:transparent}.control-link{cursor:pointer;user-select:none;font-size:var(--emw--font-size-sm, 14px);text-decoration:none;box-shadow:0 1px 2px rgba(0, 0, 0, 0.1)}";
|
|
13
|
+
const CasinoChallengeExpandableParagraphStyle0 = casinoChallengeExpandableParagraphCss;
|
|
14
|
+
|
|
15
|
+
const CasinoChallengeExpandableParagraph = class {
|
|
16
|
+
constructor(hostRef) {
|
|
17
|
+
index.registerInstance(this, hostRef);
|
|
18
|
+
this.handleResize = () => {
|
|
19
|
+
this.evaluateLayout();
|
|
20
|
+
};
|
|
21
|
+
this.evaluateLayout = () => {
|
|
22
|
+
const content = this.contentEl;
|
|
23
|
+
const isSmall = window.innerWidth <= 860;
|
|
24
|
+
this.isSmallScreen = isSmall;
|
|
25
|
+
if (isSmall && content.scrollHeight > this.maxHeight) {
|
|
26
|
+
this.needsTruncation = true;
|
|
27
|
+
}
|
|
28
|
+
else {
|
|
29
|
+
this.needsTruncation = false;
|
|
30
|
+
this.expanded = false;
|
|
31
|
+
}
|
|
32
|
+
};
|
|
33
|
+
this.toggleExpand = () => {
|
|
34
|
+
this.expanded = true;
|
|
35
|
+
};
|
|
36
|
+
this.toggleCollapse = () => {
|
|
37
|
+
this.expanded = false;
|
|
38
|
+
};
|
|
39
|
+
this.expanded = false;
|
|
40
|
+
this.needsTruncation = false;
|
|
41
|
+
this.isSmallScreen = true;
|
|
42
|
+
this.maxHeight = 75;
|
|
43
|
+
this.active = false;
|
|
44
|
+
}
|
|
45
|
+
componentDidLoad() {
|
|
46
|
+
this.evaluateLayout();
|
|
47
|
+
window.addEventListener('resize', this.handleResize);
|
|
48
|
+
}
|
|
49
|
+
disconnectedCallback() {
|
|
50
|
+
window.removeEventListener('resize', this.handleResize);
|
|
51
|
+
}
|
|
52
|
+
render() {
|
|
53
|
+
const shouldClamp = this.isSmallScreen && this.needsTruncation && !this.expanded;
|
|
54
|
+
return (index.h("div", { key: '1a560a834781449bfe9b3aee1779e3025134c986', class: "container" }, index.h("div", { key: 'e47f4cc53f0e07f968f231b4243636de1e5af16e', ref: (el) => (this.contentEl = el), class: {
|
|
55
|
+
paragraph: true,
|
|
56
|
+
truncated: shouldClamp,
|
|
57
|
+
expanded: this.expanded
|
|
58
|
+
}, style: shouldClamp ? { maxHeight: `${this.maxHeight}px` } : {} }, index.h("slot", { key: '15121a785a76f38fc7eb27966914fc0dcd447b4f' }), this.isSmallScreen && this.needsTruncation && (index.h("div", { key: '8f709a953cca5b578ed88bcc8520c1794bfcea04', class: "expand-overlay" }, index.h("div", { key: '50601d0d4f4de80c69ca8fef91b7433598ff008a', class: {
|
|
59
|
+
'collapse-container': true,
|
|
60
|
+
'is-expanded': this.expanded
|
|
61
|
+
} }, index.h("img", { key: '53c06703a49a157ab95f06692dfe35b8634dc3a3', class: "control-link", src: this.active ? activeChevronSvg : inactiveChevronSvg, onClick: this.expanded ? this.toggleCollapse : this.toggleExpand, style: {
|
|
62
|
+
position: 'absolute',
|
|
63
|
+
bottom: this.expanded ? '-15px' : '-5px',
|
|
64
|
+
transform: this.expanded ? 'rotate(180deg)' : '',
|
|
65
|
+
transition: 'all 0.3s'
|
|
66
|
+
} })))))));
|
|
67
|
+
}
|
|
68
|
+
get el() { return index.getElement(this); }
|
|
69
|
+
};
|
|
70
|
+
CasinoChallengeExpandableParagraph.style = CasinoChallengeExpandableParagraphStyle0;
|
|
71
|
+
|
|
72
|
+
const casinoChallengeLevelProgressBarCss = ":host{display:block;width:100%}.bar-wrapper{display:flex;flex-direction:column;align-items:flex-end}.bar-container{position:relative;width:100%;background:var(--emw--progress-background, rgba(188, 252, 177, 0.1019607843));overflow:hidden;box-shadow:0 0 4px 0 #134629;border-radius:20px;mix-blend-mode:luminosity}.bar-container.active{background:linear-gradient(90deg, rgba(30, 101, 79, 0.3) 0%, rgba(28, 141, 86, 0.3) 100%);mix-blend-mode:normal}.bar-fill{height:100%;transition:width 0.4s ease-in-out;background:linear-gradient(90deg, var(--emw--secondary-green, #1e654f) 0%, var(--emw--dark-green, #1c8d56) 100%)}.bar-fill.active{background:var(--emw--progress-background-fill, linear-gradient(90deg, #1e654f 0%, #1c8d56 100%))}";
|
|
73
|
+
const CasinoChallengeLevelProgressBarStyle0 = casinoChallengeLevelProgressBarCss;
|
|
74
|
+
|
|
75
|
+
const CasinoChallengeLevelProgressBar = class {
|
|
76
|
+
constructor(hostRef) {
|
|
77
|
+
index.registerInstance(this, hostRef);
|
|
78
|
+
this.height = '8px';
|
|
79
|
+
this.active = true;
|
|
80
|
+
this.value = 0;
|
|
81
|
+
}
|
|
82
|
+
render() {
|
|
83
|
+
return (index.h(index.Host, { key: 'b8e61f34292f68ee181ebeb1459892b2a736aab2' }, index.h("div", { key: 'd7ed2ac70030b6842ca1a26f25cc8350c8ab6065', class: "bar-wrapper" }, index.h("div", { key: '797bc1b134e114a0a2e463ff62829e82f99a1c45', class: { 'bar-container': true, active: this.active }, style: { height: this.height } }, index.h("div", { key: '6ea2b651d63c1a75ab9e3a0c38cb6899dd2df707', class: { 'bar-fill': true, active: this.active }, style: { width: `${this.value}%` } })))));
|
|
84
|
+
}
|
|
85
|
+
};
|
|
86
|
+
CasinoChallengeLevelProgressBar.style = CasinoChallengeLevelProgressBarStyle0;
|
|
87
|
+
|
|
88
|
+
const trophySvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguNjI4NzQgMTAuMTI1VjExLjI2MzNDOC42Mjg3NCAxMS4yNjMzIDguMTQ0MTcgMTEuNzYzMiA1Ljk5OTkyIDExLjc2MzJDMy44NTU2NiAxMS43NjMyIDMuMzcxMDkgMTEuMjYzMyAzLjM3MTA5IDExLjI2MzNWMTAuMTI1SDguNjI4NzRaIiBmaWxsPSIjRTZBNDVFIi8+CjxwYXRoIGQ9Ik04LjYyODggMTAuMTI1VjExLjI2MzNDOC42Mjg4IDExLjI2MzMgOC4xNDQyMyAxMS43NjMyIDUuOTk5OTggMTEuNzYzMkM1LjI4MzMxIDExLjc2MzIgNC43NTIwNSAxMS43MDczIDQuMzYyMyAxMS42MzNDNi4zMTYxMiAxMS43NTk0IDguNjI4OCAxMC4xMjUgOC42Mjg4IDEwLjEyNVoiIGZpbGw9IiNEODkyNEUiLz4KPHBhdGggZD0iTTQuODg2OSA5LjU3NDcxQzMuOTkxNDEgOS42NzE1MyAzLjM3MTA5IDkuODgxNTYgMy4zNzEwOSAxMC4xMjUxQzMuMzcxMDkgMTAuNDYwNSA0LjU0ODA2IDEwLjczMjQgNS45OTk5MiAxMC43MzI0QzcuNDUxNzggMTAuNzMyNCA4LjYyODc0IDEwLjQ2MDUgOC42Mjg3NCAxMC4xMjUxQzguNjI4NzQgOS44ODE1OCA4LjAwODU0IDkuNjcxNTcgNy4xMTMyIDkuNTc0NzRMNC44ODY5IDkuNTc0NzFaIiBmaWxsPSIjRkZFRENDIi8+CjxwYXRoIGQ9Ik01LjQzMTA2IDcuMTE0MjZWOC4yNzk0NkM1LjQzMTA2IDkuMDMyNzYgNC45NjYzMyA5LjcwNzk2IDQuMjYyNyA5Ljk3Njk1QzQuMjYyNyA5Ljk3Njk1IDQuNjQ1NjcgMTAuMjgxOSA2LjAwMDIzIDEwLjI4MTlDNy4zNTQ3OSAxMC4yODE5IDcuNzM3NzYgOS45NzY5NSA3LjczNzc2IDkuOTc2OTVDNy4wMzQxMyA5LjcwNzk2IDYuNTY5MzkgOS4wMzI3NiA2LjU2OTM5IDguMjc5NDZWNy4xMTQyNkg1LjQzMTA2WiIgZmlsbD0iI0Y3RDE3RiIvPgo8cGF0aCBkPSJNMi45MTQwNiAwLjc4MzY5MUMyLjkxNDA2IDQuMzEyNjcgMy42MDEyIDcuMzQ4NzMgNS45OTk5NCA3LjM0ODczQzguMzk4NjcgNy4zNDg3MyA5LjA4NTgxIDQuMzEyNjcgOS4wODU4MSAwLjc4MzY5MUgyLjkxNDA2WiIgZmlsbD0iI0VBQjE2NiIvPgo8cGF0aCBkPSJNMi45NDQzNiAyLjAwMjc3SDEuMTU3MDlDMS4wNTkwNiAyLjAwMjc3IDAuOTg2NjMyIDIuMDkxNjcgMS4wMDcwNyAyLjE4NzU1QzEuMTQwODMgMi44MTUyIDEuNzEwNjUgNC44NTM2NCAzLjU0MDk3IDUuMzQ1NTlMMy44NTU3OCA2LjAxNTMzQzEuMjEwODYgNS4zNjYyOSAwLjUzMjQyNiAzLjEyNTYxIDAuMzU4NDA2IDIuMDIyMDVDMC4zMDY3NjEgMS42OTQ1NCAwLjU1Mzc2MyAxLjM5Nzk1IDAuODg1MzIxIDEuMzk3OTVIMi45MjE1MkwyLjk0NDM2IDIuMDAyNzdaIiBmaWxsPSIjRjdEMTdGIi8+CjxwYXRoIGQ9Ik05LjA1NTk0IDIuMDAyNzdIMTAuODQzMkMxMC45NDEyIDIuMDAyNzcgMTEuMDEzNyAyLjA5MTY3IDEwLjk5MzIgMi4xODc1NUMxMC44NTk1IDIuODE1MiAxMC4yODk3IDQuODUzNjQgOC40NTkzNCA1LjM0NTU5TDguMTQ0NTMgNi4wMTUzM0MxMC43ODk0IDUuMzY2MjkgMTEuNDY3OSAzLjEyNTYxIDExLjY0MTkgMi4wMjIwNUMxMS42OTM1IDEuNjk0NTQgMTEuNDQ2NSAxLjM5Nzk1IDExLjExNSAxLjM5Nzk1SDkuMDc4NzlMOS4wNTU5NCAyLjAwMjc3WiIgZmlsbD0iI0Y3RDE3RiIvPgo8cGF0aCBkPSJNNS45OTk5NCAxLjMyNjE3QzcuNzA0MjIgMS4zMjYxNyA5LjA4NTgxIDEuMDgyMzEgOS4wODU4MSAwLjc4MTQ5NUM5LjA4NTgxIDAuNDgwNjc3IDcuNzA0MjIgMC4yMzY4MTYgNS45OTk5NCAwLjIzNjgxNkM0LjI5NTY1IDAuMjM2ODE2IDIuOTE0MDYgMC40ODA2NzcgMi45MTQwNiAwLjc4MTQ5NUMyLjkxNDA2IDEuMDgyMzEgNC4yOTU2NSAxLjMyNjE3IDUuOTk5OTQgMS4zMjYxN1oiIGZpbGw9IiNFNkE0NUUiLz4KPHBhdGggZD0iTTguODIzNjYgMC43ODM2OTFDNy44OTgxOSA3LjAxNjg0IDQuNjE1NzcgNi41NzYxNyA0LjE5MDkyIDYuNDk4NThDNC42NDE1IDcuMDM2OCA1LjIzMzAxIDcuMzQ4NzIgNi4wMDA0MyA3LjM0ODcyQzguMzk5MTYgNy4zNDg3MiA5LjA4NjMgNC4zMTI2NyA5LjA4NjMgMC43ODM2OTFIOC44MjM2NloiIGZpbGw9IiNFNkE0NUUiLz4KPHBhdGggZD0iTTQuNjQyNCAwLjI5MzQ1N0MzLjYyMDA4IDAuMzgyMDYzIDIuOTE0MDYgMC41NjY3NDQgMi45MTQwNiAwLjc4MTM2NUMyLjkxNDA2IDEuMDAxOTQgMy42NTg3OSAxLjE5MTIxIDQuNzI3MTcgMS4yNzY3NUM0LjY3NTggMC45NTA3ODEgNC42NDY1MSAwLjYyMjIxOSA0LjY0MjQgMC4yOTM0NTdaIiBmaWxsPSIjRDg5MjRFIi8+CjxwYXRoIGQ9Ik02LjIyNTQ4IDIuNjAzNjlMNi4zOTQ5IDMuMTI1MTFDNi40MjY2MiAzLjIyMjc1IDYuNTE3NjEgMy4yODg4NiA2LjYyMDI3IDMuMjg4ODZINy4xNjg1M0M3LjM5ODA5IDMuMjg4ODYgNy40OTM1NCAzLjU4MjYxIDcuMzA3ODIgMy43MTc1NUw2Ljg2NDI3IDQuMDM5ODFDNi43ODEyMSA0LjEwMDE1IDYuNzQ2NDYgNC4yMDcxMSA2Ljc3ODE4IDQuMzA0NzVMNi45NDc2MSA0LjgyNjE4QzcuMDE4NTQgNS4wNDQ1IDYuNzY4NjYgNS4yMjYwNiA2LjU4Mjk0IDUuMDkxMTJMNi4xMzkzOSA0Ljc2ODg2QzYuMDU2MzMgNC43MDg1MiA1Ljk0Mzg3IDQuNzA4NTIgNS44NjA4MSA0Ljc2ODg2TDUuNDE3MjYgNS4wOTExMkM1LjIzMTU0IDUuMjI2MDYgNC45ODE2NSA1LjA0NDUgNS4wNTI1OSA0LjgyNjE4TDUuMjIyMDEgNC4zMDQ3NUM1LjI1Mzc0IDQuMjA3MTEgNS4yMTg5OCA0LjEwMDE1IDUuMTM1OTMgNC4wMzk4MUw0LjY5MjM4IDMuNzE3NTVDNC41MDY2NiAzLjU4MjYxIDQuNjAyMSAzLjI4ODg2IDQuODMxNjcgMy4yODg4Nkg1LjM3OTkzQzUuNDgyNTkgMy4yODg4NiA1LjU3MzU4IDMuMjIyNzUgNS42MDUzIDMuMTI1MTFMNS43NzQ3MiAyLjYwMzY5QzUuODQ1NjYgMi4zODUzNiA2LjE1NDU0IDIuMzg1MzYgNi4yMjU0OCAyLjYwMzY5WiIgZmlsbD0iI0Q4OTI0RSIvPgo8cGF0aCBkPSJNNi4yMjU0OCAyLjUwOTk0TDYuMzk0OSAzLjAzMTM2QzYuNDI2NjIgMy4xMjkgNi41MTc2MSAzLjE5NTExIDYuNjIwMjcgMy4xOTUxMUg3LjE2ODUzQzcuMzk4MDkgMy4xOTUxMSA3LjQ5MzU0IDMuNDg4ODYgNy4zMDc4MiAzLjYyMzhMNi44NjQyNyAzLjk0NjA2QzYuNzgxMjEgNC4wMDY0IDYuNzQ2NDYgNC4xMTMzNiA2Ljc3ODE4IDQuMjExTDYuOTQ3NjEgNC43MzI0M0M3LjAxODU0IDQuOTUwNzUgNi43Njg2NiA1LjEzMjMxIDYuNTgyOTQgNC45OTczN0w2LjEzOTM5IDQuNjc1MTFDNi4wNTYzMyA0LjYxNDc3IDUuOTQzODcgNC42MTQ3NyA1Ljg2MDgxIDQuNjc1MTFMNS40MTcyNiA0Ljk5NzM3QzUuMjMxNTQgNS4xMzIzMSA0Ljk4MTY1IDQuOTUwNzUgNS4wNTI1OSA0LjczMjQzTDUuMjIyMDEgNC4yMTFDNS4yNTM3NCA0LjExMzM2IDUuMjE4OTggNC4wMDY0IDUuMTM1OTMgMy45NDYwNkw0LjY5MjM4IDMuNjIzOEM0LjUwNjY2IDMuNDg4ODYgNC42MDIxIDMuMTk1MTEgNC44MzE2NyAzLjE5NTExSDUuMzc5OTNDNS40ODI1OSAzLjE5NTExIDUuNTczNTggMy4xMjkgNS42MDUzIDMuMDMxMzZMNS43NzQ3MiAyLjUwOTk0QzUuODQ1NjYgMi4yOTE2MSA2LjE1NDU0IDIuMjkxNjEgNi4yMjU0OCAyLjUwOTk0WiIgZmlsbD0iI0ZGRURDQyIvPgo8L3N2Zz4K';
|
|
89
|
+
|
|
90
|
+
const finishSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNjQ0NTQgMTIuMTI2MkMxLjU5ODQyIDEyLjEyNzkgMS41NTEyOSAxMi4xMjI3IDEuNTA0MzIgMTIuMTA5OUMxLjI1NzU3IDEyLjA0MjEgMS4xMTI0OSAxMS43ODcyIDEuMTgwMjIgMTEuNTQwM0wzLjUzMDE2IDIuOTU4N0MzLjU5NzkxIDIuNzEyMSAzLjg1MjIyIDIuNTY2NzQgNC4wOTk3MyAyLjYzNDZDNC4zNDY0NyAyLjcwMjM0IDQuNDkxNTUgMi45NTcyNyA0LjQyMzgyIDMuMjA0MTZMMi4wNzM4OCAxMS43ODU4QzIuMDE5MDIgMTEuOTg1NSAxLjg0MTIzIDEyLjExODggMS42NDQ1NCAxMi4xMjYyWiIgZmlsbD0iIzM2QkEzQiIvPgo8cGF0aCBkPSJNMS41NjMwNCAxMS4yNjM0QzEuNTQ3NjggMTEuMjYzOSAxLjUzMTk4IDExLjI2MjIgMS41MTYzMyAxMS4yNTc5QzEuNDM0MTQgMTEuMjM1NCAxLjM4NTgyIDExLjE1MDUgMS40MDgzOCAxMS4wNjgyTDMuNjU4MTMgMi45MTUwM0MzLjY4MDY5IDIuODMyODkgMy43NjU0MSAyLjc4NDQ3IDMuODQ3ODUgMi44MDcwN0MzLjkzMDA0IDIuODI5NjMgMy45NzgzNyAyLjkxNDU1IDMuOTU1OCAyLjk5Njc5TDEuNzA2MDUgMTEuMTVDMS42ODc3OCAxMS4yMTY1IDEuNjI4NTYgMTEuMjYwOSAxLjU2MzA0IDExLjI2MzRaIiBmaWxsPSIjQkNGQ0IxIiBmaWxsLW9wYWNpdHk9IjAuMSIvPgo8cGF0aCBkPSJNMTIuNTE5MyAxMi43OTMyTDEwLjcyNjEgMTMuMDIzNEM5LjM2MTczIDEzLjE5ODYgNy45NzM2MSAxMi43MjIyIDcuMDkzMzkgMTEuNjY1Mkw3LjA0Nzc5IDExLjYxMDRDNi4zMjg0MyAxMC43NDY2IDUuMzA5MzEgMTAuMTY1NCA0LjE4NjU2IDEwLjEwOTFMMi4zNjIzOSAxMC4wMTc2TDIuMzA0NjkgOS45NTk4OEw0LjIyOTY5IDMuMTg0NTdMNi4wOTMxMiAzLjI4MzY3QzcuMjIxNjkgMy4zNDM2OCA4LjI3Mjk3IDMuODc1NjIgOC45ODk4MSA0Ljc0OTM1QzkuODY4OTIgNS44MjA4NyAxMS4yMzc3IDYuMzY0NDUgMTIuNjEyNCA2LjE4Nzk4TDE0LjMzODIgNS44OTc2N0wxNC4zODY2IDUuOTYwMjNMMTIuNTE5MyAxMi43OTMyWiIgZmlsbD0iI0JDRkNCMSIgZmlsbC1vcGFjaXR5PSIwLjEiLz4KPHBhdGggZD0iTTEyLjQ2MTYgMTIuNzM1NkwxMC42Njg0IDEyLjk2NThDOS4zMDQwMyAxMy4xNDA5IDcuOTQ0NzYgMTIuNjA2OSA3LjA2NDU0IDExLjU0OTlMNy4wMTg5NCAxMS40OTUxQzYuMjk5NTggMTAuNjMxMiA1LjI1MTYxIDEwLjEwNzggNC4xMjg4NiAxMC4wNTE0TDIuMzA0NjkgOS45NTk5Nkw0LjE3MTk5IDMuMTI2OTVMNi4wMzU0MiAzLjIyNjA1QzcuMTYzOTkgMy4yODYwNyA4LjIxNTI4IDMuODE4IDguOTMyMTEgNC42OTE3NEM5LjgxMTIyIDUuNzYzMjYgMTEuMTggNi4zMDY4MyAxMi41NTQ3IDYuMTMwMzZMMTQuMzI4OSA1LjkwMjYxTDEyLjQ2MTYgMTIuNzM1NloiIGZpbGw9IiNCRUZGQkEiLz4KPHBhdGggZD0iTTEwLjQ4NDYgMTAuNzE2NEMxMC4wOTEzIDEwLjY4NTMgOS43MDIzOSAxMC42MDM4IDkuMzMzNjggMTAuNDU5NUM4LjgxMjM1IDEwLjI1NTIgOC4zNDIzNyA5LjkzNzIxIDcuOTQ4OTEgOS41NDA0Nkw4LjU4MTY5IDcuMjI1MDNDOC45NzYwNyA3LjYyMTkxIDkuNDQ2ODcgNy45Mzk4OSA5Ljk2OTE0IDguMTQzODhDMTAuMzM2OCA4LjI4NzUzIDEwLjcyNDIgOC4zNzM3NSAxMS4xMTYzIDguNDA0OTVMMTAuNDg0NiAxMC43MTY0Wk01LjY0NTA3IDcuOTM5MDJDNS4zNjg1OCA3Ljg2MjgzIDUuMDgzMjEgNy44MTQ2NCA0Ljc5Mjc4IDcuNzk5MThMMi45MzAxOCA3LjcwMDA0TDMuNTYzMTMgNS4zODM4Nkw1LjQyNzM5IDUuNDgzMDFDNS43MTczIDUuNDk4NCA2LjAwMjE1IDUuNTQ2NDkgNi4yNzgxNSA1LjYyMjUyTDUuNjQ1MDcgNy45MzkwMlpNOC45NDEzNyA0LjY4NjgyQzkuMDIxNjggNC43ODQ3MyA5LjEwODM1IDQuODc1NTMgOS4xOTY0OCA0Ljk2NDQ3TDkuMTkyMjUgNC45NjMzNUw4LjU3ODA2IDcuMjEwNzdDOC41MDI3OSA3LjEzNDU0IDguNDI1MzYgNy4wNjAzOSA4LjM1NjM0IDYuOTc4MTlMOC4zMjcwNCA2Ljk0Mjg0QzcuNzk3MzUgNi4yOTcyMiA3LjA4MDM2IDUuODM4IDYuMjg2OTYgNS42MTc4MUw2LjkwMzI5IDMuMzYyNTVDNy42OTYyMSAzLjU4MTkyIDguNDEwNjggNC4wMzk5OSA4Ljk0MTM3IDQuNjg2ODJaTTcuMDczNzggMTEuNTQ0OUw3LjAyODE5IDExLjQ5MDJDNi41MDUzNiAxMC44NjIzIDUuODA3ODYgMTAuNDE3MyA1LjAzNTMgMTAuMTk3OEw1LjY1MDA3IDcuOTQ4MjNDNi40NDIwNCA4LjE2Nzk1IDcuMTU3NzQgOC42MjYzNCA3LjY4NjUxIDkuMjcwODNMNy43MTE0NCA5LjMwMDk4QzcuNzgyODQgOS4zODYyOSA3Ljg2Mjc3IDkuNDYzNDcgNy45NDA4NiA5LjU0MjM5TDcuMzIxMDQgMTEuODEwNEM3LjIzNTkgMTEuNzI1MSA3LjE1MTczIDExLjYzODUgNy4wNzM3OCAxMS41NDQ5Wk0xMi40NzA5IDEyLjczMDdMMTAuNjc3NiAxMi45NjA5QzEwLjUwNjQgMTIuOTgyOSAxMC4zMzUxIDEyLjk5MzcgMTAuMTY1IDEyLjk5MzdDMTAuMDY3NCAxMi45OTM3IDkuOTcwODcgMTIuOTg0NyA5Ljg3NDEzIDEyLjk3NzdMMTAuNDg4OCAxMC43Mjg4QzEwLjU5MjkgMTAuNzM2OSAxMC42OTczIDEwLjc0MzMgMTAuODAxOCAxMC43NDMzQzEwLjk3MjMgMTAuNzQzMyAxMS4xNDI5IDEwLjczMjUgMTEuMzEyMyAxMC43MTA3TDEzLjA4NTEgMTAuNDgzMUwxMi40NzA5IDEyLjczMDdaTTEzLjcyMjEgOC4xNTIxOEwxMS45NDY0IDguMzgwMTJDMTEuNjc0MSA4LjQxNDg4IDExLjM5OTcgOC40MTQzIDExLjEyNyA4LjM5MzI5TDExLjc0MjUgNi4xNDEwOEMxMS44NDUyIDYuMTQ5IDExLjk0NzYgNi4xNTgyNSAxMi4wNTEyIDYuMTU4MjVDMTIuMjIxNSA2LjE1ODI1IDEyLjM5MjYgNi4xNDc0NCAxMi41NjM5IDYuMTI1NDRMMTQuMzM4MiA1Ljg5NzY5TDEzLjcyMjEgOC4xNTIxOFoiIGZpbGw9IiMzNkJBM0IiLz4KPC9zdmc+Cg==';
|
|
91
|
+
|
|
92
|
+
const casinoChallengeProgressBarCss = ".progress{background-color:var(--emw--progress-background, rgba(188, 252, 177, 0.1019607843));border-radius:100px;height:20px;margin:16px 0;position:relative;align-content:center;padding:0 2px;box-sizing:border-box}.progress.paused{opacity:0.5}.progress.grayed{mix-blend-mode:luminosity}.progress__placeholder{height:20px}.progress__icon{padding-top:4px}.progress__point{position:absolute;text-align:center;font-size:12px;color:var(--emw--color-gray-150, #c8d6ce);font-weight:700;line-height:19px;top:0;height:19px;width:19px;border-radius:50%}.progress__point.start{left:0;border:2px solid var(--emw--button-background-primary-color, #18ce51);background:linear-gradient(90deg, var(--emw--progress-active-level, #24aa4d) 0%, var(--emw--progress-active-level-secondary, #113f21) 100%)}.progress__point.end{right:0;border:2px solid var(--emw--dark-green, #1c8d56);background:var(--emw--color-gray-300, #083b17);opacity:0.7}.progress__point.finished{opacity:1}.progress__point.hidden{opacity:0}.progress__bar{border-radius:73px;height:16px;background:linear-gradient(90deg, var(--emw--secondary-green, #1e654f) 0%, var(--emw--dark-green, #1c8d56) 100%);text-align:end;color:var(--emw--color-gray-50, #e2e2e2);font-size:11px;font-weight:700;line-height:16px;padding-right:6px;box-sizing:border-box}.progress__bar.finished{text-align:center}";
|
|
93
|
+
const CasinoChallengeProgressBarStyle0 = casinoChallengeProgressBarCss;
|
|
94
|
+
|
|
95
|
+
const CasinoChallengeProgressBar = class {
|
|
96
|
+
constructor(hostRef) {
|
|
97
|
+
index.registerInstance(this, hostRef);
|
|
98
|
+
this.challenge = undefined;
|
|
99
|
+
this.isUserAuthorized = undefined;
|
|
100
|
+
this.language = 'en';
|
|
101
|
+
}
|
|
102
|
+
get challengeProgress() {
|
|
103
|
+
var _a;
|
|
104
|
+
const currLevel = (_a = this.challenge) === null || _a === void 0 ? void 0 : _a.LevelProgresses.find((x) => x.ProgressStatus === casinoChallengeDetails.EChallengeProgressStatus.InProgress);
|
|
105
|
+
if (!this.isUserAuthorized || !currLevel)
|
|
106
|
+
return null;
|
|
107
|
+
const { Status, LevelProgresses } = this.challenge;
|
|
108
|
+
if (Status === casinoChallengeDetails.EChallengeStatus.Expired || Status === casinoChallengeDetails.EChallengeStatus.Started) {
|
|
109
|
+
return null;
|
|
110
|
+
}
|
|
111
|
+
const barValue = Status === casinoChallengeDetails.EChallengeStatus.Paused
|
|
112
|
+
? casinoChallengeDetails.translate('suspended', this.language)
|
|
113
|
+
: Status === casinoChallengeDetails.EChallengeStatus.Completed
|
|
114
|
+
? casinoChallengeDetails.translate('finished', this.language)
|
|
115
|
+
: `${currLevel.ProgressPercentage}%`;
|
|
116
|
+
const isLastLevel = !LevelProgresses.some((x) => x.OrderNumber > currLevel.OrderNumber);
|
|
117
|
+
const secondImgSrc = Status === casinoChallengeDetails.EChallengeStatus.Completed ? trophySvg : isLastLevel ? finishSvg : '';
|
|
118
|
+
return (index.h("div", { class: {
|
|
119
|
+
progress: true,
|
|
120
|
+
paused: Status === casinoChallengeDetails.EChallengeStatus.Paused,
|
|
121
|
+
grayed: Status === casinoChallengeDetails.EChallengeStatus.Forfeited
|
|
122
|
+
} }, index.h("div", { class: {
|
|
123
|
+
progress__point: true,
|
|
124
|
+
start: true,
|
|
125
|
+
hidden: Status === casinoChallengeDetails.EChallengeStatus.Completed
|
|
126
|
+
} }, currLevel.OrderNumber + 1), index.h("div", { class: {
|
|
127
|
+
progress__bar: true,
|
|
128
|
+
finished: Status === casinoChallengeDetails.EChallengeStatus.Completed
|
|
129
|
+
}, style: { width: `${currLevel.ProgressPercentage}%` } }, barValue), index.h("div", { class: {
|
|
130
|
+
progress__point: true,
|
|
131
|
+
end: true,
|
|
132
|
+
finished: Status === casinoChallengeDetails.EChallengeStatus.Completed
|
|
133
|
+
} }, secondImgSrc ? index.h("img", { class: "progress__icon", src: secondImgSrc }) : currLevel.OrderNumber + 2)));
|
|
134
|
+
}
|
|
135
|
+
render() {
|
|
136
|
+
return index.h(index.Host, { key: 'e75584687abe5ea34c8f1e3a66ca09fca73ba8ed' }, this.challengeProgress);
|
|
137
|
+
}
|
|
138
|
+
};
|
|
139
|
+
CasinoChallengeProgressBar.style = CasinoChallengeProgressBarStyle0;
|
|
140
|
+
|
|
141
|
+
exports.casino_challenge_details = casinoChallengeDetails.CasinoChallengeDetails;
|
|
142
|
+
exports.casino_challenge_expandable_paragraph = CasinoChallengeExpandableParagraph;
|
|
143
|
+
exports.casino_challenge_level_progress_bar = CasinoChallengeLevelProgressBar;
|
|
144
|
+
exports.casino_challenge_progress_bar = CasinoChallengeProgressBar;
|