@everymatrix/lottery-hakuna-ticket-history-item 0.1.0 → 0.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{index-99904d3f.js → index-62dddc9a.js} +3 -2
- package/dist/cjs/index.cjs.js +2 -2
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{lottery-button_5.cjs.entry.js → lottery-button_6.cjs.entry.js} +177 -2
- package/dist/cjs/lottery-hakuna-ticket-history-item-ba3ec0d0.js +203 -0
- package/dist/cjs/lottery-hakuna-ticket-history-item.cjs.js +2 -2
- package/dist/collection/collection-manifest.json +6 -0
- package/dist/collection/components/lottery-hakuna-ticket-history-item/lottery-hakuna-ticket-history-item.css +11 -9
- package/dist/collection/components/lottery-hakuna-ticket-history-item/lottery-hakuna-ticket-history-item.js +56 -11
- package/dist/esm/{index-09b72148.js → index-45df3d8d.js} +3 -3
- package/dist/esm/index.js +2 -2
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{lottery-button_5.entry.js → lottery-button_6.entry.js} +178 -4
- package/dist/esm/lottery-hakuna-ticket-history-item-5bc91571.js +198 -0
- package/dist/esm/lottery-hakuna-ticket-history-item.js +3 -3
- package/dist/lottery-hakuna-ticket-history-item/{index-09b72148.js → index-45df3d8d.js} +2 -2
- package/dist/lottery-hakuna-ticket-history-item/index.esm.js +1 -1
- package/dist/lottery-hakuna-ticket-history-item/lottery-button_6.entry.js +1 -0
- package/dist/lottery-hakuna-ticket-history-item/lottery-hakuna-ticket-history-item-5bc91571.js +1 -0
- package/dist/lottery-hakuna-ticket-history-item/lottery-hakuna-ticket-history-item.esm.js +1 -1
- package/dist/types/components/lottery-hakuna-ticket-history-item/lottery-hakuna-ticket-history-item.d.ts +13 -2
- package/dist/types/components.d.ts +26 -10
- package/package.json +1 -1
- package/dist/cjs/lottery-hakuna-ticket-history-item-6b877fa8.js +0 -195
- package/dist/esm/lottery-hakuna-ticket-history-item-785a2e3d.js +0 -190
- package/dist/lottery-hakuna-ticket-history-item/lottery-button_5.entry.js +0 -1
- package/dist/lottery-hakuna-ticket-history-item/lottery-hakuna-ticket-history-item-785a2e3d.js +0 -1
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { h } from "@stencil/core";
|
|
2
2
|
import { setClientStyling, setClientStylingURL, setStreamStyling } from "../../../../../../../../libs/common/src/styling/index";
|
|
3
|
+
import "../../../../../ui-skeleton/dist/types/index";
|
|
3
4
|
import "../../../../../lottery-selection-group/dist/types/index";
|
|
4
5
|
import { resolveTranslationUrl, translate } from "../../utils/locale.utils";
|
|
5
6
|
export class LotteryHakunaTicketHistoryItem {
|
|
@@ -11,15 +12,15 @@ export class LotteryHakunaTicketHistoryItem {
|
|
|
11
12
|
--lottery-selection-padding: 10px;
|
|
12
13
|
--lottery-selection-border-radius: 6px;
|
|
13
14
|
--lottery-selection-border-width: 1px;
|
|
14
|
-
--lottery-selection-border-color: #
|
|
15
|
+
--lottery-selection-border-color: var(--emw-hakuna-color-primary, #c52217);
|
|
15
16
|
|
|
16
|
-
--lottery-selection-color: #
|
|
17
|
+
--lottery-selection-color: var(--emw-hakuna-text-primary, #ffffff);
|
|
17
18
|
--lottery-selection-font-size: 14px;
|
|
18
19
|
--lottery-selection-font-weight: 500;
|
|
19
20
|
|
|
20
21
|
--lottery-selection-hover-background: transparent;
|
|
21
|
-
--lottery-selection-hover-border-color: #
|
|
22
|
-
--lottery-selection-hover-color: #
|
|
22
|
+
--lottery-selection-hover-border-color: var(--emw-hakuna-color-primary, #c52217);
|
|
23
|
+
--lottery-selection-hover-color: var(--emw-hakuna-text-primary, #ffffff);
|
|
23
24
|
|
|
24
25
|
.lottery-selection__button{
|
|
25
26
|
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
|
|
@@ -31,6 +32,12 @@ export class LotteryHakunaTicketHistoryItem {
|
|
|
31
32
|
--lottery-selection-group-item-gap:6px;
|
|
32
33
|
}
|
|
33
34
|
`;
|
|
35
|
+
this.renderSkeleton = () => {
|
|
36
|
+
return (h("div", { class: "lottery-hakuna-ticket-history-item__container" }, h("div", { class: "lottery-hakuna-ticket-history-item__top" }, h("div", { class: "lottery-hakuna-ticket-history-item__country-wrapper" }, h("ui-skeleton", { structure: "image", width: "30px", height: "20px" }), h("ui-skeleton", { structure: "title", width: "86px", height: "17px", marginBottom: 0 })), h("div", { class: "lottery-hakuna-ticket-history-item__details" }, h("ui-skeleton", { structure: "text", width: "60%", height: "20px" }))), h("div", { class: "lottery-hakuna-ticket-history-item__bottom" }, h("div", { class: "lottery-hakuna-ticket-history-item__numbers-wrapper" }, new Array(this.selectedNumbersCount).fill(h("ui-skeleton", { borderRadius: "8px", structure: "rectangle", width: "24px", height: "24px" }))), h("div", { class: "lottery-hakuna-ticket-history-item__date-wrapper" }, h("ui-skeleton", { structure: "text", width: "180px", height: "14px" })))));
|
|
37
|
+
};
|
|
38
|
+
this.renderMain = () => {
|
|
39
|
+
return (h("div", { class: "lottery-hakuna-ticket-history-item__container" }, h("div", { class: "lottery-hakuna-ticket-history-item__top" }, h("div", { class: "lottery-hakuna-ticket-history-item__country-wrapper" }, this.historyItemImageSrc && (h("img", { src: this.historyItemImageSrc, alt: this.historyItemName, class: "lottery-hakuna-ticket-history-item__country-flag" })), h("span", { class: "lottery-hakuna-ticket-history-item__country-name" }, this.historyItemName)), h("div", { class: "lottery-hakuna-ticket-history-item__details" }, h("span", { class: "lottery-hakuna-ticket-history-item__meta" }, translate('total', this.language), h("span", { class: "lottery-hakuna-ticket-history-item__meta-value" }, this.totalAmount)))), h("div", { class: "lottery-hakuna-ticket-history-item__bottom" }, h("div", { class: "lottery-hakuna-ticket-history-item__numbers-wrapper" }, this.selectedNumbers && (h("lottery-selection-group", { type: "preview", bulletTexts: this.selectedNumbers, clientStyling: this.selectionGroupStyle + (this.clientStyling || ''), clientStylingUrl: this.clientStylingUrl, mbSource: this.mbSource, hasBorder: true, hasBackground: false, selectionGroupId: this.ticketId ? this.ticketId.toString() : undefined }))), h("div", { class: "lottery-hakuna-ticket-history-item__date-wrapper" }, this.date && h("div", null, this.date), this.time && h("div", null, this.time)))));
|
|
40
|
+
};
|
|
34
41
|
this.mbSource = undefined;
|
|
35
42
|
this.clientStyling = undefined;
|
|
36
43
|
this.clientStylingUrl = undefined;
|
|
@@ -40,9 +47,11 @@ export class LotteryHakunaTicketHistoryItem {
|
|
|
40
47
|
this.historyItemImageSrc = undefined;
|
|
41
48
|
this.ticketId = undefined;
|
|
42
49
|
this.totalAmount = undefined;
|
|
43
|
-
this.
|
|
44
|
-
this.
|
|
50
|
+
this.date = undefined;
|
|
51
|
+
this.time = undefined;
|
|
45
52
|
this.selectedNumbers = undefined;
|
|
53
|
+
this.showSkeleton = false;
|
|
54
|
+
this.selectedNumbersCount = 6;
|
|
46
55
|
}
|
|
47
56
|
handleClientStylingChange(newValue, oldValue) {
|
|
48
57
|
if (newValue != oldValue) {
|
|
@@ -76,7 +85,7 @@ export class LotteryHakunaTicketHistoryItem {
|
|
|
76
85
|
this.stylingSubscription && this.stylingSubscription.unsubscribe();
|
|
77
86
|
}
|
|
78
87
|
render() {
|
|
79
|
-
return (h("div", { key: '
|
|
88
|
+
return (h("div", { key: 'd22e301e9824aa3539e0c11ed52a1bddc5e1fb9c', ref: (el) => (this.stylingContainer = el), class: "lottery-hakuna-ticket-history-item__container-wrapper" }, this.showSkeleton ? this.renderSkeleton() : this.renderMain()));
|
|
80
89
|
}
|
|
81
90
|
static get is() { return "lottery-hakuna-ticket-history-item"; }
|
|
82
91
|
static get encapsulation() { return "shadow"; }
|
|
@@ -247,7 +256,7 @@ export class LotteryHakunaTicketHistoryItem {
|
|
|
247
256
|
"attribute": "total-amount",
|
|
248
257
|
"reflect": false
|
|
249
258
|
},
|
|
250
|
-
"
|
|
259
|
+
"date": {
|
|
251
260
|
"type": "string",
|
|
252
261
|
"mutable": false,
|
|
253
262
|
"complexType": {
|
|
@@ -261,10 +270,10 @@ export class LotteryHakunaTicketHistoryItem {
|
|
|
261
270
|
"tags": [],
|
|
262
271
|
"text": "The date of the draw."
|
|
263
272
|
},
|
|
264
|
-
"attribute": "
|
|
273
|
+
"attribute": "date",
|
|
265
274
|
"reflect": false
|
|
266
275
|
},
|
|
267
|
-
"
|
|
276
|
+
"time": {
|
|
268
277
|
"type": "string",
|
|
269
278
|
"mutable": false,
|
|
270
279
|
"complexType": {
|
|
@@ -278,7 +287,7 @@ export class LotteryHakunaTicketHistoryItem {
|
|
|
278
287
|
"tags": [],
|
|
279
288
|
"text": "The time of the draw."
|
|
280
289
|
},
|
|
281
|
-
"attribute": "
|
|
290
|
+
"attribute": "time",
|
|
282
291
|
"reflect": false
|
|
283
292
|
},
|
|
284
293
|
"selectedNumbers": {
|
|
@@ -297,6 +306,42 @@ export class LotteryHakunaTicketHistoryItem {
|
|
|
297
306
|
},
|
|
298
307
|
"attribute": "selected-numbers",
|
|
299
308
|
"reflect": false
|
|
309
|
+
},
|
|
310
|
+
"showSkeleton": {
|
|
311
|
+
"type": "boolean",
|
|
312
|
+
"mutable": false,
|
|
313
|
+
"complexType": {
|
|
314
|
+
"original": "boolean",
|
|
315
|
+
"resolved": "boolean",
|
|
316
|
+
"references": {}
|
|
317
|
+
},
|
|
318
|
+
"required": false,
|
|
319
|
+
"optional": false,
|
|
320
|
+
"docs": {
|
|
321
|
+
"tags": [],
|
|
322
|
+
"text": "Whether to show skeleton"
|
|
323
|
+
},
|
|
324
|
+
"attribute": "show-skeleton",
|
|
325
|
+
"reflect": false,
|
|
326
|
+
"defaultValue": "false"
|
|
327
|
+
},
|
|
328
|
+
"selectedNumbersCount": {
|
|
329
|
+
"type": "number",
|
|
330
|
+
"mutable": false,
|
|
331
|
+
"complexType": {
|
|
332
|
+
"original": "number",
|
|
333
|
+
"resolved": "number",
|
|
334
|
+
"references": {}
|
|
335
|
+
},
|
|
336
|
+
"required": false,
|
|
337
|
+
"optional": false,
|
|
338
|
+
"docs": {
|
|
339
|
+
"tags": [],
|
|
340
|
+
"text": "Count of selected numbers"
|
|
341
|
+
},
|
|
342
|
+
"attribute": "selected-numbers-count",
|
|
343
|
+
"reflect": false,
|
|
344
|
+
"defaultValue": "6"
|
|
300
345
|
}
|
|
301
346
|
};
|
|
302
347
|
}
|
|
@@ -49,10 +49,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
|
|
|
49
49
|
}
|
|
50
50
|
switch(bundleId) {
|
|
51
51
|
|
|
52
|
-
case 'lottery-
|
|
52
|
+
case 'lottery-button_6':
|
|
53
53
|
return import(
|
|
54
54
|
/* webpackMode: "lazy" */
|
|
55
|
-
'./lottery-
|
|
55
|
+
'./lottery-button_6.entry.js').then(processMod, consoleError);
|
|
56
56
|
}
|
|
57
57
|
}
|
|
58
58
|
return import(
|
|
@@ -1279,4 +1279,4 @@ var hostListenerOpts = (flags) => supportsListenerOptions ? {
|
|
|
1279
1279
|
// src/runtime/nonce.ts
|
|
1280
1280
|
var setNonce = (nonce) => plt.$nonce$ = nonce;
|
|
1281
1281
|
|
|
1282
|
-
export { bootstrapLazy as b, createEvent as c, getElement as g, h, promiseResolve as p, registerInstance as r, setNonce as s };
|
|
1282
|
+
export { Host as H, bootstrapLazy as b, createEvent as c, getElement as g, h, promiseResolve as p, registerInstance as r, setNonce as s };
|
package/dist/esm/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { L as LotteryHakunaTicketHistoryItem } from './lottery-hakuna-ticket-history-item-
|
|
2
|
-
import './index-
|
|
1
|
+
export { L as LotteryHakunaTicketHistoryItem } from './lottery-hakuna-ticket-history-item-5bc91571.js';
|
|
2
|
+
import './index-45df3d8d.js';
|
package/dist/esm/loader.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { b as bootstrapLazy } from './index-
|
|
2
|
-
export { s as setNonce } from './index-
|
|
1
|
+
import { b as bootstrapLazy } from './index-45df3d8d.js';
|
|
2
|
+
export { s as setNonce } from './index-45df3d8d.js';
|
|
3
3
|
import { g as globalScripts } from './app-globals-0f993ce5.js';
|
|
4
4
|
|
|
5
5
|
const defineCustomElements = async (win, options) => {
|
|
6
6
|
if (typeof window === 'undefined') return undefined;
|
|
7
7
|
await globalScripts();
|
|
8
|
-
return bootstrapLazy([["lottery-
|
|
8
|
+
return bootstrapLazy([["lottery-button_6",[[1,"lottery-hakuna-ticket-history-item",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[513],"translationUrl":[513,"translation-url"],"historyItemName":[1,"history-item-name"],"historyItemImageSrc":[1,"history-item-image-src"],"ticketId":[8,"ticket-id"],"totalAmount":[1,"total-amount"],"date":[1],"time":[1],"selectedNumbers":[1,"selected-numbers"],"showSkeleton":[4,"show-skeleton"],"selectedNumbersCount":[2,"selected-numbers-count"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-selection-group",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[513],"translationUrl":[513,"translation-url"],"splitToken":[513,"split-token"],"selectionGroupId":[513,"selection-group-id"],"selectionGroupLabel":[513,"selection-group-label"],"type":[513],"selectedBulletTexts":[513,"selected-bullet-texts"],"maxSelectedCount":[514,"max-selected-count"],"maxDisplayBulletsCount":[514,"max-display-bullets-count"],"bulletTexts":[513,"bullet-texts"],"maxIntegerBulletText":[514,"max-integer-bullet-text"],"minIntegerBulletText":[514,"min-integer-bullet-text"],"bulletTextType":[513,"bullet-text-type"],"hasBorder":[516,"has-border"],"hasBackground":[516,"has-background"],"dialogTitle":[513,"dialog-title"],"dialogInputPlaceholder":[513,"dialog-input-placeholder"],"dialogConfig":[32],"inputInfo":[32]},[[0,"lotteryBulletClick","lotteryBulletClickHandler"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[8,"border-radius"],"marginBottom":[8,"margin-bottom"],"marginTop":[8,"margin-top"],"marginLeft":[8,"margin-left"],"marginRight":[8,"margin-right"],"animation":[4],"rows":[2],"size":[1]},null,{"structure":["handleStructureChange"]}],[1,"lottery-button",{"variant":[513],"size":[513],"color":[513],"disabled":[516],"loading":[516],"text":[513],"mbSource":[513,"mb-source"],"language":[513],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"ripples":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-selection",{"value":[520],"text":[513],"idx":[514],"type":[513],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"hasBorder":[516,"has-border"],"hasBackground":[516,"has-background"],"deleteIconSvg":[513,"delete-icon-svg"],"deleteIconWidth":[513,"delete-icon-width"],"deleteIconHeight":[513,"delete-icon-height"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-tipping-dialog",{"mbSource":[1,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"visible":[516],"dialogTitle":[1,"dialog-title"],"width":[1],"closable":[4],"mask":[4],"maskClosable":[4,"mask-closable"],"animationDuration":[2,"animation-duration"],"fullscreen":[4],"showFooter":[4,"show-footer"],"showCancelBtn":[4,"show-cancel-btn"],"language":[513],"translationUrl":[520,"translation-url"],"dialogClass":[1,"dialog-class"],"dialogStyle":[16]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}]]]], options);
|
|
9
9
|
};
|
|
10
10
|
|
|
11
11
|
export { defineCustomElements };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { r as registerInstance, h, g as getElement, c as createEvent } from './index-
|
|
2
|
-
import { s as setClientStyling, a as setClientStylingURL, b as setStreamStyling } from './lottery-hakuna-ticket-history-item-
|
|
3
|
-
export { L as lottery_hakuna_ticket_history_item } from './lottery-hakuna-ticket-history-item-
|
|
1
|
+
import { r as registerInstance, h, g as getElement, c as createEvent, H as Host } from './index-45df3d8d.js';
|
|
2
|
+
import { s as setClientStyling, a as setClientStylingURL, b as setStreamStyling } from './lottery-hakuna-ticket-history-item-5bc91571.js';
|
|
3
|
+
export { L as lottery_hakuna_ticket_history_item } from './lottery-hakuna-ticket-history-item-5bc91571.js';
|
|
4
4
|
|
|
5
5
|
const DEFAULT_LANGUAGE$2 = 'en';
|
|
6
6
|
const SUPPORTED_LANGUAGES$2 = ['ro', 'en', 'fr', 'ar', 'hr', 'zh'];
|
|
@@ -892,4 +892,178 @@ const LotteryTippingDialog = class {
|
|
|
892
892
|
};
|
|
893
893
|
LotteryTippingDialog.style = LotteryTippingDialogStyle0;
|
|
894
894
|
|
|
895
|
-
|
|
895
|
+
const uiSkeletonCss = ":host{display:block}.Skeleton{animation:skeleton-loading 1s linear infinite alternate}.SkeletonRectangle{background-color:var(--emw-skeleton-rectangle-background, #c2c2c2);width:var(--emw-skeleton-rectangle-width, 400px);height:var(--emw-skeleton-rectangle-height, 200px);border-radius:var(--emw-skeleton-rectangle-border-radius, 10px)}.SkeletonCircle{background-color:var(--emw-skeleton-circle-background, #c2c2c2);width:var(--emw-skeleton-circle-size, 400px);height:var(--emw-skeleton-circle-size, 400px);border-radius:50%}.SkeletonText{background-color:var(--emw-skeleton-text-background, #c2c2c2);width:var(--emw-skeleton-text-width, 500px);height:var(--emw-skeleton-text-height, 20px);border-radius:var(--emw-skeleton-text-border-radius, 10px);margin-bottom:var(--emw-skeleton-text-margin-bottom, 5px)}.SkeletonText:last-child{width:calc(var(--emw-skeleton-text-width, 400px) - 100px)}.SkeletonTitle{background-color:var(--emw-skeleton-title-background, #c2c2c2);width:var(--emw-skeleton-title-width, 300px);height:var(--emw-skeleton-title-height, 30px);border-radius:var(--emw-skeleton-title-border-radius, 10px);margin-bottom:var(--emw-skeleton-title-margin-bottom, 5px)}.SkeletonImage{background-color:var(--emw-skeleton-image-background, #c2c2c2);width:var(--emw-skeleton-image-width, 100%);height:var(--emw-skeleton-image-height, 100%);border-radius:var(--emw-skeleton-image-border-radius, unset)}.SkeletonLogo{background-color:var(--emw-skeleton-logo-background, #c2c2c2);width:var(--emw-skeleton-logo-width, 120px);height:var(--emw-skeleton-logo-height, 75px);border-radius:var(--emw-skeleton-logo-border-radius, 10px)}@keyframes skeleton-loading{0%{background-color:var(--emw-skeleton-primary-color, #e0e0e0)}100%{background-color:var(--emw-skeleton-secondary-color, #f0f0f0)}}";
|
|
896
|
+
const UiSkeletonStyle0 = uiSkeletonCss;
|
|
897
|
+
|
|
898
|
+
const UiSkeleton = class {
|
|
899
|
+
constructor(hostRef) {
|
|
900
|
+
registerInstance(this, hostRef);
|
|
901
|
+
this.stylingValue = {
|
|
902
|
+
width: this.handleStylingProps(this.width),
|
|
903
|
+
height: this.handleStylingProps(this.height),
|
|
904
|
+
borderRadius: this.handleStylingProps(this.borderRadius),
|
|
905
|
+
marginBottom: this.handleStylingProps(this.marginBottom),
|
|
906
|
+
marginTop: this.handleStylingProps(this.marginTop),
|
|
907
|
+
marginLeft: this.handleStylingProps(this.marginLeft),
|
|
908
|
+
marginRight: this.handleStylingProps(this.marginRight),
|
|
909
|
+
size: this.handleStylingProps(this.size),
|
|
910
|
+
};
|
|
911
|
+
this.structure = undefined;
|
|
912
|
+
this.width = 'unset';
|
|
913
|
+
this.height = 'unset';
|
|
914
|
+
this.borderRadius = 'unset';
|
|
915
|
+
this.marginBottom = 'unset';
|
|
916
|
+
this.marginTop = 'unset';
|
|
917
|
+
this.marginLeft = 'unset';
|
|
918
|
+
this.marginRight = 'unset';
|
|
919
|
+
this.animation = true;
|
|
920
|
+
this.rows = 0;
|
|
921
|
+
this.size = '100%';
|
|
922
|
+
}
|
|
923
|
+
handleStructureChange(newValue, oldValue) {
|
|
924
|
+
if (oldValue !== newValue) {
|
|
925
|
+
this.handleStructure(newValue);
|
|
926
|
+
}
|
|
927
|
+
}
|
|
928
|
+
handleStylingProps(value) {
|
|
929
|
+
switch (typeof value) {
|
|
930
|
+
case 'number':
|
|
931
|
+
return value === 0 ? 0 : `${value}px`;
|
|
932
|
+
case 'undefined':
|
|
933
|
+
return 'unset';
|
|
934
|
+
case 'string':
|
|
935
|
+
if (['auto', 'unset', 'none', 'inherit', 'initial'].includes(value) ||
|
|
936
|
+
value.endsWith('px') ||
|
|
937
|
+
value.endsWith('%')) {
|
|
938
|
+
return value;
|
|
939
|
+
}
|
|
940
|
+
else {
|
|
941
|
+
return 'unset';
|
|
942
|
+
}
|
|
943
|
+
default:
|
|
944
|
+
return 'unset';
|
|
945
|
+
}
|
|
946
|
+
}
|
|
947
|
+
handleStructure(structure) {
|
|
948
|
+
switch (structure) {
|
|
949
|
+
case 'logo':
|
|
950
|
+
return this.renderLogo();
|
|
951
|
+
case 'image':
|
|
952
|
+
return this.renderImage();
|
|
953
|
+
case 'title':
|
|
954
|
+
return this.renderTitle();
|
|
955
|
+
case 'text':
|
|
956
|
+
return this.renderText();
|
|
957
|
+
case 'rectangle':
|
|
958
|
+
return this.renderRectangle();
|
|
959
|
+
case 'circle':
|
|
960
|
+
return this.renderCircle();
|
|
961
|
+
default:
|
|
962
|
+
return null;
|
|
963
|
+
}
|
|
964
|
+
}
|
|
965
|
+
renderLogo() {
|
|
966
|
+
return (h("div", { class: "SkeletonContainer" }, h("div", { class: 'SkeletonLogo ' + (this.animation ? 'Skeleton' : '') })));
|
|
967
|
+
}
|
|
968
|
+
renderImage() {
|
|
969
|
+
return h("div", { class: 'SkeletonImage ' + (this.animation ? 'Skeleton' : '') });
|
|
970
|
+
}
|
|
971
|
+
renderTitle() {
|
|
972
|
+
return (h("div", { class: "SkeletonContainer" }, h("div", { class: 'SkeletonTitle ' + (this.animation ? 'Skeleton' : '') })));
|
|
973
|
+
}
|
|
974
|
+
renderText() {
|
|
975
|
+
return (h("div", { class: "SkeletonContainer" }, Array.from({ length: this.rows > 0 ? this.rows : 1 }).map((_, index) => (h("div", { key: index, class: 'SkeletonText ' + (this.animation ? 'Skeleton' : '') })))));
|
|
976
|
+
}
|
|
977
|
+
renderRectangle() {
|
|
978
|
+
return (h("div", { class: "SkeletonContainer" }, h("div", { class: 'SkeletonRectangle ' + (this.animation ? 'Skeleton' : '') })));
|
|
979
|
+
}
|
|
980
|
+
renderCircle() {
|
|
981
|
+
return (h("div", { class: "SkeletonContainer" }, h("div", { class: 'SkeletonCircle ' + (this.animation ? 'Skeleton' : '') })));
|
|
982
|
+
}
|
|
983
|
+
render() {
|
|
984
|
+
let styleBlock = '';
|
|
985
|
+
switch (this.structure) {
|
|
986
|
+
case 'logo':
|
|
987
|
+
styleBlock = `
|
|
988
|
+
:host {
|
|
989
|
+
--emw-skeleton-logo-width: ${this.stylingValue.width};
|
|
990
|
+
--emw-skeleton-logo-height: ${this.stylingValue.height};
|
|
991
|
+
--emw-skeleton-logo-border-radius: ${this.stylingValue.borderRadius};
|
|
992
|
+
--emw-skeleton-logo-margin-bottom: ${this.stylingValue.marginBottom};
|
|
993
|
+
--emw-skeleton-logo-margin-top: ${this.stylingValue.marginTop};
|
|
994
|
+
--emw-skeleton-logo-margin-left: ${this.stylingValue.marginLeft};
|
|
995
|
+
--emw-skeleton-logo-margin-right: ${this.stylingValue.marginRight};
|
|
996
|
+
}
|
|
997
|
+
`;
|
|
998
|
+
break;
|
|
999
|
+
case 'image':
|
|
1000
|
+
styleBlock = `
|
|
1001
|
+
:host {
|
|
1002
|
+
--emw-skeleton-image-width: ${this.stylingValue.width};
|
|
1003
|
+
--emw-skeleton-image-height: ${this.stylingValue.height};
|
|
1004
|
+
--emw-skeleton-image-border-radius: ${this.stylingValue.borderRadius};
|
|
1005
|
+
--emw-skeleton-image-margin-bottom: ${this.stylingValue.marginBottom};
|
|
1006
|
+
--emw-skeleton-image-margin-top: ${this.stylingValue.marginTop};
|
|
1007
|
+
--emw-skeleton-image-margin-left: ${this.stylingValue.marginLeft};
|
|
1008
|
+
--emw-skeleton-image-margin-right: ${this.stylingValue.marginRight};
|
|
1009
|
+
}
|
|
1010
|
+
`;
|
|
1011
|
+
break;
|
|
1012
|
+
case 'title':
|
|
1013
|
+
styleBlock = `
|
|
1014
|
+
:host {
|
|
1015
|
+
--emw-skeleton-title-width: ${this.stylingValue.width};
|
|
1016
|
+
--emw-skeleton-title-height: ${this.stylingValue.height};
|
|
1017
|
+
--emw-skeleton-title-border-radius: ${this.stylingValue.borderRadius};
|
|
1018
|
+
--emw-skeleton-title-margin-bottom: ${this.stylingValue.marginBottom};
|
|
1019
|
+
--emw-skeleton-title-margin-top: ${this.stylingValue.marginTop};
|
|
1020
|
+
--emw-skeleton-title-margin-left: ${this.stylingValue.marginLeft};
|
|
1021
|
+
--emw-skeleton-title-margin-right: ${this.stylingValue.marginRight};
|
|
1022
|
+
}
|
|
1023
|
+
`;
|
|
1024
|
+
break;
|
|
1025
|
+
case 'text':
|
|
1026
|
+
styleBlock = `
|
|
1027
|
+
:host {
|
|
1028
|
+
--emw-skeleton-text-width: ${this.stylingValue.width};
|
|
1029
|
+
--emw-skeleton-text-height: ${this.stylingValue.height};
|
|
1030
|
+
--emw-skeleton-text-border-radius: ${this.stylingValue.borderRadius};
|
|
1031
|
+
--emw-skeleton-text-margin-bottom: ${this.stylingValue.marginBottom};
|
|
1032
|
+
--emw-skeleton-text-margin-top: ${this.stylingValue.marginTop};
|
|
1033
|
+
--emw-skeleton-text-margin-left: ${this.stylingValue.marginLeft};
|
|
1034
|
+
--emw-skeleton-text-margin-right: ${this.stylingValue.marginRight};
|
|
1035
|
+
}
|
|
1036
|
+
`;
|
|
1037
|
+
break;
|
|
1038
|
+
case 'rectangle':
|
|
1039
|
+
styleBlock = `
|
|
1040
|
+
:host {
|
|
1041
|
+
--emw-skeleton-rectangle-width: ${this.stylingValue.width};
|
|
1042
|
+
--emw-skeleton-rectangle-height: ${this.stylingValue.height};
|
|
1043
|
+
--emw-skeleton-rectangle-border-radius: ${this.stylingValue.borderRadius};
|
|
1044
|
+
--emw-skeleton-rectangle-margin-bottom: ${this.stylingValue.marginBottom};
|
|
1045
|
+
--emw-skeleton-rectangle-margin-top: ${this.stylingValue.marginTop};
|
|
1046
|
+
--emw-skeleton-rectangle-margin-left: ${this.stylingValue.marginLeft};
|
|
1047
|
+
--emw-skeleton-rectangle-margin-right: ${this.stylingValue.marginRight};
|
|
1048
|
+
}
|
|
1049
|
+
`;
|
|
1050
|
+
break;
|
|
1051
|
+
case 'circle':
|
|
1052
|
+
styleBlock = `
|
|
1053
|
+
:host {
|
|
1054
|
+
--emw-skeleton-circle-size: ${this.stylingValue.size};
|
|
1055
|
+
}
|
|
1056
|
+
`;
|
|
1057
|
+
break;
|
|
1058
|
+
default:
|
|
1059
|
+
styleBlock = '';
|
|
1060
|
+
}
|
|
1061
|
+
return (h(Host, { key: 'c2a2650acd416962a2bc4e1a7ee18bc6d8e2def8' }, h("style", { key: '9bd7fc1f9e9ed9f17735a7b72fce6f09696f5e19' }, styleBlock), this.handleStructure(this.structure)));
|
|
1062
|
+
}
|
|
1063
|
+
static get watchers() { return {
|
|
1064
|
+
"structure": ["handleStructureChange"]
|
|
1065
|
+
}; }
|
|
1066
|
+
};
|
|
1067
|
+
UiSkeleton.style = UiSkeletonStyle0;
|
|
1068
|
+
|
|
1069
|
+
export { LotteryButton as lottery_button, LotterySelection as lottery_selection, LotterySelectionGroup as lottery_selection_group, LotteryTippingDialog as lottery_tipping_dialog, UiSkeleton as ui_skeleton };
|
|
@@ -0,0 +1,198 @@
|
|
|
1
|
+
import { r as registerInstance, h } from './index-45df3d8d.js';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* @name setClientStyling
|
|
5
|
+
* @description Method used to create and append to the passed element of the widget a style element with the content received
|
|
6
|
+
* @param {HTMLElement} stylingContainer The reference element of the widget
|
|
7
|
+
* @param {string} clientStyling The style content
|
|
8
|
+
*/
|
|
9
|
+
function setClientStyling(stylingContainer, clientStyling) {
|
|
10
|
+
if (stylingContainer) {
|
|
11
|
+
const sheet = document.createElement('style');
|
|
12
|
+
sheet.innerHTML = clientStyling;
|
|
13
|
+
stylingContainer.appendChild(sheet);
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
/**
|
|
18
|
+
* @name setClientStylingURL
|
|
19
|
+
* @description Method used to create and append to the passed element of the widget a style element with the content fetched from a given URL
|
|
20
|
+
* @param {HTMLElement} stylingContainer The reference element of the widget
|
|
21
|
+
* @param {string} clientStylingUrl The URL of the style content
|
|
22
|
+
*/
|
|
23
|
+
function setClientStylingURL(stylingContainer, clientStylingUrl) {
|
|
24
|
+
if (!stylingContainer || !clientStylingUrl) return;
|
|
25
|
+
|
|
26
|
+
const url = new URL(clientStylingUrl);
|
|
27
|
+
|
|
28
|
+
fetch(url.href)
|
|
29
|
+
.then((res) => res.text())
|
|
30
|
+
.then((data) => {
|
|
31
|
+
const cssFile = document.createElement('style');
|
|
32
|
+
cssFile.innerHTML = data;
|
|
33
|
+
if (stylingContainer) {
|
|
34
|
+
stylingContainer.appendChild(cssFile);
|
|
35
|
+
}
|
|
36
|
+
})
|
|
37
|
+
.catch((err) => {
|
|
38
|
+
console.error('There was an error while trying to load client styling from URL', err);
|
|
39
|
+
});
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
/**
|
|
43
|
+
* @name setStreamLibrary
|
|
44
|
+
* @description Method used to create and append to the passed element of the widget a style element with content fetched from the MessageBus
|
|
45
|
+
* @param {HTMLElement} stylingContainer The highest element of the widget
|
|
46
|
+
* @param {string} domain The domain from where the content should be fetched (e.g. 'Casino.Style', 'App.Style', 'casino-footer.style', etc.)
|
|
47
|
+
* @param {ref} subscription A reference to a variable where the subscription should be saved for unsubscribing when no longer needed
|
|
48
|
+
*/
|
|
49
|
+
function setStreamStyling(stylingContainer, domain, subscription) {
|
|
50
|
+
if (window.emMessageBus) {
|
|
51
|
+
const sheet = document.createElement('style');
|
|
52
|
+
|
|
53
|
+
window.emMessageBus.subscribe(domain, (data) => {
|
|
54
|
+
sheet.innerHTML = data;
|
|
55
|
+
if (stylingContainer) {
|
|
56
|
+
stylingContainer.appendChild(sheet);
|
|
57
|
+
}
|
|
58
|
+
});
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
const DEFAULT_LANGUAGE = 'en';
|
|
63
|
+
const SUPPORTED_LANGUAGES = ['ro', 'en', 'fr', 'ar', 'hr'];
|
|
64
|
+
const TRANSLATIONS = {
|
|
65
|
+
en: {
|
|
66
|
+
total: 'Total:',
|
|
67
|
+
},
|
|
68
|
+
};
|
|
69
|
+
const translate = (key, customLang, replacements) => {
|
|
70
|
+
const lang = customLang;
|
|
71
|
+
let translation = TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
|
|
72
|
+
if (replacements) {
|
|
73
|
+
Object.keys(replacements).forEach((placeholder) => {
|
|
74
|
+
translation = translation.replace(`{${placeholder}}`, replacements[placeholder]);
|
|
75
|
+
});
|
|
76
|
+
}
|
|
77
|
+
return translation;
|
|
78
|
+
};
|
|
79
|
+
const getTranslations = (data) => {
|
|
80
|
+
Object.keys(data).forEach((item) => {
|
|
81
|
+
for (let key in data[item]) {
|
|
82
|
+
TRANSLATIONS[item][key] = data[item][key];
|
|
83
|
+
}
|
|
84
|
+
});
|
|
85
|
+
};
|
|
86
|
+
const resolveTranslationUrl = async (translationUrl) => {
|
|
87
|
+
if (translationUrl) {
|
|
88
|
+
try {
|
|
89
|
+
const response = await fetch(translationUrl);
|
|
90
|
+
if (!response.ok) {
|
|
91
|
+
throw new Error(`HTTP error! status: ${response.status}`);
|
|
92
|
+
}
|
|
93
|
+
const translations = await response.json();
|
|
94
|
+
getTranslations(translations);
|
|
95
|
+
}
|
|
96
|
+
catch (error) {
|
|
97
|
+
console.error('Failed to fetch or parse translations from URL:', error);
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
};
|
|
101
|
+
|
|
102
|
+
const lotteryHakunaTicketHistoryItemCss = ".lottery-hakuna-ticket-history-item__container{display:flex;padding:var(--lottery-hakuna-ticket-history-item-container-padding, 20px);flex-direction:column;justify-content:center;gap:var(--lottery-hakuna-ticket-history-item-container-gap, 16px);border-radius:var(--lottery-hakuna-ticket-history-item-container-border-radius, 12px);border:1px solid transparent;min-width:var(--lottery-hakuna-ticket-history-item-container-min-width, 200px);background-origin:border-box;background-clip:padding-box, border-box;background-image:linear-gradient(var(--emw-hakuna-bg-secondary, #120505), var(--emw-hakuna-bg-secondary, #120505)), linear-gradient(to top left, var(--emw-hakuna-color-primary, #c52217) var(--lottery-hakuna-ticket-history-item-border-gradient-start-stop, 22%), var(--emw-hakuna-bg-primary, #2c2525) var(--lottery-hakuna-ticket-history-item-border-gradient-end-stop, 68%))}.lottery-hakuna-ticket-history-item__top{display:flex;justify-content:space-between;align-items:center}.lottery-hakuna-ticket-history-item__country-wrapper{display:flex;align-items:center;gap:10px}.lottery-hakuna-ticket-history-item__country-flag{width:var(--lottery-hakuna-ticket-history-item-country-flag-width, 30px);object-fit:cover;aspect-ratio:var(--lottery-hakuna-ticket-history-item-country-flag-aspect-ratio, 3/2)}.lottery-hakuna-ticket-history-item__country-name{color:var(--lottery-hakuna-ticket-history-item-country-name-color, #fff);font-size:var(--lottery-hakuna-ticket-history-item-country-name-font-size, 14px);font-style:normal;font-weight:var(--lottery-hakuna-ticket-history-item-country-name-font-weight, 700);line-height:var(--lottery-hakuna-ticket-history-item-country-name-line-height, normal)}.lottery-hakuna-ticket-history-item__details{display:flex;gap:var(--lottery-hakuna-ticket-history-item-details-gap, 13px);color:var(--emw-hakuna-text-secondary, #b4a5a5);font-size:var(--lottery-hakuna-ticket-history-item-details-font-size, 10px);font-style:normal;font-weight:var(--lottery-hakuna-ticket-history-item-details-font-weight, 700);line-height:var(--lottery-hakuna-ticket-history-item-details-line-height, normal)}.lottery-hakuna-ticket-history-item__meta{display:flex;gap:var(--lottery-hakuna-ticket-history-item-meta-gap, 10px)}.lottery-hakuna-ticket-history-item__meta-value{color:var(--lottery-hakuna-ticket-history-item-meta-value-color, inherit)}.lottery-hakuna-ticket-history-item__bottom{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.lottery-hakuna-ticket-history-item__numbers-wrapper{flex:1;display:flex;align-items:flex-start;gap:var(--lottery-hakuna-ticket-history-item-numbers-wrapper-gap, 8px);box-shadow:var(--lottery-hakuna-ticket-history-item-numbers-wrapper-box-shadow, 0 1px 2px 0 rgba(0, 0, 0, 0.25))}.lottery-hakuna-ticket-history-item__date-wrapper{color:var(--lottery-hakuna-ticket-history-item-date-wrapper-color, #fffefe);text-align:var(--lottery-hakuna-ticket-history-item-date-wrapper-text-align, right);font-size:var(--lottery-hakuna-ticket-history-item-date-wrapper-font-size, 8px);font-style:normal;font-weight:var(--lottery-hakuna-ticket-history-item-date-wrapper-font-weight, 400);line-height:var(--lottery-hakuna-ticket-history-item-date-wrapper-line-height, 125%);min-width:var(--lottery-hakuna-ticket-history-item-date-wrapper-min-width, 70px);max-width:var(--lottery-hakuna-ticket-history-item-date-wrapper-max-width, 100px)}lottery-selection-group{width:100%}ui-skeleton{--emw-skeleton-primary-color:#414141;--emw-skeleton-secondary-color:#2f2929}";
|
|
103
|
+
const LotteryHakunaTicketHistoryItemStyle0 = lotteryHakunaTicketHistoryItemCss;
|
|
104
|
+
|
|
105
|
+
const LotteryHakunaTicketHistoryItem = class {
|
|
106
|
+
constructor(hostRef) {
|
|
107
|
+
registerInstance(this, hostRef);
|
|
108
|
+
this.selectionGroupStyle = `
|
|
109
|
+
:host{
|
|
110
|
+
--lottery-selection-width: 24px;
|
|
111
|
+
--lottery-selection-height: 24px;
|
|
112
|
+
--lottery-selection-padding: 10px;
|
|
113
|
+
--lottery-selection-border-radius: 6px;
|
|
114
|
+
--lottery-selection-border-width: 1px;
|
|
115
|
+
--lottery-selection-border-color: var(--emw-hakuna-color-primary, #c52217);
|
|
116
|
+
|
|
117
|
+
--lottery-selection-color: var(--emw-hakuna-text-primary, #ffffff);
|
|
118
|
+
--lottery-selection-font-size: 14px;
|
|
119
|
+
--lottery-selection-font-weight: 500;
|
|
120
|
+
|
|
121
|
+
--lottery-selection-hover-background: transparent;
|
|
122
|
+
--lottery-selection-hover-border-color: var(--emw-hakuna-color-primary, #c52217);
|
|
123
|
+
--lottery-selection-hover-color: var(--emw-hakuna-text-primary, #ffffff);
|
|
124
|
+
|
|
125
|
+
.lottery-selection__button{
|
|
126
|
+
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
|
|
127
|
+
line-height: normal;
|
|
128
|
+
}
|
|
129
|
+
.lottery-selection__button:hover{
|
|
130
|
+
cursor: default;
|
|
131
|
+
}
|
|
132
|
+
--lottery-selection-group-item-gap:6px;
|
|
133
|
+
}
|
|
134
|
+
`;
|
|
135
|
+
this.renderSkeleton = () => {
|
|
136
|
+
return (h("div", { class: "lottery-hakuna-ticket-history-item__container" }, h("div", { class: "lottery-hakuna-ticket-history-item__top" }, h("div", { class: "lottery-hakuna-ticket-history-item__country-wrapper" }, h("ui-skeleton", { structure: "image", width: "30px", height: "20px" }), h("ui-skeleton", { structure: "title", width: "86px", height: "17px", marginBottom: 0 })), h("div", { class: "lottery-hakuna-ticket-history-item__details" }, h("ui-skeleton", { structure: "text", width: "60%", height: "20px" }))), h("div", { class: "lottery-hakuna-ticket-history-item__bottom" }, h("div", { class: "lottery-hakuna-ticket-history-item__numbers-wrapper" }, new Array(this.selectedNumbersCount).fill(h("ui-skeleton", { borderRadius: "8px", structure: "rectangle", width: "24px", height: "24px" }))), h("div", { class: "lottery-hakuna-ticket-history-item__date-wrapper" }, h("ui-skeleton", { structure: "text", width: "180px", height: "14px" })))));
|
|
137
|
+
};
|
|
138
|
+
this.renderMain = () => {
|
|
139
|
+
return (h("div", { class: "lottery-hakuna-ticket-history-item__container" }, h("div", { class: "lottery-hakuna-ticket-history-item__top" }, h("div", { class: "lottery-hakuna-ticket-history-item__country-wrapper" }, this.historyItemImageSrc && (h("img", { src: this.historyItemImageSrc, alt: this.historyItemName, class: "lottery-hakuna-ticket-history-item__country-flag" })), h("span", { class: "lottery-hakuna-ticket-history-item__country-name" }, this.historyItemName)), h("div", { class: "lottery-hakuna-ticket-history-item__details" }, h("span", { class: "lottery-hakuna-ticket-history-item__meta" }, translate('total', this.language), h("span", { class: "lottery-hakuna-ticket-history-item__meta-value" }, this.totalAmount)))), h("div", { class: "lottery-hakuna-ticket-history-item__bottom" }, h("div", { class: "lottery-hakuna-ticket-history-item__numbers-wrapper" }, this.selectedNumbers && (h("lottery-selection-group", { type: "preview", bulletTexts: this.selectedNumbers, clientStyling: this.selectionGroupStyle + (this.clientStyling || ''), clientStylingUrl: this.clientStylingUrl, mbSource: this.mbSource, hasBorder: true, hasBackground: false, selectionGroupId: this.ticketId ? this.ticketId.toString() : undefined }))), h("div", { class: "lottery-hakuna-ticket-history-item__date-wrapper" }, this.date && h("div", null, this.date), this.time && h("div", null, this.time)))));
|
|
140
|
+
};
|
|
141
|
+
this.mbSource = undefined;
|
|
142
|
+
this.clientStyling = undefined;
|
|
143
|
+
this.clientStylingUrl = undefined;
|
|
144
|
+
this.language = 'en';
|
|
145
|
+
this.translationUrl = '';
|
|
146
|
+
this.historyItemName = undefined;
|
|
147
|
+
this.historyItemImageSrc = undefined;
|
|
148
|
+
this.ticketId = undefined;
|
|
149
|
+
this.totalAmount = undefined;
|
|
150
|
+
this.date = undefined;
|
|
151
|
+
this.time = undefined;
|
|
152
|
+
this.selectedNumbers = undefined;
|
|
153
|
+
this.showSkeleton = false;
|
|
154
|
+
this.selectedNumbersCount = 6;
|
|
155
|
+
}
|
|
156
|
+
handleClientStylingChange(newValue, oldValue) {
|
|
157
|
+
if (newValue != oldValue) {
|
|
158
|
+
setClientStyling(this.stylingContainer, this.clientStyling);
|
|
159
|
+
}
|
|
160
|
+
}
|
|
161
|
+
handleClientStylingUrlChange(newValue, oldValue) {
|
|
162
|
+
if (newValue != oldValue) {
|
|
163
|
+
setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
|
|
164
|
+
}
|
|
165
|
+
}
|
|
166
|
+
handleMbSourceChange(newValue, oldValue) {
|
|
167
|
+
if (newValue != oldValue) {
|
|
168
|
+
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
|
|
169
|
+
}
|
|
170
|
+
}
|
|
171
|
+
async componentWillLoad() {
|
|
172
|
+
resolveTranslationUrl(this.translationUrl);
|
|
173
|
+
}
|
|
174
|
+
componentDidLoad() {
|
|
175
|
+
if (this.stylingContainer) {
|
|
176
|
+
if (this.mbSource)
|
|
177
|
+
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
|
|
178
|
+
if (this.clientStyling)
|
|
179
|
+
setClientStyling(this.stylingContainer, this.clientStyling);
|
|
180
|
+
if (this.clientStylingUrl)
|
|
181
|
+
setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
|
|
182
|
+
}
|
|
183
|
+
}
|
|
184
|
+
disconnectedCallback() {
|
|
185
|
+
this.stylingSubscription && this.stylingSubscription.unsubscribe();
|
|
186
|
+
}
|
|
187
|
+
render() {
|
|
188
|
+
return (h("div", { key: 'd22e301e9824aa3539e0c11ed52a1bddc5e1fb9c', ref: (el) => (this.stylingContainer = el), class: "lottery-hakuna-ticket-history-item__container-wrapper" }, this.showSkeleton ? this.renderSkeleton() : this.renderMain()));
|
|
189
|
+
}
|
|
190
|
+
static get watchers() { return {
|
|
191
|
+
"clientStyling": ["handleClientStylingChange"],
|
|
192
|
+
"clientStylingUrl": ["handleClientStylingUrlChange"],
|
|
193
|
+
"mbSource": ["handleMbSourceChange"]
|
|
194
|
+
}; }
|
|
195
|
+
};
|
|
196
|
+
LotteryHakunaTicketHistoryItem.style = LotteryHakunaTicketHistoryItemStyle0;
|
|
197
|
+
|
|
198
|
+
export { LotteryHakunaTicketHistoryItem as L, setClientStylingURL as a, setStreamStyling as b, setClientStyling as s };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { p as promiseResolve, b as bootstrapLazy } from './index-
|
|
2
|
-
export { s as setNonce } from './index-
|
|
1
|
+
import { p as promiseResolve, b as bootstrapLazy } from './index-45df3d8d.js';
|
|
2
|
+
export { s as setNonce } from './index-45df3d8d.js';
|
|
3
3
|
import { g as globalScripts } from './app-globals-0f993ce5.js';
|
|
4
4
|
|
|
5
5
|
/*
|
|
@@ -16,5 +16,5 @@ var patchBrowser = () => {
|
|
|
16
16
|
|
|
17
17
|
patchBrowser().then(async (options) => {
|
|
18
18
|
await globalScripts();
|
|
19
|
-
return bootstrapLazy([["lottery-
|
|
19
|
+
return bootstrapLazy([["lottery-button_6",[[1,"lottery-hakuna-ticket-history-item",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[513],"translationUrl":[513,"translation-url"],"historyItemName":[1,"history-item-name"],"historyItemImageSrc":[1,"history-item-image-src"],"ticketId":[8,"ticket-id"],"totalAmount":[1,"total-amount"],"date":[1],"time":[1],"selectedNumbers":[1,"selected-numbers"],"showSkeleton":[4,"show-skeleton"],"selectedNumbersCount":[2,"selected-numbers-count"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-selection-group",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[513],"translationUrl":[513,"translation-url"],"splitToken":[513,"split-token"],"selectionGroupId":[513,"selection-group-id"],"selectionGroupLabel":[513,"selection-group-label"],"type":[513],"selectedBulletTexts":[513,"selected-bullet-texts"],"maxSelectedCount":[514,"max-selected-count"],"maxDisplayBulletsCount":[514,"max-display-bullets-count"],"bulletTexts":[513,"bullet-texts"],"maxIntegerBulletText":[514,"max-integer-bullet-text"],"minIntegerBulletText":[514,"min-integer-bullet-text"],"bulletTextType":[513,"bullet-text-type"],"hasBorder":[516,"has-border"],"hasBackground":[516,"has-background"],"dialogTitle":[513,"dialog-title"],"dialogInputPlaceholder":[513,"dialog-input-placeholder"],"dialogConfig":[32],"inputInfo":[32]},[[0,"lotteryBulletClick","lotteryBulletClickHandler"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[8,"border-radius"],"marginBottom":[8,"margin-bottom"],"marginTop":[8,"margin-top"],"marginLeft":[8,"margin-left"],"marginRight":[8,"margin-right"],"animation":[4],"rows":[2],"size":[1]},null,{"structure":["handleStructureChange"]}],[1,"lottery-button",{"variant":[513],"size":[513],"color":[513],"disabled":[516],"loading":[516],"text":[513],"mbSource":[513,"mb-source"],"language":[513],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"ripples":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-selection",{"value":[520],"text":[513],"idx":[514],"type":[513],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"hasBorder":[516,"has-border"],"hasBackground":[516,"has-background"],"deleteIconSvg":[513,"delete-icon-svg"],"deleteIconWidth":[513,"delete-icon-width"],"deleteIconHeight":[513,"delete-icon-height"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-tipping-dialog",{"mbSource":[1,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"visible":[516],"dialogTitle":[1,"dialog-title"],"width":[1],"closable":[4],"mask":[4],"maskClosable":[4,"mask-closable"],"animationDuration":[2,"animation-duration"],"fullscreen":[4],"showFooter":[4,"show-footer"],"showCancelBtn":[4,"show-cancel-btn"],"language":[513],"translationUrl":[520,"translation-url"],"dialogClass":[1,"dialog-class"],"dialogStyle":[16]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}]]]], options);
|
|
20
20
|
});
|