@everymatrix/casino-engagement-suite-container 1.76.13 → 1.76.14
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-engagement-suite-container/casino-engagement-suite-bar_17.entry.js +1 -1
- package/dist/cjs/casino-engagement-suite-bar_17.cjs.entry.js +38 -17
- package/dist/esm/casino-engagement-suite-bar_17.entry.js +38 -17
- package/dist/types/Users/maria.bumbar/Desktop/Widgets & Template/widgets-monorepo/packages/stencil/casino-engagement-suite-container/.stencil/packages/stencil/casino-engagement-suite-container/stencil.config.d.ts +2 -0
- package/dist/types/Users/maria.bumbar/Desktop/Widgets & Template/widgets-monorepo/packages/stencil/casino-engagement-suite-container/.stencil/packages/stencil/casino-engagement-suite-container/stencil.config.dev.d.ts +2 -0
- package/dist/types/{builds/emfe-widgets/widgets-monorepo/packages/stencil/casino-engagement-suite-container/.stencil/tools/plugins/index.d.ts → Users/maria.bumbar/Desktop/Widgets & Template/widgets-monorepo/packages/stencil/casino-engagement-suite-container/.stencil/tools/plugins/index.d.ts } +1 -0
- package/dist/types/Users/maria.bumbar/Desktop/Widgets & Template/widgets-monorepo/packages/stencil/casino-engagement-suite-container/.stencil/tools/plugins/lazy-load-chunk-plugin.d.ts +12 -0
- package/package.json +1 -1
- package/dist/types/builds/emfe-widgets/widgets-monorepo/packages/stencil/casino-engagement-suite-container/.stencil/packages/stencil/casino-engagement-suite-container/stencil.config.d.ts +0 -2
- package/dist/types/builds/emfe-widgets/widgets-monorepo/packages/stencil/casino-engagement-suite-container/.stencil/packages/stencil/casino-engagement-suite-container/stencil.config.dev.d.ts +0 -2
- /package/dist/types/{builds/emfe-widgets → Users/maria.bumbar/Desktop/Widgets & Template}/widgets-monorepo/packages/stencil/casino-engagement-suite-container/.stencil/libs/common/src/storybook/storybook-utils.d.ts +0 -0
- /package/dist/types/{builds/emfe-widgets → Users/maria.bumbar/Desktop/Widgets & Template}/widgets-monorepo/packages/stencil/casino-engagement-suite-container/.stencil/packages/stencil/casino-engagement-suite-container/storybook/main.d.ts +0 -0
- /package/dist/types/{builds/emfe-widgets → Users/maria.bumbar/Desktop/Widgets & Template}/widgets-monorepo/packages/stencil/casino-engagement-suite-container/.stencil/packages/stencil/casino-engagement-suite-container/storybook/preview.d.ts +0 -0
- /package/dist/types/{builds/emfe-widgets → Users/maria.bumbar/Desktop/Widgets & Template}/widgets-monorepo/packages/stencil/casino-engagement-suite-container/.stencil/tools/plugins/stencil-clean-deps-plugin.d.ts +0 -0
- /package/dist/types/{builds/emfe-widgets → Users/maria.bumbar/Desktop/Widgets & Template}/widgets-monorepo/packages/stencil/casino-engagement-suite-container/.stencil/tools/plugins/vite-chunk-plugin.d.ts +0 -0
- /package/dist/types/{builds/emfe-widgets → Users/maria.bumbar/Desktop/Widgets & Template}/widgets-monorepo/packages/stencil/casino-engagement-suite-container/.stencil/tools/plugins/vite-clean-deps-plugin.d.ts +0 -0
|
@@ -5089,7 +5089,7 @@ class SvgCalc {
|
|
|
5089
5089
|
else {
|
|
5090
5090
|
baseRadius = (this.radius - sizeImage / 2) / Number(partitionDivisor) - 3 * this.ratio;
|
|
5091
5091
|
}
|
|
5092
|
-
return Object.assign(Object.assign({}, this.getPropsForPartitionInfo(index, this.getOffsetImage(sizeImage), baseRadius, ContentDirection$1.outward)), { width:
|
|
5092
|
+
return Object.assign(Object.assign({}, this.getPropsForPartitionInfo(index, this.getOffsetImage(sizeImage), baseRadius, ContentDirection$1.outward)), { width: (this.center === 170 ? 24 : 32), height: (this.center === 170 ? 24 : 32) });
|
|
5093
5093
|
}
|
|
5094
5094
|
getSvgTextProps(index, size) {
|
|
5095
5095
|
const sizeImage = this.getSizeImageByPartition(index);
|
|
@@ -5102,8 +5102,22 @@ class SvgCalc {
|
|
|
5102
5102
|
}
|
|
5103
5103
|
return Object.assign({}, this.getPropsForPartitionInfo(index, this.offsetText, baseRadius, undefined, size));
|
|
5104
5104
|
}
|
|
5105
|
-
getSvgTextPropsAdjustedByImage(index) {
|
|
5106
|
-
|
|
5105
|
+
getSvgTextPropsAdjustedByImage(index, device) {
|
|
5106
|
+
let width;
|
|
5107
|
+
let height;
|
|
5108
|
+
if (this.options.length <= 8) {
|
|
5109
|
+
width = device !== 'Mobile' ? 68 : 55;
|
|
5110
|
+
height = device !== 'Mobile' ? 60 : 60;
|
|
5111
|
+
}
|
|
5112
|
+
else if (this.options.length <= 12) {
|
|
5113
|
+
width = device !== 'Mobile' ? 55 : 55;
|
|
5114
|
+
height = device !== 'Mobile' ? 60 : 40;
|
|
5115
|
+
}
|
|
5116
|
+
else if (this.options.length <= 16) {
|
|
5117
|
+
width = device !== 'Mobile' ? 53 : 47;
|
|
5118
|
+
height = device !== 'Mobile' ? 60 : 60;
|
|
5119
|
+
}
|
|
5120
|
+
const size = { width, height };
|
|
5107
5121
|
const props = this.getSvgTextProps(index, size);
|
|
5108
5122
|
return Object.assign({}, props);
|
|
5109
5123
|
}
|
|
@@ -5138,7 +5152,7 @@ class SvgCalc {
|
|
|
5138
5152
|
}
|
|
5139
5153
|
getAngleSelf(index, contentDirection) {
|
|
5140
5154
|
const baseAngle = ((360 * index) / this.length) * this.direction;
|
|
5141
|
-
const fixerAngle =
|
|
5155
|
+
const fixerAngle = 360 * (contentDirection !== undefined ? contentDirection : ContentDirection$1[this.contentdirection]);
|
|
5142
5156
|
const resultAngle = baseAngle + fixerAngle;
|
|
5143
5157
|
return resultAngle;
|
|
5144
5158
|
}
|
|
@@ -5154,15 +5168,22 @@ class SvgCalc {
|
|
|
5154
5168
|
}
|
|
5155
5169
|
getPropsForPartitionInfo(index, offset, baseRadius, contentDirection, size) {
|
|
5156
5170
|
const { point, transformOrigin } = this.getPartitionPositions(index, baseRadius, offset);
|
|
5171
|
+
const isSmallSize = this.options.length >= 12;
|
|
5172
|
+
const isMiddleSize = this.options.length > 8 && this.options.length < 12;
|
|
5173
|
+
const withImage = this.options[index].Image;
|
|
5174
|
+
const xTranslate = contentDirection === 0 ? -7 + (isSmallSize ? -2 : 0) : -(size === null || size === void 0 ? void 0 : size.width) / 2 || -30;
|
|
5175
|
+
const yTranslate = contentDirection === 0
|
|
5176
|
+
? (this.center === 170 ? 70 : 76.5)
|
|
5177
|
+
: withImage ? (isSmallSize ? -10 : 0) : (isSmallSize ? 10 : isMiddleSize ? 20 : 30);
|
|
5157
5178
|
const getTransformOriginString = (vector) => Object.keys(vector)
|
|
5158
5179
|
.map((axis) => `${vector[axis]}px`)
|
|
5159
5180
|
.join(' ');
|
|
5160
5181
|
return Object.assign(Object.assign({}, point), { style: {
|
|
5161
5182
|
'font-size': `${13 * this.ratio}px`,
|
|
5162
|
-
transform: `rotate(${this.getAngleSelf(index, contentDirection)}deg) translate(${
|
|
5183
|
+
transform: `rotate(${this.getAngleSelf(index, contentDirection)}deg) translate(${xTranslate}px, ${yTranslate}px)`,
|
|
5163
5184
|
'transform-origin': `${getTransformOriginString(transformOrigin)}`,
|
|
5164
|
-
height: `${size}px`,
|
|
5165
|
-
width: `${size}px`
|
|
5185
|
+
height: `${size === null || size === void 0 ? void 0 : size.height}px`,
|
|
5186
|
+
width: `${size === null || size === void 0 ? void 0 : size.width}px`
|
|
5166
5187
|
} });
|
|
5167
5188
|
}
|
|
5168
5189
|
getPartitionDraw(index) {
|
|
@@ -5314,7 +5335,7 @@ class Spinner {
|
|
|
5314
5335
|
}
|
|
5315
5336
|
}
|
|
5316
5337
|
|
|
5317
|
-
const casinoEngagementSuiteLuckywheelCss = ":host{font-family:system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}*,*::before,*::after{margin:0;padding:0;list-style:none;text-decoration:none;outline:none;box-sizing:border-box}.LotteryProgramWof{background:var(--emw--color-contrast, #07072A);display:flex;align-items:center;flex-direction:column;padding:20px 0}main{max-width:600px;width:100%;display:flex;justify-content:space-around;min-height:200px}svg{transition:opacity 0.3s}.WheelContainer{text-align:center}.FortuneContainer{width:100%;display:flex;align-items:center;flex-direction:column}.Center{cursor:pointer;transition:filter;transition-duration:1s}.Center.disabled{filter:grayscale(80%)}.Center .CenterCircle{fill:#3CE4BB;stroke:rgb(150, 54, 88);stroke-width:2px;cursor:pointer;transition:fill;transition-duration:1s}.Center .CenterText{fill:#FFFFFF}.PointerPartition{opacity:0.3;fill:lightgoldenrodyellow;stroke:red;stroke-width:6px;stroke-dasharray:12}.Current{color:#FFFFFF}.PartitionText{color:#FFFFFF;font-style:normal;font-weight:700;text-anchor:end;text-shadow:0px 3px #000;dominant-baseline:central}.PartitionsShadow{background-blend-mode:multiply;mix-blend-mode:multiply}.PartitionTextEntityContainer{height:100%;display:flex;align-items:center}.PartitionTextEntity{width:100%}.PartitionTextEntity.Anticlockwise{text-align:end}foreignObject.Bottom div{background-image:url(\"https://static.everymatrix.com/gic/img/engagement-suite/bar/luckywheel/luckywheel-bg.svg\");background-size:calc(var(--radius) * 2px + var(--ratio) * 20px);background-position:center}foreignObject.Middle div{background-image:url(\"https://static.everymatrix.com/gic/img/engagement-suite/bar/luckywheel/luckywheel-spin.svg\"), url(\"https://static.everymatrix.com/gic/img/engagement-suite/bar/luckywheel/luckywheel-pointer.svg\");background-position:center, center 5px}foreignObject.Top{mix-blend-mode:multiply}foreignObject.Top div{background-image:var(--img-theme-shadow);background-position:center;background-size:calc(var(--radius) * 2px)}foreignObject.Partition1 div{background-image:var(--img-theme-partition-light);background-position:center calc((var(--size) / 2 - var(--radius)) * 1px - var(--ratio) * 22px);transform:rotate(calc(var(--index) * 360deg / var(--length)))}foreignObject.Partition2 div{background-image:var(--img-theme-partition-light);background-position:center calc((var(--size) / 2 - var(--radius)) * 1px - var(--ratio) * 22px);transform:rotate(calc((var(--index) + 0.5) * 360deg / var(--length)))}foreignObject.PointerArea{mix-blend-mode:screen}foreignObject.PointerArea div{background-image:var(--img-theme-pointer-area);background-position:center -3px;background-size:51%}foreignObject.Partition1 div,foreignObject.Partition2 div{transform-origin:center}.PartitionsCustomable1 div,.PartitionsCustomable2 div{visibility:hidden}.PartitionsCustomable1 div.active,.PartitionsCustomable2 div.active{visibility:visible}foreignObject.Customable{overflow:visible}foreignObject.Customable div{background-repeat:no-repeat}.PartitionBackground div{background-size:calc(var(--radius) * 2 / var(--size) * 100%) calc(var(--radius) * 2 / var(--size) * 100%);background-position:center}.PartitionBackground:nth-child(2n) div{background:var(--emw--color-primary, #3F2E75)}.PartitionBackground:nth-child(2n+1) div{background:var(--emw--color-secondary, #9482CE)}.PartitionBackground div{transform-origin:center}.PartitionBackgroundStroke{fill:transparent;stroke:var(--emw--color-background-secondary, #251D3E);stroke-width:3px;stroke-dasharray:none}.PointerPartitionFrame{stroke:#FFDD64;fill:transparent;stroke-dasharray:var(--radius) calc(6.2831853072 / var(--length) * var(--radius));stroke-width:0px}.PointerPartitionFrame.active{stroke-width:3px}.WheelContainer.Mobile foreignObject.Middle div{background-size:95px, 38px}.PartitionText .PartitionTextEntityContainer .PartitionTextEntity{text-align:center;text-transform:uppercase;text-shadow:none;font-size:var(--emw--font-size-small,
|
|
5338
|
+
const casinoEngagementSuiteLuckywheelCss = ":host{font-family:Montserrat, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}*,*::before,*::after{margin:0;padding:0;list-style:none;text-decoration:none;outline:none;box-sizing:border-box}.LotteryProgramWof{background:var(--emw--color-contrast, #07072A);display:flex;align-items:center;flex-direction:column;padding:20px 0}main{max-width:600px;width:100%;display:flex;justify-content:space-around;min-height:200px}svg{transition:opacity 0.3s}.WheelContainer{text-align:center}.FortuneContainer{width:100%;display:flex;align-items:center;flex-direction:column}.Center{cursor:pointer;transition:filter;transition-duration:1s}.Center.disabled{filter:grayscale(80%)}.Center .CenterCircle{fill:#3CE4BB;stroke:rgb(150, 54, 88);stroke-width:2px;cursor:pointer;transition:fill;transition-duration:1s}.Center .CenterText{fill:#FFFFFF}.PointerPartition{opacity:0.3;fill:lightgoldenrodyellow;stroke:red;stroke-width:6px;stroke-dasharray:12}.Current{color:#FFFFFF}.PartitionText{color:#FFFFFF;font-style:normal;font-weight:700;text-anchor:end;text-shadow:0px 3px #000;dominant-baseline:central}.PartitionsShadow{background-blend-mode:multiply;mix-blend-mode:multiply}.PartitionTextEntityContainer{height:100%;display:flex;align-items:center}.PartitionTextEntity{width:100%}.PartitionTextEntity.Anticlockwise{text-align:end}foreignObject.Bottom div{background-image:url(\"https://static.everymatrix.com/gic/img/engagement-suite/bar/luckywheel/luckywheel-bg.svg\");background-size:calc(var(--radius) * 2px + var(--ratio) * 20px);background-position:center}foreignObject.Middle div{background-image:url(\"https://static.everymatrix.com/gic/img/engagement-suite/bar/luckywheel/luckywheel-spin.svg\"), url(\"https://static.everymatrix.com/gic/img/engagement-suite/bar/luckywheel/luckywheel-pointer.svg\");background-position:center, center 5px}foreignObject.Top{mix-blend-mode:multiply}foreignObject.Top div{background-image:var(--img-theme-shadow);background-position:center;background-size:calc(var(--radius) * 2px)}foreignObject.Partition1 div{background-image:var(--img-theme-partition-light);background-position:center calc((var(--size) / 2 - var(--radius)) * 1px - var(--ratio) * 22px);transform:rotate(calc(var(--index) * 360deg / var(--length)))}foreignObject.Partition2 div{background-image:var(--img-theme-partition-light);background-position:center calc((var(--size) / 2 - var(--radius)) * 1px - var(--ratio) * 22px);transform:rotate(calc((var(--index) + 0.5) * 360deg / var(--length)))}foreignObject.PointerArea{mix-blend-mode:screen}foreignObject.PointerArea div{background-image:var(--img-theme-pointer-area);background-position:center -3px;background-size:51%}foreignObject.Partition1 div,foreignObject.Partition2 div{transform-origin:center}.PartitionsCustomable1 div,.PartitionsCustomable2 div{visibility:hidden}.PartitionsCustomable1 div.active,.PartitionsCustomable2 div.active{visibility:visible}foreignObject.Customable{overflow:visible}foreignObject.Customable div{background-repeat:no-repeat}.PartitionBackground div{background-size:calc(var(--radius) * 2 / var(--size) * 100%) calc(var(--radius) * 2 / var(--size) * 100%);background-position:center}.PartitionBackground:nth-child(2n) div{background:var(--emw--color-primary, #3F2E75)}.PartitionBackground:nth-child(2n+1) div{background:var(--emw--color-secondary, #9482CE)}.PartitionBackground div{transform-origin:center}.PartitionBackgroundStroke{fill:transparent;stroke:var(--emw--color-background-secondary, #251D3E);stroke-width:3px;stroke-dasharray:none}.PointerPartitionFrame{stroke:#FFDD64;fill:transparent;stroke-dasharray:var(--radius) calc(6.2831853072 / var(--length) * var(--radius));stroke-width:0px}.PointerPartitionFrame.active{stroke-width:3px}.WheelContainer.Mobile foreignObject.Middle div{background-size:95px, 38px}.PartitionText .PartitionTextEntityContainer .PartitionTextEntity{text-align:center;text-transform:uppercase;text-shadow:none;font-size:var(--emw--font-size-small, 10px);font-weight:700}.PartitionText .PartitionTextEntityContainer .PartitionTextEntity.Mobile{font-size:var(--emw--font-size-x-small, 8px)}";
|
|
5318
5339
|
const CasinoEngagementSuiteLuckywheelStyle0 = casinoEngagementSuiteLuckywheelCss;
|
|
5319
5340
|
|
|
5320
5341
|
const CasinoEngagementSuiteLuckywheel = class {
|
|
@@ -5502,27 +5523,27 @@ const CasinoEngagementSuiteLuckywheel = class {
|
|
|
5502
5523
|
return (index.h("path", Object.assign({ class: "PartitionBackgroundStroke" }, this.settings.getPartitionDraw(index$1), { width: this.size, height: this.size })));
|
|
5503
5524
|
})), index.h("g", { key: '6ccca1f63545eae71d024ee5da59d0149607e3d1', class: "Partitions", style: { filter: this.speed > 0.3 ? `blur(${this.speed}px)` : '' } }, this.options.map((el, index$1) => {
|
|
5504
5525
|
return [
|
|
5505
|
-
el.Image && (index.h("g", { class: `PartitionImage PartitionImage${index$1}`, ref: (el) => this.renderImage(el, index$1) })),
|
|
5526
|
+
el.Image && (index.h("g", Object.assign({ class: `PartitionImage PartitionImage${index$1}`, ref: (el) => this.renderImage(el, index$1) }, this.settings.getSvgImageProps(index$1)))),
|
|
5506
5527
|
el.Name && (index.h("foreignObject", Object.assign({ class: "PartitionText", ref: (el) => {
|
|
5507
5528
|
if (el) {
|
|
5508
|
-
const size = this.options
|
|
5529
|
+
const size = this.options.length > 6 ? '55' : '75';
|
|
5509
5530
|
el.setAttribute('width', size);
|
|
5510
5531
|
el.setAttribute('height', size);
|
|
5511
5532
|
}
|
|
5512
|
-
} }, this.settings.getSvgTextPropsAdjustedByImage(index$1)), index.h("div", { class: "PartitionTextEntityContainer" }, index.h("p", { class: `PartitionTextEntity${this.settings.contentdirection === 'clockwise' ? '' : ' Anticlockwise'}`, innerHTML: el.Name }))))
|
|
5533
|
+
} }, this.settings.getSvgTextPropsAdjustedByImage(index$1, this.device)), index.h("div", { class: "PartitionTextEntityContainer" }, index.h("p", { class: `PartitionTextEntity${this.settings.contentdirection === 'clockwise' ? '' : ' Anticlockwise'} ${this.device}`, innerHTML: el.Name }))))
|
|
5513
5534
|
];
|
|
5514
|
-
}))), index.h("g", { key: '
|
|
5535
|
+
}))), index.h("g", { key: 'a367d23565a8cb54f6435cb120f377d934ebeca1', class: { active: this.isPartitionsCustomableReady, PartitionsCustomable1: true } }, this.options.map((_el, index$1) => {
|
|
5515
5536
|
return (index.h("foreignObject", { ref: this.setSvgSize.bind(this), class: "Partition1 Customable", style: { '--index': index$1.toString() } }, index.h("div", { style: foreignObjectAgentProps })));
|
|
5516
|
-
})), index.h("g", { key: '
|
|
5537
|
+
})), index.h("g", { key: 'dbccc30fa53f944b63454d83cab4cae7ab787cb0', class: { active: this.isPartitionsCustomableReady, PartitionsCustomable2: true } }, this.options.map((_el, index$1) => {
|
|
5517
5538
|
return (index.h("foreignObject", { ref: this.setSvgSize.bind(this), class: "Partition2 Customable", style: { '--index': index$1.toString() } }, index.h("div", { style: foreignObjectAgentProps })));
|
|
5518
|
-
})), index.h("foreignObject", { key: '
|
|
5539
|
+
})), index.h("foreignObject", { key: '6ad80cb9533ec295bad090831532250cd35afd7e', ref: this.setSvgSize.bind(this), class: "Middle Customable", style: foreignObjectAgentProps }, index.h("div", { key: 'ba0afa07f997acf338118c1e07e4ad5446db65c1', style: foreignObjectAgentProps })), index.h("foreignObject", { key: '766381cdd2cc4b9c5243a0a78306e8329a208693', ref: this.setSvgSize.bind(this), class: "Top Customable", style: foreignObjectAgentProps }, index.h("div", { key: '83df3eb57328d3eda101f90515ef6993253513e9', style: foreignObjectAgentProps })), index.h("g", { key: 'd2c1b67fddb67ccc613c31b06a9daa6921eba5f2', class: { spinning: this.isSpinning, Center: true } }, index.h("foreignObject", { key: 'a3353eb0e5d764c867f8193a5d8f7c96b18add80', ref: (el) => {
|
|
5519
5540
|
if (el) {
|
|
5520
5541
|
el.setAttribute('width', '100');
|
|
5521
5542
|
el.setAttribute('height', '100');
|
|
5522
5543
|
}
|
|
5523
5544
|
}, style: {
|
|
5524
5545
|
transform: `translate(${Number(this.size) / 2 - 100 / 2}px, ${Number(this.size) / 2 - 100 / 2}px)`
|
|
5525
|
-
} }, index.h("div", { key: '
|
|
5546
|
+
} }, index.h("div", { key: '38948f9a684ef29dc3ff0c4f8d98972cc2b32e25', style: { width: '100px', height: '100px', cursor: 'pointer' }, onClick: this.eventSpin }))), index.h("g", { key: '6f0a40abf872f17825ecd63a25970a0a89417728' }, this.options.map((_el, index$1) => {
|
|
5526
5547
|
return (index.h("clipPath", { id: `clip${index$1}` }, index.h("path", Object.assign({}, this.settings.getPartitionDraw(index$1)))));
|
|
5527
5548
|
})))));
|
|
5528
5549
|
}
|
|
@@ -5830,7 +5851,7 @@ const getLuckyWheelsHistoryTemplate = (luckywheels, historyGroups, openedHistory
|
|
|
5830
5851
|
}));
|
|
5831
5852
|
};
|
|
5832
5853
|
|
|
5833
|
-
const casinoEngagementSuiteLuckywheelListCss = ":host{display:block;font-family:inherit}*{box-sizing:border-box;margin:0;padding:0}button{border:none;background:none;cursor:pointer}button:focus{outline:none}.EngagementSuiteIconButton{width:16px;height:16px}.EngagementSuiteIconButton.Help{background:center/100% url(https://static.everymatrix.com/gic/img/engagement-suite/help.svg) no-repeat}.EngagementSuiteIconButton.Close{background:center/100% url(https://static.everymatrix.com/gic/img/engagement-suite/close.svg) no-repeat}.EngagementSuiteIconButton.ArrowDown{background:center/100% url(https://static.everymatrix.com/gic/img/engagement-suite/arrow-down.svg) no-repeat}.LuckyWheelsListPopup{display:flex;height:100%;background-color:var(--emw--color-background, #1e1638);border-radius:var(--emw--border-radius-large, 8px);overflow:hidden;flex-direction:column;position:relative;padding-bottom:20px}.LuckyWheelsListPopupHeader{display:flex;justify-content:space-between;align-items:center;padding:12px 8px 8px}.LuckyWheelsListPopupHeaderName{color:var(--emw--color-secondary, #bbb9c3);font-size:var(--emw--font-size-small, 14px);font-weight:var(--emw--font-weight-medium, 500);line-height:14px}.LuckyWheelsListWrapper{overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.LuckyWheelsListWrapper::-webkit-scrollbar{display:none}.LuckyWheelsList{display:flex;flex-direction:column;row-gap:12px;padding:8px 19px 0}.LuckyWheelsRowWrapper{display:flex;justify-content:space-between;min-width:0}.LuckyWheelsCard{padding:15px 15px 19px;border:1px solid var(--emw--button-border-color, #403956);border-radius:var(--emw--border-radius-medium, 6px);position:relative;cursor:pointer}.LuckyWheelsCard.Forfeited{cursor:auto;pointer-events:none}.LuckyWheelsCardHeader{display:flex;justify-content:space-between;gap:24px;margin-bottom:12px;flex:1;min-width:0;align-items:flex-end}.LuckyWheelsName{color:var(--emw--color-typography, #ffffff);font-family:var(--emw--font-family-secondary, \"Montserrat\", sans-serif);line-height:22px;font-weight:var(--emw--font-weight-bold, 700);font-size:var(--emw--font-size-medium-plus, 18px);word-break:break-word;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.LuckyWheelsCounter{display:flex;color:var(--emw--color-secondary, #bbb9c3);font-size:var(--emw--font-size-medium-plus, 18px);align-items:flex-end}.LuckyWheelsHighlightedCounter,.LuckyWheelsEmptyCounter{font-size:var(--emw--font-size-medium-plus, 18px);font-weight:var(--emw--font-weight-extra-bold, 800);margin-right:4px}.LuckyWheelsHighlightedCounter{background:var(--emw--engagement-suite-gradient-golden, linear-gradient(180deg, #ffb801 15.86%, #fef746 31.36%, #fbffe0 36.86%, #fffa60 47.86%, #ff9400 87.36%));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.LuckyWheelsEmptyCounter{color:var(--emw--color-gray-150, #8f8b9c)}.LuckyWheelsListEmpty{padding:20px 32px}.LuckyWheelsListEmpty h2{margin:0 0 16px 0;text-align:center;font-weight:var(--emw--font-weight-semibold, 600);font-size:var(--emw--font-size-large, 20px);line-height:24px;font-family:var(--emw--font-family-secondary, \"Montserrat\", sans-serif);color:var(--emw--color-typography, #ffffff)}.LuckyWheelsListEmpty p{font-size:var(--emw--font-size-small, 14px);line-height:17px;color:var(--emw--color-secondary, #bbb9c3)}.LuckyWheelsCountdownWrapper{display:flex;justify-content:space-between;align-items:flex-start}.LuckyWheelsCountdown,.ForfeitedMessage{color:var(--emw--color-secondary, #bbb9c3);font-size:var(--emw--font-size-x-small, 12px);line-height:12px}.ForfeitedMessage{line-height:1.2}.LuckyWheelsBalCounter{display:flex;align-items:flex-end;color:var(--emw--color-secondary, #bbb9c3);font-size:var(--emw--font-size-x-small, 12px)}.LuckyWheelsRemainCounter{color:var(--emw--color-typography, #ffffff);font-weight:var(--emw--font-weight-bold, 700);margin-right:4px}.LuckyWheelLabel{min-width:35px;height:18px;background:var(--emw--engagement-suite-gradient-golden, linear-gradient(180deg, #ffb801 15.86%, #fef746 31.36%, #fbffe0 36.86%, #fffa60 47.86%, #ff9400 87.36%));border-radius:var(--emw--border-radius-x-small, 2px);display:none;position:absolute;top:-11px;right:11px;padding:0 2px;align-items:center;justify-content:center}.LuckyWheelLabel span{display:inline-block;text-transform:uppercase;font-size:var(--emw--font-size-2x-small, 10px);line-height:10px;font-weight:var(--emw--font-weight-bold, 700);font-family:var(--emw--font-family-secondary, \"Montserrat\", sans-serif);color:var(--emw--color-background, #1e1638)}.ShowLuckyWheelLabel{display:inline-flex}.EngagementSuiteTooltipBackdrop{padding:48px 30px 0;position:absolute;width:100%;height:100%;inset:0;background-color:rgba(0, 0, 0, 0.5)}.EngagementSuiteTooltipBackdrop .EngagementSuiteTooltip{border:1px solid var(--emw--button-border-color, #403956);background-color:var(--emw--color-background, #1e1638);border-radius:var(--emw--border-radius-large, 8px);padding:32px;font-size:var(--emw--font-size-small, 14px);line-height:17px;color:var(--emw--color-secondary, #bbb9c3);position:relative}.EngagementSuiteTooltipBackdrop .EngagementSuiteTooltip .EngagementSuiteIconButton{top:12px;right:12px;position:absolute}.LuckyWheelsEmptyNumber .LuckyWheelsName,.LuckyWheelsEmptyNumber .LuckyWheelsCountdown,.LuckyWheelsEmptyNumber .LuckyWheelsRemainCounter{color:var(--emw--color-gray-150, #8f8b9c)}.LuckyWheelsListPopup.Tablet .LuckyWheelsListPopupHeader,.LuckyWheelsListPopup.Desktop .LuckyWheelsListPopupHeader{padding-top:16px}.LuckyWheelsListPopup.Tablet .LuckyWheelsListPopupHeaderName,.LuckyWheelsListPopup.Desktop .LuckyWheelsListPopupHeaderName{font-size:var(--emw--font-size-medium, 16px);line-height:16px}.LuckyWheelsListPopup.Tablet .EngagementSuiteIconButton,.LuckyWheelsListPopup.Desktop .EngagementSuiteIconButton{width:24px;height:24px}.LuckyWheelsListPopup.Tablet .LuckyWheelsList,.LuckyWheelsListPopup.Desktop .LuckyWheelsList{padding:20px 24px 0;row-gap:20px}.LuckyWheelsListPopup.Tablet .LuckyWheelCardHeader,.LuckyWheelsListPopup.Desktop .LuckyWheelCardHeader{margin-bottom:16px}.LuckyWheelsListPopup.Tablet .LuckyWheelsName,.LuckyWheelsListPopup.Desktop .LuckyWheelsName{line-height:27px;font-size:var(--emw--font-size-large, 22px)}.LuckyWheelsListPopup.Tablet .LuckyWheelsCountdown,.LuckyWheelsListPopup.Desktop .LuckyWheelsCountdown{font-size:var(--emw--font-size-small, 14px);line-height:14px}.LuckyWheelsListPopup.Tablet .EngagementSuiteTooltipBackdrop,.LuckyWheelsListPopup.Desktop .EngagementSuiteTooltipBackdrop{padding:90px 75px 0}.LuckyWheelsListPopup.Tablet .EngagementSuiteTooltip,.LuckyWheelsListPopup.Desktop .EngagementSuiteTooltip{padding:60px 65px;font-size:var(--emw--font-size-medium, 16px);line-height:20px}.LuckyWheelsListPopup.Tablet .EngagementSuiteTooltip .EngagementSuiteIconButton,.LuckyWheelsListPopup.Desktop .EngagementSuiteTooltip .EngagementSuiteIconButton{top:24px;right:24px}.LuckyWheelsListPopup.Tablet .EngagementSuiteTabsWrapper .EngagementSuiteTabs .EngagementSuiteTab,.LuckyWheelsListPopup.Desktop .EngagementSuiteTabsWrapper .EngagementSuiteTabs .EngagementSuiteTab{font-size:var(--emw--font-size-medium, 16px)}.LuckyWheelsListPopup.Tablet .HistoryWrapper .HistoryCols,.LuckyWheelsListPopup.Desktop .HistoryWrapper .HistoryCols{font-size:var(--emw--font-size-medium, 16px)}.LuckyWheelsListPopup.Tablet .HistoryWrapper .HistoryCols .Rewards,.LuckyWheelsListPopup.Desktop .HistoryWrapper .HistoryCols .Rewards{flex-basis:140px}.LuckyWheelsListPopup.Tablet .HistoryWrapper .HistoryCols .Issued,.LuckyWheelsListPopup.Desktop .HistoryWrapper .HistoryCols .Issued{flex-basis:100px}.LuckyWheelsListPopup.Tablet .HistoryWrapper .HistoryListItem .HistoryListItemHeader,.LuckyWheelsListPopup.Desktop .HistoryWrapper .HistoryListItem .HistoryListItemHeader{font-size:var(--emw--font-size-large, 22px)}.LuckyWheelsListPopup.Tablet .HistoryWrapper .HistoryListItem .HistoryInfo,.LuckyWheelsListPopup.Desktop .HistoryWrapper .HistoryListItem .HistoryInfo{font-size:var(--emw--font-size-medium, 16px)}.LuckyWheelsListPopup.Tablet .HistoryWrapper .HistoryListItem .HistoryInfo .Rewards,.LuckyWheelsListPopup.Desktop .HistoryWrapper .HistoryListItem .HistoryInfo .Rewards{flex-basis:140px}.LuckyWheelsListPopup.Tablet .HistoryWrapper .HistoryListItem .HistoryInfo .Issued,.LuckyWheelsListPopup.Desktop .HistoryWrapper .HistoryListItem .HistoryInfo .Issued{flex-basis:100px}.EngagementSuiteTabsWrapper{padding:0 24px;margin:8px 0}.EngagementSuiteTabsWrapper .EngagementSuiteTabs{display:flex;position:relative;border-bottom:2px solid var(--emw--color-secondary, #666178)}.EngagementSuiteTabsWrapper .EngagementSuiteTabs .EngagementSuiteTab{padding:9px 16px 7px;font-weight:var(--emw--font-weight-medium, 500);font-size:var(--emw--font-size-x-small, 12px);line-height:15px;color:var(--emw--color-gray-300, #666178);cursor:pointer}.EngagementSuiteTabsWrapper .EngagementSuiteTabs .EngagementSuiteTab.Active{color:var(--emw--color-typography, #fff);border-bottom:2px solid var(--emw--color-typography, #fff);margin-bottom:-2px}.HistoryWrapper{padding:0 24px;display:flex;flex-direction:column;height:100%;overflow:hidden}.HistoryWrapper .HistoryEmptyMessage{margin-top:8px;font-size:var(--emw--font-size-small, 14px);color:var(--emw--color-secondary, #bbb9c3);line-height:30px}.HistoryWrapper .HistoryCols{padding:12px 10px;position:relative;display:flex;border-bottom:1px solid var(--emw--color-secondary, #666178);font-size:var(--emw--font-size-x-small, 12px)}.HistoryWrapper .HistoryCols .HistoryColName{color:var(--emw--color-secondary, #bbb9c3)}.HistoryWrapper .HistoryCols .Rewards{flex-basis:80px}.HistoryWrapper .HistoryCols .Issued{flex-basis:80px}.HistoryWrapper .HistoryLoader{display:flex;flex-direction:column;justify-content:center;align-items:center;height:inherit;font-size:var(--emw--font-size-medium, 16px);color:var(--emw--color-gray-150, #8f8b9c)}.HistoryWrapper .HistoryLoader casino-engagement-suite-progress-bar{margin-bottom:8px;width:100px}.HistoryWrapper .HistoryListItem{max-height:300px;overflow:auto;margin-top:8px}.HistoryWrapper .HistoryListItem.Opened .EngagementSuiteIconButton.ArrowDown{transform:rotate(180deg)}.HistoryWrapper .HistoryListItem.Opened .HistoryListItemBody{padding-bottom:8px;grid-template-rows:1fr;border-bottom:1px solid var(--emw--color-secondary, #666178)}.HistoryWrapper .HistoryListItem .HistoryListItemHeader{padding:16px 0;display:flex;justify-content:space-between;align-items:center;color:var(--emw--color-typography, #ffffff);font-size:var(--emw--font-size-medium, 14px)}.HistoryWrapper .HistoryListItem .EngagementSuiteIconButton.ArrowDown{transition:transform 0.3s ease-out;width:24px;height:24px}.HistoryWrapper .HistoryListItem .HistoryListItemBody{position:relative;display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.3s ease-out}.HistoryWrapper .HistoryListItem .HistoryListItemBody>div{overflow:hidden}.HistoryWrapper .HistoryListItem .HistoryListItemCard{padding:12px 5px}.HistoryWrapper .HistoryListItem .HistoryInfoRow{display:flex;gap:10px;flex-direction:column}.HistoryWrapper .HistoryListItem .HistoryInfo{display:flex;padding:10px;font-size:var(--emw--font-size-x-small, 12px);color:var(--emw--color-secondary, #bbb9c3)}.HistoryWrapper .HistoryListItem .HistoryInfo .HistoryCol{text-overflow:ellipsis;overflow:hidden}.HistoryWrapper .HistoryListItem .HistoryInfo .Rewards{color:var(--emw--color-typography, #ffffff);flex-basis:80px;font-weight:600}.HistoryWrapper .HistoryListItem .HistoryInfo .Issued{flex-basis:80px}";
|
|
5854
|
+
const casinoEngagementSuiteLuckywheelListCss = ":host{display:block;font-family:inherit}*{box-sizing:border-box;margin:0;padding:0}button{border:none;background:none;cursor:pointer}button:focus{outline:none}.EngagementSuiteIconButton{width:16px;height:16px}.EngagementSuiteIconButton.Help{background:center/100% url(https://static.everymatrix.com/gic/img/engagement-suite/help.svg) no-repeat}.EngagementSuiteIconButton.Close{background:center/100% url(https://static.everymatrix.com/gic/img/engagement-suite/close.svg) no-repeat}.EngagementSuiteIconButton.ArrowDown{background:center/100% url(https://static.everymatrix.com/gic/img/engagement-suite/arrow-down.svg) no-repeat}.LuckyWheelsListPopup{display:flex;height:100%;background-color:var(--emw--color-background, #1e1638);border-radius:var(--emw--border-radius-large, 8px);overflow:hidden;flex-direction:column;position:relative;padding-bottom:20px}.LuckyWheelsListPopupHeader{display:flex;justify-content:space-between;align-items:center;padding:12px 8px 8px}.LuckyWheelsListPopupHeaderName{color:var(--emw--color-secondary, #bbb9c3);font-size:var(--emw--font-size-small, 14px);font-weight:var(--emw--font-weight-medium, 500);line-height:14px}.LuckyWheelsListWrapper::-webkit-scrollbar,.HistoryListItem::-webkit-scrollbar{width:3px;border-radius:4px}.LuckyWheelsListWrapper::-webkit-scrollbar-track,.HistoryListItem::-webkit-scrollbar-track{background:transparent}.LuckyWheelsListWrapper::-webkit-scrollbar-thumb,.HistoryListItem::-webkit-scrollbar-thumb{background:var(--emw--color-gray-105, rgba(255, 255, 255, 0.6))}.LuckyWheelsListWrapper::-webkit-scrollbar-thumb:hover,.HistoryListItem::-webkit-scrollbar-thumb:hover{background:var(--emw--color-gray-290, #969696)}.LuckyWheelsList{display:flex;flex-direction:column;row-gap:12px;padding:8px 19px 0}.LuckyWheelsRowWrapper{display:flex;justify-content:space-between;min-width:0}.LuckyWheelsCard{padding:15px 15px 19px;border:1px solid var(--emw--button-border-color, #403956);border-radius:var(--emw--border-radius-medium, 6px);position:relative;cursor:pointer}.LuckyWheelsCard.Forfeited{cursor:auto;pointer-events:none}.LuckyWheelsCardHeader{display:flex;justify-content:space-between;gap:24px;margin-bottom:12px;flex:1;min-width:0;align-items:flex-end}.LuckyWheelsName{color:var(--emw--color-typography, #ffffff);font-family:var(--emw--font-family-secondary, \"Montserrat\", sans-serif);line-height:22px;font-weight:var(--emw--font-weight-bold, 700);font-size:var(--emw--font-size-medium-plus, 18px);word-break:break-word;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.LuckyWheelsCounter{display:flex;color:var(--emw--color-secondary, #bbb9c3);font-size:var(--emw--font-size-medium-plus, 18px);align-items:flex-end}.LuckyWheelsHighlightedCounter,.LuckyWheelsEmptyCounter{font-size:var(--emw--font-size-medium-plus, 18px);font-weight:var(--emw--font-weight-extra-bold, 800);margin-right:4px}.LuckyWheelsHighlightedCounter{background:var(--emw--engagement-suite-gradient-golden, linear-gradient(180deg, #ffb801 15.86%, #fef746 31.36%, #fbffe0 36.86%, #fffa60 47.86%, #ff9400 87.36%));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.LuckyWheelsEmptyCounter{color:var(--emw--color-gray-150, #8f8b9c)}.LuckyWheelsListEmpty{padding:20px 32px}.LuckyWheelsListEmpty h2{margin:0 0 16px 0;text-align:center;font-weight:var(--emw--font-weight-semibold, 600);font-size:var(--emw--font-size-large, 20px);line-height:24px;font-family:var(--emw--font-family-secondary, \"Montserrat\", sans-serif);color:var(--emw--color-typography, #ffffff)}.LuckyWheelsListEmpty p{font-size:var(--emw--font-size-small, 14px);line-height:17px;color:var(--emw--color-secondary, #bbb9c3)}.LuckyWheelsCountdownWrapper{display:flex;justify-content:space-between;align-items:flex-start}.LuckyWheelsCountdown,.ForfeitedMessage{color:var(--emw--color-secondary, #bbb9c3);font-size:var(--emw--font-size-x-small, 12px);line-height:12px}.ForfeitedMessage{line-height:1.2}.LuckyWheelsBalCounter{display:flex;align-items:flex-end;color:var(--emw--color-secondary, #bbb9c3);font-size:var(--emw--font-size-x-small, 12px)}.LuckyWheelsRemainCounter{color:var(--emw--color-typography, #ffffff);font-weight:var(--emw--font-weight-bold, 700);margin-right:4px}.LuckyWheelLabel{min-width:35px;height:18px;background:var(--emw--engagement-suite-gradient-golden, linear-gradient(180deg, #ffb801 15.86%, #fef746 31.36%, #fbffe0 36.86%, #fffa60 47.86%, #ff9400 87.36%));border-radius:var(--emw--border-radius-x-small, 2px);display:none;position:absolute;top:-11px;right:11px;padding:0 2px;align-items:center;justify-content:center}.LuckyWheelLabel span{display:inline-block;text-transform:uppercase;font-size:var(--emw--font-size-2x-small, 10px);line-height:10px;font-weight:var(--emw--font-weight-bold, 700);font-family:var(--emw--font-family-secondary, \"Montserrat\", sans-serif);color:var(--emw--color-background, #1e1638)}.ShowLuckyWheelLabel{display:inline-flex}.EngagementSuiteTooltipBackdrop{padding:48px 30px 0;position:absolute;width:100%;height:100%;inset:0;background-color:rgba(0, 0, 0, 0.5)}.EngagementSuiteTooltipBackdrop .EngagementSuiteTooltip{border:1px solid var(--emw--button-border-color, #403956);background-color:var(--emw--color-background, #1e1638);border-radius:var(--emw--border-radius-large, 8px);padding:32px;font-size:var(--emw--font-size-small, 14px);line-height:17px;color:var(--emw--color-secondary, #bbb9c3);position:relative}.EngagementSuiteTooltipBackdrop .EngagementSuiteTooltip .EngagementSuiteIconButton{top:12px;right:12px;position:absolute}.LuckyWheelsEmptyNumber .LuckyWheelsName,.LuckyWheelsEmptyNumber .LuckyWheelsCountdown,.LuckyWheelsEmptyNumber .LuckyWheelsRemainCounter{color:var(--emw--color-gray-150, #8f8b9c)}.LuckyWheelsListPopup.Tablet .LuckyWheelsListPopupHeader,.LuckyWheelsListPopup.Desktop .LuckyWheelsListPopupHeader{padding-top:16px}.LuckyWheelsListPopup.Tablet .LuckyWheelsListPopupHeaderName,.LuckyWheelsListPopup.Desktop .LuckyWheelsListPopupHeaderName{font-size:var(--emw--font-size-medium, 16px);line-height:16px}.LuckyWheelsListPopup.Tablet .EngagementSuiteIconButton,.LuckyWheelsListPopup.Desktop .EngagementSuiteIconButton{width:24px;height:24px}.LuckyWheelsListPopup.Tablet .LuckyWheelsList,.LuckyWheelsListPopup.Desktop .LuckyWheelsList{padding:20px 24px 0;row-gap:20px}.LuckyWheelsListPopup.Tablet .LuckyWheelCardHeader,.LuckyWheelsListPopup.Desktop .LuckyWheelCardHeader{margin-bottom:16px}.LuckyWheelsListPopup.Tablet .LuckyWheelsName,.LuckyWheelsListPopup.Desktop .LuckyWheelsName{line-height:27px;font-size:var(--emw--font-size-large, 18px);font-weight:var(--emw--font-weight-bold, 700)}.LuckyWheelsListPopup.Tablet .LuckyWheelsCountdown,.LuckyWheelsListPopup.Desktop .LuckyWheelsCountdown{font-size:var(--emw--font-size-small, 14px);line-height:14px}.LuckyWheelsListPopup.Tablet .EngagementSuiteTooltipBackdrop,.LuckyWheelsListPopup.Desktop .EngagementSuiteTooltipBackdrop{padding:90px 75px 0}.LuckyWheelsListPopup.Tablet .EngagementSuiteTooltip,.LuckyWheelsListPopup.Desktop .EngagementSuiteTooltip{padding:60px 65px;font-size:var(--emw--font-size-medium, 16px);line-height:20px}.LuckyWheelsListPopup.Tablet .EngagementSuiteTooltip .EngagementSuiteIconButton,.LuckyWheelsListPopup.Desktop .EngagementSuiteTooltip .EngagementSuiteIconButton{top:24px;right:24px}.LuckyWheelsListPopup.Tablet .EngagementSuiteTabsWrapper .EngagementSuiteTabs .EngagementSuiteTab,.LuckyWheelsListPopup.Desktop .EngagementSuiteTabsWrapper .EngagementSuiteTabs .EngagementSuiteTab{font-size:var(--emw--font-size-medium, 16px)}.LuckyWheelsListPopup.Tablet .HistoryWrapper .HistoryCols,.LuckyWheelsListPopup.Desktop .HistoryWrapper .HistoryCols{font-size:var(--emw--font-size-medium, 16px)}.LuckyWheelsListPopup.Tablet .HistoryWrapper .HistoryCols .Rewards,.LuckyWheelsListPopup.Desktop .HistoryWrapper .HistoryCols .Rewards{flex-basis:140px}.LuckyWheelsListPopup.Tablet .HistoryWrapper .HistoryCols .Issued,.LuckyWheelsListPopup.Desktop .HistoryWrapper .HistoryCols .Issued{flex-basis:100px}.LuckyWheelsListPopup.Tablet .HistoryWrapper .HistoryListItem .HistoryListItemHeader,.LuckyWheelsListPopup.Desktop .HistoryWrapper .HistoryListItem .HistoryListItemHeader{font-family:var(--emw--font-family-secondary, \"Montserrat\", sans-serif);font-size:var(--emw--font-size-large, 18px);font-weight:var(--emw--font-weight-medium, 500)}.LuckyWheelsListPopup.Tablet .HistoryWrapper .HistoryListItem .HistoryInfo,.LuckyWheelsListPopup.Desktop .HistoryWrapper .HistoryListItem .HistoryInfo{font-size:var(--emw--font-size-medium, 16px)}.LuckyWheelsListPopup.Tablet .HistoryWrapper .HistoryListItem .HistoryInfo .Rewards,.LuckyWheelsListPopup.Desktop .HistoryWrapper .HistoryListItem .HistoryInfo .Rewards{flex-basis:140px}.LuckyWheelsListPopup.Tablet .HistoryWrapper .HistoryListItem .HistoryInfo .Issued,.LuckyWheelsListPopup.Desktop .HistoryWrapper .HistoryListItem .HistoryInfo .Issued{flex-basis:100px}.EngagementSuiteTabsWrapper{padding:0 24px;margin:8px 0}.EngagementSuiteTabsWrapper .EngagementSuiteTabs{display:flex;position:relative;border-bottom:2px solid var(--emw--color-secondary, #666178)}.EngagementSuiteTabsWrapper .EngagementSuiteTabs .EngagementSuiteTab{padding:9px 16px 7px;font-weight:var(--emw--font-weight-medium, 500);font-size:var(--emw--font-size-x-small, 12px);line-height:15px;color:var(--emw--color-gray-300, #666178);cursor:pointer}.EngagementSuiteTabsWrapper .EngagementSuiteTabs .EngagementSuiteTab.Active{color:var(--emw--color-typography, #fff);border-bottom:2px solid var(--emw--color-typography, #fff);margin-bottom:-2px}.HistoryWrapper{padding:0 24px;display:flex;flex-direction:column;height:100%;overflow:hidden}.HistoryWrapper .HistoryEmptyMessage{margin-top:8px;font-size:var(--emw--font-size-small, 14px);color:var(--emw--color-secondary, #bbb9c3);line-height:30px}.HistoryWrapper .HistoryCols{padding:12px 10px;position:relative;display:flex;border-bottom:1px solid var(--emw--color-secondary, #666178);font-size:var(--emw--font-size-x-small, 12px)}.HistoryWrapper .HistoryCols .HistoryColName{color:var(--emw--color-secondary, #bbb9c3)}.HistoryWrapper .HistoryCols .Rewards{flex-basis:80px}.HistoryWrapper .HistoryCols .Issued{flex-basis:80px}.HistoryWrapper .HistoryLoader{display:flex;flex-direction:column;justify-content:center;align-items:center;height:inherit;font-size:var(--emw--font-size-medium, 16px);color:var(--emw--color-gray-150, #8f8b9c)}.HistoryWrapper .HistoryLoader casino-engagement-suite-progress-bar{margin-bottom:8px;width:100px}.HistoryWrapper .HistoryListItem{max-height:300px;overflow:auto;margin-top:8px}.HistoryWrapper .HistoryListItem.Opened .EngagementSuiteIconButton.ArrowDown{transform:rotate(180deg)}.HistoryWrapper .HistoryListItem.Opened .HistoryListItemBody{padding-bottom:8px;grid-template-rows:1fr;border-bottom:1px solid var(--emw--color-secondary, #666178)}.HistoryWrapper .HistoryListItem .HistoryListItemHeader{padding:16px 0;display:flex;justify-content:space-between;align-items:center;color:var(--emw--color-typography, #ffffff);font-size:var(--emw--font-size-medium, 14px)}.HistoryWrapper .HistoryListItem .EngagementSuiteIconButton.ArrowDown{transition:transform 0.3s ease-out;width:24px;height:24px}.HistoryWrapper .HistoryListItem .HistoryListItemBody{position:relative;display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.3s ease-out}.HistoryWrapper .HistoryListItem .HistoryListItemBody>div{overflow:hidden}.HistoryWrapper .HistoryListItem .HistoryListItemCard{padding:12px 5px}.HistoryWrapper .HistoryListItem .HistoryInfoRow{display:flex;gap:10px;flex-direction:column}.HistoryWrapper .HistoryListItem .HistoryInfo{display:flex;padding:10px;font-size:var(--emw--font-size-x-small, 12px);color:var(--emw--color-secondary, #bbb9c3)}.HistoryWrapper .HistoryListItem .HistoryInfo .HistoryCol{text-overflow:ellipsis;overflow:hidden}.HistoryWrapper .HistoryListItem .HistoryInfo .Rewards{color:var(--emw--color-typography, #ffffff);flex-basis:80px;font-weight:600}.HistoryWrapper .HistoryListItem .HistoryInfo .Issued{flex-basis:80px}";
|
|
5834
5855
|
const CasinoEngagementSuiteLuckywheelListStyle0 = casinoEngagementSuiteLuckywheelListCss;
|
|
5835
5856
|
|
|
5836
5857
|
const CasinoEngagementSuiteLuckyWheelList = class {
|
|
@@ -6254,7 +6275,7 @@ const CasinoEngagementSuiteModalContainer = class {
|
|
|
6254
6275
|
const { ProgressToActivate } = this.confirmationData || {};
|
|
6255
6276
|
return (index.h("div", { key: 'f6084274c1f53415a89aacca7cefc088b401e01a', class: `ModalContainer ${this.device}` }, index.h("casino-engagement-suite-modal", { key: '16e8e1db4bc6916197723aeec9d86edce5142fa4', clientStylingUrl: this.clientStylingUrl, isOpen: this.isModalOpen('NO_SPIN_LEFT_MODAL'), header: translate('noSpinsLeft', this.language), contentIcon: rewardIcon, assets: this.assets, modalType: "NO_SPIN_LEFT_MODAL", "show-animation": false, device: this.device }, index.h("div", { key: '666d74509a18ecf7250f594b65ed50d894e8bc69', slot: "body" }, index.h("div", { key: 'dae32188cb62d48681159a7f1953e8e24ad45a15' }, translate('seeYouLater', this.language))), index.h("div", { key: '57eae0585f9bbcaa0c3168b967db7d2197c69377', slot: "footer" }, index.h("button", { key: 'f4ffef3e030620dc2eacfc0315ad1ef87c648723', class: "ModalFooterButton", onClick: this.handleCloseClick, "data-type": "NO_SPIN_LEFT_MODAL" }, "OK"))), index.h("casino-engagement-suite-modal", { key: '3ab936accd2c6f7f4a47f506750527dba251b54b', clientStylingUrl: this.clientStylingUrl, isOpen: this.isModalOpen('REWARD_MODAL'), header: "Congratulations!", contentIcon: rewardIcon, assets: this.assets, modalType: "REWARD_MODAL", "show-animation": true, device: this.device }, index.h("div", { key: 'e8f31b5b1fa7b3cdbede19d2332c5aca912d6e17', slot: "body" }, index.h("div", { key: 'fa5a265da89b3d306c910bc74a65637fc775ebad' }, !this.rewardText && translate('won', this.language), ' ', index.h("span", { key: 'd95f375d21a90564b9d8c5e328c7c6d19d164571', class: "ModalReward" }, this.rewardText || this.rewardMessage)), this.hasError && index.h("div", { key: 'd5c9f2f8e3fe91bd2a6593c1796b2e60b69d6200', class: "SupportInfo" }, translate('supportInfo', this.language))), index.h("div", { key: 'a0b6d0d65298de17b3aa588db7154eab048482f4', slot: "footer" }, index.h("button", { key: 'f518cc3fefa88c5090d84f198b7ff3913c11faf1', class: "ModalFooterButton", onClick: this.handleCloseClick, "data-type": "REWARD_MODAL" }, translate(this.noLWSpinLeft ? 'close' : 'continue', this.language)), this.noLWSpinLeft && index.h("div", { key: '2a76bdd63efcba8c4c447586f390316ad4197ad6', class: "NoSpinsLeft" }, translate('noSpinsLeft', this.language)))), index.h("casino-engagement-suite-modal", { key: '250f50a7f9f8ee816c5855a0dd3fcf5a54a9eaca', clientStylingUrl: this.clientStylingUrl, isOpen: this.isModalOpen('JACKPOT_REWARD_MODAL'), header: "Congratulations!", contentIcon: rewardIcon, "show-animation": true, modalType: "JACKPOT_REWARD_MODAL", device: this.device }, index.h("div", { key: '9ed16e8dd8c074525b09e60058f6d4e1f347337f', slot: "body" }, index.h("div", { key: '4a62303a24951e6bbea43ca53195e639c916adca', class: "JackpotWinText" }, translate('jackpotWin', this.language)), index.h("div", { key: '6e338e3781e014066691609a2ff0055c63eb6c2b', class: "JackpotWinAmount" }, formatBalance(this.winAmount.amount, this.winAmount.currency))), index.h("div", { key: 'dd252ee2f9d4a55a9a148b71aaef0f4319b3664d', slot: "footer" }, index.h("button", { key: 'b547c0d0264fda93698a2dd6927908103e5bdf39', class: "ModalFooterButton", onClick: this.handleCloseClick, "data-type": "JACKPOT_REWARD_MODAL" }, translate('continue', this.language)), index.h("div", { key: '771804d487d49347ee30c1f158e3f6b3b9962b59', class: "JackpotWinInfoText" }, translate('jackpotWinInfo', this.language)))), index.h("casino-engagement-suite-modal", { key: 'ea0428fe8f377e427bd9ebe7ed1ed33bbbbc47d2', clientStylingUrl: this.clientStylingUrl, isOpen: this.isModalOpen('TARGET_MODAL'), header: ProgressToActivate ? translate('joinHeader', this.language) : translate('unJoinHeader', this.language), modalType: "TARGET_MODAL", device: this.device, isLoading: this.isJoiningToChallenge }, index.h("div", { key: '190bf7531bae3de373e7c04233bfd31bb007d22a', slot: "body" }, index.h("div", { key: '2437aec4f2393e2ddc934f0ed927a2b7043a1e88', class: "LeftAlign" }, translate('desc', this.language)), index.h("div", { key: 'eca39946bc741a4e56d09f9640822b0c51a17d79', class: "LeftAlignQuestion" }, ProgressToActivate
|
|
6256
6277
|
? translate('joinQuestion', this.language)
|
|
6257
|
-
: translate('unJoinQuestion', this.language))), index.h("div", { key: '81107a7b57a5c6dd573128090c1145171c4d7131', slot: "footer", class: "ManyActions" }, index.h("button", { key: 'c3e256cb8334e9386c572bd037c78678f7b922f4', class: `ModalFooterButton ${this.isJoiningToChallenge ? 'Disabled' : ''}`, onClick: this.handleChallengeAttendance }, ProgressToActivate ? translate('joinConfirm', this.language) : translate('unJoinConfirm', this.language)), index.h("button", { key: '29de3f6da68fd1ec8258856480bf89e3d286309f', class: `ModalFooterButtonOutlined ${this.isJoiningToChallenge ? 'Disabled' : ''}`, onClick: this.handleCloseClick, "data-type": "TARGET_MODAL" }, index.h("div", { key: 'f01704e080896e65c86ec67e3f14945fcbd2b016', class: "GradientText" }, ProgressToActivate ? translate('joinReject', this.language) : translate('unJoinReject', this.language))))), index.h("casino-engagement-suite-modal", { key: 'a5708ff6eb5ef898adf17b8869c687b816b0ace3', clientStylingUrl: this.clientStylingUrl, isOpen: this.isModalOpen('SUPPORT_MODAL'), header: translate('noReward', this.language), contentIcon: alertIcon, modalType: "SUPPORT_MODAL", device: this.device }, index.h("div", { key: 'aa5ee73704966ee4ec44de3c287b4520f5c0f45b', slot: "body" }, index.h("span", { key: '05783ef120dd1a61737540a4a6121ee20886ff63' }, translate('contactSupport', this.language))), index.h("div", { key: '3fc1e0534e3acd0c599fe7317fda89d51b841555', slot: "footer" }, index.h("button", { key: '85db69d240d1999e2b6f002688cda0c0be957e9f', class: "ModalFooterButton", onClick: this.handleCloseClick, "data-type": "SUPPORT_MODAL" }, translate(this.noLWSpinLeft ? 'close' : 'okContinue', this.language)), this.noLWSpinLeft && index.h("div", { key: 'fc864b315cb1f3f9829287a679125eb036a11c70', class: "NoSpinsLeft" }, translate('noSpinsLeft', this.language)))), index.h("casino-engagement-suite-modal", { key: '
|
|
6278
|
+
: translate('unJoinQuestion', this.language))), index.h("div", { key: '81107a7b57a5c6dd573128090c1145171c4d7131', slot: "footer", class: "ManyActions" }, index.h("button", { key: 'c3e256cb8334e9386c572bd037c78678f7b922f4', class: `ModalFooterButton ${this.isJoiningToChallenge ? 'Disabled' : ''}`, onClick: this.handleChallengeAttendance }, ProgressToActivate ? translate('joinConfirm', this.language) : translate('unJoinConfirm', this.language)), index.h("button", { key: '29de3f6da68fd1ec8258856480bf89e3d286309f', class: `ModalFooterButtonOutlined ${this.isJoiningToChallenge ? 'Disabled' : ''}`, onClick: this.handleCloseClick, "data-type": "TARGET_MODAL" }, index.h("div", { key: 'f01704e080896e65c86ec67e3f14945fcbd2b016', class: "GradientText" }, ProgressToActivate ? translate('joinReject', this.language) : translate('unJoinReject', this.language))))), index.h("casino-engagement-suite-modal", { key: 'a5708ff6eb5ef898adf17b8869c687b816b0ace3', clientStylingUrl: this.clientStylingUrl, isOpen: this.isModalOpen('SUPPORT_MODAL'), header: translate('noReward', this.language), contentIcon: alertIcon, modalType: "SUPPORT_MODAL", device: this.device }, index.h("div", { key: 'aa5ee73704966ee4ec44de3c287b4520f5c0f45b', slot: "body" }, index.h("span", { key: '05783ef120dd1a61737540a4a6121ee20886ff63' }, translate('contactSupport', this.language))), index.h("div", { key: '3fc1e0534e3acd0c599fe7317fda89d51b841555', slot: "footer" }, index.h("button", { key: '85db69d240d1999e2b6f002688cda0c0be957e9f', class: "ModalFooterButton", onClick: this.handleCloseClick, "data-type": "SUPPORT_MODAL" }, translate(this.noLWSpinLeft ? 'close' : 'okContinue', this.language)), this.noLWSpinLeft && index.h("div", { key: 'fc864b315cb1f3f9829287a679125eb036a11c70', class: "NoSpinsLeft" }, translate('noSpinsLeft', this.language)))), index.h("casino-engagement-suite-modal", { key: '2666ffb2fa903a96205c55558acb9566af28e789', clientStylingUrl: this.clientStylingUrl, isOpen: this.isModalOpen('NO_PRIZE_MODAL'), header: translate('noPrizeTitle', this.language), contentIcon: alertIcon, modalType: "NO_PRIZE_MODAL", assets: this.assets, device: this.device }, index.h("div", { key: '1c681e3f5253c1ed3e65358f735b48b676a27ddc', slot: "body" }, index.h("span", { key: '14357307c9f43d8a690c7434d610fa2172cb6282' }, translate('noPrizeMessage', this.language))), index.h("div", { key: 'c038057289eb2a597ef35d09bbe7b85fad79032e', slot: "footer" }, index.h("button", { key: 'fde3b09e7109aef522b3804206f136f02aadbaef', class: "ModalFooterButton", onClick: this.handleCloseClick, "data-type": "NO_PRIZE_MODAL" }, translate(this.noLWSpinLeft ? 'close' : 'spinAgain', this.language)), this.noLWSpinLeft && index.h("div", { key: 'b85fa50c50bf70f1ddd1361a403f2735086b9028', class: "NoSpinsLeft" }, translate('noSpinsLeft', this.language))))));
|
|
6258
6279
|
}
|
|
6259
6280
|
get host() { return index.getElement(this); }
|
|
6260
6281
|
};
|
|
@@ -5085,7 +5085,7 @@ class SvgCalc {
|
|
|
5085
5085
|
else {
|
|
5086
5086
|
baseRadius = (this.radius - sizeImage / 2) / Number(partitionDivisor) - 3 * this.ratio;
|
|
5087
5087
|
}
|
|
5088
|
-
return Object.assign(Object.assign({}, this.getPropsForPartitionInfo(index, this.getOffsetImage(sizeImage), baseRadius, ContentDirection$1.outward)), { width:
|
|
5088
|
+
return Object.assign(Object.assign({}, this.getPropsForPartitionInfo(index, this.getOffsetImage(sizeImage), baseRadius, ContentDirection$1.outward)), { width: (this.center === 170 ? 24 : 32), height: (this.center === 170 ? 24 : 32) });
|
|
5089
5089
|
}
|
|
5090
5090
|
getSvgTextProps(index, size) {
|
|
5091
5091
|
const sizeImage = this.getSizeImageByPartition(index);
|
|
@@ -5098,8 +5098,22 @@ class SvgCalc {
|
|
|
5098
5098
|
}
|
|
5099
5099
|
return Object.assign({}, this.getPropsForPartitionInfo(index, this.offsetText, baseRadius, undefined, size));
|
|
5100
5100
|
}
|
|
5101
|
-
getSvgTextPropsAdjustedByImage(index) {
|
|
5102
|
-
|
|
5101
|
+
getSvgTextPropsAdjustedByImage(index, device) {
|
|
5102
|
+
let width;
|
|
5103
|
+
let height;
|
|
5104
|
+
if (this.options.length <= 8) {
|
|
5105
|
+
width = device !== 'Mobile' ? 68 : 55;
|
|
5106
|
+
height = device !== 'Mobile' ? 60 : 60;
|
|
5107
|
+
}
|
|
5108
|
+
else if (this.options.length <= 12) {
|
|
5109
|
+
width = device !== 'Mobile' ? 55 : 55;
|
|
5110
|
+
height = device !== 'Mobile' ? 60 : 40;
|
|
5111
|
+
}
|
|
5112
|
+
else if (this.options.length <= 16) {
|
|
5113
|
+
width = device !== 'Mobile' ? 53 : 47;
|
|
5114
|
+
height = device !== 'Mobile' ? 60 : 60;
|
|
5115
|
+
}
|
|
5116
|
+
const size = { width, height };
|
|
5103
5117
|
const props = this.getSvgTextProps(index, size);
|
|
5104
5118
|
return Object.assign({}, props);
|
|
5105
5119
|
}
|
|
@@ -5134,7 +5148,7 @@ class SvgCalc {
|
|
|
5134
5148
|
}
|
|
5135
5149
|
getAngleSelf(index, contentDirection) {
|
|
5136
5150
|
const baseAngle = ((360 * index) / this.length) * this.direction;
|
|
5137
|
-
const fixerAngle =
|
|
5151
|
+
const fixerAngle = 360 * (contentDirection !== undefined ? contentDirection : ContentDirection$1[this.contentdirection]);
|
|
5138
5152
|
const resultAngle = baseAngle + fixerAngle;
|
|
5139
5153
|
return resultAngle;
|
|
5140
5154
|
}
|
|
@@ -5150,15 +5164,22 @@ class SvgCalc {
|
|
|
5150
5164
|
}
|
|
5151
5165
|
getPropsForPartitionInfo(index, offset, baseRadius, contentDirection, size) {
|
|
5152
5166
|
const { point, transformOrigin } = this.getPartitionPositions(index, baseRadius, offset);
|
|
5167
|
+
const isSmallSize = this.options.length >= 12;
|
|
5168
|
+
const isMiddleSize = this.options.length > 8 && this.options.length < 12;
|
|
5169
|
+
const withImage = this.options[index].Image;
|
|
5170
|
+
const xTranslate = contentDirection === 0 ? -7 + (isSmallSize ? -2 : 0) : -(size === null || size === void 0 ? void 0 : size.width) / 2 || -30;
|
|
5171
|
+
const yTranslate = contentDirection === 0
|
|
5172
|
+
? (this.center === 170 ? 70 : 76.5)
|
|
5173
|
+
: withImage ? (isSmallSize ? -10 : 0) : (isSmallSize ? 10 : isMiddleSize ? 20 : 30);
|
|
5153
5174
|
const getTransformOriginString = (vector) => Object.keys(vector)
|
|
5154
5175
|
.map((axis) => `${vector[axis]}px`)
|
|
5155
5176
|
.join(' ');
|
|
5156
5177
|
return Object.assign(Object.assign({}, point), { style: {
|
|
5157
5178
|
'font-size': `${13 * this.ratio}px`,
|
|
5158
|
-
transform: `rotate(${this.getAngleSelf(index, contentDirection)}deg) translate(${
|
|
5179
|
+
transform: `rotate(${this.getAngleSelf(index, contentDirection)}deg) translate(${xTranslate}px, ${yTranslate}px)`,
|
|
5159
5180
|
'transform-origin': `${getTransformOriginString(transformOrigin)}`,
|
|
5160
|
-
height: `${size}px`,
|
|
5161
|
-
width: `${size}px`
|
|
5181
|
+
height: `${size === null || size === void 0 ? void 0 : size.height}px`,
|
|
5182
|
+
width: `${size === null || size === void 0 ? void 0 : size.width}px`
|
|
5162
5183
|
} });
|
|
5163
5184
|
}
|
|
5164
5185
|
getPartitionDraw(index) {
|
|
@@ -5310,7 +5331,7 @@ class Spinner {
|
|
|
5310
5331
|
}
|
|
5311
5332
|
}
|
|
5312
5333
|
|
|
5313
|
-
const casinoEngagementSuiteLuckywheelCss = ":host{font-family:system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}*,*::before,*::after{margin:0;padding:0;list-style:none;text-decoration:none;outline:none;box-sizing:border-box}.LotteryProgramWof{background:var(--emw--color-contrast, #07072A);display:flex;align-items:center;flex-direction:column;padding:20px 0}main{max-width:600px;width:100%;display:flex;justify-content:space-around;min-height:200px}svg{transition:opacity 0.3s}.WheelContainer{text-align:center}.FortuneContainer{width:100%;display:flex;align-items:center;flex-direction:column}.Center{cursor:pointer;transition:filter;transition-duration:1s}.Center.disabled{filter:grayscale(80%)}.Center .CenterCircle{fill:#3CE4BB;stroke:rgb(150, 54, 88);stroke-width:2px;cursor:pointer;transition:fill;transition-duration:1s}.Center .CenterText{fill:#FFFFFF}.PointerPartition{opacity:0.3;fill:lightgoldenrodyellow;stroke:red;stroke-width:6px;stroke-dasharray:12}.Current{color:#FFFFFF}.PartitionText{color:#FFFFFF;font-style:normal;font-weight:700;text-anchor:end;text-shadow:0px 3px #000;dominant-baseline:central}.PartitionsShadow{background-blend-mode:multiply;mix-blend-mode:multiply}.PartitionTextEntityContainer{height:100%;display:flex;align-items:center}.PartitionTextEntity{width:100%}.PartitionTextEntity.Anticlockwise{text-align:end}foreignObject.Bottom div{background-image:url(\"https://static.everymatrix.com/gic/img/engagement-suite/bar/luckywheel/luckywheel-bg.svg\");background-size:calc(var(--radius) * 2px + var(--ratio) * 20px);background-position:center}foreignObject.Middle div{background-image:url(\"https://static.everymatrix.com/gic/img/engagement-suite/bar/luckywheel/luckywheel-spin.svg\"), url(\"https://static.everymatrix.com/gic/img/engagement-suite/bar/luckywheel/luckywheel-pointer.svg\");background-position:center, center 5px}foreignObject.Top{mix-blend-mode:multiply}foreignObject.Top div{background-image:var(--img-theme-shadow);background-position:center;background-size:calc(var(--radius) * 2px)}foreignObject.Partition1 div{background-image:var(--img-theme-partition-light);background-position:center calc((var(--size) / 2 - var(--radius)) * 1px - var(--ratio) * 22px);transform:rotate(calc(var(--index) * 360deg / var(--length)))}foreignObject.Partition2 div{background-image:var(--img-theme-partition-light);background-position:center calc((var(--size) / 2 - var(--radius)) * 1px - var(--ratio) * 22px);transform:rotate(calc((var(--index) + 0.5) * 360deg / var(--length)))}foreignObject.PointerArea{mix-blend-mode:screen}foreignObject.PointerArea div{background-image:var(--img-theme-pointer-area);background-position:center -3px;background-size:51%}foreignObject.Partition1 div,foreignObject.Partition2 div{transform-origin:center}.PartitionsCustomable1 div,.PartitionsCustomable2 div{visibility:hidden}.PartitionsCustomable1 div.active,.PartitionsCustomable2 div.active{visibility:visible}foreignObject.Customable{overflow:visible}foreignObject.Customable div{background-repeat:no-repeat}.PartitionBackground div{background-size:calc(var(--radius) * 2 / var(--size) * 100%) calc(var(--radius) * 2 / var(--size) * 100%);background-position:center}.PartitionBackground:nth-child(2n) div{background:var(--emw--color-primary, #3F2E75)}.PartitionBackground:nth-child(2n+1) div{background:var(--emw--color-secondary, #9482CE)}.PartitionBackground div{transform-origin:center}.PartitionBackgroundStroke{fill:transparent;stroke:var(--emw--color-background-secondary, #251D3E);stroke-width:3px;stroke-dasharray:none}.PointerPartitionFrame{stroke:#FFDD64;fill:transparent;stroke-dasharray:var(--radius) calc(6.2831853072 / var(--length) * var(--radius));stroke-width:0px}.PointerPartitionFrame.active{stroke-width:3px}.WheelContainer.Mobile foreignObject.Middle div{background-size:95px, 38px}.PartitionText .PartitionTextEntityContainer .PartitionTextEntity{text-align:center;text-transform:uppercase;text-shadow:none;font-size:var(--emw--font-size-small,
|
|
5334
|
+
const casinoEngagementSuiteLuckywheelCss = ":host{font-family:Montserrat, system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}*,*::before,*::after{margin:0;padding:0;list-style:none;text-decoration:none;outline:none;box-sizing:border-box}.LotteryProgramWof{background:var(--emw--color-contrast, #07072A);display:flex;align-items:center;flex-direction:column;padding:20px 0}main{max-width:600px;width:100%;display:flex;justify-content:space-around;min-height:200px}svg{transition:opacity 0.3s}.WheelContainer{text-align:center}.FortuneContainer{width:100%;display:flex;align-items:center;flex-direction:column}.Center{cursor:pointer;transition:filter;transition-duration:1s}.Center.disabled{filter:grayscale(80%)}.Center .CenterCircle{fill:#3CE4BB;stroke:rgb(150, 54, 88);stroke-width:2px;cursor:pointer;transition:fill;transition-duration:1s}.Center .CenterText{fill:#FFFFFF}.PointerPartition{opacity:0.3;fill:lightgoldenrodyellow;stroke:red;stroke-width:6px;stroke-dasharray:12}.Current{color:#FFFFFF}.PartitionText{color:#FFFFFF;font-style:normal;font-weight:700;text-anchor:end;text-shadow:0px 3px #000;dominant-baseline:central}.PartitionsShadow{background-blend-mode:multiply;mix-blend-mode:multiply}.PartitionTextEntityContainer{height:100%;display:flex;align-items:center}.PartitionTextEntity{width:100%}.PartitionTextEntity.Anticlockwise{text-align:end}foreignObject.Bottom div{background-image:url(\"https://static.everymatrix.com/gic/img/engagement-suite/bar/luckywheel/luckywheel-bg.svg\");background-size:calc(var(--radius) * 2px + var(--ratio) * 20px);background-position:center}foreignObject.Middle div{background-image:url(\"https://static.everymatrix.com/gic/img/engagement-suite/bar/luckywheel/luckywheel-spin.svg\"), url(\"https://static.everymatrix.com/gic/img/engagement-suite/bar/luckywheel/luckywheel-pointer.svg\");background-position:center, center 5px}foreignObject.Top{mix-blend-mode:multiply}foreignObject.Top div{background-image:var(--img-theme-shadow);background-position:center;background-size:calc(var(--radius) * 2px)}foreignObject.Partition1 div{background-image:var(--img-theme-partition-light);background-position:center calc((var(--size) / 2 - var(--radius)) * 1px - var(--ratio) * 22px);transform:rotate(calc(var(--index) * 360deg / var(--length)))}foreignObject.Partition2 div{background-image:var(--img-theme-partition-light);background-position:center calc((var(--size) / 2 - var(--radius)) * 1px - var(--ratio) * 22px);transform:rotate(calc((var(--index) + 0.5) * 360deg / var(--length)))}foreignObject.PointerArea{mix-blend-mode:screen}foreignObject.PointerArea div{background-image:var(--img-theme-pointer-area);background-position:center -3px;background-size:51%}foreignObject.Partition1 div,foreignObject.Partition2 div{transform-origin:center}.PartitionsCustomable1 div,.PartitionsCustomable2 div{visibility:hidden}.PartitionsCustomable1 div.active,.PartitionsCustomable2 div.active{visibility:visible}foreignObject.Customable{overflow:visible}foreignObject.Customable div{background-repeat:no-repeat}.PartitionBackground div{background-size:calc(var(--radius) * 2 / var(--size) * 100%) calc(var(--radius) * 2 / var(--size) * 100%);background-position:center}.PartitionBackground:nth-child(2n) div{background:var(--emw--color-primary, #3F2E75)}.PartitionBackground:nth-child(2n+1) div{background:var(--emw--color-secondary, #9482CE)}.PartitionBackground div{transform-origin:center}.PartitionBackgroundStroke{fill:transparent;stroke:var(--emw--color-background-secondary, #251D3E);stroke-width:3px;stroke-dasharray:none}.PointerPartitionFrame{stroke:#FFDD64;fill:transparent;stroke-dasharray:var(--radius) calc(6.2831853072 / var(--length) * var(--radius));stroke-width:0px}.PointerPartitionFrame.active{stroke-width:3px}.WheelContainer.Mobile foreignObject.Middle div{background-size:95px, 38px}.PartitionText .PartitionTextEntityContainer .PartitionTextEntity{text-align:center;text-transform:uppercase;text-shadow:none;font-size:var(--emw--font-size-small, 10px);font-weight:700}.PartitionText .PartitionTextEntityContainer .PartitionTextEntity.Mobile{font-size:var(--emw--font-size-x-small, 8px)}";
|
|
5314
5335
|
const CasinoEngagementSuiteLuckywheelStyle0 = casinoEngagementSuiteLuckywheelCss;
|
|
5315
5336
|
|
|
5316
5337
|
const CasinoEngagementSuiteLuckywheel = class {
|
|
@@ -5498,27 +5519,27 @@ const CasinoEngagementSuiteLuckywheel = class {
|
|
|
5498
5519
|
return (h("path", Object.assign({ class: "PartitionBackgroundStroke" }, this.settings.getPartitionDraw(index), { width: this.size, height: this.size })));
|
|
5499
5520
|
})), h("g", { key: '6ccca1f63545eae71d024ee5da59d0149607e3d1', class: "Partitions", style: { filter: this.speed > 0.3 ? `blur(${this.speed}px)` : '' } }, this.options.map((el, index) => {
|
|
5500
5521
|
return [
|
|
5501
|
-
el.Image && (h("g", { class: `PartitionImage PartitionImage${index}`, ref: (el) => this.renderImage(el, index) })),
|
|
5522
|
+
el.Image && (h("g", Object.assign({ class: `PartitionImage PartitionImage${index}`, ref: (el) => this.renderImage(el, index) }, this.settings.getSvgImageProps(index)))),
|
|
5502
5523
|
el.Name && (h("foreignObject", Object.assign({ class: "PartitionText", ref: (el) => {
|
|
5503
5524
|
if (el) {
|
|
5504
|
-
const size = this.options
|
|
5525
|
+
const size = this.options.length > 6 ? '55' : '75';
|
|
5505
5526
|
el.setAttribute('width', size);
|
|
5506
5527
|
el.setAttribute('height', size);
|
|
5507
5528
|
}
|
|
5508
|
-
} }, this.settings.getSvgTextPropsAdjustedByImage(index)), h("div", { class: "PartitionTextEntityContainer" }, h("p", { class: `PartitionTextEntity${this.settings.contentdirection === 'clockwise' ? '' : ' Anticlockwise'}`, innerHTML: el.Name }))))
|
|
5529
|
+
} }, this.settings.getSvgTextPropsAdjustedByImage(index, this.device)), h("div", { class: "PartitionTextEntityContainer" }, h("p", { class: `PartitionTextEntity${this.settings.contentdirection === 'clockwise' ? '' : ' Anticlockwise'} ${this.device}`, innerHTML: el.Name }))))
|
|
5509
5530
|
];
|
|
5510
|
-
}))), h("g", { key: '
|
|
5531
|
+
}))), h("g", { key: 'a367d23565a8cb54f6435cb120f377d934ebeca1', class: { active: this.isPartitionsCustomableReady, PartitionsCustomable1: true } }, this.options.map((_el, index) => {
|
|
5511
5532
|
return (h("foreignObject", { ref: this.setSvgSize.bind(this), class: "Partition1 Customable", style: { '--index': index.toString() } }, h("div", { style: foreignObjectAgentProps })));
|
|
5512
|
-
})), h("g", { key: '
|
|
5533
|
+
})), h("g", { key: 'dbccc30fa53f944b63454d83cab4cae7ab787cb0', class: { active: this.isPartitionsCustomableReady, PartitionsCustomable2: true } }, this.options.map((_el, index) => {
|
|
5513
5534
|
return (h("foreignObject", { ref: this.setSvgSize.bind(this), class: "Partition2 Customable", style: { '--index': index.toString() } }, h("div", { style: foreignObjectAgentProps })));
|
|
5514
|
-
})), h("foreignObject", { key: '
|
|
5535
|
+
})), h("foreignObject", { key: '6ad80cb9533ec295bad090831532250cd35afd7e', ref: this.setSvgSize.bind(this), class: "Middle Customable", style: foreignObjectAgentProps }, h("div", { key: 'ba0afa07f997acf338118c1e07e4ad5446db65c1', style: foreignObjectAgentProps })), h("foreignObject", { key: '766381cdd2cc4b9c5243a0a78306e8329a208693', ref: this.setSvgSize.bind(this), class: "Top Customable", style: foreignObjectAgentProps }, h("div", { key: '83df3eb57328d3eda101f90515ef6993253513e9', style: foreignObjectAgentProps })), h("g", { key: 'd2c1b67fddb67ccc613c31b06a9daa6921eba5f2', class: { spinning: this.isSpinning, Center: true } }, h("foreignObject", { key: 'a3353eb0e5d764c867f8193a5d8f7c96b18add80', ref: (el) => {
|
|
5515
5536
|
if (el) {
|
|
5516
5537
|
el.setAttribute('width', '100');
|
|
5517
5538
|
el.setAttribute('height', '100');
|
|
5518
5539
|
}
|
|
5519
5540
|
}, style: {
|
|
5520
5541
|
transform: `translate(${Number(this.size) / 2 - 100 / 2}px, ${Number(this.size) / 2 - 100 / 2}px)`
|
|
5521
|
-
} }, h("div", { key: '
|
|
5542
|
+
} }, h("div", { key: '38948f9a684ef29dc3ff0c4f8d98972cc2b32e25', style: { width: '100px', height: '100px', cursor: 'pointer' }, onClick: this.eventSpin }))), h("g", { key: '6f0a40abf872f17825ecd63a25970a0a89417728' }, this.options.map((_el, index) => {
|
|
5522
5543
|
return (h("clipPath", { id: `clip${index}` }, h("path", Object.assign({}, this.settings.getPartitionDraw(index)))));
|
|
5523
5544
|
})))));
|
|
5524
5545
|
}
|
|
@@ -5826,7 +5847,7 @@ const getLuckyWheelsHistoryTemplate = (luckywheels, historyGroups, openedHistory
|
|
|
5826
5847
|
}));
|
|
5827
5848
|
};
|
|
5828
5849
|
|
|
5829
|
-
const casinoEngagementSuiteLuckywheelListCss = ":host{display:block;font-family:inherit}*{box-sizing:border-box;margin:0;padding:0}button{border:none;background:none;cursor:pointer}button:focus{outline:none}.EngagementSuiteIconButton{width:16px;height:16px}.EngagementSuiteIconButton.Help{background:center/100% url(https://static.everymatrix.com/gic/img/engagement-suite/help.svg) no-repeat}.EngagementSuiteIconButton.Close{background:center/100% url(https://static.everymatrix.com/gic/img/engagement-suite/close.svg) no-repeat}.EngagementSuiteIconButton.ArrowDown{background:center/100% url(https://static.everymatrix.com/gic/img/engagement-suite/arrow-down.svg) no-repeat}.LuckyWheelsListPopup{display:flex;height:100%;background-color:var(--emw--color-background, #1e1638);border-radius:var(--emw--border-radius-large, 8px);overflow:hidden;flex-direction:column;position:relative;padding-bottom:20px}.LuckyWheelsListPopupHeader{display:flex;justify-content:space-between;align-items:center;padding:12px 8px 8px}.LuckyWheelsListPopupHeaderName{color:var(--emw--color-secondary, #bbb9c3);font-size:var(--emw--font-size-small, 14px);font-weight:var(--emw--font-weight-medium, 500);line-height:14px}.LuckyWheelsListWrapper{overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.LuckyWheelsListWrapper::-webkit-scrollbar{display:none}.LuckyWheelsList{display:flex;flex-direction:column;row-gap:12px;padding:8px 19px 0}.LuckyWheelsRowWrapper{display:flex;justify-content:space-between;min-width:0}.LuckyWheelsCard{padding:15px 15px 19px;border:1px solid var(--emw--button-border-color, #403956);border-radius:var(--emw--border-radius-medium, 6px);position:relative;cursor:pointer}.LuckyWheelsCard.Forfeited{cursor:auto;pointer-events:none}.LuckyWheelsCardHeader{display:flex;justify-content:space-between;gap:24px;margin-bottom:12px;flex:1;min-width:0;align-items:flex-end}.LuckyWheelsName{color:var(--emw--color-typography, #ffffff);font-family:var(--emw--font-family-secondary, \"Montserrat\", sans-serif);line-height:22px;font-weight:var(--emw--font-weight-bold, 700);font-size:var(--emw--font-size-medium-plus, 18px);word-break:break-word;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.LuckyWheelsCounter{display:flex;color:var(--emw--color-secondary, #bbb9c3);font-size:var(--emw--font-size-medium-plus, 18px);align-items:flex-end}.LuckyWheelsHighlightedCounter,.LuckyWheelsEmptyCounter{font-size:var(--emw--font-size-medium-plus, 18px);font-weight:var(--emw--font-weight-extra-bold, 800);margin-right:4px}.LuckyWheelsHighlightedCounter{background:var(--emw--engagement-suite-gradient-golden, linear-gradient(180deg, #ffb801 15.86%, #fef746 31.36%, #fbffe0 36.86%, #fffa60 47.86%, #ff9400 87.36%));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.LuckyWheelsEmptyCounter{color:var(--emw--color-gray-150, #8f8b9c)}.LuckyWheelsListEmpty{padding:20px 32px}.LuckyWheelsListEmpty h2{margin:0 0 16px 0;text-align:center;font-weight:var(--emw--font-weight-semibold, 600);font-size:var(--emw--font-size-large, 20px);line-height:24px;font-family:var(--emw--font-family-secondary, \"Montserrat\", sans-serif);color:var(--emw--color-typography, #ffffff)}.LuckyWheelsListEmpty p{font-size:var(--emw--font-size-small, 14px);line-height:17px;color:var(--emw--color-secondary, #bbb9c3)}.LuckyWheelsCountdownWrapper{display:flex;justify-content:space-between;align-items:flex-start}.LuckyWheelsCountdown,.ForfeitedMessage{color:var(--emw--color-secondary, #bbb9c3);font-size:var(--emw--font-size-x-small, 12px);line-height:12px}.ForfeitedMessage{line-height:1.2}.LuckyWheelsBalCounter{display:flex;align-items:flex-end;color:var(--emw--color-secondary, #bbb9c3);font-size:var(--emw--font-size-x-small, 12px)}.LuckyWheelsRemainCounter{color:var(--emw--color-typography, #ffffff);font-weight:var(--emw--font-weight-bold, 700);margin-right:4px}.LuckyWheelLabel{min-width:35px;height:18px;background:var(--emw--engagement-suite-gradient-golden, linear-gradient(180deg, #ffb801 15.86%, #fef746 31.36%, #fbffe0 36.86%, #fffa60 47.86%, #ff9400 87.36%));border-radius:var(--emw--border-radius-x-small, 2px);display:none;position:absolute;top:-11px;right:11px;padding:0 2px;align-items:center;justify-content:center}.LuckyWheelLabel span{display:inline-block;text-transform:uppercase;font-size:var(--emw--font-size-2x-small, 10px);line-height:10px;font-weight:var(--emw--font-weight-bold, 700);font-family:var(--emw--font-family-secondary, \"Montserrat\", sans-serif);color:var(--emw--color-background, #1e1638)}.ShowLuckyWheelLabel{display:inline-flex}.EngagementSuiteTooltipBackdrop{padding:48px 30px 0;position:absolute;width:100%;height:100%;inset:0;background-color:rgba(0, 0, 0, 0.5)}.EngagementSuiteTooltipBackdrop .EngagementSuiteTooltip{border:1px solid var(--emw--button-border-color, #403956);background-color:var(--emw--color-background, #1e1638);border-radius:var(--emw--border-radius-large, 8px);padding:32px;font-size:var(--emw--font-size-small, 14px);line-height:17px;color:var(--emw--color-secondary, #bbb9c3);position:relative}.EngagementSuiteTooltipBackdrop .EngagementSuiteTooltip .EngagementSuiteIconButton{top:12px;right:12px;position:absolute}.LuckyWheelsEmptyNumber .LuckyWheelsName,.LuckyWheelsEmptyNumber .LuckyWheelsCountdown,.LuckyWheelsEmptyNumber .LuckyWheelsRemainCounter{color:var(--emw--color-gray-150, #8f8b9c)}.LuckyWheelsListPopup.Tablet .LuckyWheelsListPopupHeader,.LuckyWheelsListPopup.Desktop .LuckyWheelsListPopupHeader{padding-top:16px}.LuckyWheelsListPopup.Tablet .LuckyWheelsListPopupHeaderName,.LuckyWheelsListPopup.Desktop .LuckyWheelsListPopupHeaderName{font-size:var(--emw--font-size-medium, 16px);line-height:16px}.LuckyWheelsListPopup.Tablet .EngagementSuiteIconButton,.LuckyWheelsListPopup.Desktop .EngagementSuiteIconButton{width:24px;height:24px}.LuckyWheelsListPopup.Tablet .LuckyWheelsList,.LuckyWheelsListPopup.Desktop .LuckyWheelsList{padding:20px 24px 0;row-gap:20px}.LuckyWheelsListPopup.Tablet .LuckyWheelCardHeader,.LuckyWheelsListPopup.Desktop .LuckyWheelCardHeader{margin-bottom:16px}.LuckyWheelsListPopup.Tablet .LuckyWheelsName,.LuckyWheelsListPopup.Desktop .LuckyWheelsName{line-height:27px;font-size:var(--emw--font-size-large, 22px)}.LuckyWheelsListPopup.Tablet .LuckyWheelsCountdown,.LuckyWheelsListPopup.Desktop .LuckyWheelsCountdown{font-size:var(--emw--font-size-small, 14px);line-height:14px}.LuckyWheelsListPopup.Tablet .EngagementSuiteTooltipBackdrop,.LuckyWheelsListPopup.Desktop .EngagementSuiteTooltipBackdrop{padding:90px 75px 0}.LuckyWheelsListPopup.Tablet .EngagementSuiteTooltip,.LuckyWheelsListPopup.Desktop .EngagementSuiteTooltip{padding:60px 65px;font-size:var(--emw--font-size-medium, 16px);line-height:20px}.LuckyWheelsListPopup.Tablet .EngagementSuiteTooltip .EngagementSuiteIconButton,.LuckyWheelsListPopup.Desktop .EngagementSuiteTooltip .EngagementSuiteIconButton{top:24px;right:24px}.LuckyWheelsListPopup.Tablet .EngagementSuiteTabsWrapper .EngagementSuiteTabs .EngagementSuiteTab,.LuckyWheelsListPopup.Desktop .EngagementSuiteTabsWrapper .EngagementSuiteTabs .EngagementSuiteTab{font-size:var(--emw--font-size-medium, 16px)}.LuckyWheelsListPopup.Tablet .HistoryWrapper .HistoryCols,.LuckyWheelsListPopup.Desktop .HistoryWrapper .HistoryCols{font-size:var(--emw--font-size-medium, 16px)}.LuckyWheelsListPopup.Tablet .HistoryWrapper .HistoryCols .Rewards,.LuckyWheelsListPopup.Desktop .HistoryWrapper .HistoryCols .Rewards{flex-basis:140px}.LuckyWheelsListPopup.Tablet .HistoryWrapper .HistoryCols .Issued,.LuckyWheelsListPopup.Desktop .HistoryWrapper .HistoryCols .Issued{flex-basis:100px}.LuckyWheelsListPopup.Tablet .HistoryWrapper .HistoryListItem .HistoryListItemHeader,.LuckyWheelsListPopup.Desktop .HistoryWrapper .HistoryListItem .HistoryListItemHeader{font-size:var(--emw--font-size-large, 22px)}.LuckyWheelsListPopup.Tablet .HistoryWrapper .HistoryListItem .HistoryInfo,.LuckyWheelsListPopup.Desktop .HistoryWrapper .HistoryListItem .HistoryInfo{font-size:var(--emw--font-size-medium, 16px)}.LuckyWheelsListPopup.Tablet .HistoryWrapper .HistoryListItem .HistoryInfo .Rewards,.LuckyWheelsListPopup.Desktop .HistoryWrapper .HistoryListItem .HistoryInfo .Rewards{flex-basis:140px}.LuckyWheelsListPopup.Tablet .HistoryWrapper .HistoryListItem .HistoryInfo .Issued,.LuckyWheelsListPopup.Desktop .HistoryWrapper .HistoryListItem .HistoryInfo .Issued{flex-basis:100px}.EngagementSuiteTabsWrapper{padding:0 24px;margin:8px 0}.EngagementSuiteTabsWrapper .EngagementSuiteTabs{display:flex;position:relative;border-bottom:2px solid var(--emw--color-secondary, #666178)}.EngagementSuiteTabsWrapper .EngagementSuiteTabs .EngagementSuiteTab{padding:9px 16px 7px;font-weight:var(--emw--font-weight-medium, 500);font-size:var(--emw--font-size-x-small, 12px);line-height:15px;color:var(--emw--color-gray-300, #666178);cursor:pointer}.EngagementSuiteTabsWrapper .EngagementSuiteTabs .EngagementSuiteTab.Active{color:var(--emw--color-typography, #fff);border-bottom:2px solid var(--emw--color-typography, #fff);margin-bottom:-2px}.HistoryWrapper{padding:0 24px;display:flex;flex-direction:column;height:100%;overflow:hidden}.HistoryWrapper .HistoryEmptyMessage{margin-top:8px;font-size:var(--emw--font-size-small, 14px);color:var(--emw--color-secondary, #bbb9c3);line-height:30px}.HistoryWrapper .HistoryCols{padding:12px 10px;position:relative;display:flex;border-bottom:1px solid var(--emw--color-secondary, #666178);font-size:var(--emw--font-size-x-small, 12px)}.HistoryWrapper .HistoryCols .HistoryColName{color:var(--emw--color-secondary, #bbb9c3)}.HistoryWrapper .HistoryCols .Rewards{flex-basis:80px}.HistoryWrapper .HistoryCols .Issued{flex-basis:80px}.HistoryWrapper .HistoryLoader{display:flex;flex-direction:column;justify-content:center;align-items:center;height:inherit;font-size:var(--emw--font-size-medium, 16px);color:var(--emw--color-gray-150, #8f8b9c)}.HistoryWrapper .HistoryLoader casino-engagement-suite-progress-bar{margin-bottom:8px;width:100px}.HistoryWrapper .HistoryListItem{max-height:300px;overflow:auto;margin-top:8px}.HistoryWrapper .HistoryListItem.Opened .EngagementSuiteIconButton.ArrowDown{transform:rotate(180deg)}.HistoryWrapper .HistoryListItem.Opened .HistoryListItemBody{padding-bottom:8px;grid-template-rows:1fr;border-bottom:1px solid var(--emw--color-secondary, #666178)}.HistoryWrapper .HistoryListItem .HistoryListItemHeader{padding:16px 0;display:flex;justify-content:space-between;align-items:center;color:var(--emw--color-typography, #ffffff);font-size:var(--emw--font-size-medium, 14px)}.HistoryWrapper .HistoryListItem .EngagementSuiteIconButton.ArrowDown{transition:transform 0.3s ease-out;width:24px;height:24px}.HistoryWrapper .HistoryListItem .HistoryListItemBody{position:relative;display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.3s ease-out}.HistoryWrapper .HistoryListItem .HistoryListItemBody>div{overflow:hidden}.HistoryWrapper .HistoryListItem .HistoryListItemCard{padding:12px 5px}.HistoryWrapper .HistoryListItem .HistoryInfoRow{display:flex;gap:10px;flex-direction:column}.HistoryWrapper .HistoryListItem .HistoryInfo{display:flex;padding:10px;font-size:var(--emw--font-size-x-small, 12px);color:var(--emw--color-secondary, #bbb9c3)}.HistoryWrapper .HistoryListItem .HistoryInfo .HistoryCol{text-overflow:ellipsis;overflow:hidden}.HistoryWrapper .HistoryListItem .HistoryInfo .Rewards{color:var(--emw--color-typography, #ffffff);flex-basis:80px;font-weight:600}.HistoryWrapper .HistoryListItem .HistoryInfo .Issued{flex-basis:80px}";
|
|
5850
|
+
const casinoEngagementSuiteLuckywheelListCss = ":host{display:block;font-family:inherit}*{box-sizing:border-box;margin:0;padding:0}button{border:none;background:none;cursor:pointer}button:focus{outline:none}.EngagementSuiteIconButton{width:16px;height:16px}.EngagementSuiteIconButton.Help{background:center/100% url(https://static.everymatrix.com/gic/img/engagement-suite/help.svg) no-repeat}.EngagementSuiteIconButton.Close{background:center/100% url(https://static.everymatrix.com/gic/img/engagement-suite/close.svg) no-repeat}.EngagementSuiteIconButton.ArrowDown{background:center/100% url(https://static.everymatrix.com/gic/img/engagement-suite/arrow-down.svg) no-repeat}.LuckyWheelsListPopup{display:flex;height:100%;background-color:var(--emw--color-background, #1e1638);border-radius:var(--emw--border-radius-large, 8px);overflow:hidden;flex-direction:column;position:relative;padding-bottom:20px}.LuckyWheelsListPopupHeader{display:flex;justify-content:space-between;align-items:center;padding:12px 8px 8px}.LuckyWheelsListPopupHeaderName{color:var(--emw--color-secondary, #bbb9c3);font-size:var(--emw--font-size-small, 14px);font-weight:var(--emw--font-weight-medium, 500);line-height:14px}.LuckyWheelsListWrapper::-webkit-scrollbar,.HistoryListItem::-webkit-scrollbar{width:3px;border-radius:4px}.LuckyWheelsListWrapper::-webkit-scrollbar-track,.HistoryListItem::-webkit-scrollbar-track{background:transparent}.LuckyWheelsListWrapper::-webkit-scrollbar-thumb,.HistoryListItem::-webkit-scrollbar-thumb{background:var(--emw--color-gray-105, rgba(255, 255, 255, 0.6))}.LuckyWheelsListWrapper::-webkit-scrollbar-thumb:hover,.HistoryListItem::-webkit-scrollbar-thumb:hover{background:var(--emw--color-gray-290, #969696)}.LuckyWheelsList{display:flex;flex-direction:column;row-gap:12px;padding:8px 19px 0}.LuckyWheelsRowWrapper{display:flex;justify-content:space-between;min-width:0}.LuckyWheelsCard{padding:15px 15px 19px;border:1px solid var(--emw--button-border-color, #403956);border-radius:var(--emw--border-radius-medium, 6px);position:relative;cursor:pointer}.LuckyWheelsCard.Forfeited{cursor:auto;pointer-events:none}.LuckyWheelsCardHeader{display:flex;justify-content:space-between;gap:24px;margin-bottom:12px;flex:1;min-width:0;align-items:flex-end}.LuckyWheelsName{color:var(--emw--color-typography, #ffffff);font-family:var(--emw--font-family-secondary, \"Montserrat\", sans-serif);line-height:22px;font-weight:var(--emw--font-weight-bold, 700);font-size:var(--emw--font-size-medium-plus, 18px);word-break:break-word;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.LuckyWheelsCounter{display:flex;color:var(--emw--color-secondary, #bbb9c3);font-size:var(--emw--font-size-medium-plus, 18px);align-items:flex-end}.LuckyWheelsHighlightedCounter,.LuckyWheelsEmptyCounter{font-size:var(--emw--font-size-medium-plus, 18px);font-weight:var(--emw--font-weight-extra-bold, 800);margin-right:4px}.LuckyWheelsHighlightedCounter{background:var(--emw--engagement-suite-gradient-golden, linear-gradient(180deg, #ffb801 15.86%, #fef746 31.36%, #fbffe0 36.86%, #fffa60 47.86%, #ff9400 87.36%));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.LuckyWheelsEmptyCounter{color:var(--emw--color-gray-150, #8f8b9c)}.LuckyWheelsListEmpty{padding:20px 32px}.LuckyWheelsListEmpty h2{margin:0 0 16px 0;text-align:center;font-weight:var(--emw--font-weight-semibold, 600);font-size:var(--emw--font-size-large, 20px);line-height:24px;font-family:var(--emw--font-family-secondary, \"Montserrat\", sans-serif);color:var(--emw--color-typography, #ffffff)}.LuckyWheelsListEmpty p{font-size:var(--emw--font-size-small, 14px);line-height:17px;color:var(--emw--color-secondary, #bbb9c3)}.LuckyWheelsCountdownWrapper{display:flex;justify-content:space-between;align-items:flex-start}.LuckyWheelsCountdown,.ForfeitedMessage{color:var(--emw--color-secondary, #bbb9c3);font-size:var(--emw--font-size-x-small, 12px);line-height:12px}.ForfeitedMessage{line-height:1.2}.LuckyWheelsBalCounter{display:flex;align-items:flex-end;color:var(--emw--color-secondary, #bbb9c3);font-size:var(--emw--font-size-x-small, 12px)}.LuckyWheelsRemainCounter{color:var(--emw--color-typography, #ffffff);font-weight:var(--emw--font-weight-bold, 700);margin-right:4px}.LuckyWheelLabel{min-width:35px;height:18px;background:var(--emw--engagement-suite-gradient-golden, linear-gradient(180deg, #ffb801 15.86%, #fef746 31.36%, #fbffe0 36.86%, #fffa60 47.86%, #ff9400 87.36%));border-radius:var(--emw--border-radius-x-small, 2px);display:none;position:absolute;top:-11px;right:11px;padding:0 2px;align-items:center;justify-content:center}.LuckyWheelLabel span{display:inline-block;text-transform:uppercase;font-size:var(--emw--font-size-2x-small, 10px);line-height:10px;font-weight:var(--emw--font-weight-bold, 700);font-family:var(--emw--font-family-secondary, \"Montserrat\", sans-serif);color:var(--emw--color-background, #1e1638)}.ShowLuckyWheelLabel{display:inline-flex}.EngagementSuiteTooltipBackdrop{padding:48px 30px 0;position:absolute;width:100%;height:100%;inset:0;background-color:rgba(0, 0, 0, 0.5)}.EngagementSuiteTooltipBackdrop .EngagementSuiteTooltip{border:1px solid var(--emw--button-border-color, #403956);background-color:var(--emw--color-background, #1e1638);border-radius:var(--emw--border-radius-large, 8px);padding:32px;font-size:var(--emw--font-size-small, 14px);line-height:17px;color:var(--emw--color-secondary, #bbb9c3);position:relative}.EngagementSuiteTooltipBackdrop .EngagementSuiteTooltip .EngagementSuiteIconButton{top:12px;right:12px;position:absolute}.LuckyWheelsEmptyNumber .LuckyWheelsName,.LuckyWheelsEmptyNumber .LuckyWheelsCountdown,.LuckyWheelsEmptyNumber .LuckyWheelsRemainCounter{color:var(--emw--color-gray-150, #8f8b9c)}.LuckyWheelsListPopup.Tablet .LuckyWheelsListPopupHeader,.LuckyWheelsListPopup.Desktop .LuckyWheelsListPopupHeader{padding-top:16px}.LuckyWheelsListPopup.Tablet .LuckyWheelsListPopupHeaderName,.LuckyWheelsListPopup.Desktop .LuckyWheelsListPopupHeaderName{font-size:var(--emw--font-size-medium, 16px);line-height:16px}.LuckyWheelsListPopup.Tablet .EngagementSuiteIconButton,.LuckyWheelsListPopup.Desktop .EngagementSuiteIconButton{width:24px;height:24px}.LuckyWheelsListPopup.Tablet .LuckyWheelsList,.LuckyWheelsListPopup.Desktop .LuckyWheelsList{padding:20px 24px 0;row-gap:20px}.LuckyWheelsListPopup.Tablet .LuckyWheelCardHeader,.LuckyWheelsListPopup.Desktop .LuckyWheelCardHeader{margin-bottom:16px}.LuckyWheelsListPopup.Tablet .LuckyWheelsName,.LuckyWheelsListPopup.Desktop .LuckyWheelsName{line-height:27px;font-size:var(--emw--font-size-large, 18px);font-weight:var(--emw--font-weight-bold, 700)}.LuckyWheelsListPopup.Tablet .LuckyWheelsCountdown,.LuckyWheelsListPopup.Desktop .LuckyWheelsCountdown{font-size:var(--emw--font-size-small, 14px);line-height:14px}.LuckyWheelsListPopup.Tablet .EngagementSuiteTooltipBackdrop,.LuckyWheelsListPopup.Desktop .EngagementSuiteTooltipBackdrop{padding:90px 75px 0}.LuckyWheelsListPopup.Tablet .EngagementSuiteTooltip,.LuckyWheelsListPopup.Desktop .EngagementSuiteTooltip{padding:60px 65px;font-size:var(--emw--font-size-medium, 16px);line-height:20px}.LuckyWheelsListPopup.Tablet .EngagementSuiteTooltip .EngagementSuiteIconButton,.LuckyWheelsListPopup.Desktop .EngagementSuiteTooltip .EngagementSuiteIconButton{top:24px;right:24px}.LuckyWheelsListPopup.Tablet .EngagementSuiteTabsWrapper .EngagementSuiteTabs .EngagementSuiteTab,.LuckyWheelsListPopup.Desktop .EngagementSuiteTabsWrapper .EngagementSuiteTabs .EngagementSuiteTab{font-size:var(--emw--font-size-medium, 16px)}.LuckyWheelsListPopup.Tablet .HistoryWrapper .HistoryCols,.LuckyWheelsListPopup.Desktop .HistoryWrapper .HistoryCols{font-size:var(--emw--font-size-medium, 16px)}.LuckyWheelsListPopup.Tablet .HistoryWrapper .HistoryCols .Rewards,.LuckyWheelsListPopup.Desktop .HistoryWrapper .HistoryCols .Rewards{flex-basis:140px}.LuckyWheelsListPopup.Tablet .HistoryWrapper .HistoryCols .Issued,.LuckyWheelsListPopup.Desktop .HistoryWrapper .HistoryCols .Issued{flex-basis:100px}.LuckyWheelsListPopup.Tablet .HistoryWrapper .HistoryListItem .HistoryListItemHeader,.LuckyWheelsListPopup.Desktop .HistoryWrapper .HistoryListItem .HistoryListItemHeader{font-family:var(--emw--font-family-secondary, \"Montserrat\", sans-serif);font-size:var(--emw--font-size-large, 18px);font-weight:var(--emw--font-weight-medium, 500)}.LuckyWheelsListPopup.Tablet .HistoryWrapper .HistoryListItem .HistoryInfo,.LuckyWheelsListPopup.Desktop .HistoryWrapper .HistoryListItem .HistoryInfo{font-size:var(--emw--font-size-medium, 16px)}.LuckyWheelsListPopup.Tablet .HistoryWrapper .HistoryListItem .HistoryInfo .Rewards,.LuckyWheelsListPopup.Desktop .HistoryWrapper .HistoryListItem .HistoryInfo .Rewards{flex-basis:140px}.LuckyWheelsListPopup.Tablet .HistoryWrapper .HistoryListItem .HistoryInfo .Issued,.LuckyWheelsListPopup.Desktop .HistoryWrapper .HistoryListItem .HistoryInfo .Issued{flex-basis:100px}.EngagementSuiteTabsWrapper{padding:0 24px;margin:8px 0}.EngagementSuiteTabsWrapper .EngagementSuiteTabs{display:flex;position:relative;border-bottom:2px solid var(--emw--color-secondary, #666178)}.EngagementSuiteTabsWrapper .EngagementSuiteTabs .EngagementSuiteTab{padding:9px 16px 7px;font-weight:var(--emw--font-weight-medium, 500);font-size:var(--emw--font-size-x-small, 12px);line-height:15px;color:var(--emw--color-gray-300, #666178);cursor:pointer}.EngagementSuiteTabsWrapper .EngagementSuiteTabs .EngagementSuiteTab.Active{color:var(--emw--color-typography, #fff);border-bottom:2px solid var(--emw--color-typography, #fff);margin-bottom:-2px}.HistoryWrapper{padding:0 24px;display:flex;flex-direction:column;height:100%;overflow:hidden}.HistoryWrapper .HistoryEmptyMessage{margin-top:8px;font-size:var(--emw--font-size-small, 14px);color:var(--emw--color-secondary, #bbb9c3);line-height:30px}.HistoryWrapper .HistoryCols{padding:12px 10px;position:relative;display:flex;border-bottom:1px solid var(--emw--color-secondary, #666178);font-size:var(--emw--font-size-x-small, 12px)}.HistoryWrapper .HistoryCols .HistoryColName{color:var(--emw--color-secondary, #bbb9c3)}.HistoryWrapper .HistoryCols .Rewards{flex-basis:80px}.HistoryWrapper .HistoryCols .Issued{flex-basis:80px}.HistoryWrapper .HistoryLoader{display:flex;flex-direction:column;justify-content:center;align-items:center;height:inherit;font-size:var(--emw--font-size-medium, 16px);color:var(--emw--color-gray-150, #8f8b9c)}.HistoryWrapper .HistoryLoader casino-engagement-suite-progress-bar{margin-bottom:8px;width:100px}.HistoryWrapper .HistoryListItem{max-height:300px;overflow:auto;margin-top:8px}.HistoryWrapper .HistoryListItem.Opened .EngagementSuiteIconButton.ArrowDown{transform:rotate(180deg)}.HistoryWrapper .HistoryListItem.Opened .HistoryListItemBody{padding-bottom:8px;grid-template-rows:1fr;border-bottom:1px solid var(--emw--color-secondary, #666178)}.HistoryWrapper .HistoryListItem .HistoryListItemHeader{padding:16px 0;display:flex;justify-content:space-between;align-items:center;color:var(--emw--color-typography, #ffffff);font-size:var(--emw--font-size-medium, 14px)}.HistoryWrapper .HistoryListItem .EngagementSuiteIconButton.ArrowDown{transition:transform 0.3s ease-out;width:24px;height:24px}.HistoryWrapper .HistoryListItem .HistoryListItemBody{position:relative;display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.3s ease-out}.HistoryWrapper .HistoryListItem .HistoryListItemBody>div{overflow:hidden}.HistoryWrapper .HistoryListItem .HistoryListItemCard{padding:12px 5px}.HistoryWrapper .HistoryListItem .HistoryInfoRow{display:flex;gap:10px;flex-direction:column}.HistoryWrapper .HistoryListItem .HistoryInfo{display:flex;padding:10px;font-size:var(--emw--font-size-x-small, 12px);color:var(--emw--color-secondary, #bbb9c3)}.HistoryWrapper .HistoryListItem .HistoryInfo .HistoryCol{text-overflow:ellipsis;overflow:hidden}.HistoryWrapper .HistoryListItem .HistoryInfo .Rewards{color:var(--emw--color-typography, #ffffff);flex-basis:80px;font-weight:600}.HistoryWrapper .HistoryListItem .HistoryInfo .Issued{flex-basis:80px}";
|
|
5830
5851
|
const CasinoEngagementSuiteLuckywheelListStyle0 = casinoEngagementSuiteLuckywheelListCss;
|
|
5831
5852
|
|
|
5832
5853
|
const CasinoEngagementSuiteLuckyWheelList = class {
|
|
@@ -6250,7 +6271,7 @@ const CasinoEngagementSuiteModalContainer = class {
|
|
|
6250
6271
|
const { ProgressToActivate } = this.confirmationData || {};
|
|
6251
6272
|
return (h("div", { key: 'f6084274c1f53415a89aacca7cefc088b401e01a', class: `ModalContainer ${this.device}` }, h("casino-engagement-suite-modal", { key: '16e8e1db4bc6916197723aeec9d86edce5142fa4', clientStylingUrl: this.clientStylingUrl, isOpen: this.isModalOpen('NO_SPIN_LEFT_MODAL'), header: translate('noSpinsLeft', this.language), contentIcon: rewardIcon, assets: this.assets, modalType: "NO_SPIN_LEFT_MODAL", "show-animation": false, device: this.device }, h("div", { key: '666d74509a18ecf7250f594b65ed50d894e8bc69', slot: "body" }, h("div", { key: 'dae32188cb62d48681159a7f1953e8e24ad45a15' }, translate('seeYouLater', this.language))), h("div", { key: '57eae0585f9bbcaa0c3168b967db7d2197c69377', slot: "footer" }, h("button", { key: 'f4ffef3e030620dc2eacfc0315ad1ef87c648723', class: "ModalFooterButton", onClick: this.handleCloseClick, "data-type": "NO_SPIN_LEFT_MODAL" }, "OK"))), h("casino-engagement-suite-modal", { key: '3ab936accd2c6f7f4a47f506750527dba251b54b', clientStylingUrl: this.clientStylingUrl, isOpen: this.isModalOpen('REWARD_MODAL'), header: "Congratulations!", contentIcon: rewardIcon, assets: this.assets, modalType: "REWARD_MODAL", "show-animation": true, device: this.device }, h("div", { key: 'e8f31b5b1fa7b3cdbede19d2332c5aca912d6e17', slot: "body" }, h("div", { key: 'fa5a265da89b3d306c910bc74a65637fc775ebad' }, !this.rewardText && translate('won', this.language), ' ', h("span", { key: 'd95f375d21a90564b9d8c5e328c7c6d19d164571', class: "ModalReward" }, this.rewardText || this.rewardMessage)), this.hasError && h("div", { key: 'd5c9f2f8e3fe91bd2a6593c1796b2e60b69d6200', class: "SupportInfo" }, translate('supportInfo', this.language))), h("div", { key: 'a0b6d0d65298de17b3aa588db7154eab048482f4', slot: "footer" }, h("button", { key: 'f518cc3fefa88c5090d84f198b7ff3913c11faf1', class: "ModalFooterButton", onClick: this.handleCloseClick, "data-type": "REWARD_MODAL" }, translate(this.noLWSpinLeft ? 'close' : 'continue', this.language)), this.noLWSpinLeft && h("div", { key: '2a76bdd63efcba8c4c447586f390316ad4197ad6', class: "NoSpinsLeft" }, translate('noSpinsLeft', this.language)))), h("casino-engagement-suite-modal", { key: '250f50a7f9f8ee816c5855a0dd3fcf5a54a9eaca', clientStylingUrl: this.clientStylingUrl, isOpen: this.isModalOpen('JACKPOT_REWARD_MODAL'), header: "Congratulations!", contentIcon: rewardIcon, "show-animation": true, modalType: "JACKPOT_REWARD_MODAL", device: this.device }, h("div", { key: '9ed16e8dd8c074525b09e60058f6d4e1f347337f', slot: "body" }, h("div", { key: '4a62303a24951e6bbea43ca53195e639c916adca', class: "JackpotWinText" }, translate('jackpotWin', this.language)), h("div", { key: '6e338e3781e014066691609a2ff0055c63eb6c2b', class: "JackpotWinAmount" }, formatBalance(this.winAmount.amount, this.winAmount.currency))), h("div", { key: 'dd252ee2f9d4a55a9a148b71aaef0f4319b3664d', slot: "footer" }, h("button", { key: 'b547c0d0264fda93698a2dd6927908103e5bdf39', class: "ModalFooterButton", onClick: this.handleCloseClick, "data-type": "JACKPOT_REWARD_MODAL" }, translate('continue', this.language)), h("div", { key: '771804d487d49347ee30c1f158e3f6b3b9962b59', class: "JackpotWinInfoText" }, translate('jackpotWinInfo', this.language)))), h("casino-engagement-suite-modal", { key: 'ea0428fe8f377e427bd9ebe7ed1ed33bbbbc47d2', clientStylingUrl: this.clientStylingUrl, isOpen: this.isModalOpen('TARGET_MODAL'), header: ProgressToActivate ? translate('joinHeader', this.language) : translate('unJoinHeader', this.language), modalType: "TARGET_MODAL", device: this.device, isLoading: this.isJoiningToChallenge }, h("div", { key: '190bf7531bae3de373e7c04233bfd31bb007d22a', slot: "body" }, h("div", { key: '2437aec4f2393e2ddc934f0ed927a2b7043a1e88', class: "LeftAlign" }, translate('desc', this.language)), h("div", { key: 'eca39946bc741a4e56d09f9640822b0c51a17d79', class: "LeftAlignQuestion" }, ProgressToActivate
|
|
6252
6273
|
? translate('joinQuestion', this.language)
|
|
6253
|
-
: translate('unJoinQuestion', this.language))), h("div", { key: '81107a7b57a5c6dd573128090c1145171c4d7131', slot: "footer", class: "ManyActions" }, h("button", { key: 'c3e256cb8334e9386c572bd037c78678f7b922f4', class: `ModalFooterButton ${this.isJoiningToChallenge ? 'Disabled' : ''}`, onClick: this.handleChallengeAttendance }, ProgressToActivate ? translate('joinConfirm', this.language) : translate('unJoinConfirm', this.language)), h("button", { key: '29de3f6da68fd1ec8258856480bf89e3d286309f', class: `ModalFooterButtonOutlined ${this.isJoiningToChallenge ? 'Disabled' : ''}`, onClick: this.handleCloseClick, "data-type": "TARGET_MODAL" }, h("div", { key: 'f01704e080896e65c86ec67e3f14945fcbd2b016', class: "GradientText" }, ProgressToActivate ? translate('joinReject', this.language) : translate('unJoinReject', this.language))))), h("casino-engagement-suite-modal", { key: 'a5708ff6eb5ef898adf17b8869c687b816b0ace3', clientStylingUrl: this.clientStylingUrl, isOpen: this.isModalOpen('SUPPORT_MODAL'), header: translate('noReward', this.language), contentIcon: alertIcon, modalType: "SUPPORT_MODAL", device: this.device }, h("div", { key: 'aa5ee73704966ee4ec44de3c287b4520f5c0f45b', slot: "body" }, h("span", { key: '05783ef120dd1a61737540a4a6121ee20886ff63' }, translate('contactSupport', this.language))), h("div", { key: '3fc1e0534e3acd0c599fe7317fda89d51b841555', slot: "footer" }, h("button", { key: '85db69d240d1999e2b6f002688cda0c0be957e9f', class: "ModalFooterButton", onClick: this.handleCloseClick, "data-type": "SUPPORT_MODAL" }, translate(this.noLWSpinLeft ? 'close' : 'okContinue', this.language)), this.noLWSpinLeft && h("div", { key: 'fc864b315cb1f3f9829287a679125eb036a11c70', class: "NoSpinsLeft" }, translate('noSpinsLeft', this.language)))), h("casino-engagement-suite-modal", { key: '
|
|
6274
|
+
: translate('unJoinQuestion', this.language))), h("div", { key: '81107a7b57a5c6dd573128090c1145171c4d7131', slot: "footer", class: "ManyActions" }, h("button", { key: 'c3e256cb8334e9386c572bd037c78678f7b922f4', class: `ModalFooterButton ${this.isJoiningToChallenge ? 'Disabled' : ''}`, onClick: this.handleChallengeAttendance }, ProgressToActivate ? translate('joinConfirm', this.language) : translate('unJoinConfirm', this.language)), h("button", { key: '29de3f6da68fd1ec8258856480bf89e3d286309f', class: `ModalFooterButtonOutlined ${this.isJoiningToChallenge ? 'Disabled' : ''}`, onClick: this.handleCloseClick, "data-type": "TARGET_MODAL" }, h("div", { key: 'f01704e080896e65c86ec67e3f14945fcbd2b016', class: "GradientText" }, ProgressToActivate ? translate('joinReject', this.language) : translate('unJoinReject', this.language))))), h("casino-engagement-suite-modal", { key: 'a5708ff6eb5ef898adf17b8869c687b816b0ace3', clientStylingUrl: this.clientStylingUrl, isOpen: this.isModalOpen('SUPPORT_MODAL'), header: translate('noReward', this.language), contentIcon: alertIcon, modalType: "SUPPORT_MODAL", device: this.device }, h("div", { key: 'aa5ee73704966ee4ec44de3c287b4520f5c0f45b', slot: "body" }, h("span", { key: '05783ef120dd1a61737540a4a6121ee20886ff63' }, translate('contactSupport', this.language))), h("div", { key: '3fc1e0534e3acd0c599fe7317fda89d51b841555', slot: "footer" }, h("button", { key: '85db69d240d1999e2b6f002688cda0c0be957e9f', class: "ModalFooterButton", onClick: this.handleCloseClick, "data-type": "SUPPORT_MODAL" }, translate(this.noLWSpinLeft ? 'close' : 'okContinue', this.language)), this.noLWSpinLeft && h("div", { key: 'fc864b315cb1f3f9829287a679125eb036a11c70', class: "NoSpinsLeft" }, translate('noSpinsLeft', this.language)))), h("casino-engagement-suite-modal", { key: '2666ffb2fa903a96205c55558acb9566af28e789', clientStylingUrl: this.clientStylingUrl, isOpen: this.isModalOpen('NO_PRIZE_MODAL'), header: translate('noPrizeTitle', this.language), contentIcon: alertIcon, modalType: "NO_PRIZE_MODAL", assets: this.assets, device: this.device }, h("div", { key: '1c681e3f5253c1ed3e65358f735b48b676a27ddc', slot: "body" }, h("span", { key: '14357307c9f43d8a690c7434d610fa2172cb6282' }, translate('noPrizeMessage', this.language))), h("div", { key: 'c038057289eb2a597ef35d09bbe7b85fad79032e', slot: "footer" }, h("button", { key: 'fde3b09e7109aef522b3804206f136f02aadbaef', class: "ModalFooterButton", onClick: this.handleCloseClick, "data-type": "NO_PRIZE_MODAL" }, translate(this.noLWSpinLeft ? 'close' : 'spinAgain', this.language)), this.noLWSpinLeft && h("div", { key: 'b85fa50c50bf70f1ddd1361a403f2735086b9028', class: "NoSpinsLeft" }, translate('noSpinsLeft', this.language))))));
|
|
6254
6275
|
}
|
|
6255
6276
|
get host() { return getElement(this); }
|
|
6256
6277
|
};
|
package/package.json
CHANGED
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|