@everymatrix/lottery-tipping-entrance 1.83.5 → 1.83.6
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/{draw-selection_17.cjs.entry.js → draw-selection_18.cjs.entry.js} +245 -73
- package/dist/cjs/index-440d090f.js +2 -2
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{lottery-tipping-entrance-e50e77ae.js → lottery-tipping-entrance-2f5e8ecd.js} +61 -9
- package/dist/cjs/lottery-tipping-entrance.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +6 -0
- package/dist/collection/components/draw-selection/draw-selection.css +3 -0
- package/dist/collection/components/draw-selection/draw-selection.js +23 -3
- package/dist/collection/components/lottery-tipping-entrance/lottery-tipping-entrance.js +85 -16
- package/dist/collection/utils/api.js +9 -0
- package/dist/collection/utils/locale.utils.js +1 -0
- package/dist/collection/utils/utils.js +12 -0
- package/dist/esm/{draw-selection_17.entry.js → draw-selection_18.entry.js} +247 -76
- package/dist/esm/index-a57b04e7.js +2 -2
- package/dist/esm/index.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{lottery-tipping-entrance-ded99035.js → lottery-tipping-entrance-76aac39c.js} +61 -9
- package/dist/esm/lottery-tipping-entrance.js +1 -1
- package/dist/lottery-tipping-entrance/draw-selection_18.entry.js +1 -0
- package/dist/lottery-tipping-entrance/index.esm.js +1 -1
- package/dist/lottery-tipping-entrance/{lottery-tipping-entrance-ded99035.js → lottery-tipping-entrance-76aac39c.js} +34 -34
- package/dist/lottery-tipping-entrance/lottery-tipping-entrance.esm.js +1 -1
- package/dist/types/components/draw-selection/draw-selection.d.ts +1 -0
- package/dist/types/components/lottery-tipping-entrance/lottery-tipping-entrance.d.ts +8 -2
- package/dist/types/components.d.ts +5 -0
- package/dist/types/models/index.d.ts +16 -0
- package/dist/types/utils/api.d.ts +6 -1
- package/dist/types/utils/utils.d.ts +1 -0
- package/package.json +1 -1
- package/dist/lottery-tipping-entrance/draw-selection_17.entry.js +0 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, g as getAssetPath, a as getElement } from './index-a57b04e7.js';
|
|
2
|
-
import { r as requiredArgs, t as toDate, a as toInteger, s as setClientStyling, b as setClientStylingURL, c as setStreamStyling, f as formatDate$2, d as translate$
|
|
3
|
-
export { L as lottery_tipping_entrance } from './lottery-tipping-entrance-
|
|
2
|
+
import { r as requiredArgs, t as toDate, a as toInteger, s as setClientStyling, b as setClientStylingURL, c as setStreamStyling, f as formatDate$2, d as translate$8, i as isMobile$1, g as getDayWithSuffixLocal, e as format, p as parseISO } from './lottery-tipping-entrance-76aac39c.js';
|
|
3
|
+
export { L as lottery_tipping_entrance } from './lottery-tipping-entrance-76aac39c.js';
|
|
4
4
|
|
|
5
5
|
/**
|
|
6
6
|
* @name addDays
|
|
@@ -150,7 +150,7 @@ function isToday(dirtyDate) {
|
|
|
150
150
|
|
|
151
151
|
const infoImage = `<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg height="1024" node-id="1" sillyvg="true" template-height="1024" template-width="1024" version="1.1" viewBox="0 0 1024 1024" width="1024" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs node-id="52"></defs><g node-id="165"><g node-id="176"><path d="M 715.70 689.10 L 724.50 691.70 L 724.10 693.20 L 715.20 690.50 L 715.70 689.10 Z M 733.50 693.80 L 742.60 695.40 L 742.40 696.90 L 733.20 695.30 L 733.50 693.80 Z M 751.70 696.50 L 760.90 697.00 L 760.90 698.60 L 751.60 698.10 L 751.70 696.50 Z M 901.10 462.70 L 902.50 461.90 L 906.90 470.10 L 905.50 470.80 L 901.10 462.70 Z M 770.10 697.00 L 779.30 696.40 L 779.40 698.00 L 770.10 698.60 L 770.10 697.00 Z M 909.30 479.20 L 910.70 478.60 L 914.10 487.30 L 912.60 487.80 L 909.30 479.20 Z M 788.40 695.30 L 797.50 693.70 L 797.80 695.20 L 788.60 696.80 L 788.40 695.30 Z M 915.50 496.50 L 917.00 496.10 L 918.30 500.60 L 919.30 505.10 L 917.80 505.40 L 915.50 496.50 Z M 806.40 691.50 L 815.20 688.80 L 815.70 690.30 L 806.80 693.00 L 806.40 691.50 Z M 919.60 514.50 L 921.10 514.20 L 922.40 523.40 L 920.80 523.60 L 919.60 514.50 Z M 823.90 685.60 L 832.30 681.90 L 833.00 683.30 L 824.50 687.00 L 823.90 685.60 Z M 921.50 532.80 L 923.10 532.70 L 923.30 542.00 L 921.70 542.00 L 921.50 532.80 Z M 840.50 677.70 L 848.40 673.00 L 849.20 674.30 L 841.20 679.00 L 840.50 677.70 Z M 921.30 551.20 L 922.90 551.30 L 922.00 560.60 L 920.40 560.40 L 921.30 551.20 Z M 856.10 667.90 L 863.40 662.30 L 864.40 663.50 L 857.00 669.10 L 856.10 667.90 Z M 919.00 569.50 L 920.50 569.80 L 918.50 578.90 L 917.00 578.50 L 919.00 569.50 Z M 870.40 656.30 L 877.00 649.90 L 878.10 651.00 L 871.40 657.50 L 870.40 656.30 Z M 914.60 587.30 L 916.10 587.80 L 913.10 596.60 L 911.60 596.00 L 914.60 587.30 Z M 883.30 643.20 L 889.10 636.10 L 890.30 637.10 L 884.40 644.30 L 883.30 643.20 Z M 908.00 604.50 L 909.40 605.10 L 905.40 613.50 L 904.00 612.80 L 908.00 604.50 Z M 894.60 628.60 L 899.60 620.80 L 900.90 621.60 L 895.90 629.40 L 894.60 628.60 Z" fill="#777f99" fill-rule="nonzero" group-id="1,12" node-id="60" stroke="none" target-height="236.69998" target-width="208.09998" target-x="715.2" target-y="461.9"></path></g><path d="M 702.70 684.10 L 707.00 685.90 L 706.40 687.40 L 702.00 685.60 L 702.70 684.10 Z" fill="#777f99" fill-rule="nonzero" group-id="1,13" node-id="65" stroke="none" target-height="3.3000488" target-width="5" target-x="702" target-y="684.1"></path></g><g node-id="166"><g node-id="178"><path d="M 198.90 515.60 L 196.00 511.80 L 197.30 510.90 L 200.10 514.60 L 198.90 515.60 Z" fill="#777f99" fill-rule="nonzero" group-id="2,14" node-id="73" stroke="none" target-height="4.6999817" target-width="4.100006" target-x="196" target-y="510.9"></path></g><g node-id="179"><path d="M 190.90 503.80 L 186.80 495.20 L 188.30 494.60 L 192.30 503.00 L 190.90 503.80 Z M 183.90 486.20 L 182.10 476.90 L 183.60 476.70 L 185.40 485.80 L 183.90 486.20 Z M 181.30 467.50 L 181.80 458.00 L 183.40 458.20 L 182.90 467.50 L 181.30 467.50 Z M 183.40 448.70 L 186.20 439.60 L 187.70 440.10 L 185.00 449.00 L 183.40 448.70 Z M 190.00 430.90 L 194.90 422.70 L 196.20 423.60 L 191.40 431.60 L 190.00 430.90 Z M 202.00 416.40 L 200.80 415.40 L 207.50 408.70 L 208.50 409.90 L 202.00 416.40 Z M 215.90 404.10 L 215.00 402.80 L 219.00 400.20 L 223.10 397.90 L 223.80 399.30 L 215.90 404.10 Z M 232.40 395.60 L 231.90 394.10 L 236.40 392.60 L 241.00 391.40 L 241.40 392.90 L 232.40 395.60 Z M 250.40 391.40 L 250.20 389.80 L 254.90 389.50 L 259.70 389.40 L 259.70 391.00 L 250.40 391.40 Z M 269.00 391.70 L 269.20 390.20 L 273.80 391.00 L 278.50 392.10 L 278.10 393.60 L 269.00 391.70 Z" fill="#777f99" fill-rule="nonzero" group-id="2,15" node-id="78" stroke="none" target-height="114.399994" target-width="97.2" target-x="181.3" target-y="389.4"></path></g><path d="M 286.90 396.50 L 287.50 395.10 L 291.80 397.00 L 291.10 398.40 L 286.90 396.50 Z" fill="#777f99" fill-rule="nonzero" group-id="2,16" node-id="83" stroke="none" target-height="3.2999878" target-width="4.899994" target-x="286.9" target-y="395.1"></path></g><g node-id="167"><path d="M 308.80 594.00 L 679.00 594.00 L 685.10 593.20 L 688.00 592.20 L 693.30 589.20 L 695.70 587.10 L 697.70 584.80 L 700.80 579.50 L 702.40 573.50 L 702.60 570.40 L 702.60 422.00 L 702.30 411.60 L 701.60 401.40 L 700.40 391.30 L 698.70 381.50 L 696.50 371.80 L 693.90 362.20 L 690.90 352.80 L 687.40 343.70 L 683.50 334.80 L 679.30 326.00 L 674.60 317.50 L 669.50 309.30 L 664.10 301.30 L 658.40 293.60 L 652.30 286.10 L 645.80 279.00 L 639.10 272.10 L 632.00 265.60 L 624.70 259.40 L 617.00 253.50 L 609.10 248.00 L 601.00 242.90 L 592.50 238.10 L 583.90 233.70 L 574.90 229.70 L 565.90 226.10 L 556.60 223.00 L 547.10 220.20 L 537.40 218.00 L 527.50 216.10 L 528.80 211.90 L 529.60 207.60 L 529.90 203.20 L 529.60 198.40 L 528.70 193.90 L 527.20 189.50 L 525.10 185.30 L 522.60 181.50 L 519.60 178.00 L 516.10 174.90 L 512.30 172.30 L 508.00 170.10 L 503.50 168.50 L 498.90 167.60 L 494.30 167.30 L 489.60 167.50 L 485.10 168.30 L 480.70 169.70 L 476.50 171.70 L 472.60 174.20 L 468.90 177.30 L 465.70 180.90 L 463.00 184.70 L 460.90 188.80 L 459.30 193.20 L 458.30 197.60 L 457.90 202.30 L 458.10 206.90 L 458.90 211.50 L 460.30 216.10 L 450.40 218.00 L 440.70 220.30 L 431.20 223.00 L 421.90 226.20 L 412.90 229.70 L 403.90 233.80 L 395.30 238.20 L 386.80 242.90 L 378.70 248.10 L 370.80 253.60 L 363.10 259.50 L 355.80 265.70 L 348.70 272.20 L 342.00 279.00 L 335.50 286.20 L 329.40 293.70 L 323.60 301.40 L 318.30 309.30 L 313.20 317.60 L 308.50 326.10 L 304.30 334.80 L 300.40 343.70 L 296.90 352.90 L 293.90 362.20 L 291.30 371.90 L 289.10 381.50 L 287.40 391.40 L 286.20 401.40 L 285.50 411.60 L 285.20 422.00 L 285.20 570.40 L 285.40 573.60 L 286.00 576.70 L 287.10 579.60 L 288.40 582.30 L 292.10 587.10 L 296.90 590.80 L 299.60 592.10 L 302.50 593.20 L 305.60 593.80 L 308.80 594.00 Z" fill="#bad6f7" fill-rule="nonzero" group-id="3" node-id="89" stroke="none" target-height="426.7" target-width="417.39996" target-x="285.2" target-y="167.3"></path></g><g node-id="168"><path d="M 493.80 798.40 L 503.30 797.60 L 512.20 795.40 L 517.80 793.20 L 523.20 790.40 L 528.20 787.20 L 532.80 783.40 L 537.00 779.20 L 540.80 774.60 L 544.00 769.60 L 546.80 764.20 L 549.00 758.60 L 550.30 754.20 L 551.80 745.00 L 552.00 740.20 L 435.60 740.20 L 435.80 745.30 L 436.50 750.30 L 437.60 755.30 L 439.10 760.10 L 441.00 764.80 L 443.30 769.30 L 446.10 773.50 L 449.10 777.60 L 452.60 781.40 L 456.40 784.90 L 460.40 788.00 L 464.70 790.70 L 469.20 793.00 L 473.90 794.90 L 478.70 796.40 L 483.60 797.50 L 488.70 798.20 L 493.80 798.40 Z" fill="#3a3a77" fill-rule="nonzero" group-id="4" node-id="94" stroke="none" target-height="58.200012" target-width="116.399994" target-x="435.6" target-y="740.2"></path></g><path d="M 782.90 675.10 L 770.80 651.00 L 767.90 645.70 L 764.50 640.80 L 760.60 636.00 L 756.30 631.60 L 751.80 627.60 L 747.10 624.00 L 742.00 620.80 L 737.00 618.20 L 731.90 616.10 L 726.70 614.50 L 721.70 613.50 L 716.80 613.20 L 270.90 613.20 L 266.00 613.50 L 261.00 614.50 L 255.80 616.10 L 250.70 618.20 L 245.70 620.80 L 240.60 624.00 L 235.90 627.60 L 231.40 631.60 L 227.10 636.00 L 223.20 640.70 L 219.80 645.70 L 216.90 651.00 L 204.80 675.10 L 202.60 680.00 L 200.90 684.70 L 199.80 689.10 L 199.10 693.30 L 198.80 697.60 L 199.00 701.60 L 199.60 705.20 L 200.60 708.50 L 202.10 711.70 L 203.90 714.50 L 206.20 716.90 L 208.90 719.00 L 211.90 720.60 L 215.30 721.80 L 219.10 722.60 L 223.60 722.90 L 764.20 722.90 L 768.60 722.60 L 772.50 721.80 L 775.90 720.60 L 778.80 719.00 L 781.50 716.90 L 783.80 714.40 L 785.70 711.70 L 787.20 708.50 L 788.20 705.20 L 788.80 701.50 L 789.00 697.60 L 788.70 693.30 L 788.00 689.10 L 786.80 684.70 L 785.10 680.00 L 782.90 675.10 Z" fill="#bad6f7" fill-rule="nonzero" node-id="97" stroke="none" target-height="109.70001" target-width="590.2" target-x="198.8" target-y="613.2"></path><path d="M 499.30 798.20 L 504.90 797.40 L 510.20 796.10 L 515.30 794.40 L 520.20 792.20 L 524.80 789.50 L 529.20 786.50 L 533.20 783.20 L 536.90 779.40 L 540.30 775.40 L 543.30 771.10 L 545.90 766.50 L 548.10 761.60 L 549.80 756.50 L 551.00 751.30 L 551.80 745.90 L 552.10 740.20 L 499.30 740.20 L 499.30 798.20 Z" fill="#3a3a77" fill-rule="nonzero" node-id="99" stroke="none" target-height="58" target-width="52.799988" target-x="499.3" target-y="740.2"></path><g node-id="169"><path d="M 770.80 650.90 L 767.90 645.60 L 764.50 640.70 L 760.60 635.90 L 756.30 631.50 L 751.80 627.50 L 747.10 623.90 L 742.00 620.70 L 737.00 618.10 L 731.90 616.00 L 726.70 614.40 L 721.70 613.40 L 716.80 613.10 L 499.30 613.10 L 499.30 722.80 L 764.20 722.80 L 768.70 722.50 L 772.50 721.70 L 775.90 720.50 L 778.90 718.90 L 781.60 716.80 L 783.90 714.40 L 785.70 711.60 L 787.20 708.50 L 788.20 705.10 L 788.80 701.50 L 789.00 697.60 L 788.70 693.20 L 788.00 689.00 L 786.90 684.60 L 785.20 680.00 L 783.00 675.00 L 770.80 650.90 Z" fill="#cedfff" fill-rule="nonzero" group-id="5" node-id="103" stroke="none" target-height="109.70001" target-width="289.7" target-x="499.3" target-y="613.1"></path></g><path d="M 729.60 182.10 L 765.70 216.40 L 694.00 242.10 L 729.60 182.10 Z" fill="#d3dcf4" fill-rule="nonzero" node-id="106" stroke="none" target-height="60" target-width="71.70001" target-x="694" target-y="182.1"></path><path d="M 704.20 261.10 L 808.40 236.60 L 808.40 288.70 L 704.20 261.10 Z" fill="#d3dcf4" fill-rule="nonzero" node-id="108" stroke="none" target-height="52.100006" target-width="104.20001" target-x="704.2" target-y="236.6"></path><path d="M 916.20 528.70 L 881.90 501.00 L 746.80 491.40 L 743.30 490.90 L 740.00 490.00 L 736.90 488.70 L 734.10 487.00 L 731.50 484.90 L 729.20 482.60 L 727.20 480.00 L 725.60 477.10 L 724.30 474.00 L 723.40 470.80 L 723.00 467.40 L 723.00 463.90 L 726.90 408.90 L 727.40 405.40 L 728.30 402.10 L 729.60 399.10 L 731.30 396.20 L 733.40 393.60 L 735.70 391.30 L 738.30 389.30 L 741.20 387.70 L 744.30 386.40 L 747.50 385.50 L 750.90 385.10 L 754.40 385.10 L 901.10 395.60 L 904.60 396.10 L 907.90 397.00 L 911.00 398.40 L 913.80 400.10 L 916.40 402.10 L 918.70 404.40 L 920.70 407.10 L 922.30 409.90 L 923.60 413.00 L 924.50 416.20 L 924.90 419.60 L 924.90 423.10 L 921.00 478.10 L 916.20 528.70 Z" fill="#4c96ec" fill-rule="nonzero" node-id="110" stroke="none" target-height="143.6" target-width="201.90002" target-x="723" target-y="385.1"></path><path d="M 796.50 440.10 L 796.20 443.70 L 795.30 446.90 L 793.80 450.00 L 791.90 452.70 L 789.50 455.10 L 786.80 457.00 L 783.70 458.50 L 780.50 459.40 L 776.90 459.70 L 773.30 459.40 L 770.10 458.50 L 767.00 457.00 L 764.30 455.10 L 761.90 452.70 L 760.00 450.00 L 758.50 446.90 L 757.60 443.70 L 757.30 440.10 L 757.60 436.50 L 758.50 433.30 L 760.00 430.20 L 761.90 427.50 L 764.30 425.10 L 767.00 423.20 L 770.10 421.70 L 773.30 420.80 L 776.90 420.50 L 780.50 420.80 L 783.70 421.70 L 786.80 423.20 L 789.50 425.10 L 791.90 427.50 L 793.80 430.20 L 795.30 433.30 L 796.20 436.50 L 796.50 440.10 Z" fill="#fe9f39" fill-rule="nonzero" node-id="112" stroke="none" target-height="39.200012" target-width="39.200012" target-x="757.3" target-y="420.5"></path><path d="M 823.30 435.40 L 883.20 439.70 L 886.20 440.50 L 888.60 442.10 L 890.30 444.50 L 891.10 447.40 L 891.10 449.00 L 890.30 452.00 L 888.70 454.40 L 886.30 456.10 L 883.40 456.90 L 820.30 452.30 L 817.60 451.10 L 815.60 449.10 L 814.30 446.40 L 814.00 443.30 L 814.80 440.30 L 816.40 437.90 L 818.80 436.20 L 821.70 435.40 Z" fill="#ebf0ff" fill-rule="nonzero" node-id="114" stroke="none" target-height="21.5" target-width="77.099976" target-x="814" target-y="435.4"></path><g node-id="170"><path d="M 151.30 615.80 L 151.80 610.50 L 154.90 595.30 L 158.70 582.20 L 161.30 575.30 L 164.20 568.50 L 170.10 557.70 L 172.90 553.80 L 180.50 544.30 L 185.40 538.60 L 196.10 528.10 L 201.80 523.30 L 207.90 518.80 L 214.30 514.70 L 221.10 510.90 L 228.00 507.50 L 235.40 504.50 L 243.30 501.90 L 251.60 499.70 L 259.90 498.00 L 268.80 496.80 L 278.30 496.00 L 288.50 495.70 L 297.90 496.00 L 307.00 496.70 L 315.70 497.80 L 324.10 499.40 L 332.60 501.40 L 340.50 503.80 L 348.00 506.50 L 355.10 509.50 L 362.00 513.10 L 368.40 516.80 L 374.20 520.80 L 379.50 525.10 L 384.50 529.80 L 388.70 534.60 L 392.40 539.60 L 395.50 544.70 L 397.50 549.10 L 399.10 553.50 L 400.20 558.10 L 400.90 562.70 L 401.20 567.40 L 400.90 572.10 L 400.20 576.70 L 399.10 581.30 L 397.50 585.70 L 395.50 590.10 L 392.40 595.20 L 388.70 600.20 L 384.40 605.00 L 379.40 609.70 L 374.20 614.00 L 368.40 618.00 L 362.00 621.70 L 355.00 625.30 L 348.00 628.30 L 340.50 631.00 L 332.50 633.40 L 324.10 635.40 L 315.70 637.00 L 307.00 638.10 L 297.90 638.80 L 288.50 639.10 L 277.00 638.80 L 266.30 638.10 L 256.30 636.90 L 246.90 635.20 L 239.30 633.40 L 232.20 631.30 L 225.60 628.90 L 219.50 626.20 L 213.80 623.20 L 208.20 619.80 L 203.10 616.10 L 198.50 612.00 L 194.30 607.70 L 190.50 603.00 L 187.80 602.10 L 185.00 601.70 L 182.20 601.90 L 176.50 603.30 L 169.50 606.70 L 155.70 615.70 L 153.70 616.70 L 152.50 616.90 L 151.80 616.60 L 151.30 615.80 Z" fill="#e0eaff" fill-rule="nonzero" group-id="6" node-id="118" stroke="none" target-height="143.39996" target-width="249.90001" target-x="151.3" target-y="495.7"></path></g><g node-id="171"><path d="M 237.00 541.10 L 300.10 541.10 L 302.10 541.40 L 303.80 542.10 L 305.30 543.30 L 306.50 544.80 L 307.20 546.50 L 307.50 548.50 L 307.20 550.50 L 306.50 552.20 L 305.30 553.70 L 303.80 554.90 L 302.10 555.60 L 300.10 555.90 L 237.00 555.90 L 235.00 555.60 L 233.30 554.90 L 231.80 553.70 L 230.60 552.20 L 229.90 550.50 L 229.60 548.50 L 229.90 546.50 L 230.70 544.80 L 231.80 543.30 L 233.30 542.10 L 235.10 541.40 L 237.00 541.10 Z" fill="#3a3a77" fill-rule="nonzero" group-id="7" node-id="123" stroke="none" target-height="14.800049" target-width="77.899994" target-x="229.6" target-y="541.1"></path></g><g node-id="172"><path d="M 346.70 547.80 L 346.00 551.70 L 344.10 554.90 L 341.30 557.30 L 339.60 558.10 L 335.70 558.80 L 331.80 558.10 L 330.10 557.30 L 327.30 554.90 L 325.40 551.70 L 324.70 547.80 L 325.40 543.90 L 327.30 540.70 L 330.10 538.30 L 331.80 537.50 L 335.70 536.80 L 339.60 537.50 L 342.80 539.40 L 345.20 542.20 L 346.00 543.90 L 346.70 547.80 Z" fill="#fe9f39" fill-rule="nonzero" group-id="8" node-id="128" stroke="none" target-height="22" target-width="22" target-x="324.7" target-y="536.8"></path></g><g node-id="173"><path d="M 237.00 579.10 L 300.10 579.10 L 302.10 579.40 L 303.80 580.10 L 305.30 581.30 L 306.50 582.80 L 307.20 584.50 L 307.50 586.50 L 307.20 588.50 L 306.50 590.20 L 305.30 591.70 L 303.80 592.90 L 302.10 593.60 L 300.10 593.90 L 237.00 593.90 L 235.00 593.60 L 233.30 592.90 L 231.80 591.70 L 230.60 590.20 L 229.90 588.50 L 229.60 586.50 L 229.90 584.50 L 230.70 582.80 L 231.80 581.30 L 233.30 580.10 L 235.10 579.40 L 237.00 579.10 Z" fill="#3a3a77" fill-rule="nonzero" group-id="9" node-id="133" stroke="none" target-height="14.800049" target-width="77.899994" target-x="229.6" target-y="579.1"></path></g><g node-id="174"><path d="M 346.70 584.00 L 346.00 587.90 L 344.10 591.10 L 341.30 593.50 L 339.60 594.30 L 335.70 595.00 L 331.80 594.30 L 328.60 592.40 L 326.20 589.60 L 324.90 586.00 L 324.90 582.00 L 326.20 578.40 L 327.30 576.90 L 330.10 574.50 L 333.70 573.20 L 337.70 573.20 L 339.60 573.70 L 342.80 575.60 L 345.20 578.40 L 346.00 580.10 L 346.70 584.00 Z" fill="#fe9f39" fill-rule="nonzero" group-id="10" node-id="138" stroke="none" target-height="21.799988" target-width="21.800018" target-x="324.9" target-y="573.2"></path></g><path d="M 746.70 838.40 L 746.70 767.10 L 699.10 767.10 L 699.10 838.40 L 699.40 839.30 L 720.20 851.50 L 721.50 852.00 L 723.10 852.10 L 726.10 851.30 L 745.20 840.30 L 746.20 839.50 L 746.70 838.40 Z" fill="#949fff" fill-rule="nonzero" node-id="141" stroke="none" target-height="85" target-width="47.600037" target-x="699.1" target-y="767.1"></path><path d="M 720.20 780.40 L 700.10 768.80 L 699.30 768.00 L 699.10 767.10 L 699.50 766.30 L 700.50 765.40 L 719.60 754.40 L 721.10 753.80 L 724.20 753.70 L 725.50 754.10 L 745.60 765.70 L 746.40 766.50 L 746.60 767.40 L 746.20 768.20 L 745.20 769.10 L 726.10 780.10 L 723.10 780.90 L 720.20 780.40 Z" fill="#dee6ff" fill-rule="nonzero" node-id="143" stroke="none" target-height="27.200012" target-width="47.5" target-x="699.1" target-y="753.7"></path><path d="M 115.50 836.70 L 115.50 662.50 L 67.90 662.50 L 67.90 836.70 L 68.20 837.60 L 68.90 838.20 L 89.00 849.80 L 90.30 850.30 L 91.90 850.40 L 94.90 849.60 L 114.00 838.60 L 114.90 837.80 L 115.50 836.70 Z" fill="#dee1f0" fill-rule="nonzero" node-id="145" stroke="none" target-height="187.90002" target-width="47.6" target-x="67.9" target-y="662.5"></path><path d="M 89.00 675.70 L 68.90 664.10 L 68.10 663.30 L 67.90 662.40 L 68.30 661.60 L 69.30 660.70 L 88.40 649.70 L 91.40 648.90 L 94.30 649.40 L 114.40 661.00 L 115.20 661.80 L 115.40 662.70 L 115.00 663.50 L 114.00 664.40 L 94.90 675.40 L 93.50 676.00 L 91.90 676.30 L 90.30 676.20 L 89.00 675.70 Z" fill="#fafbfd" fill-rule="nonzero" node-id="147" stroke="none" target-height="27.399963" target-width="47.5" target-x="67.9" target-y="648.9"></path><g node-id="175"><g node-id="181"><path d="M 977.00 861.10 L 30.00 861.10 L 30.30 854.90 L 31.10 852.00 L 32.30 849.40 L 34.00 847.00 L 36.00 845.00 L 38.40 843.30 L 41.00 842.10 L 43.90 841.30 L 47.00 841.00 L 960.00 841.00 L 963.10 841.30 L 966.00 842.10 L 968.60 843.30 L 971.00 845.00 L 973.00 847.00 L 974.70 849.40 L 975.90 852.00 L 976.70 854.90 L 977.00 861.10 Z" fill="#b7cdeb" fill-rule="nonzero" group-id="11,17" node-id="153" stroke="none" target-height="20.099976" target-width="947" target-x="30" target-y="841"></path></g></g><path d="M 781.10 806.50 L 779.10 811.10 L 777.70 815.60 L 777.10 818.80 L 777.40 831.00 L 777.90 833.60 L 778.80 836.00 L 780.20 838.20 L 782.10 840.10 L 784.20 841.70 L 787.10 843.00 L 790.60 843.90 L 795.30 844.40 L 821.60 845.20 L 827.70 844.70 L 833.50 843.60 L 839.10 842.00 L 844.50 839.90 L 849.70 837.30 L 854.80 834.10 L 858.70 831.20 L 860.40 829.50 L 862.30 826.00 L 862.90 818.70 L 863.50 817.10 L 864.70 815.50 L 875.40 811.70 L 897.10 805.20 L 901.90 803.00 L 903.80 801.50 L 905.20 799.60 L 906.40 796.30 L 906.90 792.40 L 907.60 790.90 L 910.10 788.30 L 913.30 786.20 L 918.60 783.50 L 937.90 775.70 L 947.90 770.00 L 949.50 768.20 L 949.90 767.20 L 949.90 763.00 L 950.30 760.40 L 951.00 758.20 L 953.50 754.10 L 958.00 750.00 L 965.80 743.90 L 970.10 739.70 L 974.00 735.10 L 974.00 729.20 L 972.70 726.80 L 971.10 724.70 L 969.20 723.00 L 964.80 720.40 L 962.30 719.60 L 958.40 718.90 L 954.40 718.80 L 950.50 719.30 L 940.30 722.20 L 934.40 722.50 L 931.60 722.00 L 926.10 720.00 L 917.70 714.60 L 914.80 713.50 L 911.70 712.90 L 908.60 712.90 L 905.30 713.40 L 902.00 714.50 L 898.90 715.90 L 895.80 717.90 L 892.90 720.30 L 882.90 730.00 L 880.20 731.70 L 877.40 732.70 L 874.40 733.30 L 871.20 733.30 L 864.40 732.30 L 861.20 732.30 L 858.40 732.90 L 855.60 733.90 L 852.90 735.50 L 850.20 737.80 L 845.80 742.50 L 833.90 757.60 L 830.50 761.10 L 826.60 763.30 L 824.40 763.80 L 819.90 763.90 L 818.10 764.30 L 814.80 765.90 L 809.20 769.90 L 804.00 774.10 L 799.30 778.70 L 794.90 783.60 L 790.90 788.80 L 787.30 794.40 L 784.00 800.30 L 781.10 806.50" fill="#b1c6d9" fill-rule="nonzero" node-id="157" stroke="none" target-height="132.29999" target-width="196.90002" target-x="777.1" target-y="712.9"></path><path d="M 190.10 807.80 L 185.40 803.00 L 182.70 800.90 L 179.80 799.10 L 176.60 797.90 L 171.40 796.70 L 170.00 795.90 L 167.00 792.70 L 163.30 787.30 L 160.90 784.40 L 155.90 780.00 L 153.50 778.70 L 151.70 778.20 L 149.80 778.20 L 145.50 779.00 L 143.60 779.10 L 140.00 778.00 L 138.40 776.90 L 134.40 772.80 L 131.80 770.60 L 126.00 767.00 L 123.30 766.30 L 119.10 767.00 L 117.30 767.70 L 112.50 771.10 L 110.30 772.30 L 108.20 772.90 L 106.00 772.80 L 99.70 771.20 L 92.60 770.90 L 90.20 771.30 L 88.10 772.20 L 86.30 773.60 L 84.70 775.40 L 82.90 779.00 L 83.40 780.90 L 85.70 783.50 L 96.10 792.90 L 98.20 795.70 L 98.10 798.60 L 99.70 801.20 L 101.20 802.70 L 103.80 804.40 L 114.90 809.00 L 120.80 812.10 L 123.20 814.40 L 123.90 815.90 L 124.50 819.10 L 125.00 820.10 L 127.20 821.80 L 148.40 828.70 L 150.20 830.30 L 151.00 834.90 L 151.80 836.80 L 153.00 838.50 L 156.30 841.00 L 162.70 843.80 L 167.10 845.30 L 176.20 847.10 L 185.50 847.30 L 195.00 845.90 L 197.20 845.20 L 198.90 844.30 L 200.20 843.00 L 201.20 841.40 L 201.90 839.40 L 202.30 836.90 L 202.30 833.00 L 201.90 829.40 L 201.10 826.00 L 198.40 819.50 L 196.70 816.40 L 193.60 812.00 L 190.10 807.80 Z" fill="#b0c6da" fill-rule="nonzero" node-id="159" stroke="none" target-height="81" target-width="119.4" target-x="82.9" target-y="766.3"></path><path d="M 191.00 838.00 L 190.30 837.90 L 179.70 827.80 L 170.10 819.20 L 161.40 812.00 L 152.40 805.10 L 137.40 794.80 L 130.10 790.50 L 118.20 784.50 L 110.20 781.20 L 104.20 779.10 L 94.30 776.60 L 93.90 776.40 L 94.20 775.70 L 99.00 776.60 L 104.50 778.10 L 110.60 780.20 L 118.70 783.60 L 130.60 789.60 L 137.90 793.90 L 153.10 804.30 L 162.10 811.20 L 170.80 818.40 L 180.50 827.00 L 191.10 837.20 L 191.00 838.00 Z" fill="#95b4ce" fill-rule="nonzero" node-id="161" stroke="none" target-height="62.299988" target-width="97.200005" target-x="93.9" target-y="775.7"></path><path d="M 787.20 834.60 L 788.30 834.40 L 802.90 820.40 L 816.30 808.20 L 828.70 797.60 L 841.40 787.40 L 852.90 778.60 L 863.50 771.20 L 874.30 764.10 L 884.00 758.20 L 892.70 753.40 L 909.30 745.20 L 926.10 738.60 L 933.80 736.20 L 947.10 733.00 L 947.70 732.60 L 947.70 732.00 L 947.30 731.50 L 946.60 731.40 L 940.30 732.80 L 925.50 737.10 L 908.60 743.70 L 891.80 751.90 L 883.10 756.80 L 873.30 762.70 L 862.50 769.80 L 851.90 777.30 L 840.20 786.10 L 827.50 796.30 L 815.00 807.00 L 801.50 819.20 L 786.90 833.30 L 786.70 833.80 L 787.20 834.60 Z" fill="#95b4ce" fill-rule="nonzero" node-id="163" stroke="none" target-height="103.19995" target-width="161" target-x="786.7" target-y="731.4"></path></svg>`;
|
|
152
152
|
|
|
153
|
-
const drawSelectionCss = ".draw-page{width:100%;position:relative}.draw-page .draw-page__background{width:100%;height:100%;position:absolute;background:linear-gradient(to right, var(--emw--color-primary, #fed275), var(--emw--color-primary-variant, #ffe66f))}.draw-page .draw-page__background .top-waves{position:absolute;top:30px;left:20px;width:100px;height:60px}.draw-page .draw-page__background .wave{position:absolute;width:80px;height:4px;background:rgba(255, 255, 255, 0.7);border-radius:20px}.draw-page .draw-page__background .wave:nth-child(1){top:0;transform:rotate(-5deg);clip-path:polygon(0 0, 25% 100%, 50% 0, 75% 100%, 100% 0, 100% 100%, 0% 100%)}.draw-page .draw-page__background .wave:nth-child(2){top:20px;transform:rotate(-3deg);clip-path:polygon(0 0, 25% 100%, 50% 0, 75% 100%, 100% 0, 100% 100%, 0% 100%)}.draw-page .draw-page__background .wave:nth-child(3){top:40px;transform:rotate(-1deg);clip-path:polygon(0 0, 25% 100%, 50% 0, 75% 100%, 100% 0, 100% 100%, 0% 100%)}.draw-page .draw-page__background .wave-svg{position:absolute;width:100px;height:8px}.draw-page .draw-page__background .wave-svg:nth-child(1){top:0}.draw-page .draw-page__background .wave-svg:nth-child(2){top:20px}.draw-page .draw-page__background .wave-svg:nth-child(3){top:40px}.draw-page .draw-page__background .dots-cluster{position:absolute;bottom:100px;right:80px;width:120px;height:80px}.draw-page .draw-page__background .dot{position:absolute;border-radius:50%;background-color:rgba(255, 255, 255, 0.6)}.draw-page .draw-page__background .dot:nth-child(1){width:6px;height:6px;top:0px;left:0px}.draw-page .draw-page__background .dot:nth-child(2){width:8px;height:8px;top:0px;left:15px}.draw-page .draw-page__background .dot:nth-child(3){width:5px;height:5px;top:0px;left:32px}.draw-page .draw-page__background .dot:nth-child(4){width:7px;height:7px;top:0px;left:46px}.draw-page .draw-page__background .dot:nth-child(5){width:6px;height:6px;top:0px;left:62px}.draw-page .draw-page__background .dot:nth-child(6){width:8px;height:8px;top:0px;left:78px}.draw-page .draw-page__background .dot:nth-child(7){width:5px;height:5px;top:0px;left:95px}.draw-page .draw-page__background .dot:nth-child(8){width:7px;height:7px;top:15px;left:5px}.draw-page .draw-page__background .dot:nth-child(9){width:6px;height:6px;top:15px;left:20px}.draw-page .draw-page__background .dot:nth-child(10){width:8px;height:8px;top:15px;left:35px}.draw-page .draw-page__background .dot:nth-child(11){width:5px;height:5px;top:15px;left:52px}.draw-page .draw-page__background .dot:nth-child(12){width:7px;height:7px;top:15px;left:67px}.draw-page .draw-page__background .dot:nth-child(13){width:6px;height:6px;top:15px;left:83px}.draw-page .draw-page__background .dot:nth-child(14){width:8px;height:8px;top:30px;left:8px}.draw-page .draw-page__background .dot:nth-child(15){width:5px;height:5px;top:30px;left:25px}.draw-page .draw-page__background .dot:nth-child(16){width:7px;height:7px;top:30px;left:40px}.draw-page .draw-page__background .dot:nth-child(17){width:6px;height:6px;top:30px;left:55px}.draw-page .draw-page__background .dot:nth-child(18){width:8px;height:8px;top:30px;left:72px}.draw-page .draw-page__background .dot:nth-child(19){width:6px;height:6px;top:45px;left:12px}.draw-page .draw-page__background .dot:nth-child(20){width:7px;height:7px;top:45px;left:28px}.draw-page .draw-page__background .dot:nth-child(21){width:5px;height:5px;top:45px;left:44px}.draw-page .draw-page__background .dot:nth-child(22){width:8px;height:8px;top:45px;left:58px}.draw-page .draw-page__background .dot:nth-child(23){width:7px;height:7px;top:60px;left:15px}.draw-page .draw-page__background .dot:nth-child(24){width:6px;height:6px;top:60px;left:32px}.draw-page .draw-page__background .dot:nth-child(25){width:8px;height:8px;top:60px;left:48px}.draw-page .draw-page__background .dot:nth-child(26){width:5px;height:5px;top:75px;left:20px}.draw-page .draw-page__background .dot:nth-child(27){width:7px;height:7px;top:75px;left:35px}.draw-info{padding:16px}.draw-info-title{margin-bottom:36px;display:flex;justify-content:center;flex-direction:column;align-items:center;position:relative;color:var(--emw--color-typography, #000)}.draw-info-title-main{font-size:30px;font-weight:bold}.draw-info-title-sub{position:absolute;bottom:24px;font-weight:600}.draw-info-item-list{display:flex;justify-content:center;flex-wrap:wrap;gap:26px}.draw-info-item{cursor:pointer;text-align:center;padding:20px;width:164px;height:152px;background-color:var(--emw--color-background, #fff);color:var(--emw--color-typography, #000);border-radius:21% 25% 19% 22%/30% 30% 34% 27%;position:relative;display:flex;align-items:center;justify-content:center}.draw-info-item:hover{animation:jelly 0.6s ease}.draw-info-item:hover .draw-info-item-projector{animation:shadow-jelly 0.6s ease}.draw-info-item-day{font-size:10px;font-weight:bold;position:absolute;left:calc(50% - 31px);top:-28px;width:64px;height:64px;background:var(--emw--color-secondary-variant, rgb(255, 152, 0));border-radius:50%;display:flex;align-items:center;color:var(--emw--color-typography-tertiary, #fff);justify-content:center;font-style:italic}.draw-info-item-day.reverse{top:unset;bottom:-28px}.draw-info-item-date,.draw-info-item-turnover{margin-top:8px;font-size:16px;color:var(--emw--color-typography, #000);font-family:Arial, Helvetica, sans-serif}.draw-info-item-projecter{content:\"\";position:absolute;top:calc(100% + 40px);left:50%;transform:translateX(-50%);width:120px;height:20px;background:var(--emw--color-background, #fff);border-radius:50%;filter:blur(12px)}.draw-info-footer{width:100%;margin:0 auto;margin-top:100px;position:relative}.draw-info-footer-text{text-align:center;margin-top:12px;font-size:22px;color:var(--emw--color-typography, #000);font-family:\"Comic Sans MS\";font-weight:600}.empty-draw-wrap{display:flex;justify-content:center;align-items:center;width:100%;min-height:calc(100vh - 104px)}.empty-draw{width:240px;height:160px;padding:18px 12px 12px 12px;background:var(--emw--color-secondary, #fff3b9);position:relative;margin:0 auto;display:flex;justify-content:center;align-items:center;text-align:center;border-radius:12px}.empty-draw .empty-draw-logo{position:absolute;top:-64%;left:50%;transform:translateX(-50%);width:200px;height:200px}.empty-draw .empty-draw-logo svg{width:100%;height:100%}.empty-draw-content{display:flex;gap:4px}.empty-draw-text{font-size:14px;font-weight:bold;color:var(--emw--color-typography, #000)}.empty-draw svg{fill:var(--emw--color-typography, #000)}.loading-indicator{display:flex;justify-content:center;padding-top:40px;color:var(--emw--color-typography, #000)}.empty-draw-text{color:var(--emw--color-typography, #000)}@keyframes jelly{0%,100%{transform:scale(1)}25%{transform:scale(1.05, 0.95)}50%{transform:scale(0.95, 1.05)}75%{transform:scale(1.03, 0.97)}}@keyframes shadow-jelly{0%,100%{transform:translateX(-50%) scale(1);opacity:0.1}25%{transform:translateX(-50%) scale(1.1, 0.9);opacity:0.08}50%{transform:translateX(-50%) scale(0.9, 1.1);opacity:0.12}75%{transform:translateX(-50%) scale(1.05, 0.95);opacity:0.09}}";
|
|
153
|
+
const drawSelectionCss = ".draw-page{width:100%;position:relative}.draw-page .draw-page__background{width:100%;height:100%;position:absolute;z-index:0;background:linear-gradient(to right, var(--emw--color-primary, #fed275), var(--emw--color-primary-variant, #ffe66f))}.draw-page .draw-page__background .top-waves{position:absolute;top:30px;left:20px;width:100px;height:60px}.draw-page .draw-page__background .wave{position:absolute;width:80px;height:4px;background:rgba(255, 255, 255, 0.7);border-radius:20px}.draw-page .draw-page__background .wave:nth-child(1){top:0;transform:rotate(-5deg);clip-path:polygon(0 0, 25% 100%, 50% 0, 75% 100%, 100% 0, 100% 100%, 0% 100%)}.draw-page .draw-page__background .wave:nth-child(2){top:20px;transform:rotate(-3deg);clip-path:polygon(0 0, 25% 100%, 50% 0, 75% 100%, 100% 0, 100% 100%, 0% 100%)}.draw-page .draw-page__background .wave:nth-child(3){top:40px;transform:rotate(-1deg);clip-path:polygon(0 0, 25% 100%, 50% 0, 75% 100%, 100% 0, 100% 100%, 0% 100%)}.draw-page .draw-page__background .wave-svg{position:absolute;width:100px;height:8px}.draw-page .draw-page__background .wave-svg:nth-child(1){top:0}.draw-page .draw-page__background .wave-svg:nth-child(2){top:20px}.draw-page .draw-page__background .wave-svg:nth-child(3){top:40px}.draw-page .draw-page__background .dots-cluster{position:absolute;bottom:100px;right:80px;width:120px;height:80px}.draw-page .draw-page__background .dot{position:absolute;border-radius:50%;background-color:rgba(255, 255, 255, 0.6)}.draw-page .draw-page__background .dot:nth-child(1){width:6px;height:6px;top:0px;left:0px}.draw-page .draw-page__background .dot:nth-child(2){width:8px;height:8px;top:0px;left:15px}.draw-page .draw-page__background .dot:nth-child(3){width:5px;height:5px;top:0px;left:32px}.draw-page .draw-page__background .dot:nth-child(4){width:7px;height:7px;top:0px;left:46px}.draw-page .draw-page__background .dot:nth-child(5){width:6px;height:6px;top:0px;left:62px}.draw-page .draw-page__background .dot:nth-child(6){width:8px;height:8px;top:0px;left:78px}.draw-page .draw-page__background .dot:nth-child(7){width:5px;height:5px;top:0px;left:95px}.draw-page .draw-page__background .dot:nth-child(8){width:7px;height:7px;top:15px;left:5px}.draw-page .draw-page__background .dot:nth-child(9){width:6px;height:6px;top:15px;left:20px}.draw-page .draw-page__background .dot:nth-child(10){width:8px;height:8px;top:15px;left:35px}.draw-page .draw-page__background .dot:nth-child(11){width:5px;height:5px;top:15px;left:52px}.draw-page .draw-page__background .dot:nth-child(12){width:7px;height:7px;top:15px;left:67px}.draw-page .draw-page__background .dot:nth-child(13){width:6px;height:6px;top:15px;left:83px}.draw-page .draw-page__background .dot:nth-child(14){width:8px;height:8px;top:30px;left:8px}.draw-page .draw-page__background .dot:nth-child(15){width:5px;height:5px;top:30px;left:25px}.draw-page .draw-page__background .dot:nth-child(16){width:7px;height:7px;top:30px;left:40px}.draw-page .draw-page__background .dot:nth-child(17){width:6px;height:6px;top:30px;left:55px}.draw-page .draw-page__background .dot:nth-child(18){width:8px;height:8px;top:30px;left:72px}.draw-page .draw-page__background .dot:nth-child(19){width:6px;height:6px;top:45px;left:12px}.draw-page .draw-page__background .dot:nth-child(20){width:7px;height:7px;top:45px;left:28px}.draw-page .draw-page__background .dot:nth-child(21){width:5px;height:5px;top:45px;left:44px}.draw-page .draw-page__background .dot:nth-child(22){width:8px;height:8px;top:45px;left:58px}.draw-page .draw-page__background .dot:nth-child(23){width:7px;height:7px;top:60px;left:15px}.draw-page .draw-page__background .dot:nth-child(24){width:6px;height:6px;top:60px;left:32px}.draw-page .draw-page__background .dot:nth-child(25){width:8px;height:8px;top:60px;left:48px}.draw-page .draw-page__background .dot:nth-child(26){width:5px;height:5px;top:75px;left:20px}.draw-page .draw-page__background .dot:nth-child(27){width:7px;height:7px;top:75px;left:35px}.draw-info{padding:16px}.draw-info-title{margin-bottom:36px;display:flex;justify-content:center;flex-direction:column;align-items:center;position:relative;color:var(--emw--color-typography, #000)}.draw-info-title-main{font-size:30px;font-weight:bold}.draw-info-title-sub{position:absolute;bottom:24px;font-weight:600}.draw-info-item-list{display:flex;justify-content:center;flex-wrap:wrap;gap:26px}.draw-info-item{cursor:pointer;text-align:center;padding:20px;width:164px;height:152px;background-color:var(--emw--color-background, #fff);color:var(--emw--color-typography, #000);border-radius:21% 25% 19% 22%/30% 30% 34% 27%;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column}.draw-info-item:hover{animation:jelly 0.6s ease}.draw-info-item:hover .draw-info-item-projector{animation:shadow-jelly 0.6s ease}.draw-info-item-day{font-size:10px;font-weight:bold;position:absolute;left:calc(50% - 31px);top:-28px;width:64px;height:64px;background:var(--emw--color-secondary-variant, rgb(255, 152, 0));border-radius:50%;display:flex;align-items:center;color:var(--emw--color-typography-tertiary, #fff);justify-content:center;font-style:italic}.draw-info-item-day.reverse{top:unset;bottom:-28px}.draw-info-item-date,.draw-info-item-turnover{margin-top:8px;font-size:16px;color:var(--emw--color-typography, #000);font-family:Arial, Helvetica, sans-serif}.draw-info-item-projecter{content:\"\";position:absolute;top:calc(100% + 40px);left:50%;transform:translateX(-50%);width:120px;height:20px;background:var(--emw--color-background, #fff);border-radius:50%;filter:blur(12px)}.draw-info-footer{width:100%;margin:0 auto;margin-top:100px;position:relative}.draw-info-footer-text{text-align:center;margin-top:12px;font-size:22px;color:var(--emw--color-typography, #000);font-family:\"Comic Sans MS\";font-weight:600}.empty-draw-wrap{display:flex;justify-content:center;align-items:center;width:100%;min-height:calc(100vh - 104px)}.empty-draw{width:240px;height:160px;padding:18px 12px 12px 12px;background:var(--emw--color-secondary, #fff3b9);position:relative;margin:0 auto;display:flex;justify-content:center;align-items:center;text-align:center;border-radius:12px}.empty-draw .empty-draw-logo{position:absolute;top:-64%;left:50%;transform:translateX(-50%);width:200px;height:200px}.empty-draw .empty-draw-logo svg{width:100%;height:100%}.empty-draw-content{display:flex;gap:4px}.empty-draw-text{font-size:14px;font-weight:bold;color:var(--emw--color-typography, #000)}.empty-draw svg{fill:var(--emw--color-typography, #000)}.loading-indicator{z-index:1;display:flex;justify-content:center;padding-top:40px;color:var(--emw--color-typography, #000)}.empty-draw-text{color:var(--emw--color-typography, #000)}@keyframes jelly{0%,100%{transform:scale(1)}25%{transform:scale(1.05, 0.95)}50%{transform:scale(0.95, 1.05)}75%{transform:scale(1.03, 0.97)}}@keyframes shadow-jelly{0%,100%{transform:translateX(-50%) scale(1);opacity:0.1}25%{transform:translateX(-50%) scale(1.1, 0.9);opacity:0.08}50%{transform:translateX(-50%) scale(0.9, 1.1);opacity:0.12}75%{transform:translateX(-50%) scale(1.05, 0.95);opacity:0.09}}";
|
|
154
154
|
const DrawSelectionStyle0 = drawSelectionCss;
|
|
155
155
|
|
|
156
156
|
const DrawSelection = class {
|
|
@@ -166,7 +166,8 @@ const DrawSelection = class {
|
|
|
166
166
|
this.language = 'en';
|
|
167
167
|
this.infoImageUrl = '';
|
|
168
168
|
this.date = '';
|
|
169
|
-
this.isLoading =
|
|
169
|
+
this.isLoading = false;
|
|
170
|
+
this.turnover = '';
|
|
170
171
|
}
|
|
171
172
|
handleClientStylingChange(newValue, oldValue) {
|
|
172
173
|
if (newValue != oldValue) {
|
|
@@ -204,7 +205,7 @@ const DrawSelection = class {
|
|
|
204
205
|
return _temp.toUpperCase();
|
|
205
206
|
}
|
|
206
207
|
renderCurvedText() {
|
|
207
|
-
const text = translate$
|
|
208
|
+
const text = translate$8('howToWin', this.language);
|
|
208
209
|
if (isMobile$1(window.navigator.userAgent)) {
|
|
209
210
|
return (h("svg", { width: "320", height: "140", xmlns: "http://www.w3.org/2000/svg" }, h("defs", null, h("path", { id: "curve", d: "M 30 80 A 100 30 0 0 1 300 80" })), h("text", { "font-family": "Comic Sans MS", "font-size": "40", fill: "black", "stroke-width": "2" }, h("textPath", { href: "#curve" }, text))));
|
|
210
211
|
}
|
|
@@ -220,7 +221,7 @@ const DrawSelection = class {
|
|
|
220
221
|
return (h("div", { class: "draw-page__background" }, h("div", { class: "top-waves" }, h("svg", { class: "wave-svg", viewBox: "0 0 100 8", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M0 4 Q25 0 50 4 T100 4", stroke: "rgba(255,255,255,0.7)", "stroke-width": "3", fill: "none", "stroke-linecap": "round" })), h("svg", { class: "wave-svg", viewBox: "0 0 100 8", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M0 4 Q25 0 50 4 T100 4", stroke: "rgba(255,255,255,0.7)", "stroke-width": "3", fill: "none", "stroke-linecap": "round" })), h("svg", { class: "wave-svg", viewBox: "0 0 100 8", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M0 4 Q25 0 50 4 T100 4", stroke: "rgba(255,255,255,0.7)", "stroke-width": "3", fill: "none", "stroke-linecap": "round" }))), h("div", { class: "dots-cluster" }, new Array(27).fill(0).map(() => (h("div", { class: "dot" }))))));
|
|
221
222
|
}
|
|
222
223
|
render() {
|
|
223
|
-
return (h("div", { key: '
|
|
224
|
+
return (h("div", { key: 'a14f3d9e82f3f1fb75e592043dff00f4948006b8', class: "draw-page", ref: (el) => (this.stylingContainer = el) }, this.renderBackground(), 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$8('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-date" }, " ", translate$8('turnover', this.language) + this.turnover), 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-date" }, " ", translate$8('turnover', this.language) + '€0'), 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-date" }, " ", translate$8('turnover', this.language) + '€0'), 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("div", { class: "empty-draw-logo", innerHTML: infoImage }), h("div", { class: "empty-draw-content" }, h("div", { class: "empty-draw-text" }, "\u24D8 ", translate$8('gameNotAvailable', this.language))))))));
|
|
224
225
|
}
|
|
225
226
|
static get assetsDirs() { return ["static"]; }
|
|
226
227
|
static get watchers() { return {
|
|
@@ -461,6 +462,118 @@ const GeneralTooltip = class {
|
|
|
461
462
|
};
|
|
462
463
|
GeneralTooltip.style = GeneralTooltipStyle0;
|
|
463
464
|
|
|
465
|
+
const DEFAULT_LANGUAGE$7 = 'en';
|
|
466
|
+
const SUPPORTED_LANGUAGES$7 = ['ro', 'en', 'fr', 'ar', 'hr', 'zh'];
|
|
467
|
+
const TRANSLATIONS$7 = {
|
|
468
|
+
en: {
|
|
469
|
+
loading: 'Loading'
|
|
470
|
+
},
|
|
471
|
+
ro: {},
|
|
472
|
+
fr: {},
|
|
473
|
+
ar: {},
|
|
474
|
+
hr: {}
|
|
475
|
+
};
|
|
476
|
+
const translate$7 = (key, customLang, replacements) => {
|
|
477
|
+
const lang = customLang;
|
|
478
|
+
let translation = TRANSLATIONS$7[lang !== undefined && SUPPORTED_LANGUAGES$7.includes(lang) ? lang : DEFAULT_LANGUAGE$7][key];
|
|
479
|
+
if (replacements) {
|
|
480
|
+
Object.keys(replacements).forEach((placeholder) => {
|
|
481
|
+
translation = translation.replace(`{${placeholder}}`, replacements[placeholder]);
|
|
482
|
+
});
|
|
483
|
+
}
|
|
484
|
+
return translation;
|
|
485
|
+
};
|
|
486
|
+
|
|
487
|
+
const lotteryButtonCss = ":host{display:inline-block;font-family:\"PingFang SC\", \"Microsoft YaHei\", \"Helvetica Neue\", Helvetica, Arial, sans-serif}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:6px;font-weight:500;cursor:pointer;outline:none;overflow:hidden;transition:background-color 0.2s, border-color 0.2s, color 0.2s;user-select:none;-webkit-tap-highlight-color:transparent}.btn .content{position:relative}.btn:disabled{cursor:not-allowed;opacity:0.5}.btn .loading-container{display:flex;align-items:center}.btn--loading{position:relative}.btn .spinner{display:inline-block;width:1em;height:1em;border:2px solid rgba(255, 255, 255, 0.3);border-radius:50%;border-top-color:white;animation:spin 1s ease-in-out infinite;margin-left:0.5em;vertical-align:middle}.btn--small .spinner{width:0.8em;height:0.8em}.btn--large .spinner{width:1.2em;height:1.2em}@keyframes spin{to{transform:rotate(360deg)}}.btn--primary{background-color:var(--emw--color-primary, #0d196e);color:var(--emw--color-typography-inverse, #fff)}.btn--primary:hover:not(:disabled){background-color:var(--emw--color-primary-variant, #1367e7)}.btn--primary:active:not(:disabled){background-color:#08104a}.btn--outline .spinner,.btn--dashed .spinner,.btn--text .spinner{border-top-color:currentColor;border-color:rgba(0, 0, 0, 0.2)}.btn--outline{background-color:var(--emw--color-background, #fff);border-color:#dcdcdc;color:var(--emw--color-typography, #000)}.btn--outline:hover:not(:disabled){background-color:var(--emw--color-background-tertiary, #ccc);border-color:#a6a6a6}.btn--outline:active:not(:disabled){background-color:#e6e6e6}.btn--dashed{background-color:transparent;border-style:dashed;border-color:#dcdcdc;color:#333}.btn--dashed:hover:not(:disabled){border-color:#a6a6a6;color:#0052d9}.btn--text{background-color:transparent;color:#0052d9;border-color:transparent}.btn--text:hover:not(:disabled){background-color:#f2f2f2}.btn--text:active:not(:disabled){background-color:#e6e6e6}.btn--small{height:28px;font-size:12px;padding:0 12px}.btn--medium{height:34px;font-size:14px;padding:0 18px}.btn--large{height:40px;font-size:16px;padding:0 24px}.ripple-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;border-radius:inherit}.ripple{position:absolute;border-radius:50%;background-color:rgba(255, 255, 255, 0.3);transform:scale(0);animation:ripple-animation 600ms linear}.btn--outline .ripple,.btn--dashed .ripple,.btn--text .ripple{background-color:rgba(0, 0, 0, 0.1)}@keyframes ripple-animation{to{transform:scale(4);opacity:0}}";
|
|
488
|
+
const LotteryButtonStyle0 = lotteryButtonCss;
|
|
489
|
+
|
|
490
|
+
const LotteryButton = class {
|
|
491
|
+
constructor(hostRef) {
|
|
492
|
+
registerInstance(this, hostRef);
|
|
493
|
+
this.handleClick = (event) => {
|
|
494
|
+
if (this.disabled) {
|
|
495
|
+
return;
|
|
496
|
+
}
|
|
497
|
+
// Get the button element from the shadow root
|
|
498
|
+
const button = this.host.shadowRoot.querySelector('.btn');
|
|
499
|
+
if (!button)
|
|
500
|
+
return;
|
|
501
|
+
const rect = button.getBoundingClientRect();
|
|
502
|
+
const size = Math.max(rect.width, rect.height);
|
|
503
|
+
const top = event.clientY - rect.top - size / 2;
|
|
504
|
+
const left = event.clientX - rect.left - size / 2;
|
|
505
|
+
// Add the new ripple to the state, triggering a re-render
|
|
506
|
+
const newRipple = { top, left, size };
|
|
507
|
+
this.ripples = [...this.ripples, newRipple];
|
|
508
|
+
// Set a timeout to clean up the ripple from the state after the animation ends
|
|
509
|
+
// This prevents the DOM from filling up with old ripple elements
|
|
510
|
+
setTimeout(() => {
|
|
511
|
+
this.ripples = this.ripples.filter((r) => r !== newRipple);
|
|
512
|
+
}, 600); // This duration should match the CSS animation duration
|
|
513
|
+
};
|
|
514
|
+
this.mbSource = undefined;
|
|
515
|
+
this.clientStyling = undefined;
|
|
516
|
+
this.clientStylingUrl = undefined;
|
|
517
|
+
this.variant = 'primary';
|
|
518
|
+
this.size = 'medium';
|
|
519
|
+
this.disabled = false;
|
|
520
|
+
this.loading = false;
|
|
521
|
+
this.text = undefined;
|
|
522
|
+
this.language = 'en';
|
|
523
|
+
this.ripples = [];
|
|
524
|
+
}
|
|
525
|
+
handleClientStylingChange(newValue, oldValue) {
|
|
526
|
+
if (newValue != oldValue) {
|
|
527
|
+
setClientStyling(this.stylingContainer, this.clientStyling);
|
|
528
|
+
}
|
|
529
|
+
}
|
|
530
|
+
handleClientStylingUrlChange(newValue, oldValue) {
|
|
531
|
+
if (newValue != oldValue) {
|
|
532
|
+
setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
|
|
533
|
+
}
|
|
534
|
+
}
|
|
535
|
+
handleMbSourceChange(newValue, oldValue) {
|
|
536
|
+
if (newValue != oldValue) {
|
|
537
|
+
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
|
|
538
|
+
}
|
|
539
|
+
}
|
|
540
|
+
componentDidLoad() {
|
|
541
|
+
if (this.stylingContainer) {
|
|
542
|
+
if (this.mbSource)
|
|
543
|
+
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
|
|
544
|
+
if (this.clientStyling)
|
|
545
|
+
setClientStyling(this.stylingContainer, this.clientStyling);
|
|
546
|
+
if (this.clientStylingUrl)
|
|
547
|
+
setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
|
|
548
|
+
}
|
|
549
|
+
}
|
|
550
|
+
disconnectedCallback() {
|
|
551
|
+
this.stylingSubscription && this.stylingSubscription.unsubscribe();
|
|
552
|
+
}
|
|
553
|
+
render() {
|
|
554
|
+
const { variant, disabled, size } = this;
|
|
555
|
+
const isDisabled = disabled || this.loading;
|
|
556
|
+
return (h("button", { key: '01f92ec117f679466c30ea86cdc8af7caf8f8e6d', class: {
|
|
557
|
+
btn: true,
|
|
558
|
+
[`btn--${variant}`]: true,
|
|
559
|
+
[`btn--${size}`]: true,
|
|
560
|
+
'btn--loading': this.loading
|
|
561
|
+
}, disabled: isDisabled, onClick: this.handleClick }, this.loading ? (h("div", { class: "loading-container" }, h("span", { class: "content" }, this.text || translate$7('loading', this.language)), h("span", { class: "spinner" }))) : (h("span", { class: "content" }, this.text)), h("div", { key: '918ddc7bbcd8aba1f2c194aa73f311b63016d2ec', class: "ripple-container" }, this.ripples.map((ripple, index) => (h("span", { key: index, class: "ripple", style: {
|
|
562
|
+
top: `${ripple.top}px`,
|
|
563
|
+
left: `${ripple.left}px`,
|
|
564
|
+
width: `${ripple.size}px`,
|
|
565
|
+
height: `${ripple.size}px`
|
|
566
|
+
} }))))));
|
|
567
|
+
}
|
|
568
|
+
get host() { return getElement(this); }
|
|
569
|
+
static get watchers() { return {
|
|
570
|
+
"clientStyling": ["handleClientStylingChange"],
|
|
571
|
+
"clientStylingUrl": ["handleClientStylingUrlChange"],
|
|
572
|
+
"mbSource": ["handleMbSourceChange"]
|
|
573
|
+
}; }
|
|
574
|
+
};
|
|
575
|
+
LotteryButton.style = LotteryButtonStyle0;
|
|
576
|
+
|
|
464
577
|
const lotteryTippingBulletCss = ".LotteryTippingBullet__segment{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;font-size:16px;line-height:1;font-weight:500;color:var(--emw--color-typography, #000);background:var(--emw--color-background, #fff);border:1px solid var(--emw--color-gray-100, #e6e6e6);border-radius:6px;cursor:pointer;transition:all 0.2s ease;user-select:none}.LotteryTippingBullet__segment:not(.LotteryTippingBullet__segment--disabled):hover{cursor:pointer;animation:jelly 0.3s ease-in-out;transform:scale(1.02)}.LotteryTippingBullet__segment--text{border:none;color:var(--emw--color-typography, #000);background:transparent;font-weight:400}.LotteryTippingBullet__segment--text:hover{cursor:not-allowed !important}.LotteryTippingBullet__segment--active{font-weight:600;background-color:var(--emw--color-background-inverse, #000);color:var(--emw--color-primary, #fed275)}.LotteryTippingBullet__segment--disabled:not(.LotteryTippingBullet__segment--active){background-color:var(--emw--color-background-tertiary, #ccc);color:var(--emw--color-gray-150, #6f6f6f);border-color:var(--emw--color-gray-100, #e6e6e6)}.LotteryTippingBullet__segment--disabled:hover{cursor:not-allowed}@keyframes jelly{0%{transform:translate(0, 0)}20%{transform:translate(-0.5px, -0.5px)}40%{transform:translate(0.5px, 0.5px)}60%{transform:translate(-0.25px, -0.25px)}80%{transform:translate(0.25px, 0.25px)}100%{transform:translate(0, 0)}}";
|
|
465
578
|
const LotteryTippingBulletStyle0 = lotteryTippingBulletCss;
|
|
466
579
|
|
|
@@ -642,10 +755,6 @@ const DeleteOutlined$1 = DeleteOutlined;
|
|
|
642
755
|
var DownOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" } }] }, "name": "down", "theme": "outlined" };
|
|
643
756
|
const DownOutlined$1 = DownOutlined;
|
|
644
757
|
|
|
645
|
-
// This icon file is generated automatically.
|
|
646
|
-
var EllipsisOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z" } }] }, "name": "ellipsis", "theme": "outlined" };
|
|
647
|
-
const EllipsisOutlined$1 = EllipsisOutlined;
|
|
648
|
-
|
|
649
758
|
// This icon file is generated automatically.
|
|
650
759
|
var InfoCircleOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" } }, { "tag": "path", "attrs": { "d": "M464 336a48 48 0 1096 0 48 48 0 10-96 0zm72 112h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V456c0-4.4-3.6-8-8-8z" } }] }, "name": "info-circle", "theme": "outlined" };
|
|
651
760
|
const InfoCircleOutlined$1 = InfoCircleOutlined;
|
|
@@ -713,7 +822,7 @@ const TRANSLATIONS$6 = {
|
|
|
713
822
|
en: {
|
|
714
823
|
weeks: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
|
|
715
824
|
bettingType: 'Betting Type:',
|
|
716
|
-
prizeAllocation: 'Prize Allocation (Turnover: €
|
|
825
|
+
prizeAllocation: 'Prize Allocation (Turnover: €{turnover})',
|
|
717
826
|
prizes: 'Prizes',
|
|
718
827
|
numberOfWinners: 'Number of Winners',
|
|
719
828
|
prizeMoney: 'Prize Money',
|
|
@@ -722,7 +831,7 @@ const TRANSLATIONS$6 = {
|
|
|
722
831
|
},
|
|
723
832
|
ro: {
|
|
724
833
|
bettingType: 'Tip de pariu:',
|
|
725
|
-
prizeAllocation: 'Alocarea premiilor (Cifră de afaceri: €
|
|
834
|
+
prizeAllocation: 'Alocarea premiilor (Cifră de afaceri: €{turnover})',
|
|
726
835
|
prizes: 'Premii',
|
|
727
836
|
numberOfWinners: 'Număr de câștigători',
|
|
728
837
|
prizeMoney: 'Bani de premiu',
|
|
@@ -1019,7 +1128,7 @@ const resolveTranslationUrl$2 = async (translationUrl) => {
|
|
|
1019
1128
|
}
|
|
1020
1129
|
};
|
|
1021
1130
|
|
|
1022
|
-
const lotteryTippingDialogCss = ".dialog-wrapper{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:1;z-index:199}.dialog-wrapper-visible{visibility:visible}.mask{position:fixed;inset:0;background-color:rgba(0, 0, 0, 0.5);opacity:0;z-index:1000;transition:opacity var(--duration) linear}.mask-enter{opacity:1}.mask-leave{opacity:0}.dialog{position:relative;background:var(--emw--color-
|
|
1131
|
+
const lotteryTippingDialogCss = ".dialog-wrapper{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:1;z-index:199}.dialog-wrapper-visible{visibility:visible}.mask{position:fixed;inset:0;background-color:rgba(0, 0, 0, 0.5);opacity:0;z-index:1000;transition:opacity var(--duration) linear}.mask-enter{opacity:1}.mask-leave{opacity:0}.dialog{position:relative;background:var(--emw--color-background, #fff);border-radius:12px;box-shadow:0 4px 32px rgba(0, 0, 0, 0.15);opacity:0;transform:scale(0.9);transition:all var(--duration) linear;width:100%;max-width:100vw;overflow:hidden;z-index:1000}.dialog-enter{opacity:1;transform:scale(1)}.dialog-leave{opacity:0}.dialog.fullscreen{width:100vw !important;height:100vh;overflow:auto;max-height:none;border-radius:0;overflow:hidden}.dialog-header{padding:16px 16px 0 16px;display:flex;justify-content:space-between;align-items:center}.dialog-header .dialog-title{margin:0;font-size:1.25rem;font-weight:500;color:var(--emw--color-typography, #000)}.dialog-header .close-btn{background:transparent;border:none;font-size:1.5rem;width:2rem;height:2rem;color:var(--emw--color-gray-150, #6f6f6f);cursor:pointer;border-radius:4px}.dialog-header .close-btn:hover{background:var(--emw--color-gray-50, #f5f5f5);color:var(--emw--color-gray-300, #333)}.dialog-content{padding:24px;font-size:0.95rem;line-height:1.6;color:var(--emw--color-dialog-typography, #000);flex:1;overflow-y:auto;max-height:calc(100vh - 200px)}.dialog.fullscreen .dialog-content{max-height:none}.dialog-footer{padding:0 16px 16px 16px;display:flex;justify-content:center;gap:12px}.dialog-footer .cancel-btn,.dialog-footer .confirm-btn{padding:10px 24px;border-radius:6px;font-size:0.9rem;cursor:pointer;transition:all 0.3s linear}.dialog-footer .cancel-btn{border:var(--emw--button-border, 1px solid rgba(221, 221, 221, 0.8666666667));background-color:var(--emw--color-background, #fff);color:var(--emw--color-typography, #000)}.dialog-footer .cancel-btn:hover{background-color:var(--emw--color-background-tertiary, #ccc)}.dialog-footer .confirm-btn{border:none;color:var(--emw--color-gray-400, #fff);background:var(--emw--color-primary, #009993)}.dialog-footer .confirm-btn:hover{background:var(--emw--color-primary-variant, #004d4a)}@media screen and (max-width: 480px){.dialog.fullscreen .dialog-content{padding:12px}}.Loading{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.Loading svg{animation:spin 1s linear infinite;transform-origin:center}@keyframes spin{100%{transform:rotate(360deg)}}";
|
|
1023
1132
|
const LotteryTippingDialogStyle0 = lotteryTippingDialogCss;
|
|
1024
1133
|
|
|
1025
1134
|
const LotteryTippingDialog = class {
|
|
@@ -1182,7 +1291,7 @@ const getTranslations$3 = (data) => {
|
|
|
1182
1291
|
});
|
|
1183
1292
|
};
|
|
1184
1293
|
|
|
1185
|
-
const lotteryTippingFilterCss = ".lottery-tipping-filter .operate-btns{display:flex;gap:10px}.lottery-tipping-filter .operate-btns .operate-btn{background:var(--emw--color-primary, #fed275);border:1px solid var(--emw--color-primary, #fed275);border-radius:16px;padding:8px 10px;font-size:14px;color:var(--emw--color-typography, #000);font-weight:600;cursor:pointer;transition:0.2s linear}.dialog-content{display:flex;flex-direction:column;align-items:center}.dialog-content .filter-item{margin-bottom:12px}.dialog-content .filter-item-label{text-align:center}.dialog-content .filter-item-val{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}@media screen and (max-width: 480px){.lottery-tipping-filter .operate-btns{gap:4px}}.general-multi-select-container{width:var(--vaadin-field-default-width, 16em)}";
|
|
1294
|
+
const lotteryTippingFilterCss = ".lottery-tipping-filter .operate-btns{display:flex;gap:10px}.lottery-tipping-filter .operate-btns .operate-btn{background:var(--emw--color-primary, #fed275);border:1px solid var(--emw--color-primary, #fed275);border-radius:16px;padding:8px 10px;font-size:14px;color:var(--emw--color-typography, #000);font-weight:600;cursor:pointer;transition:0.2s linear}.dialog-content{display:flex;flex-direction:column;align-items:center}.dialog-content .filter-item{margin-bottom:12px}.dialog-content .filter-item-label{text-align:center;color:var(--emw--color-typography, #000)}.dialog-content .filter-item-val{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}@media screen and (max-width: 480px){.lottery-tipping-filter .operate-btns{gap:4px}}.general-multi-select-container{width:var(--vaadin-field-default-width, 16em)}";
|
|
1186
1295
|
const LotteryTippingFilterStyle0 = lotteryTippingFilterCss;
|
|
1187
1296
|
|
|
1188
1297
|
const LotteryTippingFilter = class {
|
|
@@ -1333,7 +1442,7 @@ const LotteryTippingFilter = class {
|
|
|
1333
1442
|
};
|
|
1334
1443
|
LotteryTippingFilter.style = LotteryTippingFilterStyle0;
|
|
1335
1444
|
|
|
1336
|
-
const generateUUID$
|
|
1445
|
+
const generateUUID$3 = () => {
|
|
1337
1446
|
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
|
|
1338
1447
|
var r = (Math.random() * 16) | 0, v = c == 'x' ? r : (r & 0x3) | 0x8;
|
|
1339
1448
|
return v.toString(16);
|
|
@@ -1341,7 +1450,7 @@ const generateUUID$2 = () => {
|
|
|
1341
1450
|
};
|
|
1342
1451
|
function fetchRequest$2(url, method = 'GET', body = null, headers = {}) {
|
|
1343
1452
|
return new Promise((resolve, reject) => {
|
|
1344
|
-
const uuid = generateUUID$
|
|
1453
|
+
const uuid = generateUUID$3();
|
|
1345
1454
|
const headersOrigin = Object.assign({ 'Content-Type': 'application/json' }, headers);
|
|
1346
1455
|
if (method !== 'GET' && method !== 'HEAD') {
|
|
1347
1456
|
headersOrigin['X-Idempotency-Key'] = uuid;
|
|
@@ -1479,6 +1588,12 @@ function thousandSeperator$1(value) {
|
|
|
1479
1588
|
parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',');
|
|
1480
1589
|
return parts.join('.');
|
|
1481
1590
|
}
|
|
1591
|
+
function formattedTurnover(turnover) {
|
|
1592
|
+
if (turnover === null || turnover === undefined)
|
|
1593
|
+
return '';
|
|
1594
|
+
const unit = '€';
|
|
1595
|
+
return `${unit}${turnover ? thousandSeperator$1(turnover) : 0}`;
|
|
1596
|
+
}
|
|
1482
1597
|
async function fetchGameInfo(endpoint, gameId) {
|
|
1483
1598
|
try {
|
|
1484
1599
|
const response = await fetchRequest$2(`${endpoint}/games/${gameId}`, 'GET', {});
|
|
@@ -1635,6 +1750,17 @@ const LotteryTippingLatestResult = class {
|
|
|
1635
1750
|
this.isLoading = false;
|
|
1636
1751
|
}
|
|
1637
1752
|
}
|
|
1753
|
+
get displayedPrizes() {
|
|
1754
|
+
const correctItems = this.curPrizes
|
|
1755
|
+
.filter((item) => item.divisionDisplayName.includes('Correct'))
|
|
1756
|
+
.sort((a, b) => {
|
|
1757
|
+
const numA = Number(a.divisionDisplayName.match(/\d+/)[0]);
|
|
1758
|
+
const numB = Number(b === null || b === void 0 ? void 0 : b.divisionDisplayName.match(/\d+/)[0]);
|
|
1759
|
+
return numB - numA;
|
|
1760
|
+
});
|
|
1761
|
+
const bonusItems = this.curPrizes.filter((item) => item.divisionDisplayName === 'Bonus');
|
|
1762
|
+
return [...correctItems, ...bonusItems];
|
|
1763
|
+
}
|
|
1638
1764
|
changeCurDateItem(idx) {
|
|
1639
1765
|
this.lastestDate = this.hasDrawDates[idx];
|
|
1640
1766
|
this.curDrawItemIdx = idx;
|
|
@@ -1676,6 +1802,7 @@ const LotteryTippingLatestResult = class {
|
|
|
1676
1802
|
this.curDrawSelectionBettingType = bettingType;
|
|
1677
1803
|
this.curDrawSelection = this.curDrawSelectionMap[this.curDrawSelectionBettingType];
|
|
1678
1804
|
this.curPrizes = this.curPrizeMap[this.curDrawSelectionBettingType];
|
|
1805
|
+
console.log('this.curPrizes', this.curPrizes);
|
|
1679
1806
|
this.curTurnOver = this.curPrizes.reduce((acc, cur) => acc + Number(cur.totalAmount.value), 0);
|
|
1680
1807
|
}
|
|
1681
1808
|
getBettingTypeName(bettingType) {
|
|
@@ -1684,10 +1811,10 @@ const LotteryTippingLatestResult = class {
|
|
|
1684
1811
|
return name !== null && name !== void 0 ? name : bettingType;
|
|
1685
1812
|
}
|
|
1686
1813
|
render() {
|
|
1687
|
-
return (h("div", { key: '
|
|
1814
|
+
return (h("div", { key: '896146c7c069e71fe6f652527c0086d942a23aa7', class: "lottery-tipping-latest-result", ref: (el) => (this.stylingContainer = el) }, this.curDrawSelection && this.curDrawSelection.length > 0 && (h("div", { key: '7098b4ad44e5ef8ca1b9c3df95dfccdb375a9867', class: "result-wrapper" }, h("div", { key: '14254a04b639a9ae0d8e7ee6fd8abb1938dc1c36', class: "date-selection" }, h("div", { key: '0f70418f699fa6884cd910ce46affd62e332267b', class: "date-selection-leftIcon", innerHTML: leftArrowIcon, onClick: this.preDraw.bind(this) }), h("div", { key: 'eb75d194c50a888a4ce2b57719da3d91b1718ea0', class: "date-selection-calendar" }, h("lottery-tipping-calendar", { key: 'feee855ed9c8e7afa3138c0bf92b821f6ab36421', date: this.lastestDate, highLightDates: this.hasDrawDates, language: this.language, "mb-source": this.mbSource, "client-styling-url": this.clientStylingUrl, "translation-url": this.translationUrl })), h("div", { key: '65c44ad37658cc2a523db08419ba7ea1d383840f', class: "date-selection-rightIcon", innerHTML: rightArrowIcon, onClick: this.nextDraw.bind(this) })), h("div", { key: '829ccba627f01454dc8eb307a6377c893bdea8c5', class: "winning-result" }, h("div", { key: '20952759d278b8727b4013e41f6227127a776ac7', class: "betting-type" }, h("div", { key: '802989e535ebdb2059681740587b476c812e35b4', class: "betting-type-title" }, translate$6('bettingType', this.language)), h("div", { key: 'aa69117cbb91fb269a66e2aab97309b06dfecd57', class: "betting-type-text" }, h("div", { key: '708ec51e5d307b1e27ff3ad4a2f0e43195e4a944', class: "LotteryTippingTicketController__segmented-control" }, Object.keys(this.curDrawSelectionMap).map((bettingType) => (h("button", { class: {
|
|
1688
1815
|
LotteryTippingTicketController__segment: true,
|
|
1689
1816
|
'LotteryTippingTicketController__segment--active': this.curDrawSelectionBettingType === bettingType
|
|
1690
|
-
}, onClick: this.handleDrawBettingTypeChange.bind(this, bettingType) }, this.getBettingTypeName(bettingType))))))), h("lottery-tipping-ticket-bet", { key: '
|
|
1817
|
+
}, onClick: this.handleDrawBettingTypeChange.bind(this, bettingType) }, this.getBettingTypeName(bettingType))))))), h("lottery-tipping-ticket-bet", { key: '8ee998390f5f9965d8a927231ab2f99ad552c5ba', "session-id": this.sessionId, endpoint: this.endpoint, "game-id": this.vendorGameId, "draw-id": this.curDrawItem.id, "default-bullet-config-line-group": JSON.stringify(this.curDrawSelection), "read-pretty": true, "total-pages": this.curDrawSelection.length, language: this.language, "mb-source": this.mbSource, "client-styling-url": this.clientStylingUrl, "translation-url": this.translationUrl })), h("div", { key: '10bdd643b69be187783ce4e2c50568ad1851be53', class: "prize-result" }, h("div", { key: '5c7466e02f8d0920dd7146d99f9360b66c6ee737', class: "prize-result-title" }, translate$6('prizeAllocation', this.language, { turnover: formattedTurnover(this.curTurnOver) })), h("div", { key: 'd37344089ddf988ea5093131c1ab3f56ff41fa5d', class: "prize-result-table" }, h("div", { key: '26f21fa18cc30e1981bd4d0c23ddfca123b65404', class: "prize-result-table-header" }, h("div", { key: 'f2f7fe64694c2a82bf5aec287a3349cd68221f07', class: "prize-result-table-row" }, h("div", { key: '7e6cf967655516f71d1a28209ddc3cc10ab0b246', class: "prize-result-table-column" }, translate$6('prizes', this.language)), h("div", { key: '420087a0cbf9ed50b764d8d05526f3f219539649', class: "prize-result-table-column" }, translate$6('numberOfWinners', this.language)), h("div", { key: 'df5fce05e03f48709ecd7f2f6f90e4408c4aa694', class: "prize-result-table-column" }, translate$6('prizeMoney', this.language)))), h("div", { key: '5ca663cc2a2d69124205158b90b82c2a299a45b3', class: "prize-result-table-body" }, this.displayedPrizes.map((prize) => (h("div", { class: "prize-result-table-row" }, h("div", { class: "prize-result-table-column" }, prize.divisionDisplayName), h("div", { class: "prize-result-table-column" }, prize.players), h("div", { class: "prize-result-table-column" }, thousandSeperator$1(prize.totalAmount.value)))))))))), this.curDrawSelection.length == 0 && !this.isLoading && (h("div", { key: '3efeea6a27837d8d4ea9c4a93bd225294a116ca6' }, translate$6('noLatestResult', this.language))), this.isLoading && h("div", { key: '6dbcdda8e4d044476f125fbf51dc6179b2eae8f1', class: "loading-wrap" }, translate$6('loading', this.language))));
|
|
1691
1818
|
}
|
|
1692
1819
|
static get watchers() { return {
|
|
1693
1820
|
"clientStyling": ["handleClientStylingChange"],
|
|
@@ -1775,6 +1902,7 @@ const LotteryTippingPage = class {
|
|
|
1775
1902
|
this.language = 'en';
|
|
1776
1903
|
this.endpoint = undefined;
|
|
1777
1904
|
this.endpointTicket = undefined;
|
|
1905
|
+
this.endpointLotteryBe = undefined;
|
|
1778
1906
|
this.gameId = undefined;
|
|
1779
1907
|
this.playerId = undefined;
|
|
1780
1908
|
this.sessionId = undefined;
|
|
@@ -1826,7 +1954,7 @@ const LotteryTippingPage = class {
|
|
|
1826
1954
|
}
|
|
1827
1955
|
renderContent() {
|
|
1828
1956
|
if (this.activeTab === Tab.BuyTickets) {
|
|
1829
|
-
return (h("lottery-tipping-ticket-controller", { endpoint: this.endpoint, endpointTicket: this.endpointTicket, gameId: this.gameId, playerId: this.playerId, sessionId: this.sessionId, drawId: this.drawId, language: this.language, "mb-source": this.mbSource, "client-styling": this.clientStylingUrl, "client-styling-url": this.clientStylingUrl, "translation-url": this.translationUrl, "logo-url": this.logoUrl }));
|
|
1957
|
+
return (h("lottery-tipping-ticket-controller", { endpoint: this.endpoint, endpointTicket: this.endpointTicket, "endpoint-lottery-be": this.endpointLotteryBe, gameId: this.gameId, playerId: this.playerId, sessionId: this.sessionId, drawId: this.drawId, language: this.language, "mb-source": this.mbSource, "client-styling": this.clientStylingUrl, "client-styling-url": this.clientStylingUrl, "translation-url": this.translationUrl, "logo-url": this.logoUrl }));
|
|
1830
1958
|
}
|
|
1831
1959
|
if (this.activeTab === Tab.MyTickets) {
|
|
1832
1960
|
return (h("lottery-tipping-ticket-history", { endpoint: this.endpoint, endpointTicket: this.endpointTicket, gameId: this.gameId, playerId: this.playerId, sessionId: this.sessionId, drawId: this.drawId, language: this.language, "mb-source": this.mbSource, "client-styling-url": this.clientStylingUrl, "client-styling": this.clientStylingUrl, "translation-url": this.translationUrl }));
|
|
@@ -1834,7 +1962,7 @@ const LotteryTippingPage = class {
|
|
|
1834
1962
|
return null;
|
|
1835
1963
|
}
|
|
1836
1964
|
render() {
|
|
1837
|
-
return (h("div", { key: '
|
|
1965
|
+
return (h("div", { key: '25d9a739d9040f9b79d9652b8cef03cf72a1d8e6', class: "lottery-tipping-page", ref: (el) => (this.stylingContainer = el) }, h("div", { key: 'a94afa5201c3b6ccbe7edf59cdd04251ef280713', class: "lottery-tipping-page-header" }, h("slot", { key: 'ca7b177f464fbae1a54cae96a9ddad5bc50c5f9c', name: "backBtn" }), this.renderTabs(), h("div", { key: '28cd52ce3161d7da7136adc41fb021967a4a2ae9', class: "lottery-tipping-page-header-operation" }, h("slot", { key: '4caab039d48ecaf202a2d993ca2b1b46f3291804', name: "themeBtn" }), h("slot", { key: '5ab4e60d657bf0b945afd87f7778fb1d57b8f69b', name: "logoutBtn" }))), h("div", { key: '31e2e35380bde69f1e5b65cf9841f856fe6e9ed2', class: "lottery-tipping-content" }, this.renderContent())));
|
|
1838
1966
|
}
|
|
1839
1967
|
static get watchers() { return {
|
|
1840
1968
|
"clientStyling": ["handleClientStylingChange"],
|
|
@@ -1844,7 +1972,7 @@ const LotteryTippingPage = class {
|
|
|
1844
1972
|
};
|
|
1845
1973
|
LotteryTippingPage.style = LotteryTippingPageStyle0;
|
|
1846
1974
|
|
|
1847
|
-
const generateUUID$
|
|
1975
|
+
const generateUUID$2 = () => {
|
|
1848
1976
|
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
|
|
1849
1977
|
var r = (Math.random() * 16) | 0, v = c == 'x' ? r : (r & 0x3) | 0x8;
|
|
1850
1978
|
return v.toString(16);
|
|
@@ -1852,7 +1980,7 @@ const generateUUID$1 = () => {
|
|
|
1852
1980
|
};
|
|
1853
1981
|
function fetchRequest$1(url, method = 'GET', body = null, headers = {}) {
|
|
1854
1982
|
return new Promise((resolve, reject) => {
|
|
1855
|
-
const uuid = generateUUID$
|
|
1983
|
+
const uuid = generateUUID$2();
|
|
1856
1984
|
const headersOrigin = Object.assign({ 'Content-Type': 'application/json' }, headers);
|
|
1857
1985
|
if (method !== 'GET' && method !== 'HEAD') {
|
|
1858
1986
|
headersOrigin['X-Idempotency-Key'] = uuid;
|
|
@@ -1871,7 +1999,7 @@ function fetchRequest$1(url, method = 'GET', body = null, headers = {}) {
|
|
|
1871
1999
|
fetch(url, options)
|
|
1872
2000
|
.then((response) => {
|
|
1873
2001
|
if (!response.ok) {
|
|
1874
|
-
|
|
2002
|
+
return reject(response);
|
|
1875
2003
|
}
|
|
1876
2004
|
return response.json();
|
|
1877
2005
|
})
|
|
@@ -2004,7 +2132,7 @@ const showNotification$2 = ({ message, theme = 'success' }) => {
|
|
|
2004
2132
|
});
|
|
2005
2133
|
};
|
|
2006
2134
|
|
|
2007
|
-
const lotteryTippingPaginationCss = ".paginator{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}button{padding:4px 8px;font-size:14px;background:var(--emw--color-background, #fff);border:var(--emw--button-border, 1px solid rgba(221, 221, 221, 0.8666666667));border-radius:var(--emw--border-radius-small, 4px);cursor:pointer;min-width:28px;transition:all 0.2s ease}button.active{color:#333;background:var(--emw--color-primary, #fed275);border-color:var(--emw--color-primary, #fed275);font-weight:bold}button:not(.arrow-btn):hover{background:var(--emw--color-secondary, #fff3b9);border-color:var(--emw--color-secondary, #fff3b9)}button:disabled{cursor:not-allowed;border:var(--emw--button-border, 1px solid rgba(221, 221, 221, 0.8666666667));user-select:none}.ellipsis{font-weight:bold;color:var(--emw--color-typography, #000);border:none}select{padding:4px 8px;border-radius:4px;border:var(--emw--button-border, 1px solid rgba(221, 221, 221, 0.8666666667));font-size:14px}.jump-box{display:flex;align-items:center;gap:4px;margin-left:8px}.jump-box input{width:50px;padding:2px 6px;font-size:14px;border:var(--emw--button-border, 1px solid rgba(221, 221, 221, 0.8666666667));border-radius:4px;text-align:center}.total-num{user-select:none;font-size:14px;color:var(--emw--color-typography, #333)}";
|
|
2135
|
+
const lotteryTippingPaginationCss = ".paginator{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.paginator .page{color:var(--emw--color-typography, #000)}button{padding:4px 8px;font-size:14px;background:var(--emw--color-background, #fff);border:var(--emw--button-border, 1px solid rgba(221, 221, 221, 0.8666666667));border-radius:var(--emw--border-radius-small, 4px);cursor:pointer;min-width:28px;transition:all 0.2s ease}.arrow-btn{color:var(--emw--color-typography, #000)}button.active{color:#333;background:var(--emw--color-primary, #fed275);border-color:var(--emw--color-primary, #fed275);font-weight:bold}button:not(.arrow-btn):hover{background:var(--emw--color-secondary, #fff3b9);border-color:var(--emw--color-secondary, #fff3b9)}button:disabled{cursor:not-allowed;border:var(--emw--button-border, 1px solid rgba(221, 221, 221, 0.8666666667));user-select:none}.ellipsis{font-weight:bold;color:var(--emw--color-typography, #000);border:none}select{padding:4px 8px;border-radius:4px;border:var(--emw--button-border, 1px solid rgba(221, 221, 221, 0.8666666667));font-size:14px}.jump-box{display:flex;align-items:center;gap:4px;margin-left:8px;color:var(--emw--color-typography, #000)}.jump-box input{width:50px;padding:2px 6px;font-size:14px;border:var(--emw--button-border, 1px solid rgba(221, 221, 221, 0.8666666667));border-radius:4px;text-align:center}.total-num{user-select:none;font-size:14px;color:var(--emw--color-typography, #333)}";
|
|
2008
2136
|
const LotteryTippingPaginationStyle0 = lotteryTippingPaginationCss;
|
|
2009
2137
|
|
|
2010
2138
|
const LotteryTippingPagination = class {
|
|
@@ -2202,6 +2330,9 @@ const DEFAULT_LANGUAGE$2 = 'en';
|
|
|
2202
2330
|
const SUPPORTED_LANGUAGES$2 = ['ro', 'en', 'fr', 'ar', 'hr'];
|
|
2203
2331
|
const TRANSLATIONS$2 = {
|
|
2204
2332
|
en: {
|
|
2333
|
+
stop: 'Stop',
|
|
2334
|
+
at: 'at',
|
|
2335
|
+
turnover: 'Turnover: ',
|
|
2205
2336
|
selectionCleared: 'Your selection will be cleared.',
|
|
2206
2337
|
ticketSubmitted: 'Ticket submitted successfully.',
|
|
2207
2338
|
ticketFailed: 'Failed to purchase the ticket. Please try again.',
|
|
@@ -2326,7 +2457,7 @@ const formatDate$1 = ({ date, type = 'date', format: format$1 }) => {
|
|
|
2326
2457
|
return '';
|
|
2327
2458
|
}
|
|
2328
2459
|
};
|
|
2329
|
-
const generateUUID = () => {
|
|
2460
|
+
const generateUUID$1 = () => {
|
|
2330
2461
|
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
|
|
2331
2462
|
var r = (Math.random() * 16) | 0, v = c == 'x' ? r : (r & 0x3) | 0x8;
|
|
2332
2463
|
return v.toString(16);
|
|
@@ -2334,7 +2465,7 @@ const generateUUID = () => {
|
|
|
2334
2465
|
};
|
|
2335
2466
|
function fetchRequest(url, method = 'GET', body = null, headers = {}) {
|
|
2336
2467
|
return new Promise((resolve, reject) => {
|
|
2337
|
-
const uuid = generateUUID();
|
|
2468
|
+
const uuid = generateUUID$1();
|
|
2338
2469
|
const headersOrigin = Object.assign({ 'Content-Type': 'application/json' }, headers);
|
|
2339
2470
|
if (method !== 'GET' && method !== 'HEAD') {
|
|
2340
2471
|
headersOrigin['X-Idempotency-Key'] = uuid;
|
|
@@ -2376,7 +2507,6 @@ const thousandSeparator = (value) => {
|
|
|
2376
2507
|
parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',');
|
|
2377
2508
|
return parts.join('.');
|
|
2378
2509
|
};
|
|
2379
|
-
const TICKET_INVALID_TOKEN = 'TICKET_INVALID_TOKEN';
|
|
2380
2510
|
// format results to winning numbers
|
|
2381
2511
|
const formatResultsToWinningNumbers = (rawResults) => {
|
|
2382
2512
|
const formatMatchCheckRes = (matchRes) => matchRes.map((bulletItem) => (bulletItem.isSelected ? 1 : 0));
|
|
@@ -2396,27 +2526,6 @@ const formatResultsToWinningNumbers = (rawResults) => {
|
|
|
2396
2526
|
}
|
|
2397
2527
|
return result;
|
|
2398
2528
|
};
|
|
2399
|
-
const doSubmitTicket = ({ body, sessionId, url }) => {
|
|
2400
|
-
const options = {
|
|
2401
|
-
method: 'POST',
|
|
2402
|
-
headers: {
|
|
2403
|
-
'Content-Type': 'application/json',
|
|
2404
|
-
Accept: 'application/json',
|
|
2405
|
-
Authorization: `Bearer ${sessionId}`,
|
|
2406
|
-
'X-Idempotency-Key': generateUUID()
|
|
2407
|
-
},
|
|
2408
|
-
body: JSON.stringify(body)
|
|
2409
|
-
};
|
|
2410
|
-
return fetch(url, options).then((res) => {
|
|
2411
|
-
if (res.status === 401) {
|
|
2412
|
-
throw new Error(TICKET_INVALID_TOKEN);
|
|
2413
|
-
}
|
|
2414
|
-
if (res.status > 300) {
|
|
2415
|
-
throw new Error(res.statusText);
|
|
2416
|
-
}
|
|
2417
|
-
return res.json();
|
|
2418
|
-
});
|
|
2419
|
-
};
|
|
2420
2529
|
// BettingTypes, playModes and playTypes
|
|
2421
2530
|
const getEnableOptions = (raw = []) => raw.filter((i) => i.enabled);
|
|
2422
2531
|
// the first one in bet type config that enabled = true, will be default choice
|
|
@@ -2454,7 +2563,8 @@ const SUPPORTED_LANGUAGES$1 = ['ro', 'en', 'fr', 'ar', 'hr'];
|
|
|
2454
2563
|
const TRANSLATIONS$1 = {
|
|
2455
2564
|
en: {
|
|
2456
2565
|
stop: 'Stop',
|
|
2457
|
-
at: 'at'
|
|
2566
|
+
at: 'at',
|
|
2567
|
+
turnover: 'Turnover: '
|
|
2458
2568
|
},
|
|
2459
2569
|
ro: {
|
|
2460
2570
|
stop: 'Oprește',
|
|
@@ -2492,6 +2602,7 @@ const LotteryTippingTicketBanner = class {
|
|
|
2492
2602
|
this.logoUrl = undefined;
|
|
2493
2603
|
this.stopTime = '';
|
|
2494
2604
|
this.period = undefined;
|
|
2605
|
+
this.formattedTurnover = undefined;
|
|
2495
2606
|
}
|
|
2496
2607
|
get formattedStopTime() {
|
|
2497
2608
|
let _temp = '';
|
|
@@ -2546,7 +2657,7 @@ const LotteryTippingTicketBanner = class {
|
|
|
2546
2657
|
this.stylingSubscription && this.stylingSubscription.unsubscribe();
|
|
2547
2658
|
}
|
|
2548
2659
|
render() {
|
|
2549
|
-
return (h("div", { key: '
|
|
2660
|
+
return (h("div", { key: 'e9286d0a6a9433698703b9c04d6d50892a7b3168', ref: (el) => (this.stylingContainer = el), class: "lottery-tipping-ticket-banner__container" }, h("section", { key: 'd787e64156f76cf6d12bd552513971301534860c', class: "banner" }, h("div", { key: '027baf0c88733d1430801c96b5b338f79f92f22c', class: "left" }, this.logoUrl && h("img", { key: '7b41d5635a2121ccf394aca19de48e10e9a93357', alt: "Betting", src: this.logoUrl, class: "logo" })), h("div", { key: '73e6c3ffa336b020a3819a72b71117b8084381b1', class: "mid period" }, this.formattedPeriod), h("div", { key: '922ae894814157f68aa8f0774c8aa5ca06e1e7cd', class: "right" }, h("span", { key: 'efaf79b1ff5617f2ba92cfef464232041cd87fbf', class: "pill" }, h("strong", { key: 'c842562b15a13407038933da9d1cc7c6fafa0b76' }, translate$1('stop', this.language)), "\u00A0", translate$1('at', this.language), "\u00A0", this.formattedStopTime), h("span", { key: '3e79a5ec17cbcf0896d58196286fa0b637988f69', class: "pill" }, h("strong", { key: '1158b00abffb1c6bf04e9eec10b4c996d04f118e' }, translate$1('turnover', this.language)), "\u00A0", this.formattedTurnover)))));
|
|
2550
2661
|
}
|
|
2551
2662
|
static get assetsDirs() { return ["../static"]; }
|
|
2552
2663
|
static get watchers() { return {
|
|
@@ -2837,11 +2948,7 @@ const LotteryTippingTicketBet = class {
|
|
|
2837
2948
|
.then((data) => {
|
|
2838
2949
|
this.ticketDataSource = data || [];
|
|
2839
2950
|
this.isLoading = false;
|
|
2840
|
-
|
|
2841
|
-
this.bulletConfigLineGroup = this.parsedDefaultBulletConfigLineGroup;
|
|
2842
|
-
else {
|
|
2843
|
-
this._resetBulletConfig();
|
|
2844
|
-
}
|
|
2951
|
+
this.updateBulletConfigLineGroup();
|
|
2845
2952
|
})
|
|
2846
2953
|
.catch((err) => {
|
|
2847
2954
|
this.isLoading = false;
|
|
@@ -2849,6 +2956,13 @@ const LotteryTippingTicketBet = class {
|
|
|
2849
2956
|
console.error('Error!', err);
|
|
2850
2957
|
});
|
|
2851
2958
|
}
|
|
2959
|
+
updateBulletConfigLineGroup() {
|
|
2960
|
+
if (this.parsedDefaultBulletConfigLineGroup && this.parsedDefaultBulletConfigLineGroup.length > 0)
|
|
2961
|
+
this.bulletConfigLineGroup = this.parsedDefaultBulletConfigLineGroup;
|
|
2962
|
+
else {
|
|
2963
|
+
this._resetBulletConfig();
|
|
2964
|
+
}
|
|
2965
|
+
}
|
|
2852
2966
|
connectedCallback() {
|
|
2853
2967
|
this.fetchMatchData();
|
|
2854
2968
|
}
|
|
@@ -3016,6 +3130,7 @@ const LotteryTippingTicketBet = class {
|
|
|
3016
3130
|
"gameId": ["fetchMatchData"],
|
|
3017
3131
|
"sessionId": ["fetchMatchData"],
|
|
3018
3132
|
"drawId": ["fetchMatchData"],
|
|
3133
|
+
"defaultBulletConfigLineGroup": ["fetchMatchData"],
|
|
3019
3134
|
"currentPage": ["handleCurrentPageChange"]
|
|
3020
3135
|
}; }
|
|
3021
3136
|
};
|
|
@@ -3033,16 +3148,52 @@ var BettingTypeEnum;
|
|
|
3033
3148
|
BettingTypeEnum["Both"] = "Both";
|
|
3034
3149
|
})(BettingTypeEnum || (BettingTypeEnum = {}));
|
|
3035
3150
|
|
|
3151
|
+
const TICKET_INVALID_TOKEN = 'TICKET_INVALID_TOKEN';
|
|
3152
|
+
const generateUUID = () => {
|
|
3153
|
+
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
|
|
3154
|
+
var r = (Math.random() * 16) | 0, v = c == 'x' ? r : (r & 0x3) | 0x8;
|
|
3155
|
+
return v.toString(16);
|
|
3156
|
+
});
|
|
3157
|
+
};
|
|
3158
|
+
const doSubmitTicket = ({ body, sessionId, url }) => {
|
|
3159
|
+
const options = {
|
|
3160
|
+
method: 'POST',
|
|
3161
|
+
headers: {
|
|
3162
|
+
'Content-Type': 'application/json',
|
|
3163
|
+
Accept: 'application/json',
|
|
3164
|
+
Authorization: `Bearer ${sessionId}`,
|
|
3165
|
+
'X-Idempotency-Key': generateUUID()
|
|
3166
|
+
},
|
|
3167
|
+
body: JSON.stringify(body)
|
|
3168
|
+
};
|
|
3169
|
+
return fetch(url, options).then((res) => {
|
|
3170
|
+
if (res.status === 401) {
|
|
3171
|
+
throw new Error(TICKET_INVALID_TOKEN);
|
|
3172
|
+
}
|
|
3173
|
+
if (res.status > 300) {
|
|
3174
|
+
throw new Error(res.statusText);
|
|
3175
|
+
}
|
|
3176
|
+
return res.json();
|
|
3177
|
+
});
|
|
3178
|
+
};
|
|
3179
|
+
async function fetchSaleStatistics({ endpoint, gameId, drawId }) {
|
|
3180
|
+
try {
|
|
3181
|
+
const res = await fetchRequest(`${endpoint}/api/v1/lottery/core/widget/games/${gameId}/draws/${drawId}/saleStatistics`);
|
|
3182
|
+
return res;
|
|
3183
|
+
}
|
|
3184
|
+
catch (error) {
|
|
3185
|
+
return Promise.reject(error);
|
|
3186
|
+
}
|
|
3187
|
+
}
|
|
3188
|
+
|
|
3036
3189
|
const lotteryTippingTicketControllerCss = ".lottery-tipping-ticket-controller__container {\n display: block;\n box-sizing: border-box;\n font-size: 14px;\n container-type: inline-size;\n background: var(--emw--color-background, #fff);\n}\n@container (max-width: 375px) {\n .lottery-tipping-ticket-controller__container {\n font-size: 12px;\n }\n}\n\n.LotteryTippingTicketController__top {\n padding: 1.8rem;\n display: flex;\n flex-direction: column;\n gap: 2rem;\n margin: 0 auto;\n max-width: 800px;\n}\n.LotteryTippingTicketController__row {\n display: flex;\n align-items: center;\n gap: 1rem;\n justify-content: space-between;\n flex-wrap: wrap;\n}\n.LotteryTippingTicketController__section {\n display: flex;\n align-items: center;\n gap: 12px;\n}\n.LotteryTippingTicketController__label {\n font-weight: 500;\n white-space: nowrap;\n width: 6rem;\n color: var(--emw--color-typography-secondary, #333);\n}\n.LotteryTippingTicketController__segmented-control {\n height: 2.2rem;\n display: inline-flex;\n background-color: var(--emw--color-background-secondary, #f5f5f5);\n border-radius: 2rem;\n padding: 0.2rem;\n}\n.LotteryTippingTicketController__segment {\n background-color: transparent;\n border: none;\n padding: 0.3rem 0.8rem;\n cursor: pointer;\n font-weight: 500;\n border-radius: 2rem;\n outline: none;\n transition: background-color 0.25s ease, color 0.25s ease;\n white-space: nowrap;\n color: var(--emw--color-typography, #000);\n}\n.LotteryTippingTicketController__segment--active {\n background-color: var(--emw--color-background, #ffffff);\n color: var(--emw--color-typography, #000);\n font-weight: 600;\n}\n.LotteryTippingTicketController__segment--disabled:hover {\n cursor: not-allowed !important;\n}\n.LotteryTippingTicketController__segment:not(.LotteryTippingTicketController__segment--active):hover {\n background-color: var(--emw--color-background-tertiary, #ccc);\n}\n\n.flex {\n display: flex;\n}\n\n.flex-wrap {\n flex-wrap: wrap;\n}\n\n.align-center {\n align-items: center;\n}\n\n.gap-1 {\n gap: 4px;\n}\n\n.LotteryTippingTicketController__main {\n align-items: flex-start;\n justify-content: center;\n gap: 2rem;\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n flex-wrap: wrap;\n}\n.LotteryTippingTicketController__main--left {\n border: 1px solid var(--emw--color-gray-50, #f5f5f5);\n padding: 1rem;\n border-radius: 1rem;\n flex: 1.5;\n}\n.LotteryTippingTicketController__main--right {\n padding: 1rem;\n border-radius: 1rem;\n flex: 1;\n}\n\n.order-summary {\n max-width: 360px;\n width: 100%;\n background: var(--emw--color-background, #fff);\n}\n\n.order-summary__title {\n margin-bottom: 16px;\n text-align: center;\n color: var(--emw--color-typography, #000);\n text-transform: uppercase;\n}\n\n.order-summary__ticket-info {\n display: flex;\n align-items: center;\n margin-bottom: 16px;\n gap: 10px;\n color: var(--emw--color-typography, #000);\n}\n\n.order-summary__ticket {\n font-weight: 500;\n width: 50px;\n text-align: right;\n color: var(--emw--color-typography, #000);\n}\n\n.order-summary__details {\n display: flex;\n align-items: center;\n color: var(--emw--color-typography, #000);\n}\n\n.order-summary__multiplier {\n color: var(--emw--color-typography-secondary, #333);\n margin: 0 8px;\n}\n\n.order-summary__divider {\n border: none;\n border-top: 1px solid var(--emw--color-gray-100, #e6e6e6);\n margin: 20px 0;\n}\n\n.order-summary__button-wrapper {\n display: flex;\n justify-content: center;\n}\n\n.order-summary__button {\n cursor: pointer;\n padding: 0.8rem 4rem;\n background: var(--emw--color-primary, #fed275);\n color: var(--emw--color-typography, #000);\n border-radius: var(--emw--button-border-radius, 4px);\n border: none;\n position: relative;\n}\n\n.loading-icon {\n position: absolute;\n right: 40px;\n top: 10px;\n}\n\n.order-summary__button:not(.order-summary__button--disabled):not(.order-summary__button--loading):hover {\n transform: translateY(-1px);\n background: var(--emw--color-primary-variant, #ffe66f);\n}\n\n.order-summary__button--loading {\n background: var(--emw--color-primary-variant, #ffe66f);\n cursor: not-allowed;\n}\n\n.order-summary__button--disabled {\n background: var(--emw--color-background-secondary, #f5f5f5);\n color: var(--emw--color-typography, #000);\n cursor: not-allowed;\n}\n\n.skeleton-content {\n display: flex;\n flex-direction: column;\n gap: 29px;\n align-items: center;\n}\n\n.skeleton-item {\n background: var(--emw--color-background-secondary, #f5f5f5);\n border-radius: 4px;\n height: 40px;\n width: 200px;\n}\n\n.skeleton-animated {\n animation: skeleton-shimmer 1.5s infinite linear;\n background: linear-gradient(90deg, var(--emw--color-background-secondary, #f5f5f5) 25%, var(--emw--color-background-tertiary, #ccc) 37%, var(--emw--color-background-secondary, #f5f5f5) 63%);\n background-size: 200% 100%;\n}\n\n@keyframes skeleton-shimmer {\n to {\n background-position: 100% 0;\n }\n}\n.loading-icon.scale {\n animation: scale 1s infinite ease-in-out;\n}\n\n@keyframes scale {\n 0%, 100% {\n transform: scale(1);\n }\n 50% {\n transform: scale(1.2);\n }\n}";
|
|
3037
3190
|
const LotteryTippingTicketControllerStyle0 = lotteryTippingTicketControllerCss;
|
|
3038
3191
|
|
|
3039
|
-
const loadingImagePath = renderIconDefinitionToSVGElement(EllipsisOutlined$1, {
|
|
3040
|
-
extraSVGAttrs: { height: '20px', width: '20px', fill: 'currentColor' }
|
|
3041
|
-
});
|
|
3042
3192
|
const LotteryTippingTicketController = class {
|
|
3043
3193
|
constructor(hostRef) {
|
|
3044
3194
|
registerInstance(this, hostRef);
|
|
3045
3195
|
this.logoutEventHandler = createEvent(this, "logout", 7);
|
|
3196
|
+
this.bothBettingTypeMultiplier = 2;
|
|
3046
3197
|
this.mbSource = undefined;
|
|
3047
3198
|
this.clientStyling = undefined;
|
|
3048
3199
|
this.clientStylingUrl = undefined;
|
|
@@ -3050,6 +3201,7 @@ const LotteryTippingTicketController = class {
|
|
|
3050
3201
|
this.language = 'en';
|
|
3051
3202
|
this.logoUrl = undefined;
|
|
3052
3203
|
this.endpoint = '';
|
|
3204
|
+
this.endpointLotteryBe = '';
|
|
3053
3205
|
this.endpointTicket = undefined;
|
|
3054
3206
|
this.sessionId = undefined;
|
|
3055
3207
|
this.gameId = undefined;
|
|
@@ -3065,6 +3217,7 @@ const LotteryTippingTicketController = class {
|
|
|
3065
3217
|
this.totalLineCombination = 0;
|
|
3066
3218
|
this.submitLoading = undefined;
|
|
3067
3219
|
this.rawData = {};
|
|
3220
|
+
this.saleStatisticsInfo = {};
|
|
3068
3221
|
this.dialogConfig = { visible: false };
|
|
3069
3222
|
}
|
|
3070
3223
|
async getLotteryTippingBulletResults() {
|
|
@@ -3163,12 +3316,14 @@ const LotteryTippingTicketController = class {
|
|
|
3163
3316
|
return 0;
|
|
3164
3317
|
}
|
|
3165
3318
|
let totalAmount = stake.value * this.totalLineCombination;
|
|
3319
|
+
if (this.isBothBettingType)
|
|
3320
|
+
totalAmount = this.bothBettingTypeMultiplier * totalAmount;
|
|
3166
3321
|
return totalAmount;
|
|
3167
3322
|
}
|
|
3168
3323
|
get totalAmountFormatted() {
|
|
3169
3324
|
var _a;
|
|
3170
3325
|
const totalAmount = this.calculateTotalAmount();
|
|
3171
|
-
return thousandSeparator(totalAmount) + ' ' + ((_a = this.currentStake) === null || _a === void 0 ? void 0 : _a.currency) || '';
|
|
3326
|
+
return thousandSeparator(totalAmount) + ' ' + (((_a = this.currentStake) === null || _a === void 0 ? void 0 : _a.currency) || '');
|
|
3172
3327
|
}
|
|
3173
3328
|
get currentStakeFormatted() {
|
|
3174
3329
|
const { value = '', currency = '' } = this.currentStake || {};
|
|
@@ -3248,6 +3403,7 @@ const LotteryTippingTicketController = class {
|
|
|
3248
3403
|
});
|
|
3249
3404
|
this.handleBettingTypeChange(bettingType);
|
|
3250
3405
|
this.selectedPlayingMode = playMode;
|
|
3406
|
+
return this.updateSaleStatistics();
|
|
3251
3407
|
})
|
|
3252
3408
|
.catch((err) => {
|
|
3253
3409
|
console.error('Error!', err);
|
|
@@ -3258,6 +3414,16 @@ const LotteryTippingTicketController = class {
|
|
|
3258
3414
|
};
|
|
3259
3415
|
fetchData();
|
|
3260
3416
|
}
|
|
3417
|
+
updateSaleStatistics() {
|
|
3418
|
+
var _a;
|
|
3419
|
+
return fetchSaleStatistics({
|
|
3420
|
+
endpoint: this.endpointLotteryBe,
|
|
3421
|
+
gameId: (_a = this.rawData) === null || _a === void 0 ? void 0 : _a.type,
|
|
3422
|
+
drawId: this.drawId
|
|
3423
|
+
}).then((res) => {
|
|
3424
|
+
this.saleStatisticsInfo = res;
|
|
3425
|
+
});
|
|
3426
|
+
}
|
|
3261
3427
|
async handleSubmit() {
|
|
3262
3428
|
const rawResults = await this.getLotteryTippingBulletResults();
|
|
3263
3429
|
const { betTypeId, betType } = getPlayTypeConfig({
|
|
@@ -3299,6 +3465,7 @@ const LotteryTippingTicketController = class {
|
|
|
3299
3465
|
.then(() => {
|
|
3300
3466
|
showNotification$1({ message: translate$2('ticketSubmitted', this.language) });
|
|
3301
3467
|
this.clearBulletConfig();
|
|
3468
|
+
this.updateSaleStatistics();
|
|
3302
3469
|
})
|
|
3303
3470
|
.catch((res) => {
|
|
3304
3471
|
if (res.message === TICKET_INVALID_TOKEN) {
|
|
@@ -3332,15 +3499,19 @@ const LotteryTippingTicketController = class {
|
|
|
3332
3499
|
return (h("div", { class: "LotteryTippingTicketController__top" }, h("div", { class: "LotteryTippingTicketController__row" }, h("div", { class: "LotteryTippingTicketController__section" }, h("span", { class: "LotteryTippingTicketController__label" }, translate$2('bettingType', this.language)), !!this.bettingTypeOptions.length ? renderBettingTypeOptions() : renderSkeleton()), h("div", { class: "LotteryTippingTicketController__section" }, h("span", { class: "LotteryTippingTicketController__label" }, translate$2('playingMode', this.language)), !!this.playingModeOptions.length ? renderPlayingModeOptions() : renderSkeleton()))));
|
|
3333
3500
|
}
|
|
3334
3501
|
renderOrderSummary() {
|
|
3335
|
-
return (h("div", { class: "LotteryTippingTicketController__main--right order-summary" }, h("h3", { class: "order-summary__title" }, translate$2('orderSummaryTitle', this.language)), h("div", { class: "order-summary__ticket-info" }, h("div", { class: "order-summary__ticket" }, translate$2('orderSummaryTickets', this.language), ":"), h("div", { class: "order-summary__details" }, h("span", { class: "order-summary__line-count" }, this.lineCountRender), h("div", null, this.currentStake && h("span", { class: "order-summary__multiplier" }, "x"), h("span", { class: "order-summary__stake" }, this.currentStakeFormatted)), this.isBothBettingType && (h("div", null, h("span", { class: "order-summary__multiplier" }, "x"), h("span", { class: "order-summary__stake" },
|
|
3336
|
-
|
|
3337
|
-
|
|
3338
|
-
|
|
3339
|
-
|
|
3502
|
+
return (h("div", { class: "LotteryTippingTicketController__main--right order-summary" }, h("h3", { class: "order-summary__title" }, translate$2('orderSummaryTitle', this.language)), h("div", { class: "order-summary__ticket-info" }, h("div", { class: "order-summary__ticket" }, translate$2('orderSummaryTickets', this.language), ":"), h("div", { class: "order-summary__details" }, h("span", { class: "order-summary__line-count" }, this.lineCountRender), h("div", null, this.currentStake && h("span", { class: "order-summary__multiplier" }, "x"), h("span", { class: "order-summary__stake" }, this.currentStakeFormatted)), this.isBothBettingType && (h("div", null, h("span", { class: "order-summary__multiplier" }, "x"), h("span", { class: "order-summary__stake" }, this.bothBettingTypeMultiplier))))), h("hr", { class: "order-summary__divider" }), h("div", { class: "order-summary__ticket-info" }, h("div", { class: "order-summary__ticket" }, translate$2('orderSummaryTotal', this.language), ":"), h("span", { class: "order-summary__details" }, this.totalAmountFormatted)), h("div", { class: "order-summary__button-wrapper" }, h("lottery-button", { onClick: this.handleSubmit.bind(this), loading: this.submitLoading, disabled: !this.hasSelectAllBullet || this.submitLoading, text: translate$2('orderSummarySubmit', this.language) }))));
|
|
3503
|
+
}
|
|
3504
|
+
get formattedTurnover() {
|
|
3505
|
+
var _a, _b;
|
|
3506
|
+
const turnover = (_b = (_a = this.saleStatisticsInfo) === null || _a === void 0 ? void 0 : _a.wagerSegment) === null || _b === void 0 ? void 0 : _b.totalSalesCrossDraw;
|
|
3507
|
+
if (turnover === null || turnover === undefined)
|
|
3508
|
+
return '';
|
|
3509
|
+
const unit = '€';
|
|
3510
|
+
return `${unit}${turnover ? thousandSeparator(turnover) : 0}`;
|
|
3340
3511
|
}
|
|
3341
3512
|
render() {
|
|
3342
3513
|
var _a, _b, _c, _d, _e, _f, _g;
|
|
3343
|
-
return (h("div", { key: '
|
|
3514
|
+
return (h("div", { key: 'a849624b0fe5fae436bec3e42836d4dc30074539', class: "lottery-tipping-ticket-controller__container", ref: (el) => (this.stylingContainer = el) }, h("lottery-tipping-ticket-banner", { key: 'dde87c0980564b39eb882121911125f630994369', "client-styling": this.clientStyling, "client-styling-Url": this.clientStylingUrl, stopTime: (_b = (_a = this.rawData) === null || _a === void 0 ? void 0 : _a.currentDraw) === null || _b === void 0 ? void 0 : _b.wagerCloseTime, period: (_d = (_c = this.rawData) === null || _c === void 0 ? void 0 : _c.currentDraw) === null || _d === void 0 ? void 0 : _d.date, "formatted-turnover": this.formattedTurnover, language: this.language, "translation-url": this.translationUrl, "logo-url": this.logoUrl }), this.renderBettingControls(), h("div", { key: 'b8cfcea8d213bd0275ab9f1a3a164ebcaa629f71', class: "flex flex-wrap LotteryTippingTicketController__main" }, h("div", { key: '9fec0554e90804ae4b261d5facc28de4d242524d', class: "LotteryTippingTicketController__main--left" }, h("lottery-tipping-ticket-bet", { key: '7d36a1095dba6541b480a989e6b1661b576963bb', ref: (el) => (this.childRef = el), endpoint: this.endpoint, "session-id": this.sessionId, "game-id": (_e = this.rawData) === null || _e === void 0 ? void 0 : _e.type, "draw-id": this.drawId, language: this.language, "translation-url": this.translationUrl, "max-total-pages": this.lineNumberRange.maxLineNumber, "min-total-pages": this.lineNumberRange.minLineNumber, "total-pages": this.lineNumberRange.defaultBoards, mode: this.selectedPlayingMode === PlayModeEnum.SingleBet ? 'single' : 'multi', "client-styling": this.clientStyling, "client-styling-Url": this.clientStylingUrl })), this.renderOrderSummary()), this.dialogConfig.visible && (h("vaadin-confirm-dialog", { key: 'c7935460a02c65697f30dd3da5e2886cec75f3fb', rejectButtonVisible: true, rejectText: translate$2('cancel', this.language), confirmText: translate$2('confirm', this.language), opened: (_f = this.dialogConfig) === null || _f === void 0 ? void 0 : _f.visible, onConfirm: this.dialogConfig.onConfirm, onReject: this.dialogConfig.onCancel }, (_g = this.dialogConfig) === null || _g === void 0 ? void 0 : _g.content))));
|
|
3344
3515
|
}
|
|
3345
3516
|
static get assetsDirs() { return ["../static"]; }
|
|
3346
3517
|
static get watchers() { return {
|
|
@@ -3410,7 +3581,7 @@ const LotteryTippingTicketHistory = class {
|
|
|
3410
3581
|
this.ticketHistory = [];
|
|
3411
3582
|
this.activeStatus = '';
|
|
3412
3583
|
this.statusOptions = undefined;
|
|
3413
|
-
this.isLoading =
|
|
3584
|
+
this.isLoading = true;
|
|
3414
3585
|
this.rawData = {};
|
|
3415
3586
|
this.filterData = {
|
|
3416
3587
|
offset: 0,
|
|
@@ -3420,6 +3591,7 @@ const LotteryTippingTicketHistory = class {
|
|
|
3420
3591
|
to: '',
|
|
3421
3592
|
wagerType: '',
|
|
3422
3593
|
vendorGameType: 'PoolGame',
|
|
3594
|
+
vendorGameBettingObject: 'HomeDrawAway',
|
|
3423
3595
|
id: ''
|
|
3424
3596
|
};
|
|
3425
3597
|
this.paginationInfo = {
|
|
@@ -3466,7 +3638,6 @@ const LotteryTippingTicketHistory = class {
|
|
|
3466
3638
|
async fetchGameData() {
|
|
3467
3639
|
var _a;
|
|
3468
3640
|
try {
|
|
3469
|
-
this.isLoading = true;
|
|
3470
3641
|
let url = new URL(`${this.endpoint}/games/${this.gameId}`);
|
|
3471
3642
|
const res = await fetchRequest$1(url.href, 'GET');
|
|
3472
3643
|
this.rawData = res;
|
|
@@ -3475,7 +3646,6 @@ const LotteryTippingTicketHistory = class {
|
|
|
3475
3646
|
showNotification$2({ message: (_a = e.message) !== null && _a !== void 0 ? _a : e, theme: 'error' });
|
|
3476
3647
|
}
|
|
3477
3648
|
finally {
|
|
3478
|
-
this.isLoading = false;
|
|
3479
3649
|
}
|
|
3480
3650
|
}
|
|
3481
3651
|
connectedCallback() {
|
|
@@ -3529,7 +3699,7 @@ const LotteryTippingTicketHistory = class {
|
|
|
3529
3699
|
this.isLoading = false;
|
|
3530
3700
|
}
|
|
3531
3701
|
}
|
|
3532
|
-
async
|
|
3702
|
+
async fetchDrawResult(gameId, drawId) {
|
|
3533
3703
|
try {
|
|
3534
3704
|
const res = await fetchRequest$1(`${this.endpoint}/games/${gameId}/draws/${drawId}`, 'GET', {});
|
|
3535
3705
|
return res;
|
|
@@ -3569,7 +3739,7 @@ const LotteryTippingTicketHistory = class {
|
|
|
3569
3739
|
let updatedTicketHistory = [...this.ticketHistory];
|
|
3570
3740
|
await Promise.all(Array.from(idMapper.values()).map(async ({ gameId, drawId, indices }) => {
|
|
3571
3741
|
try {
|
|
3572
|
-
const drawData = await this.
|
|
3742
|
+
const drawData = await this.fetchDrawResult(gameId, drawId);
|
|
3573
3743
|
if (drawData) {
|
|
3574
3744
|
indices.forEach(({ ticketIndex, drawIndex }) => {
|
|
3575
3745
|
const updatedDrawResult = Object.assign(Object.assign({}, updatedTicketHistory[ticketIndex].drawResults[drawIndex]), { tempDrawData: Object.assign(Object.assign({}, drawData), { vendorGameId: updatedTicketHistory[ticketIndex].vendorGameId }), prizeDetails: this.displayPrizeCategory(updatedTicketHistory[ticketIndex].drawResults[drawIndex].details) });
|
|
@@ -3660,6 +3830,7 @@ const LotteryTippingTicketHistory = class {
|
|
|
3660
3830
|
to: '',
|
|
3661
3831
|
wagerType: '',
|
|
3662
3832
|
vendorGameType: 'PoolGame',
|
|
3833
|
+
vendorGameBettingObject: 'HomeDrawAway',
|
|
3663
3834
|
id: ''
|
|
3664
3835
|
};
|
|
3665
3836
|
this.fetchTicketList();
|
|
@@ -3690,15 +3861,15 @@ const LotteryTippingTicketHistory = class {
|
|
|
3690
3861
|
return name !== null && name !== void 0 ? name : bettingType;
|
|
3691
3862
|
}
|
|
3692
3863
|
render() {
|
|
3693
|
-
return (h("div", { key: '
|
|
3694
|
-
item.drawResults.map((drawResultItem) => (h("div", { class: "draw-info-container" }, drawResultItem.tempDrawData ? (h("div", { class: "draw-info" }, h("div", { class: "draw-info-item" }, h("div", { class: "draw-info-label" }, translate$4('ticketResult', this.language)), h("div", { class: "draw-info-val" }, this.resultMap[drawResultItem.state])), h("div", { class: "draw-info-item" }, h("div", { class: "draw-info-label" }, translate$4('drawId', this.language)), h("div", { class: "draw-info-val" }, drawResultItem.drawId)), h("div", { class: "draw-info-item" }, h("div", { class: "draw-info-label" }, translate$4('drawDate', this.language)), h("div", { class: "draw-info-val" }, format(new Date(drawResultItem.tempDrawData.date), 'dd/MM/yyyy'))), h("div", { class: "draw-info-item" }, h("div", { class: "draw-info-label" }, translate$4('result', this.language)), h("div", { class: "draw-info-val" }, h("span", { class: "show-detail-link", onClick: () => this.handleShowCurrentDraw(drawResultItem.tempDrawData) }, translate$4('seeDetails', this.language)))), drawResultItem.state === DrawResult.WON && (h("div", { class: "draw-info-item" }, h("div", { class: "draw-info-label" }, translate$4('prize', this.language)), h("div", { class: "draw-info-val1" }, h("div", { style: { height: '20px' } }), drawResultItem.prizeDetails.map((prizeItem) => (h("span", null, h("div", null, h("span", { style: { color: 'rgb(85, 85, 85)' } }, prizeItem.prizeName, prizeItem.times > 1 ? ' x ' + prizeItem.times : '', ":", ' '), h("span", { style: { 'margin-right': '4px', color: 'rgb(85, 85, 85)' } }, thousandSeperator(prizeItem.amount)), h("span", { style: { color: 'rgb(85, 85, 85)' } }, prizeItem.currency)))))))))) : (h("div", { class: "draw-info-skeleton" }, [...Array(5)].map(() => (h("div", { class: "skeleton-line" })))))))))))))), h("lottery-tipping-dialog", { key: '
|
|
3864
|
+
return (h("div", { key: '482c0231847e34c4778109388a4119311f967a23', class: "lottery-tipping-ticket-history", ref: (el) => (this.stylingContainer = el) }, h("div", { key: '23ca773d34a5519bed5a46bdddeb631b7cf1a860', class: "ticket-history-title" }, translate$4('ticketsHistory', this.language)), h("div", { key: '490645a92e95d8f9372de8da178d68192dbd9833', class: "filter-wrap" }, h("div", { key: 'e6148ecca58e013dbb3cf14c63a775ac7b7bf1e1', class: "filter-status" }, this.statusOptions.map((status) => (h("div", { class: 'filter-status-btn' + (this.activeStatus == status.value ? ' active' : ''), onClick: () => this.changeStatus(status.value) }, status.label)))), h("div", { key: 'a4b4a6bf6bf4ee1f6ac96d070e166a9c3d9d8685', class: "filter-operation" }, h("lottery-tipping-filter", { key: '4840846470dd119ddf612596b5384cacfeaf3712', "quick-filters-active": this.quickFiltersActive, language: this.language, "translation-url": this.translationUrl }))), this.isLoading && (h("div", { key: '889098ccaa01cc2ac09a7137877d539cbe3d065e', class: "loading-wrap" }, h("section", { key: '8e2dbde5a065631809ce58351970455087ad15f2', class: "dots-container" }, h("div", { key: '57091e88a4d804978c82fc7539c8176ed6749c36', class: "dot" }), h("div", { key: '5ebfda4acf1a2313a320cebbf50997ea61591aac', class: "dot" }), h("div", { key: 'b8bcf4f0c3d56daeb0905fcc30ad2ddd2486d163', class: "dot" }), h("div", { key: '66b9f178213463bb7b52942a3ff3e46a179564fc', class: "dot" }), h("div", { key: 'a37e51ff17057fc722e45004de2b0af121f7caf4', class: "dot" })))), !this.isLoading && this.paginationInfo.total > 0 && (h("div", { key: 'b79011a6606fec6865b9444b6b72a4ee8e6e6eea', class: "ticket-list-wrap" }, this.ticketHistory.map((item) => (h("lottery-tipping-panel", { "header-title": format(new Date(item.createdAt), 'dd/MM/yyyy HH:mm:ss') + ' ' + item.state }, h("div", { class: "panel-content", slot: "content" }, h("div", { class: "ticket-info" }, h("div", { class: "ticket-info-item" }, h("div", { class: "ticket-info-label" }, translate$4('ticketId', this.language)), h("div", { class: "ticket-info-val" }, item.id, " ")), h("div", { class: "ticket-info-item" }, h("div", { class: "ticket-info-label" }, translate$4('ticketType', this.language)), h("div", { class: "ticket-info-val" }, this.ticketTypeMap[item.wagerType], " ")), h("div", { class: "ticket-info-item" }, h("div", { class: "ticket-info-label" }, translate$4('ticketAmount', this.language)), h("div", { class: "ticket-info-val" }, `${item.amount} ${item.currency}`)), h("div", { class: "ticket-info-item" }, h("div", { class: "ticket-info-label" }, translate$4('lineDetail', this.language)), h("div", { class: "ticket-info-val" }, h("span", { class: "show-detail-link", onClick: () => this.handleShowTicketLineDetial(item) }, translate$4('seeDetails', this.language)))), h("div", { class: "ticket-info-item" }, h("div", { class: "ticket-info-label" }, translate$4('numberOfDraw', this.language)), h("div", { class: "ticket-info-val" }, item.drawCount))), item.state == 'Settled' &&
|
|
3865
|
+
item.drawResults.map((drawResultItem) => (h("div", { class: "draw-info-container" }, drawResultItem.tempDrawData ? (h("div", { class: "draw-info" }, h("div", { class: "draw-info-item" }, h("div", { class: "draw-info-label" }, translate$4('ticketResult', this.language)), h("div", { class: "draw-info-val" }, this.resultMap[drawResultItem.state])), h("div", { class: "draw-info-item" }, h("div", { class: "draw-info-label" }, translate$4('drawId', this.language)), h("div", { class: "draw-info-val" }, drawResultItem.drawId)), h("div", { class: "draw-info-item" }, h("div", { class: "draw-info-label" }, translate$4('drawDate', this.language)), h("div", { class: "draw-info-val" }, format(new Date(drawResultItem.tempDrawData.date), 'dd/MM/yyyy'))), h("div", { class: "draw-info-item" }, h("div", { class: "draw-info-label" }, translate$4('result', this.language)), h("div", { class: "draw-info-val" }, h("span", { class: "show-detail-link", onClick: () => this.handleShowCurrentDraw(drawResultItem.tempDrawData) }, translate$4('seeDetails', this.language)))), drawResultItem.state === DrawResult.WON && (h("div", { class: "draw-info-item" }, h("div", { class: "draw-info-label" }, translate$4('prize', this.language)), h("div", { class: "draw-info-val1" }, h("div", { style: { height: '20px' } }), drawResultItem.prizeDetails.map((prizeItem) => (h("span", null, h("div", null, h("span", { style: { color: 'rgb(85, 85, 85)' } }, prizeItem.prizeName, prizeItem.times > 1 ? ' x ' + prizeItem.times : '', ":", ' '), h("span", { style: { 'margin-right': '4px', color: 'rgb(85, 85, 85)' } }, thousandSeperator(prizeItem.amount)), h("span", { style: { color: 'rgb(85, 85, 85)' } }, prizeItem.currency)))))))))) : (h("div", { class: "draw-info-skeleton" }, [...Array(5)].map(() => (h("div", { class: "skeleton-line" })))))))))))))), !this.isLoading && this.paginationInfo.total === 0 && (h("div", { key: 'ee7a1052955280e5a6ada4c0efc30b9fd0d98fd9', class: "empty-wrap" }, translate$4('noData', this.language))), h("lottery-tipping-dialog", { key: 'd9e0305ee9099100ab185744e2aaac73307a7c1e', visible: this.showCurrentTicketLine, width: !isMobile(window.navigator.userAgent) ? '720px' : undefined, fullscreen: isMobile(window.navigator.userAgent), closable: true, showFooter: false, onCancel: () => {
|
|
3695
3866
|
this.showCurrentTicketLine = false;
|
|
3696
|
-
}, language: this.language, "translation-url": this.translationUrl }, this.curSelection && this.curSelection.length && (h("div", { key: '
|
|
3867
|
+
}, language: this.language, "translation-url": this.translationUrl }, this.curSelection && this.curSelection.length && this.showCurrentTicketLine && (h("div", { key: 'fe67de05d41d4e49d1fd50dbf6ce92c599a37ea7' }, h("div", { key: 'c367ac116ad9ea927291881f5ff136840ccb4081', class: "betting-type" }, h("div", { key: '021e57f03a8c96a78dbcb5843186170fe1d0a53d', class: "betting-type-title" }, translate$4('bettingType', this.language)), h("div", { key: 'ea1fec0f472ab8187f09db90fc164ec0fa0c294d', class: "betting-type-text" }, this.getBettingTypeName(this.getBettingType(this.curTicketItem.selection[this.curSelectionIdx].betType)))), h("lottery-tipping-ticket-bet", { key: '8ee7e277f0a31c6d2e7e3206eef4ecb00563117f', endpoint: this.endpoint, "session-id": this.sessionId, "game-id": this.curTicketItem.vendorGameId, "draw-id": this.curTicketItem.startingDrawId, "default-bullet-config-line-group": JSON.stringify(this.curSelection), "read-pretty": true, "total-pages": this.curSelection.length, language: this.language, "translation-url": this.translationUrl })))), h("lottery-tipping-dialog", { key: 'b35fe7a03de9f0613f40a6728fb9b517ee7720ff', visible: this.showCurrentDrawResult, width: !isMobile(window.navigator.userAgent) ? '720px' : undefined, fullscreen: isMobile(window.navigator.userAgent), closable: true, showFooter: false, onCancel: () => {
|
|
3697
3868
|
this.showCurrentDrawResult = false;
|
|
3698
|
-
}, language: this.language, "translation-url": this.translationUrl }, this.curDrawSelection && this.curDrawSelection.length && (h("div", { key: '
|
|
3869
|
+
}, language: this.language, "translation-url": this.translationUrl }, this.curDrawSelection && this.curDrawSelection.length && this.showCurrentDrawResult && (h("div", { key: 'c0c43e4d4aa54c55b2f69fa254d78b02ebbf3d58' }, h("div", { key: 'f6f7971515335c61aa3ef179aafc4936a3445b72', class: "betting-type" }, h("div", { key: 'ed535b79ad7db63ca771b063eb30c5d2b89942e5', class: "betting-type-title" }, translate$4('bettingType', this.language)), h("div", { key: 'f017fe599cf209fa9a55e691b5943188e6a708ec', class: "betting-type-text" }, h("div", { key: 'cc9db96d2def2c0de5aa9b1e8b2075adbf40f728', class: "LotteryTippingTicketController__segmented-control" }, Object.keys(this.curDrawSelectionMap).map((bettingType) => (h("button", { class: {
|
|
3699
3870
|
LotteryTippingTicketController__segment: true,
|
|
3700
3871
|
'LotteryTippingTicketController__segment--active': this.curDrawSelectionBettingType === bettingType
|
|
3701
|
-
}, onClick: () => this.handleDrawBettingTypeChange(bettingType) }, this.getBettingTypeName(bettingType))))))), h("lottery-tipping-ticket-bet", { key: '
|
|
3872
|
+
}, onClick: () => this.handleDrawBettingTypeChange(bettingType) }, this.getBettingTypeName(bettingType))))))), h("lottery-tipping-ticket-bet", { key: 'da2bd7b45abeb7c610c712c459ecacebafe7aa03', endpoint: this.endpoint, "session-id": this.sessionId, "game-id": this.curDrawItem.vendorGameId, "draw-id": this.curDrawItem.id, "default-bullet-config-line-group": JSON.stringify(this.curDrawSelection), "read-pretty": true, "total-pages": this.curDrawSelection.length, language: this.language, "translation-url": this.translationUrl })))), h("div", { key: 'a64d5819bf8db8e46e419cf88ac92eaef61288b5', class: "pagination-wrap" }, h("lottery-tipping-pagination", { key: 'e2dbfdf08c0b0f356bda2134c3dd349315232dad', total: this.paginationInfo.total, current: this.paginationInfo.current, "page-size": this.paginationInfo.pageSize, language: this.language, "translation-url": this.translationUrl }))));
|
|
3702
3873
|
}
|
|
3703
3874
|
static get watchers() { return {
|
|
3704
3875
|
"clientStyling": ["handleClientStylingChange"],
|
|
@@ -3713,4 +3884,4 @@ const LotteryTippingTicketHistory = class {
|
|
|
3713
3884
|
};
|
|
3714
3885
|
LotteryTippingTicketHistory.style = LotteryTippingTicketHistoryStyle0;
|
|
3715
3886
|
|
|
3716
|
-
export { DrawSelection as draw_selection, GeneralMultiSelect as general_multi_select, GeneralTooltip as general_tooltip, LotteryTippingBullet as lottery_tipping_bullet, LotteryTippingBulletGroup as lottery_tipping_bullet_group, LotteryTippingCalendar as lottery_tipping_calendar, LotteryTippingDialog as lottery_tipping_dialog, LotteryTippingFilter as lottery_tipping_filter, LotteryTippingLatestResult as lottery_tipping_latest_result, LotteryTippingPage as lottery_tipping_page, LotteryTippingPagination as lottery_tipping_pagination, lotteryTippingPanel as lottery_tipping_panel, LotteryTippingTicketBanner as lottery_tipping_ticket_banner, LotteryTippingTicketBet as lottery_tipping_ticket_bet, LotteryTippingTicketController as lottery_tipping_ticket_controller, LotteryTippingTicketHistory as lottery_tipping_ticket_history };
|
|
3887
|
+
export { DrawSelection as draw_selection, GeneralMultiSelect as general_multi_select, GeneralTooltip as general_tooltip, LotteryButton as lottery_button, LotteryTippingBullet as lottery_tipping_bullet, LotteryTippingBulletGroup as lottery_tipping_bullet_group, LotteryTippingCalendar as lottery_tipping_calendar, LotteryTippingDialog as lottery_tipping_dialog, LotteryTippingFilter as lottery_tipping_filter, LotteryTippingLatestResult as lottery_tipping_latest_result, LotteryTippingPage as lottery_tipping_page, LotteryTippingPagination as lottery_tipping_pagination, lotteryTippingPanel as lottery_tipping_panel, LotteryTippingTicketBanner as lottery_tipping_ticket_banner, LotteryTippingTicketBet as lottery_tipping_ticket_bet, LotteryTippingTicketController as lottery_tipping_ticket_controller, LotteryTippingTicketHistory as lottery_tipping_ticket_history };
|