@everymatrix/lottery-tipping-entrance 1.77.10 → 1.77.12

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.
Files changed (26) hide show
  1. package/dist/cjs/draw-selection_17.cjs.entry.js +92 -94
  2. package/dist/cjs/index.cjs.js +1 -1
  3. package/dist/cjs/{lottery-tipping-entrance-f2feaebf.js → lottery-tipping-entrance-e6e49c21.js} +3976 -1397
  4. package/dist/collection/components/draw-selection/draw-selection.css +23 -5
  5. package/dist/collection/components/draw-selection/draw-selection.js +5 -10
  6. package/dist/collection/components/lottery-tipping-entrance/lottery-tipping-entrance.css +26 -17
  7. package/dist/collection/components/lottery-tipping-entrance/lottery-tipping-entrance.js +2 -2
  8. package/dist/esm/draw-selection_17.entry.js +93 -95
  9. package/dist/esm/index.js +1 -1
  10. package/dist/esm/{lottery-tipping-entrance-f495c522.js → lottery-tipping-entrance-0b0e3cdd.js} +3976 -1397
  11. package/dist/lottery-tipping-entrance/draw-selection_17.entry.js +1 -1
  12. package/dist/lottery-tipping-entrance/index.esm.js +1 -1
  13. package/dist/lottery-tipping-entrance/{lottery-tipping-entrance-f495c522.js → lottery-tipping-entrance-0b0e3cdd.js} +4009 -1386
  14. package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/lottery-tipping-entrance/.stencil/packages/stencil/lottery-tipping-entrance/stencil.config.d.ts +2 -0
  15. package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/lottery-tipping-entrance/.stencil/packages/stencil/lottery-tipping-entrance/stencil.config.dev.d.ts +2 -0
  16. package/package.json +1 -1
  17. package/dist/types/builds/emfe-widgets/widgets-monorepo/packages/stencil/lottery-tipping-entrance/.stencil/packages/stencil/lottery-tipping-entrance/stencil.config.d.ts +0 -2
  18. package/dist/types/builds/emfe-widgets/widgets-monorepo/packages/stencil/lottery-tipping-entrance/.stencil/packages/stencil/lottery-tipping-entrance/stencil.config.dev.d.ts +0 -2
  19. /package/dist/types/{builds/emfe-widgets → Users/adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/lottery-tipping-entrance/.stencil/libs/common/src/storybook/storybook-utils.d.ts +0 -0
  20. /package/dist/types/{builds/emfe-widgets → Users/adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/lottery-tipping-entrance/.stencil/packages/stencil/lottery-tipping-entrance/storybook/main.d.ts +0 -0
  21. /package/dist/types/{builds/emfe-widgets → Users/adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/lottery-tipping-entrance/.stencil/packages/stencil/lottery-tipping-entrance/storybook/preview.d.ts +0 -0
  22. /package/dist/types/{builds/emfe-widgets → Users/adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/lottery-tipping-entrance/.stencil/tools/plugins/index.d.ts +0 -0
  23. /package/dist/types/{builds/emfe-widgets → Users/adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/lottery-tipping-entrance/.stencil/tools/plugins/lazy-load-chunk-plugin.d.ts +0 -0
  24. /package/dist/types/{builds/emfe-widgets → Users/adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/lottery-tipping-entrance/.stencil/tools/plugins/stencil-clean-deps-plugin.d.ts +0 -0
  25. /package/dist/types/{builds/emfe-widgets → Users/adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/lottery-tipping-entrance/.stencil/tools/plugins/vite-chunk-plugin.d.ts +0 -0
  26. /package/dist/types/{builds/emfe-widgets → Users/adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/lottery-tipping-entrance/.stencil/tools/plugins/vite-clean-deps-plugin.d.ts +0 -0
package/dist/collection/components/draw-selection/draw-selection.css CHANGED
@@ -2,7 +2,8 @@
2
2
  background-size: 100% 100%;
3
3
  background-repeat: no-repeat;
4
4
  width: 100%;
5
- min-height: calc(100vh - 104px);
5
+ height: 100%;
6
+ position: relative;
6
7
  }
7
8
 
8
9
  .draw-info {
@@ -15,6 +16,7 @@
15
16
  flex-direction: column;
16
17
  align-items: center;
17
18
  position: relative;
19
+ color: var(--emw--color-typography, #000);
18
20
  }
19
21
  .draw-info-title-main {
20
22
  font-size: 30px;
@@ -38,6 +40,7 @@
38
40
  width: 164px;
39
41
  height: 152px;
40
42
  background-color: var(--emw--color-background, #fff);
43
+ color: var(--emw--color-typography, #000);
41
44
  border-radius: 21% 25% 19% 22%/30% 30% 34% 27%;
42
45
  position: relative;
43
46
  display: flex;
@@ -62,7 +65,7 @@
62
65
  border-radius: 50%;
63
66
  display: flex;
64
67
  align-items: center;
65
- color: var(--emw--color-background, #fff);
68
+ color: var(--emw--color-typography-tertiary, #fff);
66
69
  justify-content: center;
67
70
  font-style: italic;
68
71
  }
@@ -73,7 +76,7 @@
73
76
  .draw-info-item-date, .draw-info-item-turnover {
74
77
  margin-top: 8px;
75
78
  font-size: 16px;
76
- color: var(--emw--color-gray-400, #000);
79
+ color: var(--emw--color-typography, #000);
77
80
  font-family: Arial, Helvetica, sans-serif;
78
81
  }
79
82
  .draw-info-item-projecter {
@@ -84,7 +87,7 @@
84
87
  transform: translateX(-50%);
85
88
  width: 120px;
86
89
  height: 20px;
87
- background: var(--emw--color-gray-400, #000);
90
+ background: var(--emw--color-background, #fff);
88
91
  border-radius: 50%;
89
92
  filter: blur(12px);
90
93
  }
@@ -97,7 +100,7 @@
97
100
  text-align: center;
98
101
  margin-top: 12px;
99
102
  font-size: 22px;
100
- color: var(--emw--color-gray-400, #000);
103
+ color: var(--emw--color-typography, #000);
101
104
  font-family: "Comic Sans MS";
102
105
  font-weight: 600;
103
106
  }
@@ -137,6 +140,21 @@
137
140
  .empty-draw-text {
138
141
  font-size: 14px;
139
142
  font-weight: bold;
143
+ color: var(--emw--color-typography, #000);
144
+ }
145
+ .empty-draw svg {
146
+ fill: var(--emw--color-typography, #000);
147
+ }
148
+
149
+ .loading-indicator {
150
+ display: flex;
151
+ justify-content: center;
152
+ padding-top: 40px;
153
+ color: var(--emw--color-typography, #000);
154
+ }
155
+
156
+ .empty-draw-text {
157
+ color: var(--emw--color-typography, #000);
140
158
  }
141
159
 
142
160
  @keyframes jelly {
package/dist/collection/components/draw-selection/draw-selection.js CHANGED
@@ -1,13 +1,8 @@
1
- import { h, getAssetPath } from "@stencil/core";
2
- import { isMobile, formatDate, getDayWithSuffixLocal } from "../../utils/utils";
3
- import { translate } from "../../utils/locale.utils";
4
- import { InfoCircleOutlined } from "@ant-design/icons-svg";
5
- import { renderIconDefinitionToSVGElement } from "@ant-design/icons-svg/es/helpers";
6
- import { addDays } from "date-fns";
1
+ import { getAssetPath, h } from "@stencil/core";
7
2
  import { setClientStyling, setClientStylingURL, setStreamStyling } from "../../../../../../../../libs/common/src/styling/index";
8
- const InfoIcon = renderIconDefinitionToSVGElement(InfoCircleOutlined, {
9
- extraSVGAttrs: { width: '20px', height: '20px', fill: '' }
10
- });
3
+ import { addDays } from "date-fns";
4
+ import { translate } from "../../utils/locale.utils";
5
+ import { formatDate, getDayWithSuffixLocal, isMobile } from "../../utils/utils";
11
6
  export class DrawSelection {
12
7
  constructor() {
13
8
  this.handleSelectDraw = () => {
@@ -71,7 +66,7 @@ export class DrawSelection {
71
66
  render() {
72
67
  const backgroundImagePath = getAssetPath('../static/bg.webp');
73
68
  const infoImagePath = getAssetPath('../static/empty-info.svg');
74
- return (h("div", { key: 'fe7e2059898835d39f64cf374af7e45b7f39b970', class: "draw-page", style: { backgroundImage: `url(${backgroundImagePath})` }, ref: (el) => (this.stylingContainer = el) }, this.date ? (h("div", { class: "draw-info" }, h("div", { class: "draw-info-title" }, h("div", { class: "draw-info-title-main" }, this.renderCurvedText()), h("div", { class: "draw-info-title-sub" }, translate('selectDraws', this.language))), h("div", { class: "draw-info-item-list" }, h("div", { class: "draw-info-item", onClick: this.handleSelectDraw.bind(this) }, h("div", { class: "draw-info-item-day" }, this.formattedDay(this.date)), h("div", { class: "draw-info-item-date" }, getDayWithSuffixLocal(this.date)), h("div", { class: "draw-info-item-projecter" })), h("div", { class: "draw-info-item" }, h("div", { class: "draw-info-item-day reverse" }, this.formattedDay(this.draw3DaysLater)), h("div", { class: "draw-info-item-date" }, getDayWithSuffixLocal(this.draw3DaysLater)), h("div", { class: "draw-info-item-projecter" })), h("div", { class: "draw-info-item" }, h("div", { class: "draw-info-item-day" }, this.formattedDay(this.draw4DaysLater)), h("div", { class: "draw-info-item-date" }, getDayWithSuffixLocal(this.draw4DaysLater)), h("div", { class: "draw-info-item-projecter" }))), h("div", { class: "draw-info-footer" }, h("div", { class: "draw-info-footer-text" }, "BONUSPOTTER"), h("div", { class: "draw-info-footer-text" }, "MIDWEEK FULL-TIME APPROX. \u20AC2.1 MILLION."), h("div", { class: "draw-info-footer-text" }, "MIDWEEK HALF_TIME APPROX. \u20AC1 40.000.")))) : this.isLoading ? (h("div", { style: { display: 'flex', justifyContent: 'center', paddingTop: '40px' } }, "loading...")) : (h("div", { class: "empty-draw-wrap" }, h("div", { class: "empty-draw" }, h("img", { src: infoImagePath, class: "empty-draw-logo" }), h("div", { class: "empty-draw-content" }, h("div", { innerHTML: InfoIcon }), h("div", { class: "empty-draw-text" }, translate('gameNotAvailable', this.language))))))));
69
+ return (h("div", { key: 'e6f11ef8424e31412e8ddc333973755e7cf08d90', class: "draw-page", style: { backgroundImage: `url(${backgroundImagePath})` }, ref: (el) => (this.stylingContainer = el) }, this.date ? (h("div", { class: "draw-info" }, h("div", { class: "draw-info-title" }, h("div", { class: "draw-info-title-main" }, this.renderCurvedText()), h("div", { class: "draw-info-title-sub" }, translate('selectDraws', this.language))), h("div", { class: "draw-info-item-list" }, h("div", { class: "draw-info-item", onClick: this.handleSelectDraw.bind(this) }, h("div", { class: "draw-info-item-day" }, this.formattedDay(this.date)), h("div", { class: "draw-info-item-date" }, getDayWithSuffixLocal(this.date)), h("div", { class: "draw-info-item-projecter" })), h("div", { class: "draw-info-item" }, h("div", { class: "draw-info-item-day reverse" }, this.formattedDay(this.draw3DaysLater)), h("div", { class: "draw-info-item-date" }, getDayWithSuffixLocal(this.draw3DaysLater)), h("div", { class: "draw-info-item-projecter" })), h("div", { class: "draw-info-item" }, h("div", { class: "draw-info-item-day" }, this.formattedDay(this.draw4DaysLater)), h("div", { class: "draw-info-item-date" }, getDayWithSuffixLocal(this.draw4DaysLater)), h("div", { class: "draw-info-item-projecter" }))), h("div", { class: "draw-info-footer" }, h("div", { class: "draw-info-footer-text" }, "BONUSPOTTER"), h("div", { class: "draw-info-footer-text" }, "MIDWEEK FULL-TIME APPROX. \u20AC2.1 MILLION."), h("div", { class: "draw-info-footer-text" }, "MIDWEEK HALF_TIME APPROX. \u20AC1 40.000.")))) : this.isLoading ? (h("div", { class: "loading-indicator" }, "loading...")) : (h("div", { class: "empty-draw-wrap" }, h("div", { class: "empty-draw" }, h("img", { src: infoImagePath, class: "empty-draw-logo" }), h("div", { class: "empty-draw-content" }, h("div", { class: "empty-draw-text" }, "\u24D8 ", translate('gameNotAvailable', this.language))))))));
75
70
  }
76
71
  static get is() { return "draw-selection"; }
77
72
  static get encapsulation() { return "shadow"; }
package/dist/collection/components/lottery-tipping-entrance/lottery-tipping-entrance.css CHANGED
@@ -1,3 +1,17 @@
1
+ .lottery-tipping-entrance {
2
+ background: var(--emw--color-background, #fff);
3
+ height: 100%;
4
+ overflow: auto;
5
+ }
6
+ .lottery-tipping-entrance .select-draw-page {
7
+ display: flex;
8
+ flex-direction: column;
9
+ height: 100%;
10
+ }
11
+ .lottery-tipping-entrance .select-draw-page .tabs-content {
12
+ flex: 1;
13
+ }
14
+
1
15
  .lottery-tipping-entrance__header {
2
16
  display: flex;
3
17
  flex-direction: column;
@@ -28,32 +42,22 @@
28
42
  position: absolute;
29
43
  right: 20px;
30
44
  }
31
- .lottery-tipping-entrance__header .header-btn #logout-btn {
32
- padding: 0.5rem 1rem;
33
- font-size: 14px;
34
- font-weight: 500;
35
- background-color: transparent;
36
- color: var(--emw--color-gray-300, #333);
37
- border: var(--emw--button-border, 1px solid rgba(221, 221, 221, 0.8666666667));
38
- border-radius: var(--emw--border-radius-small, 4px);
39
- cursor: pointer;
40
- transition: background-color 0.2s ease, border-color 0.2s ease;
41
- }
42
- .lottery-tipping-entrance__header .header-btn #logout-btn:hover {
43
- background-color: var(--emw--color-gray-50, #f5f5f5);
44
- border-color: var(--emw--color-gray-150, #6f6f6f);
45
- }
46
45
  .lottery-tipping-entrance__header .tabs-wrap {
47
46
  width: 100%;
48
47
  }
49
48
 
49
+ .draw-info-footer {
50
+ position: relative;
51
+ margin-top: 160px;
52
+ }
53
+
50
54
  vaadin-tab[selected] {
51
- color: var(--emw--color-gray-300, #333);
55
+ color: var(--emw--color-typography, #000);
52
56
  font-weight: bold;
53
57
  }
54
58
 
55
59
  vaadin-tab::after[selected] {
56
- background-color: var(--emw--color-gray-300, #333);
60
+ background-color: var(--emw--color-typography, #000);
57
61
  }
58
62
 
59
63
  @media screen and (max-width: 480px) {
@@ -65,4 +69,9 @@ vaadin-tab::after[selected] {
65
69
  .draw-info-footer {
66
70
  margin-top: 160px;
67
71
  }
72
+ }
73
+ .instruction-content-wrapper {
74
+ color: var(--emw--color-typography, #000);
75
+ padding: "24px";
76
+ text-align: "center";
68
77
  }
package/dist/collection/components/lottery-tipping-entrance/lottery-tipping-entrance.js CHANGED
@@ -84,9 +84,9 @@ export class LotteryTippingEntrance {
84
84
  }
85
85
  render() {
86
86
  const logoImagePath = getAssetPath('../static/poolgame-bg.webp');
87
- return (h("div", { key: 'c277bc4598810d4c379043259e45f3de2b46fac2', class: "lottery-tipping-entrance", ref: (el) => (this.stylingContainer = el) }, this.showSelectDrawPage && (h("div", { key: 'fcaa9410ccbb2e4f3088e31c4bbffd44fb61e153', class: "select-draw-page" }, h("div", { key: 'af2cc3d3f11106269a0f1fc50ebccb48684a75a9', class: "lottery-tipping-entrance__header" }, h("div", { key: '922517a2f4deede0ef2ad2e7086e2b4b41b7c1aa', class: "header" }, h("div", { key: 'f916cc76610ed554b60c3397334ad672c2eae284', class: "header-logo" }, h("img", { key: 'ea153e3887918ea51c20be0715e8cbf719253d48', src: logoImagePath, class: "logo" })), h("div", { key: '34f82a7c4e453121a01633448a9e7bb86d3429cd', class: "header-btn" }, h("slot", { key: '59af89da7dd8ed0d3e83175a6cd65eb38b51d93c', name: "logoutBtn" }))), h("div", { key: '5e08b9f4f9e0e1958a54e2340115bc8ce867db95', class: "tabs-wrap" }, h("vaadin-tabs", { key: '4eff85019237e43aa7f0b0fdb99f2a9b30e5e0c3', theme: "equal-width-tabs", selected: this.selectedTabIndex, "on-selected-changed": (e) => {
87
+ return (h("div", { key: 'c277bc4598810d4c379043259e45f3de2b46fac2', class: "lottery-tipping-entrance", ref: (el) => (this.stylingContainer = el) }, this.showSelectDrawPage && (h("div", { key: 'fcaa9410ccbb2e4f3088e31c4bbffd44fb61e153', class: "select-draw-page" }, h("div", { key: 'af2cc3d3f11106269a0f1fc50ebccb48684a75a9', class: "lottery-tipping-entrance__header" }, h("div", { key: '922517a2f4deede0ef2ad2e7086e2b4b41b7c1aa', class: "header" }, h("div", { key: '0474224b516ce9e1c2948b81b7c69b2996ce0626', class: "header-logo" }, h("img", { key: '3c4729f0892a410fa6c44a7bf6f64b9b18a25038', src: logoImagePath, class: "logo" })), h("div", { key: '7c04508ca5956e42ba2a65f4cf713726c404270c', class: "header-btn" }, h("slot", { key: '86d396632d662ba2e5432642b821c6e19e38bc09', name: "logoutBtn" }))), h("div", { key: '6113c793e35467a54de826420be255d311d219fb', class: "tabs-wrap" }, h("vaadin-tabs", { key: '1b24edabfc26c01f105bf9caf77b35d8493283a8', theme: "equal-width-tabs", selected: this.selectedTabIndex, "on-selected-changed": (e) => {
88
88
  this.selectedTabIndex = e.detail.value;
89
- } }, h("vaadin-tab", { key: '461abc10fa1295613bfaf635efa83f60f92e7c59', value: "0" }, translate('draws', this.language)), h("vaadin-tab", { key: 'ac785f283a1a3a027dd7e6eb3c061d9e2e8248b7', value: "1" }, translate('latestResults', this.language)), h("vaadin-tab", { key: 'ac8da308a4e696e8de52b0531cec1f6f233259a5', value: "2" }, translate('instruction', this.language))))), h("div", { key: '9c42e80c452a2cfddfd41b3e662b025ac4381556', class: "tabs-content" }, this.selectedTabIndex === 0 && (h("draw-selection", { key: 'cfe2b9219d4bf821da6973700644a33db457747d', date: this.date, "is-loading": this.isLoading, language: this.language, "client-styling": this.clientStyling, "client-styling-Url": this.clientStylingUrl, "mb-source": this.mbSource, "translation-url": this.translationUrl })), this.selectedTabIndex === 1 && (h("lottery-tipping-latest-result", { key: '7ab9cd7037e34c7c9340686ca3d5963352b83c96', endpoint: this.endpoint, "endpoint-ticket": this.endpointTicket, "game-id": this.gameId, "player-id": this.playerId, "session-id": this.sessionId, language: this.language, "translation-url": this.translationUrl })), this.selectedTabIndex === 2 && (h("div", { key: '38738197a853a7aad805a683d7fc4aa2c8d98e78', style: { padding: '24px', textAlign: 'center' } }, translate('instructionContent', this.language)))))), !this.showSelectDrawPage && (h("lottery-tipping-page", { key: '5336645e406babb41d8facbba194765a2aea236a', endpoint: this.endpoint, "endpoint-ticket": this.endpointTicket, "game-id": this.gameId, "player-id": this.playerId, "session-id": this.sessionId, "draw-id": this.drawId, playTypes: this.playTypes, bettingTypes: this.bettingTypes, "client-styling": this.clientStyling, "client-styling-Url": this.clientStylingUrl, "mb-source": this.mbSource, "translation-url": this.translationUrl, language: this.language }))));
89
+ } }, h("vaadin-tab", { key: 'c22476b10a20b2c3d34e9c3890fcd4c707b3a1fa', value: "0" }, translate('draws', this.language)), h("vaadin-tab", { key: '54d102be8158297cfa78f743dd049751095ea427', value: "1" }, translate('latestResults', this.language)), h("vaadin-tab", { key: '6ec86530d23781d6291cef9972028e140cf130fb', value: "2" }, translate('instruction', this.language))))), h("div", { key: '10af874333dfdd544e958e4e4ed256da152c2cbd', class: "tabs-content" }, this.selectedTabIndex === 0 && (h("draw-selection", { key: '031a774f65b64ad327a3da8e0405d990bf84a37a', date: this.date, "is-loading": this.isLoading, language: this.language, "client-styling": this.clientStyling, "client-styling-Url": this.clientStylingUrl, "mb-source": this.mbSource, "translation-url": this.translationUrl })), this.selectedTabIndex === 1 && (h("lottery-tipping-latest-result", { key: '662d00ed8f0ec23add4708b704a4f3a9ed4f5bb2', endpoint: this.endpoint, "endpoint-ticket": this.endpointTicket, "game-id": this.gameId, "player-id": this.playerId, "session-id": this.sessionId, language: this.language, "translation-url": this.translationUrl })), this.selectedTabIndex === 2 && (h("div", { key: 'eb2cda1328155c9f5ac0391549f78771e20f28cb', class: "instruction-content-wrapper" }, translate('instructionContent', this.language)))))), !this.showSelectDrawPage && (h("lottery-tipping-page", { key: 'cae833bfcd10741e0ec7f6690f85e3b033284e61', endpoint: this.endpoint, "endpoint-ticket": this.endpointTicket, "game-id": this.gameId, "player-id": this.playerId, "session-id": this.sessionId, "draw-id": this.drawId, playTypes: this.playTypes, bettingTypes: this.bettingTypes, "client-styling": this.clientStyling, "client-styling-Url": this.clientStylingUrl, "mb-source": this.mbSource, "translation-url": this.translationUrl, language: this.language }))));
90
90
  }
91
91
  static get is() { return "lottery-tipping-entrance"; }
92
92
  static get encapsulation() { return "shadow"; }